/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

.x-navbar .mobile .x-nav .current-menu-item > a { color: hsl(358, 87%, 61%) !important; }
.x-navbar .mobile .x-nav li > a { color: hsl(213, 100%, 22%) !important; }

.x-navbar .desktop .x-nav > li > a { font-size: 14px !important; margin-bottom: -5px; }
.x-brand { float: none; margin-top: 0px !important; }
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{ box-shadow:none !important; }
.olen-head-pattern{ background-color: rgb(255, 255, 255); height: 10px;  background-size: unset; }
.x-topbar{ border-bottom:none; height:65px; }
h1.visually-hidden{  }
.x-logobar-inner{padding: 15px 25px; position: absolute; z-index: 999; background-color: #fff; width: 215px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 10px 19px -5px rgba(0,0,0,.17); }
.x-small-logobar{ padding:10px 20px 15px; background-color: #f5a823; position:fixed; top:-64px; margin-left:50px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; }
.x-small-logobar.show{ top:0; }
.x-small-logobar a img{ width:100px; }
.x-navbar{ background-color: #f1f1f1; }
.x-navbar-wrap{ background-color: #f1f1f1; position:relative; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; }
.x-navbar-wrap.fixed { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); left: 0; position: fixed; top: 0; transition: all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; width: 100%; z-index: 800; }
.x-navbar-wrap.fixed .x-navbar{ background-color: rgba(255, 255, 255, 0.9); }
.x-navbar-inner{ min-height:auto !important; }
.x-navbar .desktop .x-nav > li{ display:inline-block; padding:8px 0 !important; }
.x-navbar .desktop .x-nav > li.x-menu-item-search{ background:#000000; margin-left:15px; }
.x-navbar .desktop .x-nav > li.x-menu-item-search > a{ color:#fff !important; font-size:19px !important; }
.x-navbar .desktop .x-nav > li > a{ height:auto !important; line-height:32px; letter-spacing:normal !important; padding:0 15px !important; }
.x-navbar .desktop .x-nav > li.x-menu-item-search:hover, .x-navbar .desktop .x-nav > li.x-menu-item-search:focus{ background:#f5a823; }
/** Submenu Style **/
.x-navbar .desktop .x-nav > li ul{ top:100% !important; }
.masthead-inline .x-navbar .desktop .sub-menu{ left:0; top:100%; border-top:2px solid #f5a823; background:rgba(255, 255, 255, 0.98) none repeat scroll 0 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); border-radius:0; font-family:"Open Sans",sans-serif; min-width:235px; padding:0; }
.masthead-inline .x-navbar .desktop .sub-menu li{ border-bottom:1px solid #eee; }
.masthead-inline .x-navbar .desktop .sub-menu li a{ font-size:13px; color:#000; }
.masthead-inline .x-navbar .desktop .sub-menu li a:hover{ background-color:#eee; }
.masthead-inline .x-navbar .desktop .sub-menu li.menu-item-has-children > a:after{ border-left: 1px solid #eee; color: #000; content: "";font-family: fontawesome; font-size: 10px; height: 33px; line-height: 37px; padding-right: 10px; position: absolute; right: 0;text-align: right !important; top: 0; width: 30px; }
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu{ left:100%; right:0; top:-2px !important; }
.x-navbar .desktop .x-nav li > a > span::after{ content:none; }

ul.x-nav li:last-child a { padding-right: 0px !important; }
.x-topbar-inner{ padding-top:25px; font-family: "Fira Sans",sans-serif; text-align: right; }
.x-contact-position{ color:#00234c; font-size:14px; display:inline-flex; font-weight: 700; }
i.contacticon{ background: #00234c none repeat scroll 0 0; border-radius: 2px; color: #ffffff; font-size: 13px;  height: 22px; margin-right: 5px; padding-top:0; text-align: center; width: 22px; }
.emailsection{ padding:0 0 0 15px; }
.x-tagline-position{ color:#666; font-size:17px; font-weight:300; }
.x-tagline-social{ border-right: 1px solid #d6d6d6; display: inline-block; float: left; height: 35px; margin-right: 20px;  padding: 3px 25px 0 0; }
.x-topbar .x-social-global{ margin-top:0; }
.x-topbar .x-social-global a{ margin-left:0; }
.x-topbar .x-social-global a i{ border: 1px solid #aaa; border-radius: 50%; cursor: pointer; display: inline-block; float: left; height: 35px; line-height: 32px; margin-left: 7px; text-align: center; width: 35px; color:#aaa; font-size:20px; }
.x-topbar .x-social-global a:hover i{ color:#fff; border:medium none; }
.x-topbar .x-social-global a.facebook:hover i{ background:#3b5998; }
.x-topbar .x-social-global a.twitter:hover i{ background:#4099ff; }
.x-topbar .x-social-global a.dribbble:hover i{ background:#c73b6f; }
.x-topbar .x-social-global a.linkedin:hover i{ background:#007bb6; }
.x-topbar .x-social-global a.youtube:hover i{ background:#bb0000; }
.x-topbar .x-social-global a.googleplus:hover i{ background:#dd4b39; }

@media(max-width: 979px) {
.x-logobar-inner {
display: block;
min-height: 100px;
padding: 20px;
position: absolute;
width: 163px;
}
.sticky .x-btn-navbar {
 border: none;
 border-radius: 0;
 margin-bottom: 26px;
 margin-top: 27px;
 padding: 9px 11px;
}
.sticky.fixed {
position:relative;
}
.x-navbar-wrap.sticky .x-navbar {
 background-color:#fff;
}
.x-navbar-wrap .x-icon-bars{ color:#fff;}

.x-btn-navbar {
    text-shadow: none;
    border-radius: 0px;
    box-shadow: none;
}
.x-btn-navbar {
box-shadow: none;
color: #ffffff !important;
background-color: #003270 !important;
}

.x-navbar .mobile .x-nav {
    margin: 40px 0 20px !important;
}
}