/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Lato';
    src: url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.eot);
    src: url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.woff2) format('woff2'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.woff) format('woff'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.ttf) format('truetype'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Regular.svg#Lato-Regular) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.eot);
    src: url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.woff2) format('woff2'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.woff) format('woff'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.ttf) format('truetype'),
        url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/fonts/Lato-Bold.svg#Lato-Bold) format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
	--black: #000000;
	--site1: #dd2c1e;
	--white: #ffffff;
}

body, p, ul li, ol li { font-size: 18px; line-height: 28px; }
h1, h2, h3, h4, h5, h6, p, a { color: var(--black); }
h1, h2, h3 { font-family: 'Lato', sans-serif; font-weight: 700; } 
h4, h5, h6, ul, li, body, a, p { font-family: 'Lato', sans-serif; } 
strong { font-weight: 700; }
small { font-size: 85%; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1 { font-size: 47px; line-height: 55px; }

@media (max-width: 1499px) {
	h1 { font-size: 44px; line-height: 52px; }
}

@media (max-width: 1199px) {
	h1 { font-size: 41px; line-height: 49px; }
}

@media (max-width: 999px) {
	h1 { font-size: 37px; line-height: 45px; }
	body, p, ul li, ol li { font-size: 17px; line-height: 21px; }
}

@media (max-width: 690px) {
	h1 { font-size: 32px; line-height: 40px; }
	body, p, ul li, ol li { font-size: 16px; line-height: 20px; }
}

@media (max-width: 480px) {
	h1 { font-size: 28px; line-height: 36px; }
}

/********************
 HEADER
 *******************/
#top-banner { padding: 12px 15px; position: relative; text-align: center; width: 100%; z-index: 9999; }
#top-banner, #top-banner a { color: var(--white); font-size: 14px; line-height: 18px; }
#header-space { height: 60px!important; }

body.material #header-secondary-outer { background-color: transparent; left: 100%; position: absolute; top: 15px; width: 625px; transform: translateX(calc(-100% - 90px)); -webkit-transform: translateX(calc(-100% - 90px)); -moz-transform: translateX(calc(-100% - 90px)); }
body.material #header-secondary-outer .container { padding: 0; }
body.material #header-secondary-outer .nectar-center-text { left: inherit; right: 0; width: auto; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); } 
body.material #header-secondary-outer .nectar-center-text > a { background-color: var(--site1); border-radius: 50%; color: var(--white); display: inline-block; font-size: 11px; height: 20px; line-height: 22px; margin: 0 3px; width: 20px; }
body.material #header-secondary-outer .nectar-center-text > a[href*="facebook"]:hover { background-color: var(--facebook); }
body.material #header-secondary-outer .nectar-center-text > a[href*="instagram"]:hover { background-color: var(--instagram); }

body.material #header-secondary-outer nav>.sf-menu { position: relative; top: 5px; }
body.material #header-secondary-outer nav>.sf-menu > li > a { color: var(--black); font-size: 15px; font-weight: 500; line-height: 18px; }
#header-secondary-outer .nectar-menu-icon  { color: var(--site1); font-size: 20px; }


#header-outer { padding-bottom: 0; transform: translateY(0)!important; }
#header-outer header nav { position: relative; }
#header-outer header nav > ul { display: inline-block!important; height: 65px!important; position: relative; top: 55px; }
#header-outer header nav > ul > li > a { color: var(--black); font-size: 20px; font-weight: 700; line-height: 26px; padding-bottom: 19px; padding-top: 10px; }
#header-outer header nav > ul > li > ul li > a { color: var(--black)!important; font-size: 14px!important; font-weight: 700; line-height: 18px!important; }
#header-outer header nav > ul > li > ul li > a:hover, #header-outer header nav > ul > li > ul li > a:focus, #header-outer header nav > ul > li > ul li.sfHover > a { color: var(--white)!important; }
#header-outer header .nectar-menu-icon { position: absolute; right: -26px; top: 11px; }
.small-nav.affix #top .sf-menu.sf-js-enabled.sf-arrows { top: 45px!important; }

#header-outer header nav > ul.buttons { height: 25px!important; top: 69px; }

body.material #header-outer:not([data-format=left-header]) #top nav>.buttons { margin-left: 10px; }
body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li { margin: 0 8px; }

#slide-out-widget-area .secondary-header-text, body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content { background-color: transparent!important; border-radius: 0!important; margin-bottom: 25px!important; padding: 0!important; }
#slide-out-widget-area .secondary-header-text a { background-color: var(--black); border-radius: 50%; color: var(--white); display: inline-block; font-size: 13px; height: 26px; line-height: 28px; margin: 0 3px; text-align: center; width: 26px; }
#slide-out-widget-area .secondary-header-text a[href*="facebook"]:hover { background-color: var(--facebook); }
#slide-out-widget-area .secondary-header-text a[href*="instagram"]:hover { background-color: var(--instagram); }



@media (max-width: 1299px) {
	body.material #header-secondary-outer { top: 15px; }
	#top #logo img { height: 66px; }

	#header-outer header nav:before { top: 43px; }
	#header-outer header nav > ul > li > a { padding-bottom: 16px; padding-top: 16px; }

	#header-outer header nav > ul.buttons { top: 60px; }
}

@media (max-width: 1249px) {
	
	body.material #header-secondary-outer nav>.sf-menu > li > a { font-size: 13px; line-height: 17px; }
	#header-outer header nav > ul > li > a { font-size: 18px; line-height: 23px; }
	body.material #header-secondary-outer { top: 0; }
	#header-outer header nav > ul { top: 25px; }
	#header-outer { padding-bottom: 15px!important; }
	#header-outer #logo { margin-bottom: 0!important; margin-top: 0!important; }
}

@media (min-width: 1150px) {
	#header-outer header { background-color: rgba(255,255,255,0.75); }
}

@media (max-width: 1149px) {
	
	#header-outer:before, #header-outer.transparent:before { content: ''; background-color: rgba(255,255,255,0.85); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

	#slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items { display: block!important; }
}

@media (min-width: 1000px) {
	/*#top-banner { position: absolute; top: 0; }
	#header-outer { position: absolute; top: 12px!important; transform: translateY(0)!important; -webkit-transform: translateY(0)!important; -moz-transform: translateY(0)!important; }
	#header-outer.affix { position: fixed; top: 0!important; }*/
	/*body.admin-bar #header-outer.affix { padding-top: 10px; top: 32px!important; }*/
	/*#header-outer #logo { margin-bottom: 0!important; margin-top: 0!important; } */
}

@media (max-width: 999px) {
	body.material #header-secondary-outer { display: none; }
	#top-banner, #top-banner a { font-size: 13px; line-height: 17px; }
	#header-outer { position: relative!important; }
	#slide-out-widget-area.slide-out-from-right { padding-left: 0!important; }
	.off-canvas-menu-container .nectar-menu-icon { display: inherit; }
}


/********************
 FOOTER
 ********************/
#footer-outer[data-using-bg-img="true"] { background-position: center right; height: 350px!important; }
#footer-outer { background-color: var(--white)!important; }

body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright { padding-top: 0!important; }
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright { padding-bottom: 0!important; }
#footer-outer[data-cols="1"] #copyright { padding: 0!important; }
#copyright { bottom: 35px; position: absolute; right: 0; }
#footer-outer #copyright p { color: var(--white); font-size: 16px; line-height: 19px; text-align: right; }

@media (max-width: 1499px) {
	#footer-outer[data-using-bg-img="true"] { height: 300px!important; }
}

@media (max-width: 1299px) {
	#footer-outer[data-using-bg-img="true"] { height: 250px!important; }
}


/********************
 HOMEPAGE
 ********************/
.nectar-button span { font-family:'Lato'!important; font-size: 30px; font-weight: 700; line-height: 30px; }

@media (max-width: 999px) {
	.home-image .img-with-aniamtion-wrap, .home-image .img-with-aniamtion-wrap  { text-align: center!important; }
	.nectar-button span { font-size: 25px; line-height: 30px; }
}

@media (max-width: 690px) {
	.nectar-button span { font-size: 18px; line-height: 22px; }
}

/********************
 ROUTES
 ********************/
.select-route { display: inline-block; margin-top: 60px; max-width: 500px; position: relative; width: 100%; }
.select-route:before { content: ''; background: url(//www.gibraltarbuscompany.gi/wp-content/themes/salient-child/assets/img/icons/bus-icon.png) no-repeat center; background-size: contain; display: inline-block; height: 22px; left: 162px; position: absolute; top: 14px; width: 24px; }
.select-route label, .select-route select { display: inline-block; float: left; }
.select-route label { font-size: 17px; font-weight: 700; line-height: 21px; margin-right: 15px; position: relative; top: 14px; }
.select-route select { color: #000000; font-size: 18px; line-height: 22px; padding-left: 40px; width: calc(100% - 180px); }
.select-route select option { padding-left: 10px; }

@media (max-width: 480px) {
	.select-route:before { left: 12px; top: 34px; }
	.select-route label { top: -15px; }
	.select-route select { width: 100%; }
}