/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


/* General Custom CSS */

.special-heading-border { display: none; }
.title_container .main-title a { pointer-events: none !important; color: #8cc783 !important; }


body, p { font-family: 'Varela', sans-serif, Arial !important; line-height: 22px !important; }

p strong, p em { color: #755e61 !important; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 8px !important; }
.av-special-heading-h1 h1 {  text-transform: none !important; color: #8cc783 !important; font-size: 25px !important; }
.av-special-heading-h2 h2 { text-transform: none !important; color: #8cc783 !important; font-size: 19px !important; }

ul { margin-top: -12px; }
ul li { padding: 0px !important; }


/* ---- HEADER ---- */

.logo-responsive { display: none;    }

.logo { padding: 20px 0 26px 0 !important; }
#header_main .container_wrap { background: #8cc783 !important; padding: 7px 0 !important; }
.main_menu a { color: #fff !important; font-size: 16px !important; margin: 0 13px !important; }
.main_menu a:hover { color: #755e61 !important; }

.main-title { text-transform: uppercase; font-size: 30px !important; color: #786164 !important; padding-top: 13px !important; }



/* ---- FOOTER ---- */

.footer-lijn { width: 80%; margin: 0 auto; border-top: 1px solid #e1e1e1 !important; height: 5px; padding-top: 15px; }

.copyright { 
	width: 100%; 
	text-align: center !important; 
	color: #6c6c6c !important; 
	font-size: 13px !important; 
}

.copyright span { margin: 0 6px; color: #755e61 !important; }




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

.logo-responsive { margin: 10px 0 -90px 0; display: block !important; text-align: center;  }
.logo-responsive img { width: 70%; margin: 0 auto; }
.responsive #top .logo, .logo { display: none !important;    }

#advanced_menu_toggle, #mobile-advanced ul { display: none !important; }

}




@media only screen and (min-width: 768px) and (max-width: 990px) {

.main_menu a { color: #fff !important; font-size: 14px !important; margin: 0 5px !important; }

}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

.main_menu a { color: #fff !important; font-size: 13px !important; margin: 0 2px !important; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -1px !important; }

}