/*colour palette****
darkest blue #184c88
rgba(24,76,136,0.5)

brand blue #317bc2
rgba(49,123,194,0.95)

blue black #023047
rgba(2,48,71,0.96)

gold #ae8f73

random pure blue
rgba(44,159,247,0.9)

cabin red
#e94558
rgba (233,69,88,1)

facebook blue
#3b5998
*****/


/*** note from menu item removed - Is the ski hill open? <span class="top-menu-red"> Check on Facebook  </span><span class="top-menu-fb"></span> ***/

/*TYPOGRAPHY___________________________________________________________________________________________________________*/

/*** import fonts here ***/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Oswald:wght@200;300;400;500;700&family=Rammetto+One&display=swap');


/** Define the rem units here **/
@media all and (min-width: 1025px) {
	html{font-size: 20px;}
	body{font-size: 20px;}
}
@media all and (max-width: 1024px) {
	html{font-size: 18px;}
	body{font-size: 18px;}
}
@media all and (max-width: 768px) {
	html{font-size: 16px;}
	body{font-size: 16px;}
}
@media all and (max-width: 550px) {
	html{font-size: 16px;}
	body{
		-webkit-text-size-adjust: none; 
		font-size: 16px;}
}
@media all and (max-width: 479px) {
	html{font-size: 16px;}
	body{
		-webkit-text-size-adjust: none;
		font-size: 16px;}	
}

/* define typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ae8f73;
  margin: 0;
  padding-bottom: 0;
  line-height: 1.0;
}

h1 {
  font-family: 'Oswald', Helvetica, sans-serif;
  font-weight: 700;
}


h2 {
  font-family: 'Oswald', Helvetica, sans-serif;
  font-weight: 300;
}

h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', Helvetica, sans-serif;
}

h1 {
	font-size: 4rem;
	letter-spacing: -0.05em;
	line-height: 1.1;
	margin: 0 0 0.5em 0;
	padding-top: .75em;

}

h2 {
	font-size: 3.75rem;
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 0.5em 0 1em 0;
	padding-top: 0.2em;
	text-transform: uppercase;

}

h3 {
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 2em 0 1em 0;
	padding-top: 1em;

}

h4 {
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 1em 0 1em 0;

}

h5 {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 1em 0 1em 0;

}

h6 {
	font-size: .8rem;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 1em 0 1em 0;

}

p {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 400;
  color: #333;
  font-size: .9rem;
  margin: 0 0 1rem 0;
  line-height: 1.7;
  padding-bottom: 0;
}

p:last-of-type {
  padding-bottom: 0;
}



li {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 400;
  color: #333;
  font-size: .75rem;
  text-transform: uppercase;
}

span {
  font-family: inherit;
  font-weight: inherit;
}

p a {
  font-family: inherit;
  font-weight: 700;
}

p a:hover {
	color: #ae8f73;
	background: #fff;	
}

strong,
b {
  font-weight: 700;
}

i {
  font-style: italic;
}

a.et_pb_button {
	font-weight: 500;
	text-transform: uppercase;
}


p.white-text {
	color: #fff;
}

/* hide Google Recaptcha badge */
.grecaptcha-badge { 
	visibility: hidden !important;
}

/* BUTTONS ------------------------------------------------------------------------------ */




.light-button .et_pb_button {
  color: #000000;
  border-width: 1px;
  border-color: #000000;
  border-radius: 0px;
  font-size: 16px;
  background-color: rgba(0,0,0,0);
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
  padding-top: 15px;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 46px;
  width: 100%;
}


.light-button .et_pb_button:hover {
  background-color: #000000;
  width: 44%;
  letter-spacing: 5px;
  padding-top: 15px;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 46px;	
  width: 100%;
}

.dark-button .et_pb_button {
  color: #fff;
  border-width: 1px;
  border-color: #000;
  border-radius: 0px;
  font-size: 16px;
  background-color: #000;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
  padding-top: 15px;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 46px;
  width: 50%;
}


.dark-button .et_pb_button:hover {
  color: #fff!important;
  background-color: #ae8f73;
  width: 50%;
  letter-spacing: 5px;
  padding-top: 15px;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 46px;	
}

.button-float-left .et_pb_button {
  float: left;
}

.transparent-button .et_pb_button {
  color: #fff;
  font-size: 12px!important;
  border-width: 1px;
  border-color: #fff;
  border-radius: 0px;
  font-size: 16px;
  background-color: rgba(0,0,0,0);
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
  padding-top: 15px;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 46px;
  width: 70%;
}

.transparent-button .et_pb_button:hover {
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
  width: 70%;
}

/*style the Divi Blurb link as a button*/
a.blurb-button {
  color: #ffffff;
  background: #ae8f73;
  width: 100%;	
  border: 2px solid #ae8f73;
  padding: .7em 1.3em;
  margin-top: 20px;
  border-radius: 0px;
  text-transform: capitalize;
  display: block;
  transition: all 0.3s ease-in-out;
}
/*style the Divi Blurb link text as a button on hover*/
a.blurb-button:hover {
  background: transparent;
  color: #ae8f73;
  border: 2px solid #ae8f73;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* CAROUSELS ON BOOK PAGE ------------------------------------------------------------------------*/

.diva-carousel.et_pb_section .et_pb_row .et_pb_column .et_pb_blurb .et_pb_main_blurb_image {
  max-width: 50%;
  align-content: center;
  background-color: #fff;
  border-radius: 50%;
  padding: 20px;
}

.diva-carousel.et_pb_section .et_pb_row .et_pb_column .et_pb_blurb .et_pb_blurb_content {

   min-height: 325px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom:  20px;
}

.diva-carousel .et_pb_blurb_content p {	
   font-size: 13px;
}


/* SLIDER CONTROLLERS ----------------------------------------------------------------------------*/
/* tutorial here https://divicio.us/tutorials/line-style-slide-controllers-divi-slider-module/ */

.et-pb-controllers {
height: 7px; /* this should be equal to controllers height */
bottom: 0px !important;
}

.et-pb-controllers a {
width: 20% !important; /* define the width of controllers depending on the quantity of slides */
border-radius: 0px !important;
margin-right: 0px !important;
}

.et-pb-controllers a:hover {
background-color: #ffffff !important;
transition: all 0.5s ease-in-out; /* was 0.2s */
}



/*HEADER___________________________________________________________________________________________________________*/

/*to add icons to the menu*/
	
.icons {
	font-family: 'ETmodules' !important;
	margin-right: 3px;
}

.icons.fb-blue {
	color: #3b5998;
}

/* may not need? */
.social_facebook_square:before {
	font-family:  'ETmodules';
	content: "\e0c1";
	color:  #fff;
	transition:  all .3s ease;
}
.social_facebook_square>a:hover {
	color:  #ae8f73;
}
.social_facebook:before {
  font-family: 'ETmodules' !important;
  content: '\e0aa';
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px;
  color: #ae8f73;
  font-size: 1em;
  transition: all .3s ease;
}



/* to style the text in the TOP HEADER - added with jQuery in Theme Options>Integrations  cabin red #e94558 */

#top-header.et-fixed-header {
	background-color: #317bc2;
}

#top-header .facebook-message {
		color: #fff;	
}

#top-header .facebook-message a {
		color: #e94558;
}

#top-header .facebook-message > a:hover {
		color: #3b5998;
}

/* style facebook icon in top menu bar */
#et-secondary-menu .top-menu-fb {
	font-family: 'ETmodules' !important;
	margin-left: 0px;
}

#et-secondary-menu .top-menu-red  {
	color: #e94558;
}

.top-menu-fb > a:hover {
  color: #3b5998;
}

#et-info > span > a:hover {
	color: #3b5998;
}

#top-menu li.current-menu-item>a {
  color: #ae8f73;
  font-weight: 700;
}

.home.et_header_style_left #top-menu li.current-menu-item>a {
  color: #FFF;
  font-weight: 400;
}


/*  style top menu and dropdowns    ------------------------*/
#top-menu li li a {
	line-height: 1.2em;
	text-transform: none;
}

#top-header #et-info {
  float: left;
}

#et-secondary-menu {
	float: right;
	padding-left: 0px;
}

/* works */
#et-secondary-menu > ul > li a {
   color: #fff;
   text-transform: none;
   font-weight: 700;
   font-size: .8em;
}

#et-secondary-menu > ul > li a:hover {
   color: #e94558;
   font-weight: 700;
}


/* to overlap the logo on the DEFAULT HEADER MENU */
/* Overlapping logo for desktop*/

@media (min-width: 981px) {
  #logo {
    position: absolute;
    min-height: 100px;
    max-height: 350%;
    margin-top: 15px;
  }
}

/* Overlapping logo for tablet & mobile*/

@media (max-width: 980px) {
  #logo {
    position: absolute;
    min-height: 75px;
    max-height: 200%;
    margin-top: 15px;
  }
}

/* to hide the logo in the main header on the home page, but hide it on scroll in the fixed header - - home page only*/
.home.et_header_style_left #main-header .logo_container {
    display:  none;
}

.home #main-header.et-fixed-header .logo_container {
		display: inline-block;
}

/* to change menu item alignment in drop-down menu on desktop */

#et-secondary-nav li {
	text-align: left;
}
/* to position the dropdown menu so icons in dropdown align with caret icon in top menu */
#et-secondary-nav li ul {
	right: -170px;
}

/* to change the Facebook icon color in the main header menu on scroll to blue */
#top-menu > li.fb-blue.hide-menu-on-mobile.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-240125 > a > span:after {
	color: #3b5998;
}


/** The mobile menu stuff --------------------------------------------------------------------------------**/


/*to style color of hamburger menu when closed*/
#main-header .mobile_nav.closed .mobile_menu_bar:before {
  color: #ae8f73;
}

/*to show "X" when mobile hamburger menu is open*/
#main-header .mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
  color: #ae8f73;
}

/*to show "X" on MOBILE FOOTER menu when mobile hamburger menu is open*/
#et-main-area .et_mobile_nav_menu .et_pb_mobile_menu_upwards.opened .mobile_menu_bar:before {
  content: "\4d";
  color: #ae8f73;
}

/* to add "MENU" before mobile hamburger menu */
#et_mobile_nav_menu:before {
  content: 'MENU';
  font-size: 14px;
  position: absolute !important;
  bottom: 29px;
  right: 40px;
  color: #ae8f73;
}


/* trying some things ***

/*
.mobile_menu_bar::before, 
.mobile_menu_bar:after {
	color: #d00;
}


.et_mobile_menu li a {
  background-color: #000;
}

.mobile_menu_bar:before {
		
}
*/

/*
.et_mobile_menu {
	background-color: rgba(0, 0, 0, 0.3);
	width: 112%;
  margin-left: -6%;
}

.et_mobile_menu .menu-item > a {
  color: #ae8f73;
	font-weight: 700;
	background-color: #fff;
}

.et_mobile_menu .menu-item > li li a {
	color: #333;
	font-weight: 300;
	background-color: #efefef;
}
*/

/*.et_mobile_menu .menu-item-has-children > a {
	color: #fff;
	font-weight: 500;
	background-color: rgba(0,0,0,1.0);
} */
		


/* to make top menu bar display on ipad landscape*/
@media all and (min-width: 769px) and (max-width: 1024px) {
    #top-header {
        display: block !important;
        position: relative !important;
    }
    #main-header {
        position: relative !important; 
    }
    #page-container {
        padding-top: 0px !important; 
        margin-top: -32px;    /* adjust to position top header on ipad landscape */
    }
}

/* to make top menu bar display on ipad portrait  */
@media all and (min-width: 480px) and (max-width: 768px) {
    #top-header {
        display: block !important;
        position: relative !important;
    }
    #main-header {
        position: relative !important; 
    }
    #page-container {
       /* padding-top: 0px !important; */
        margin-top: -46px;    /* adjust to position top header on ipad portrait*/
    }
}

/* to make top menu bar display on mobile  */
@media all and (max-width: 479px) {
   #top-header {
        display: block !important;
        position: relative !important;
    }
    #main-header {
        position: relative !important; 
    } 
    #page-container {
        /* padding-top: 0px !important; */
        margin-top: -50px;    /* adjust to position top header on mobile*/
    }
}



/* to change icon colours on mobile menu only */
.et_mobile_menu .icons {
	color: #ae8f73;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #ffffff; /* Icon color */
	background: #ae8f73; /* Icon background color was #f1f1f1 */
	top: 10px;
	position: relative;
	font-family: "ETModules" !important;
	content: '\33'; /* icon code after &#x from ETmodules font icon set  - for closed toggle */
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32'; /* icon code after &#x from ETmodules font icon set  - for open toggle */
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 500 !important; 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}

	

/* to hide main menu items from mobile menu - show only secondary menu items */
li.hide-menu-on-mobile {
	display: none;
}


/*CUSTOM CLASSES___________________________________________________________________________________________________________*/


.flex-card .et_pb_column_1_3 {
	display: flex;
}

.blurb-card {
	min-height: 800px;
}

.button-flex.et_pb_section .et_pb_row .et_pb_column {
	display:flex;
	justify-content: center;
	align-items: baseline;
}
.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
	margin: 0 .5rem;
}


.new-blurb.et_pb_section .et_pb_row .et_pb_column {
	display: flex;
	flex-flow: column;
}
.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
	display: flex;
	flex-direction: column;
	justify-content: baseline;
	flex-grow: 1;
}


/*RESPONSIVE___________________________________________________________________________________________________________*/

/*RESPONSIVE DESKTOP 1200PX AND UP___________________________________________________________________________________________________________*/


/*** Any self-respecting desktop ***/
@media all and (min-width: 1200px) {
	
}

/*RESPONSIVE RANDOM SIZED DESKTOP 1025PX - 1200PX___________________________________________________________________________________________________________*/
/*** For the people who love to resize or keep windows open haphazardly ***/
@media all and (min-width: 1025px) and (max-width: 1200px) {
	h1 {
		font-size: 3.5em;
	}
}


/*RESPONSIVE IPHONE MOST UP TO 1024PX ___________________________________________________________________________________________________________*/
/*** Most of the mobile devices ***/
@media all and (max-width: 1024px) {
	.et_pb_tab_content > a > img.hide-image-on-mobile {
		display: none;  /*to hide trophy pic on XC Ski Race Results Accordian*/
	}
	.et_pb_button.button-full-width-mobile {
		width: 100%; /* to make button full width on mobile */
	}
	.et_pb_button.button-full-width-mobile:hover {
		width: 100%; /* to make button full width on mobile */
	}
}


/*RESPONSIVE IPAD 981PX AND UP - to equalize heights of blurbs home page _______________________________________________________________________________________________*/
@media all and (min-width: 981px) {
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_description {
		min-height: 380px;
	}
}



/* This section of code is for 
	the default header on desktop and 
	slide in menu for mobile
	Just take the code below and uncomment it. 

@media all and (min-width: 981px) {
	.et_header_style_slide #top-menu-nav {
		display: block;
	}
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
		display: none;
	}
}

*/


/*RESPONSIVE DIVI BREAKPOINT 980PX___________________________________________________________________________________________________________*/
/*** The Divi Breakpoint ***/
@media all and (max-width: 980px) {
	
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content {
		display: flex;
		justify-content: flex-end;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_main_blurb_image {
		vertical-align: center;
		padding-top: 50px;	
	}	
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
		width: 100px;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container {
		padding-left: 1rem;
		text-align: left;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_description {
		text-align: left;
	}


	.et_pb_row.flex-card .et_pb_main_blurb_image {
		width: 100%;
		align-items: flex-start;
	}


	/** This section is for the centered logo

	.et_header_style_split #main-header {
    	padding: 0;	}
	#logo { 
		float: left;}
	#main-header .mobile_nav {
		background-color: transparent!important;}
	.mobile_nav .select_page {
		display: none !important;}
	.et_header_style_split #logo { 
	    padding-bottom: 20px;}
	.mobile_menu_bar.et_pb_header_toggle.et_toggle_slide_menu {
		display: block;
	}

	**/

}

/*RESPONSIVE IPAD LANDSCAPE 769PX - 1024PX ___________________________________________________________________________________________________________*/

/*** iPad landscape and more resizers ***/
@media all and (min-width: 769px) and (max-width: 1024px) {

	.light-button .et_pb_button {
		width: 100%;
	}
	.light-button .et_pb_button:hover {
		width: 100%;
	}

}


/*RESPONSIVE IPAD PORTRAIT UP TO 768PX ___________________________________________________________________________________________________________*/
/*** iPad portrait and below ***/
@media all and (max-width: 768px) {
	
}


/*RESPONSIVE IPAD PORTRAIT 480PX - 768PX ___________________________________________________________________________________________________________*/
/*** iPad portrait and more resizers ***/
@media all and (min-width: 480px) and (max-width: 768px) {
	.light-button .et_pb_button {
		width: 100%;
	}
	.light-button .et_pb_button:hover {
		width: 100%;
	}
}


/*RESPONSIVE IPHONE UP TO 479PX ___________________________________________________________________________________________________________*/
/*** Regular sized phones for non-Shaq sized people ***/
@media all and (max-width: 479px) {
	h1 {
		font-size: 2rem;
		letter-spacing: -0.05em;
		line-height: 1.0;
		margin: 0 0 1em 0;
		padding-top: 0em;
	}
	h2 {
		font-size: 2.5rem;
		letter-spacing: -0.05em;
		line-height: 1.2;
		margin: 0.5em 0 1em 0;
		padding-top: 0.5em;
	}
	.light-button .et_pb_button {
		width: 100%;
	}
	.light-button .et_pb_button:hover {
		width: 100%;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column {
		flex-wrap: wrap;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
		margin: .5rem 0;
		width: 100%;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module a {
		text-align: center;
	}	
}


/*RESPONSIVE IPAD PORTRAIT 480PX - 768PX ___________________________________________________________________________________________________________*/
@media all and (min-width: 981px) and (max-width: 1236px) {
	h1 {
		font-size: 3.5rem;
		letter-spacing: 0;
		line-height: 1.0;
		margin: 0 0 1em 0;
		padding-top: 0em;
	}
	h2 {
		font-size: 3rem;
		letter-spacing: 0;
		line-height: 1.1;
		margin: 0.5em 0 1em 0;
		padding-top: 1em;
	}
}