﻿
/* 
 Theme Name:     Bare bones for Divi
 Author:         Michael Soland
 Author URL:     https://www.mountaingliders.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/*
@import url("/css/style_pb1.css");
@import url("/css/style_pb2.css");
@import url("/css/style_pb3.css");
*/
	
	
	
	
	
	
	
/*	
.tg-time-pri div {
	font-size: 20px!important;
	color: red!important;
	background-color: red!important;
}
*/	
	
	

	
	
.freebirdCustomFont{
  color: red;
}
	




	
/*=============================================================*/
/*=== GENERAL STUFF											===*/
/*=============================================================*/

/*--- change HEADER 1 settings for DESKTOP ---*/	
@media screen and (min-width: 981px) {
	h1 {
		font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif!important;
		font-size: 84px!important;
		font-style: italic!important;
		font-weight: bold!important;
		color: white!important;
	}
}
/*--- change HEADER 1 settings for TABLET ---*/	
@media screen and (min-width: 581px) and (max-width: 980px) {
	h1 {
		font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif!important;
		font-size: 54px!important;
		font-style: italic!important;
		font-weight: bold!important;
		color: white!important;
	}
}
/*--- change HEADER 1 settings for MOBILE ---*/	
@media screen and (max-width: 580px) {
	h1 {
		font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif!important;
		font-size: 42px!important;
		font-style: italic!important;
		font-weight: bold!important;
		color: white!important;
	}
}	
	
/*--- normal line height of a title ---*/
/* class needs to be referenced in Divi module */	
.myText_title {
	line-height: 1em!important;
}

/*--- wider title section for mobiles ---*//*
@media screen and (max-width: 980px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 95%;
	}
}*/


/* margin between the two buttons on the title image */
/*
.twoButtonMargin {
    margin-right: 1.5%!important;
}
*/

.myHover{
	width: 400px;
}



	
/*=============================================================*/
/*=== BODY													===*/
/*=============================================================*/

/*--- change the general row width ---*/
.et_pb_row {
    width: 95%;
}
	



/*=============================================================*/
/*=== HEADER												===*/
/*=============================================================*/

/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}

/* Add this, too, if you want to remove the
   shadow underneath the fixed Divi navigation bar *//*
#main-header.et-fixed-header {
    box-shadow: none !important;
}*/



/*=============================================================*/
/*=== HEADER - LOGO											===*/
/*=============================================================*/
@media screen and (min-width: 981px) {
	#logo {
		max-height: 65px!important;
		margin-bottom: -25px;
	}
	.et-fixed-header #logo {
		max-height: 40px!important;
		margin-bottom: -14px;
	}
}
@media screen and (min-width: 581px) and (max-width: 980px) {
	#logo {
		max-height: 65px!important;
		margin-bottom: -3%;
	}
	.et-fixed-header #logo {
		max-height: 65px!important;
		margin-bottom: -3%;
	}
/*	#logo, .et_header_style_split #logo {
		max-width: 60%!important;
	}*/
}
@media screen and (min-width: 351px) and (max-width: 580px) {
	#logo {
		max-height: 70%!important;
		margin-bottom: -3%;
	}
	.et-fixed-header #logo {
		max-height: 70%!important;
		margin-bottom: -3%;
	}
	.et_header_style_left #logo {
		max-width: 70%!important;
		margin-bottom: -3%;
	}
}
/*--- only the brand logo as header image ---*/
@media screen and (max-width: 350px) {
	#logo {
		content: url("https://www.mountaingliders.com/wp-content/uploads/2018/05/Mountaingliders-Brand-color.png");
		max-height: 80px!important;
		margin-bottom: -14px;
	}
	.et-fixed-header #logo {
		max-height: 80px!important;
		margin-bottom: -14px;
	}
}





/*=============================================================*/
/*=== HEADER - TOP MENU										===*/
/*=============================================================*/

/*--- menu hover color ---*/
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #07182E;
	opacity:1;
}
.et-fixed-header #top-menu-nav #top-menu a:hover {
	color: #07182E!important;
	opacity:1;
}
/*--- menu: About Us (yellow) ---*/
@media screen and (min-width: 981px) {
	.menu-aboutUs a::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 20px;
		background: rgba(255,180,0,0.8);
		height: 7px;
		transition-property: right;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
	}
	.menu-aboutUs a:hover::before {
		right: .8em;
	}
	.et-fixed-header .menu-aboutUs a:hover::before {
		right: 100%;									/* to hide the colored line in fixed header */
	}
}
.menu-aboutUs.current-menu-item > a {
    color: rgba(255,180,0,0.8)!important;
	pointer-events: none;
	cursor: default;
}
/*--- menu: Offers (orange) ---*/
@media screen and (min-width: 981px) {
	.menu-offers a::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 20px;
		background: rgba(244,93,1,0.8);
		height: 7px;
		transition-property: right;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
	}
	.menu-offers a:hover::before {
		right: .6em;
	}
	.et-fixed-header .menu-offers a:hover::before {
		right: 100%;									/* to hide the colored line in fixed header */
	}
}
.menu-offers.current-menu-item > a {
    color: rgba(244,93,1,0.8)!important;
	pointer-events: none;
	cursor: default;
}
/*--- menu: Calendar (blue) ---*/
@media screen and (min-width: 981px) {
	.menu-calendar a::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 20px;
		background: rgba(3,169,244,0.8);
		height: 7px;
		transition-property: right;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
	}
	.menu-calendar a:hover::before {
		right: .6em;
	}
	.et-fixed-header .menu-calendar a:hover::before {
		right: 100%;									/* to hide the colored line in fixed header */
	}
}
.menu-calendar.current-menu-item > a {
    color: rgba(3,169,244,0.8)!important;
	pointer-events: none;
	cursor: default;
}
/*--- menu: Vouchers (green) ---*/
@media screen and (min-width: 981px) {
	.menu-vouchers a::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 20px;
		background: rgba(127,184,0,0.8);
		height: 7px;
		transition-property: right;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
	}
	.menu-vouchers a:hover::before {
		right: .8em;
	}
	.et-fixed-header .menu-vouchers a:hover::before {
		right: 100%;									/* to hide the colored line in fixed header */
	}
}
.menu-vouchers.current-menu-item > a {
    color: rgba(127,184,0,0.8)!important;
	pointer-events: none;
	cursor: default;
}
/*--- menu: FAQ (yellow) ---*/
@media screen and (min-width: 981px) {
	.menu-faq a::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 20px;
		background: rgba(255,180,0,0.8);
		height: 7px;
		transition-property: right;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
	}
	.menu-faq a:hover::before {
		right: .4em;
	}
	.et-fixed-header .menu-faq a:hover::before {
		right: 100%;									/* to hide the colored line in fixed header */
	}
}
.menu-faq.current-menu-item > a {
    color: rgba(255,180,0,0.8)!important;
	pointer-events: none;
	cursor: default;
}
/*--- menu: Book (button) ---*/
.menu-book {
	border: 1px solid rgba(46,31,39,0.3);
	height: 35px;
	width: 70px;
	padding: 10px!important;
	border-radius: 25px;
	text-align: center;
}
.menu-book:hover {
	border:2px solid rgba(46,31,39,0.8);
	padding: 9px!important;
}
@media screen and (max-width: 980px) {
	.menu-book {
		height: 43px;
		padding: 0!important;
	}
	.menu-book:hover {
		padding: 0!important;
	}
}






/*=======================================================================*/
/*=																		=*/
/*=			LANDING PAGE												=*/
/*=																		=*/
/*=======================================================================*/

/*==============================================================*/	
/*=== TITLE IMAGE											 ===*/
/*==============================================================*/

/*--- customized blurb ---*/
.myStarBlurb img {
    border: 0px solid #333333;
    border-radius: 0%;
 /*   margin-top: -100px;*/
	width: 60px;
	/* height: 60px; */
	padding-bottom: 5px;
}
.myStarBlurb {
	margin: auto;				/* for centered columns when separated */
	color: white;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-weight: thin;
	font-size: 20px;
    font-style: italic; 
    /* font-variant: small-caps; */
    text-align: center;
	line-height: 1em;
}


.et_pb_gutters3 .et_pb_column_1_6 {				/* distance between stars */
	width: 16.5%;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

@media (max-width: 980px) {
	.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 {				/* distance between stars */
	width: 33%;
	margin: 0 0 24px 0;
}}

@media (max-width: 479px) {
	.et_pb_row .et_pb_column.et_pb_column_1_6 {				/* distance between stars */
	width: 50%!important;
	margin: 0 0 36px 0;
	}}


.et_pb_row_5 .et_pb_row {
    
}

	
/*=============================================================*/	
/*=== OFFERS 												===*/
/*=============================================================*/
.myPricingTable_wrap {					/* div around the whole coding */
	max-width: 550px;
	margin: auto;
	padding: 20px 10px 20px 10px;
	border: none;
	color: #07182e;
}
@media screen and (max-width: 767px) {
	.myPricingTable_wrap {					/* div around the whole coding */
		padding: 20px 0px 20px 0px;
	}
}
.myPricingTable_heading {				/* the white stripe on top */
	width: 95%;
	height: 20px;
	margin: auto;
	border: none;
	background-color: white;
}
.myPricingTable_title {					/* contains 'maintitle' and 'subtitle' */
	border: none;
	background-color: #03a9f4;
}
.myPricingTable_maintitle {				/* contains e.g. 'Cimetta' */
	padding: 20px 0px 10px 0px;
	border: none;
	background-color: #03a9f4;
	text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-size: 34px;
    font-style: normal;
    font-weight: normal;
	color: white;
}
.myPricingTable_subtitle {				/* contains e.g. 'Standard Flight' */
	padding-bottom: 10px;
	border: none;
	background-color: #03a9f4;
	text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
    font-style: normal;
    font-weight: normal;
	color: white;
}
.myPricingTable_pricing {				/* contains 'currency' and the price */
	width: 95%;
	margin: auto;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid grey;
	background-color: white;
	text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-size: 60px;
	font-weight: 300;
}
.myPricingTable_currency {				/* used as a span */
/*	position: absolute;*/
/*	float:left;*/
/*	margin: -13px 0px 0px -75px;*/
/*	margin: -10px 0px 0px -20px;*/
	border: none;
	background-color: white;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-size: 15px; 
	font-weight: normal;
	
	vertical-align: top;
}
.myPricingTable_content {				/* used with ul/li's , seperate class for detailed offers further below */
	width: 95%;
	margin: auto;
	padding: 10px 30px 10px 30px;
	border: none;
	background-color: white;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
}
.myPricingTable_content ul {
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0;
}
.myPricingTable_content li {
    padding-left: 1em;
	text-indent: -1.4em;
}

.myPricingTable_content li::before {
 /*   content: "☼ ";*/
	content: url("https://www.mountaingliders.com/wp-content/uploads/2018/05/para-symbol-15px-orange_space.png");
	color: #03a9f4;
}
.myPricingTable_buttons {				/* contains two buttons ('button') */
	width: 95%;
	margin: auto;
	padding: 10px 5px 20px 5px;
	border: none;
	background-color: white;
	text-align: center;
}
.myPricingTable_button {
    background-color: #03a9f4;
    border-radius: 100px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
	margin: 5px 0px 5px 0px;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
    text-decoration: none;
	transition: 0.5s;
}
.myPricingTable_button:hover {
	background-color: rgba(3,169,244,0.65);
	transition: 0.5s;
}

/* separate class just for detailed offers (lower padding) */
.myPricingTable_content_detailed {
	width: 95%;
	margin: auto;
	padding: 10px 10px 10px 10px;
	border: none;
	background-color: white;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
}

	
	
	
/*=============================================================*/	
/*=== TESTIMONIALS 											===*/
/*=============================================================*/

/*--- customized blurb ---*/
.myBlurbTestimonials img {
    border: 0px solid #333333;
    border-radius: 50%;
    margin-top: -100px;
}
.myBlurbTestimonials {
	max-width: 350px;
	margin: auto;								/* for centered columns when separated */
}
/*--- testimonial pictures ---*/
.et_pb_animation_top.et-animated {
    height: 200px;
    width: 200px;
}


/*--- own div for testimonials ---*/
.myTestimonials_wrap {
	max-width: 350px;
	margin: auto;
}
.myTestimonials_text img {
    border: none;
    border-radius: 50%;
    margin-top: -85px;
}
.myTestimonials_text {
	border: 2px solid #ffb400;
	padding: 0px 10px 10px 10px;
	background-color: #ffffff;
	text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
}
.myTestimonials_name {
	padding: 10px 0px 10px 0px;
	background-color: #ffb400;
	text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
}





/*=============================================================*/
/*=== PRINCIPLES 											===*/
/*=============================================================*/

/*--- title text yellow ---*/
.textmarkerYellow {
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 480px) {
	.textmarkerYellow {
		font-size: 30px;
	}
}
@media screen and (min-width: 481px) {
	.textmarkerYellow {
		font-size: 34px;
	}
}
.textmarkerYellow::before {
    display: block;
    content: "";
    background: rgba(255,180,0,0.8);
    height: .5em;
    position: absolute;
    top: .95em;
    left: -.1em;
    right: .9em;
    z-index: -1;
}
/*--- title text orange ---*/
.textmarkerOrange {
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 480px) {
	.textmarkerOrange {
		font-size: 30px;
	}
}
@media screen and (min-width: 481px) {
	.textmarkerOrange {
		font-size: 34px;
	}
}
.textmarkerOrange::before {
    display: block;
    content: "";
    background: rgba(244,93,1,0.8);
    height: .5em;
    position: absolute;
    top: .95em;
    left: -.1em;
    right: .9em;
    z-index: -1;
}
/*--- title text blue ---*/
.textmarkerBlue {
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 480px) {
	.textmarkerBlue {
		font-size: 30px;
	}
}
@media screen and (min-width: 481px) {
	.textmarkerBlue {
		font-size: 34px;
	}
}
.textmarkerBlue::before {
    display: block;
    content: "";
    background: rgba(3,169,244,0.8);
    height: .5em;
    position: absolute;
    top: .95em;
    left: -.1em;
    right: .9em;
    z-index: -1;
}
/*--- title text green ---*/
.textmarkerGreen {
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 480px) {
	.textmarkerGreen {
		font-size: 30px;
	}
}
@media screen and (min-width: 481px) {
	.textmarkerGreen {
		font-size: 34px;
	}
}
.textmarkerGreen::before {
    display: block;
    content: "";
    background: rgba(127,184,0,0.8);
    height: .5em;
    position: absolute;
    top: .95em;
    left: -.1em;
    right: .9em;
    z-index: -1;
}

/*--- Undertitle for GoPro movies closer to the movie ---*/
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module {
    margin-bottom: 0%;
}




/*=======================================================================*/
/*=																		=*/
/*=			ABOUT US PAGE												=*/
/*=																		=*/
/*=======================================================================*/







/*=======================================================================*/
/*=																		=*/
/*=			OFFERS PAGE													=*/
/*=																		=*/
/*=======================================================================*/

/*--- specific buttons for the offers ---*/
.myOffers_button_yellow {
    background-color: #ffb400;
    border-radius: 100px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
	margin: 5px 0px 5px 0px;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
    text-decoration: none;
	transition: 0.5s;
}
.myOffers_button_yellow:hover {
	background-color: rgba(255,180,0,0.65);
	transition: 0.5s;
}
.myOffers_button_orange {
    background-color: #f45d01;
    border-radius: 100px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
	margin: 5px 0px 5px 0px;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
    text-decoration: none;
	transition: 0.5s;
}
.myOffers_button_orange:hover {
	background-color: rgba(244,93,1,0.65);
	transition: 0.5s;
}
.myOffers_button_blue {
    background-color: #03a9f4;
    border-radius: 100px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
	margin: 5px 0px 5px 0px;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
    text-decoration: none;
	transition: 0.5s;
}
.myOffers_button_blue:hover {
	background-color: rgba(3,169,244,0.65);
	transition: 0.5s;
}
.myOffers_button_green {
    background-color: #7fb800;
    border-radius: 100px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
	margin: 5px 0px 5px 0px;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
    text-decoration: none;
	transition: 0.5s;
}
.myOffers_button_green:hover {
	background-color: rgba(127,184,0,0.65);
	transition: 0.5s;
}

/*=============================================================*/
/*=== anchors												===*/
/*=============================================================*/
#anchorHikeFly {
	display: block;
	position: relative;
	top: -80px;
	visibility: hidden;
}
#anchorDiscounts {
	display: block;
	position: relative;
	top: -80px;
	visibility: hidden;
}




/*=======================================================================*/
/*=																		=*/
/*=			FAQ PAGE													=*/
/*=																		=*/
/*=======================================================================*/

/*--- one for each of the questions ---*/
.et_pb_toggle_title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 5px!important;
}

/*--- show a "close" symbol in the accordion ---*/
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}
/*--- total width  of the question boxes ---*/
.et_pb_accordion_0 {
	width: 100%!important;
    max-width: 600px!important;
}
/*--- space between questions adjusted in tablet and mobile mode ---*/
@media screen and (max-width: 980px) {
	.et_pb_section .et_pb_column .et_pb_module {
		margin-bottom: 10px;
	}
}





/*=======================================================================*/
/*=																		=*/
/*=			BOOKING PAGE												=*/
/*=																		=*/
/*=======================================================================*/

/*--- one div for each formular part (input area) ---*/
.formName, .formEmail, .formPhone, .formDate, .formFlight, .formPassengers, .formComment {
    width: 100%;
	margin: auto;
    padding: 8px;
    background: white;
    box-sizing: border-box;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4em;
}
.formButton {
	width: 120px;
	margin: auto;
}
.submitButton {
    padding: 5px!important;
	font-size: 18px;
}
.formComment {
	padding: 0px;
}
/*--- wrap around everything ---*/
.formWrap {
	width: 60%;
	margin: auto;
	padding: 20px 20px 0px 20px;
	background: white;
	box-sizing: border-box;
}

@media screen and (min-width: 701px) and (max-width: 1100px) {
	.formWrap {
		width: 80%;
	}
}
@media screen and (max-width: 700px) {
	.formWrap {
		width: 95%;
	}
}

/*--- output text for successful reservation (is shown only for a very shot time because of the redirection to the booking-done page) ---*/
div.wpcf7-mail-sent-ok {
    border: 2px solid #7fb800;
    color: #07182e;
    text-align: center;
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
}
	
/*--- classes for contact form 7 (style of the input areas) ---*/
.inputField {
	width: 100%;
	height: 45px;
    padding-left: 15px!important;
    display: inline-block;
    border: none!important;
    border-radius: 2px;
    box-sizing: border-box;
	background-color: #e6e6e6!important;
	/*font-size: 18px;*/
}

.formularStyle.input[type=text], select {
    width: 100%;
	height: 45px;
    padding-left: 15px!important;
    display: inline-block;
    border: none!important;
    border-radius: 2px;
    box-sizing: border-box;
	background-color: #e6e6e6!important;
	color: #666;
	/*font-size: 18px;*/
}

.inputTextarea {
	width: 100%;
	height: auto;
    padding-left: 15px!important;
    display: inline-block;
    border: none!important;
    border-radius: 2px;
    box-sizing: border-box;
	background-color: #e6e6e6!important;
	/*font-size: 18px;*/
}

.submitButton {
    width: 100%;
    background-color: #03a9f4;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.submitButton:hover {
    background-color: rgba(3,169,244,0.65);
}





/*=======================================================================*/
/*=																		=*/
/*=			CALENDAR PAGE												=*/
/*=																		=*/
/*=======================================================================*/

/*--- wrap around everything ---*/
.calendarWrap {
	width: 80%;
	margin: auto;
	padding: 10px;
	background: white;
	box-sizing: border-box;
	border-radius: 5px;
}

@media screen and (min-width: 701px) and (max-width: 1100px) {
	.calendarWrap {
		width: 90%;
	}
}
@media screen and (max-width: 700px) {
	.calendarWrap {
		width: 100%;
	}
}





/*=======================================================================*/
/*=																		=*/
/*=			FOOTER														=*/
/*=																		=*/
/*=======================================================================*/

.footer-widget .et_pb_widget div {
    font-weight: 300;
}





	
	
/*=============================================================*/	
/*=== DESKTOP VERSION 										===*/ 
/*=============================================================*/
	
@media screen and (min-width: 981px) {
	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top: 10px;
	}
}

	
	
/*=============================================================*/	
/*=== TABLET & MOBILE VERSION 										===*/ 
/*=============================================================*/

@media screen and (max-width: 980px) {
	/* makes a fixed header on tablets and mobiles */
	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header,
	.et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
	/* ability to scroll within the menu */
	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
}

	
	
/*=============================================================*/	
/*=== MOBILE VERSION 										===*/ 
/*=============================================================*/ 


