/*

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

*/


/*------------------------------
	Headings
------------------------------*/

h1,h2,h3,h4,h5,h6{margin-top:0 !important;}


/*------------------------------
	Top bar
------------------------------*/

.x-topbar .p-info{
	color: hsl(0, 2%, 79%) !important;
	font-size: 12px !important;
	 width: 100%;
}

.x-topbar .p-info{
	color: hsl(35, 46%, 63%);
	font-size:12px;
}

.x-topbar .p-info a:first-child{
	color: hsl(34, 46%, 63%) !important;
	font-size:14px !important;
}


.x-topbar .p-info a:nth-child(2)::before{
	content: "\f086";
	font-family: FontAwesome;
    margin-right: 5px;
    position: relative;
    top: -1px;
}


.x-topbar .p-info a:nth-child(2){
	color: hsl(34, 46%, 63%) !important;
	float:right;
	font-size:14px !important;
}

/*------------------------------
	Navigation
------------------------------*/

.x-navbar{
    background-color:rgb(64, 68, 74) !important;
	border-bottom:none !important;
    box-shadow: none !important;
}

.contact-us {
  background-color: hsl(204, 2%, 50%) !important;
  border: 1px solid hsl(0, 0%, 0%) !important;
  box-shadow: none !important;
}

.x-feature-box-text a{display:none !important;}

.home .x-feature-box-title{
	text-transform:none !important;
	font-size:1.2em;
}

.x-google-map{padding:0 !important;}

.x-logobar-inner {
    background-color:#815E42 !important;
    padding-top:25px !important;
    padding-bottom:25px !important;
}

.x-small-logobar {
    display:none;
}

.callsection {
   line-height: 1.6;
   color: #40444a;
   font-size:2em;
}

.callsection .contacticon {
    background: #40444a none repeat scroll 0 0;
}

.callsection a:hover {
    color:#cca875 !important;
}

.x-topbar-inner {
  padding-top:1.25% !important;
}

.callsection i.contacticon {
  font-size:30px;
  border-radius: 0px;
  height: 45px;
  width: 45px;
}

/*------------------------------
	Footer
------------------------------*/

.x-colophon.bottom {
  background: hsl(213, 7%, 27%) none repeat scroll 0 0 !important;
  border-top:none !important;
}

.x-colophon.bottom .x-colophon-content{
	color: hsl(0, 0%, 54%);
	font-size:12px;
	margin: 12px 0 10px !important;
}


.x-colophon.bottom .x-colophon-content a {
  color: hsl(35, 46%, 63%);
  transition: all 0.3s ease 0s;
}


.x-colophon.bottom .x-colophon-content a:hover {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
}


.copyrights {
  margin-top: 10px;
  text-align: left;
}

/* NEW HEADER */

.x-navbar .mobile .x-nav .current-menu-item > a { color: #815e42 !important; }
.x-navbar .mobile .x-nav li > a, .x-navbar .mobile .x-nav li:hover > a { color: #cca875 !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 #815e42; 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: "\f107"; }

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: #815e42 !important;
}

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