/*
	Theme Name: White Pass
	Theme URI: https://wpyr.com/excursions
	Description: Custom Child Theme
	Author: PR Services Ltd.
	Author URI: http://yukoninfo.com/
	
	Version: 1.0.0
	Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	
	Template: Divi
*/

/*-----------------------------------------------------------------------------------------------------*/
/* IMPORTANT! */
/* USE THE wpyr.com style.css FILE TO MAKE CHANGES TO ALL STYLES OTHER THAN 
   THE EXCURSIONS STYLING AS IT IMPORTS THIS FILE SO STYLES CAN BE USED FOR BOTH SITES */
/*-----------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------*/
/* HTML5 RESET */
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/* BOX SIZING */
/*---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------*/
/* DEFAULTS */
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/* DEFAULT CSS */
/*---------------------------------------------*/
@import url("../Divi/style.css");
/* Import regular site styles */
@import url("https://wpyr.com/wp-content/themes/wpyr/style.css");

/*---------------------------------------------*/
/* TYPOGRAPHICAL ELEMENTS */
/*---------------------------------------------*/

/*---------------------------------------------*/
/* HEADINGS */
/*---------------------------------------------*/

/*---------------------------------------------*/
/* Animation */
/*---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------*/
/* STRUCTURE AND LAYOUT */
/*-----------------------------------------------------------------------------------------------------*/

#et-main-area #content-area {
	margin-bottom: 0 !important;
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
/*---------------------------------------------*/

/*---------------------------------------------*/
/* DIVI - Blurbs */
/*---------------------------------------------*/

/*---------------------------------------------*/
/* DIVI - Columns */
/*---------------------------------------------*/


/*---------------------------------------------*/
/* NAVIGATION */
/*---------------------------------------------*/

/*---------------------------------------------*/
/* EXCURSIONS STYLING */
/*---------------------------------------------*/
.sidebar {
    border-left: #192a31;
    border-left-style: solid;
    border-left-width: 1px;
    border-right: #192a31;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom: #192a31;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.et_pb_tab ul {
	list-style-type: disc;
	margin-left: 18px;	
}
.cart input[type="number"] {
    -moz-appearance: textfield;
}
	
#main-content form.cart {
    margin: 0 0 19px !important;
}
		  
.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background: #006476 !important;
}
  
.woocommerce button.button.disabled {
	opacity: 1;
}

.wc-bookings-booking-form .form-field input[type=number] {
    width: 13%;
  	max-width: 45px;
    font-size: 14px;
    padding: 3px;
    border-style: solid;
    border-color: #192A31;
    border-width: 1px;
    text-align: center;
    vertical-align: text-top;
	margin-top: 0;
}
  
.wc-bookings-booking-form {
    border: none !important;
}

.wc-bookings-booking-form select {
    padding: 3px; 
  	font-size: 14px;
}

.wc-bookings-booking-form .form-field {
    margin: 0;
    border-bottom-color: rgba(25, 42, 49, 0.18);
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.wc-bookings-booking-form .block-picker li.block {
    list-style: none;
}



/*.variable-products-number input[type="text"] {
	width: 30px;
	height: 25px;
	vertical-align: text-top;
	text-align: center;
	display: inline-block;
    border-style: solid;
    border-color: #192A31;
    border-width: 1px;
  	padding: 0 4px 0 0 !important;
  	font-size: 14px;
  	width: 13% !important; 
}*/

.plus {
	margin-left: 10px;
}
	
.minus {
	margin-right: 10px;
}
	  
.plus, .minus {
	border: none;
    color: #fff;
    background-color: #192A31;
    height: 25px;
    width: 30px;
    vertical-align: text-top;
    text-align: center;
    display: inline-block;
  	cursor: pointer;
}
.variable-products-number .instruction {
	display: none !important;  
}

.variable-products-address-section select {
	height: 34px;
}

.tablepress td, .tablepress th {
    padding: 8px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important;
}
	  
.tablepress .even {
	background-color: #F3F3F3;
}
	  
.fa-circle {
	font-size: 10px !important;
  	margin-left: -6.5px !important;
}
		  
p.form-field {
  padding-bottom: 0.25em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* select field gradient */
#wc_bookings_field_resource {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,a2a2a2+100 */
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #a2a2a2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#a2a2a2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%,#a2a2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#a2a2a2',GradientType=0 ); /* IE6-9 */
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
	background: #0093ad !important;
}
/* Selected Date*/ 
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
    background: #192A31 !important;
}

.woocommerce button.button.alt, .woocommerce-page button.button.alt {
	background: #723d44 !important;
	margin: 0 .7em;
    border: 0 !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

html .woocommerce-message, .woocommerce-info {
    margin-top: 50px;
}

a.button.wc-forward {
    margin-left: 20px;
}

.wc-bookings-booking-form .wc-bookings-booking-cost {
    background: #e4ddd1 !important;
	border: none !important;
}

/*---------------------------------------------*/
/* IMAGE & CTA MODULE EFFECT */
/*---------------------------------------------*/

.border-hover .et_pb_column {
	overflow: hidden;
	position: relative;
}

.border-hover .et_pb_column img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.border-hover .et_pb_column:hover img {
	transform: scale(1.1);
	-webkit-filter: blur(5px);
}

.border-hover .et_pb_column:hover .et_pb_image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	content: '';
}

.border-hover .et_pb_column .et_pb_promo_description:before {
	top: 30px;
	right: 20px;
	bottom: 30px;
	left: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.35s,
	-webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.border-hover .et_pb_column .et_pb_promo_description:after {
	top: 20px;
	right: 30px;
	bottom: 20px;
	left: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	position: absolute;
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.35s,
	-webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

/* Fixing Hover Effect text being squished together */
.border-hover .et_pb_column .et_pb_promo_description {
  	position: static !important;
}

.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.border-hover .et_pb_column .et_pb_promo_description h2 {
	opacity: 1;
	color: #fff;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0;
	padding: 0 30px !important;
}

.border-hover .et_pb_column .et_pb_promo_description p {
	opacity: 1;
	color: #fff;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
	opacity: 1;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
}

.border-hover .et_pb_column:hover .et_pb_promo_description p {
	opacity: 1;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
}

.border-hover .et_pb_promo {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.border-hover .et_pb_promo_button {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.border-hover .et_pb_promo_description h2, .border-hover .et_pb_promo_description p {
    text-shadow: 0px 0px 3px rgba(0,0,0,1.0), 0px 0px 6px rgba(0,0,0,0.7), 0px 0px 5px rgba(0,0,0,0.7);
}

/* making all images inside image galleries the same height*/
/*.et_pb_gallery_grid .et_pb_gallery_image a {
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	padding: 50%;
	overflow: hidden;
}
.et_pb_gallery_grid .et_pb_gallery_image img {
	position: absolute;
	display: block;
	height: 100%;
	max-width: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
} */ 


.chilkoot-hiker-service-links a {
	color: #FFF !important;
}
.chilkoot-hiker-service-links a:hover {
	color: #000 !important;
}

/*-----------------------------------------------------------------------------------------------------*/
/* REMOVING TITLE OFF DIVI POPUP FOR CRUISE SHIP CHECKOUT PAGE */
body .pum-theme-enterprise-blue .popmake-title {
    display: none !important;
}
/*-----------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1212px) {
	.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
		line-height: 0.9;
		padding: 0 10% !important;
	}
	.border-hover .et_pb_column:hover .et_pb_promo_description p {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 980px) {
	.wc-bookings-booking-form {
    	border: none !important;
    	padding-top: 0;
    	margin-top: -10px;
	}
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {
	.train-shoppe-logo .et_pb_image_wrap, .train-shoppe-logo img {
		display: block !important;
	}
	.train-shoppe-logo img {
		margin: 0 auto 30px !important;
	}
	.wpyr-excursion-header .et_pb_slide_description {
		padding-top: 30% !important;
	}
	.wpyr-excursion-header .et_pb_slide_description .et_pb_slide_title {
		line-height: 1.3 !important;
	}
}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 320px) {
}

/*---------------------------------------------*/
/* OVERRIDING EXCURSION BOOKING AREA STYLES */
/*---------------------------------------------*/
@media only screen and (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_1_3 .et_pb_module {
	  margin-bottom: 0 !important;
  }
}
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
	background: #0093ad !important;
}

table.ui-datepicker-calendar td.ui-datepicker-other-month{
	visibility:hidden !important;
	border: none !important;
}

.wc-bookings-date-picker .ui-datepicker td{
	border: 1px solid #e6e6e6 !important;
}

.woocommerce div.product form.cart table {
    border-width: 0px;
}

/* body.woocommerce-page.product-template-default #main-content .container {
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
	margin-top: -32px !important;
} */


/* ALEJO INIT REFACTORING TO (WCAG) 2.2 */

#et-boc > header > div > div.et_pb_section.et_pb_section_1_tb_header.header-2.et_pb_with_background.et_section_regular.et_pb_section--with-menu > div > div > div.et_pb_module.et_pb_text.et_pb_text_3_tb_header.et_pb_text_align_left.et_pb_bg_layout_light > div > p > a.fab{
	width: 24px; 
    height: 24px; 
    line-height: inherit;
    text-align: center;
	margin-right: -7px;
}

#et-boc > header > div > div.et_pb_section.et_pb_section_1_tb_header.header-2.et_pb_with_background.et_section_regular.et_pb_section--with-menu > div > div > div.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.wpyr-top-menu.et_pb_bg_layout_light.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned > div > div > a{
	width: 24px;
    margin: 0 7px;
}

#menu-main-menu > li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home > a, #menu-secondary-menu > li > a{
	height: 24px;
}


.footer.et_pb_with_background.et_section_regular > div.et_pb_row > div.et_pb_column.et_pb_css_mix_blend_mode_passthrough > div.et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light > div > p > a{
	height: 24px;
}

#confirm-availability-excursion > div.et_pb_column.et_pb_column_2_3.et_pb_column_10.et_pb_css_mix_blend_mode_passthrough > div.et_pb_module.et_pb_text.et_pb_text_40.et_pb_text_align_left.et_pb_bg_layout_light > div{
font-weight: 700 !important;
    font-size: 18px;
    opacity: 1;
    color: #723d44 !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background: #03798e !important;
}

#confirm-availability-excursion > div.et_pb_column.et_pb_column_2_3.et_pb_column_10.et_pb_css_mix_blend_mode_passthrough > div.et_pb_module.et_pb_text.et_pb_text_19.et_pb_text_align_left.et_pb_bg_layout_light > div > p{
	color: #84414a !important;
}

/* ALEJO FINISH REFACTORING TO (WCAG) 2.2 */


#menu-secondary-menu > li > a:hover, #menu-secondary-menu > li > a:focus{
	text-decoration: underline !important;
	color: black !important;
}

#menu-main-menu > li > a:focus{
	color: #f9e500 !important;
}

#footer a:focus{
	text-decoration: underline !important;
}