/*
Theme Name: Child Theme
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 wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/



/* large screens with 1140px with */
@media only screen and (min-width: 1140px)  {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}


.phone-info, li, p{font-size:18px;}


#csem-solid-header .container .av-content-full{padding-top: 50px; padding-bottom: 40px !important;}
@media only screen and (max-width: 762px) {#csem-solid-header .container .av-content-full{padding-top: 40px; padding-bottom: 20px !important;}}

#csem-solid-header h1{font-size:60px; text-transform:none;}
@media only screen and (max-width: 762px) {#csem-solid-header h1{font-size:40px;}}

#csem-hero{font-size: 75px; text-transform: none; font-weight: 200; line-height: 1em; font-family: 'tinos', Helvetica, Arial, sans-serif;}
@media only screen and (max-width: 762px) {#csem-hero{font-size:30px; font-weight:bold !important;}}

#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
@media only screen and (max-width: 762px) {#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}}

#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
#csem-top-bar div {margin-right:5px;}

#csem-footer-icons {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content; margin: auto; font-size: 18px; color: #444;}
#csem-footer-icons div {margin-right:5px;}
#csem-footer-icons a {color: #444;}

#csem-button-blue .avia-button{border-color: #304d92; background-color: #304d92;}
#csem-button-light .avia-button{border-color: #ffffff; background-color: #ffffff; }
#csem-button-light a{color: #304d92 !important; }
#csem-button-light a, #csem-button-blue a{border-radius: 10px; font-weight:bold;}

 /*------------------------*/
/* CSS - Logo center split menu
/*------------------------*/

@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(3) {
  /* Adjust the width of the logo */
    margin-right:150px;
}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px;  
}
}

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    visibility: hidden !important; 
    background-color: transparent !important; 
    border-color: transparent !important; 
}

.product-sorting ul{background-color: #fff !important;}

.csem-hm-icons img {padding: 10px 107px;}