/*
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:*/

/***************************************/
/*                                     */
/*   Site-wide changes go here         */
/*   Includes Desktop & mobiel view    */
/*                                     */
/***************************************/

p, span, a, div { font-weight: 300; }

#top label { font-weight: 400!important; }

.input_checkbox_label a, .form_element .required { color: #000000!important; font-weight: 500!important; font-style: normal!important; }



.avia-button .avia_iconbox_title { letter-spacing: 3.5px!important; }

.avia_ajax_form h3 { text-align: center!important; }

.av_form_privacy_check a { color: #ffffff!important; font-weight: 400!important; font-style: normal!important; }



	/***************************************/
	/*                                     */
	/*             Header                  */
	/*                                     */
	/***************************************/



    /***************************************/
    /*                                     */
    /*             Footer                  */
    /*                                     */
    /***************************************/

 /* Headings/Widget title */
#footer .widgettitle {

}

	/***************************************/

/* Footer fonts */
#footer .textwidget,
#footer p {

}

	/***************************************/

/* Widget links */
#footer .widget a {

}

	/***************************************/

/* Align text */
#footer .widget {
  text-align: center;
}

	/***************************************/

/* seperator color for footer --> Socket  */
.socket_color { border-color: #424242; }

/* seperator color for Socket Menu entries */
.socket_color li { border-color: #ffffff; }

	/***************************************/

/* Custom ID for letter spacing  */
#letterSpacing .letterSpacing {
	letter-spacing: 3.5px;
	color: blue;
}

/***************************************/
/*                                     */
/*   desktop only adjustments go here  */
/*                                     */
/***************************************/
@media only screen and (min-width: 767px) {

	/* Adjust Logo size on Desktop screens - without some browser don't show SVG Logos */
	.logo, .logo a, .logo img  { height: 100%; }

	/***************************************/
	
	.button-small .button { margin: 0 42%!important; letter-spacing: 3.5px!important; }

	.button-small-2 .button { margin: 0 36%!important; letter-spacing: 3.5px!important; }
	
	.button-half-wide .button { margin: 0 25%!important; letter-spacing: 3.5px!important; }

}
/***************************************/
/*                                     */
/*   End of Desktop only adjustmens    */
/*                                     */
/***************************************/
}



/***************************************/
/*                                     */
/*   mobile view adjustments go here   */
/*             General                 */
/***************************************/
@media only screen and (max-width: 767px) {

	/***************************************/
	/*                                     */
	/*             Header                  */
	/*                                     */
	/***************************************/


	/* Sticky header on mobile */
	.responsive #top #main {
    	/* Padding top value should be equal to header height */
    	padding-top: 75px !important; 
	}
  	.responsive #top #wrap_all #header { position: fixed; }

	/***************************************/

	/* dont show meta header on mobile */
	#header_meta { display: none; }

	/***************************************/

	/* Adjust Logo size & position on mobile devices  
	.responsive .logo img {
		max-width: 268px !important;
	} */
	.logo, .logo a, .logo img { max-height: 75px!important; }
/*	.responsive .mobile_slide_out .logo img { margin-left: -30px!important; }

	/***************************************/

	/* Adjust hamburger Menu location */ 
	.responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
    	height: 75px;
    	line-height: 68px;
	}

    /***************************************/
    /*                                     */
    /*             Body                    */
    /*                                     */
    /***************************************/
	
	.button-small .button { margin: 0 30%!important; letter-spacing: 3.5px!important; }
	
	.button-small-2 .button { margin: 0 30%!important; letter-spacing: 3.5px!important; }
	
    /***************************************/
    /*                                     */
    /*             Footer                  */
    /*                                     */
    /***************************************/

	/* Center Socet Menu */
	.responsive #socket .sub_menu_socket {
		width: fit-content;
		margin: 0 auto;
 	}
	/* little more so fits perfect to Copyright */
 	.socket_color ul { margin-left: -8px; }

	/***************************************/

	/* Center Socet Copyright */
	#socket .copyright {
		display: block;
		width: fit-content;
		margin: 0 auto;
		float: none;
 	}

	/***************************************/

	/* Center Socet Copyright */
	#socket .menu { margin-top: 1px; }
		
/***************************************/
/*                                     */
/*   End of Mobile view adjustmens     */
/*             General                 */
/***************************************/
}


/***************************************/
/*                                     */
/*   mobile view adjustments go here   */
/*             Landscape               */
/***************************************/
@media only screen and (max-width: 767px) and (orientation: landscape)  {
	.av-burger-menu-main.menu-item-avia-special { display:none !important; }
	 nav.main_menu { display: block !important; }
	.menu-item { display: block !important; }
	
	.logo, .logo a, .logo img { width:110px!important; }

	
/***************************************/
/*                                     */
/*   End of Mobile view adjustmens     */
/*             Landscape               */
/***************************************/
}

/***************************************/
/*                                     */
/*   mobile view adjustments go here   */
/*             Potrait                 */
/***************************************/
@media only screen and (max-width: 767px) and (orientation: portrait)  {
	
	.logo, .logo a, .logo img { width:110px!important; }
	
/***************************************/
/*                                     */
/*   End of Mobile view adjustmens     */
/*             Landscape               */
/***************************************/
}