/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/wordpress-themes/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2014 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

@import url( '../make/style.css' );

/* Add your custom styles below. */

.float_right {
	float: right;
}

/* Start aanpassingen aan mobile-menu */

.menu-toggle {
	background-color: transparent;
	color: #555;
	position: absolute;	
	top: 20px;
	left: 230px;
	font-size:20px;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#site-navigation.toggled .menu-toggle:before {
  padding-right: 6px;
  padding-right: .6rem;
  font-family: FontAwesome;
  content: "\f00d";
}

#site-navigation.toggled  {
	padding: 15px;
	clear: both;
	height: 100vh;
	position: absolute;
	top: 0;
	left: -300px;
	width: 300px;
	overflow: auto;
	padding-top: 100px;
	box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
}

.site-navigation.toggled .menu li a {
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
}

#site-wrapper.menuActive {
	position: absolute;
	left: 300px;
	-webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
}

.overflowHidden {
	overflow:hidden;
}

/* STOP aanpassingen aan menu */

.login h1 a {
            background-image: url(http://www.thorax.nl/wp-content/uploads/2014/01/logo168x40.png);
            padding-bottom: 30px;
        }

.custom-logo {
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
}

.custom-logo {
	float: right;
}

#builder-section-1430309300861 {
  margin-top: -25px;
}

#builder-section-1430727772280 {
  background: #eaeaea;
  margin-bottom: 0;
  padding: 7rem 0;
}

#builder-section-1430312943839 {
  padding: 7rem 0 0 0;
}

#builder-section-1430400510041 {
  padding: 7rem 0;
}

/* zet top menu op fix-width */

@media screen and (min-width: 800px) {
	.site-branding {
		max-width: 20%;
	}
}

@media screen and (min-width: 800px) {
	.site-navigation {
		max-width: 80%;
	}
}

/*  @media screen and (min-width: 800px) {
	.site-navigation .menu .sub-menu,
	.site-navigation .menu .children,
	.site-navigation .nav-menu .sub-menu,
	.site-navigation .nav-menu .children {
		display: none;
		opacity: 0;
		transition: opacity 0.3s ease;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

	.site-navigation ul.menu li:hover > ul,
	.site-navigation .menu ul li:hover > ul,
	.site-navigation ul.menu .focus > ul,
	.site-navigation .menu .focus > ul {
		opacity: 1;
	}
	.site-navigation .menu .sub-menu a,
	.site-navigation .menu .children a,
	.site-navigation .nav-menu .sub-menu a,
	.site-navigation .nav-menu .children a {
		border-bottom: none;
	}
}
*/
.site-navigation .menu li a, .site-navigation .nav-menu li a{
  padding:16px 8px!important;
}

/*  
 * EXTRA MARGIN top
 * 
 * .site-content {
	  margin-top: 54px;
	padding-top: 45px; } */


/* ZET HEADER VAST */ UITGESCHAKELD /*

.site-header {
	position: fixed;
	z-index: 1000;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.site-header-main {
	width: 100%;
	padding: 22px 0 11px;
	padding: 2.2rem 0 1.1rem; 
	background-color: #fff;
	height:100px;
        -webkit-transition: height 0.3s, padding 0.3s;
        -moz-transition: height 0.3s, padding 0.3s;
        transition: height 0.3s, padding 0.3s;
}

#site-header.shrink .site-header-main {
    height: 60px;
    padding: 11px 0 11px;
    padding: 1.1rem 0 1.1rem;

}

#site-header.shrink .site-header-main .container .site-branding .custom-logo {
	width: 120px;
}
*/

/* Start aanpassingen aan mobile-menu */ 

UITGESCHAKELD VANAF HIER /*

#site-navigation .menu-toggle {
	background-color: transparant;
	position: absolute;
	top: -4px;
	left: 10px;
	font-size:20px;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#site-header.shrink .site-header-main .container .site-navigation .menu-toggle {
	font-size:18px;
	top:-20px;
}

#site-navigation.menu-main-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	overflow: auto;
}
#site-navigation.toggled .menu-main-container {
	padding: 15px;
	clear: both;
	height: 100vh;
	position: absolute;
	top: 0;
	left: -300px;
	width: 300px;
	overflow: auto;
	box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
}

.site-navigation.toggled .menu li a {
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
}

#site-wrapper.menuActive {
	position: absolute;
	left: 300px;
	-webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
}

.overflowHidden {
	overflow:hidden;
}

 Stop aanpassing menu 

*/
a.top {
position: relative;
top:-125px;
display: block;
height: 0;
width:0;
}

.collapseomatic, .collapseomatic:hover {
  background-position: right 10px top 10px;
  text-decoration: none;
}

#site-wrapper {
	position: absolute;
	left: 0;
	-webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
}

.wpcf7 input,
.wpcf7 textarea {
	width: 100%;
	border-bottom: 1px solid #555;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="reset"] {
	width: 100px;
	border-radius: 5px;
}

.wpcf7 input[type="file"] {
	border:none;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background-color: #fff;
}

.wpcf7 textarea {
	height: 60px;
	background-color: #fff;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #1CB637;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ee3424;
}

div.wpcf7-spam-blocked {
	border: 2px solid #e0b01d;
}

div.wpcf7-validation-errors {
	border: 2px solid #e0b01d;
}

span.wpcf7-not-valid-tip {
	color: #ee3424;
}

.social-links li {
    padding: 10px 20px;
}

.breadcrumb-container {
  background-color: #eaeaea;
  margin-bottom: 40px;

}

.breadcrumb {
  max-width: 1024px;
  margin: 0 auto;
  padding: 5px 32px;
  padding: 0.5rem 3.2rem;
  text-align: right;
}

p#breadcrumbs {
  margin: 0;
  font-size: 14px;
}

table, table th, table td {
	border:0;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #eaeaea;
}

#testthorax h2{
   font-size: 18px;
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #ee3424;
}

.builder-section-panels .ui-state-active, .builder-section-panels .ui-state-hover, .builder-section-panels .ui-widget-content .ui-state-hover, .builder-section-panels .ui-widget-header .ui-state-hover, .builder-section-panels .ui-state-focus, .builder-section-panels .ui-widget-content .ui-state-focus, .builder-section-panels .ui-widget-header .ui-state-focus {
    border: 1px solid #ee3424;
    color: #eaecee;
    background: #ee3424;
}