/*
 Theme Name:   Morning Star Tours Trips
 Theme URI:    
 Description:  Morning Star Tours child theme
 Author:       THIRDinteractive
 Author URI:   http://THIRDinteractive.com
 Template:     morningstartours
 Version:      1.0.0
*/


/* ================================ Header ================================ */
body {
  font-family: "montserrat";
}

p:empty { display: none; }

div#logo a span { background:url(/wp-content/themes/morningstartours/images/logo-trip.jpg) top left no-repeat;  }

header .col-sm-8 { padding-top:36px;}
h1#trip-title { color:#DEC66E; display:table-cell; vertical-align:middle; background: url(/wp-content/themes/morningstartours/images/bg-header-trip-title.jpg) no-repeat; height:125px; padding: 0 150px; font-size:2.0em; opacity:0.8}
h1#trip-title img { display:none;}

#client-logo { margin-top:35px; }

ul#navigation_menu { 
	list-style-type: none; 
	margin: 0 auto 60px; 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0; 
	text-align: center; 
}
ul#navigation_menu li a { 
	color: #092e4a; 
	border: 1.5px solid #acbbc9;
	border-right: 0;
	display: block;
	padding: 3px 20px 1px;
	text-decoration: none;
	font-family: the-seasons;
	font-weight: 600;
	font-size: 22px;
}
ul#navigation_menu li:last-child a {
  border-right: 1.5px solid #acbbc9;
}
ul#navigation_menu li.current-menu-item a,
ul#navigation_menu li a:hover {
	background-color: #092e4a;
	border-color: #1e436a;
	color: #FFF;
}

.main_navigation_menu {
	 display: none;
}

#banner, .tours__masthead__slider { overflow:hidden; }
#banner .item, .tours__masthead__slider .item { position:relative;  }
.tours__masthead__slider .item img { object-fit: cover; }
.tours__masthead__slider .item .caption { display: none; }

/* ================================ Pages ================================ */

#content a { text-decoration: underline; font-weight: 700; color: #092e4a; }
#content a.btn { text-decoration:none; margin: 30px 0;}

#content ul.leader-images { display:table; text-align:center; margin:0; }
#content ul.leader-images li { display:table-cell; padding: 0 2%; text-align:center; background: none; }
#content ul.leader-images li h3 { text-transform:uppercase; font-size:1.3em; }
#content ul.leader-images li p { font-size:0.8em; margin-top:0.5em; }

.terms__content p { margin-bottom: 20px; }
.terms__content p:last-child { margin-bottom: 0px; }
.terms__content p, .terms__content li { font-size: 18px; line-height: 1.5; }
.terms__content .table { margin-bottom: 20px; }
.terms__content .table:last-child { margin-bottom: 0px; }

.terms-box div { height:100%; overflow-y: scroll; background: #fff; border:1px solid #fff; box-shadow: 2px 2px 10px #fff inset; padding: 10px; }
.terms-box h2 { font-size:16px !important; font-family: "montserrat", 'helvetica', 'arial', sans-serif !important; margin-bottom: 5px!important; font-weight:700 !important; text-transform:uppercase; }
.terms-box p { font-size:14px !important; }
.terms-box p + h2 { margin-top: 20px !important; }

.page-template-default h2 { border-bottom:0; font-size:1.4em; margin-top:1.5em; text-transform:none; font-weight:700; }
.page-template-default h3 { margin-bottom:0.2em; }


.page-id-63.page-template-default h2 { text-transform: uppercase; }

.page-id-6 .faq-list h2 { text-transform:none; border-bottom:1px solid #c4b7a2; margin-left:20px;  font-weight:700; }
.page-id-6 #content h2 a { display:block; position:relative; text-decoration: none; padding-right:15px; }
.content-fold { margin-left:20px; }
.is-expanded + .content-fold { display: block; }
.is-collapsed + .content-fold { display: none; }
.is-expanded a:after, .is-collapsed a:after { content: "\f0d7"; position:absolute; top: 0; right:0; font-family: 'FontAwesome'; font-size: 18px; }
.is-expanded a:after { content: "\f0d8"; }

#col-secondary p { font-size: 0.7em; line-height: 1.4em; }
#col-secondary img { margin-bottom:30px; }
#col-secondary div img { margin-bottom:0; }
#col-secondary iframe { max-width:100%; } 

#content .cabin .image-caption { display:block; }
#content .cabin .image-caption img { max-height:200px; width: auto; }

.cabin-slider .owl-item{
	aspect-ratio: 1.6;
}

.cabin-slider .owl-item .item{
	height: 100%;
}

.cabin-slider .owl-item .item img{
	aspect-ratio: 1.6;	
}

.cabin-slider .owl-item .item img{
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}

.cabin-slider .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 0;
	background-color: #084d69;
	color: #fff;
}

.cabin-slider .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 0;
	background-color: #084d69;
	color: #fff;
}

.cabin-slider .owl-nav i{
	line-height: 28px;
	font-size: 23px;
}

.global__prefooter {
  margin-top: 0 !important;
}


/* ================================ Form ================================ */

.page-template-page-go #content ul li { background: none; padding-left:0; }
.page-template-page-go #content ul li.type-input .gfield_label { display: inline-block !important; visibility: hidden; }

li#field_1_15, 
li#field_1_30, 
li#field_1_45, 
li#field_1_60, 
li#field_1_75, 
li#field_1_90, 
li#field_1_105, 
li#field_1_120
{ margin-top:30px; }

li#field_1_15 > label, 
li#field_1_30 > label, 
li#field_1_45 > label, 
li#field_1_60 > label, 
li#field_1_75 > label, 
li#field_1_90 > label, 
li#field_1_105 > label, 
li#field_1_120 > label
{ font-size: 1.6em; font-family: the-seasons; color: #0b446d; }

.gfield_radio label span
{ display:none; }

.gfield_radio input[type="radio"]:checked+label span
{ display:block; } 

.airport input[aria-invalid="true"] {
border-color: #912700;
background-color: #E2CFBC;
box-shadow: 2px 2px 10px #DBBEAB inset;
}

#field_1_4 { border-top: 4px double #acbbc9; padding-top:20px; }

#field_1_9, #field_1_11, 
#field_1_24, #field_1_26, 
#field_1_39, #field_1_41, 
#field_1_54, #field_1_56, 
#field_1_69, #field_1_71, 
#field_1_84, #field_1_86, 
#field_1_99, #field_1_101, 
#field_1_114, #field_1_116
{ width: 30%; float: left; clear:none; padding-top: 0; }

#field_1_10, #field_1_12, 
#field_1_25, #field_1_27, 
#field_1_40, #field_1_42, 
#field_1_55, #field_1_57, 
#field_1_70, #field_1_72, 
#field_1_85, #field_1_87, 
#field_1_100, #field_1_102, 
#field_1_115, #field_1_117
{ width: 20%; float: left; clear:none; padding-top: 0; }

#field_1_9 input, #field_1_10 select, 
#field_1_11 input, #field_1_12 select, 
#field_1_24 input, #field_1_25 select, 
#field_1_26 input, #field_1_27 select, 
#field_1_39 input, #field_1_40 select, 
#field_1_41 input, #field_1_42 select, 
#field_1_54 input, #field_1_55 select, 
#field_1_56 input, #field_1_57 select, 
#field_1_69 input, #field_1_70 select, 
#field_1_71 input, #field_1_72 select, 
#field_1_84 input, #field_1_85 select, 
#field_1_86 input, #field_1_87 select, 
#field_1_99 input, #field_1_100 select, 
#field_1_101 input, #field_1_102 select, 
#field_1_114 input, #field_1_115 select, 
#field_1_116 input, #field_1_117 select
{ width: 100% !important; }

#field_1_10 label, #field_1_12 label, 
#field_1_25 label, #field_1_27 label, 
#field_1_40 label, #field_1_42 label, 
#field_1_55 label, #field_1_57 label, 
#field_1_70 label, #field_1_72 label, 
#field_1_85 label, #field_1_87 label, 
#field_1_100 label, #field_1_102 label, 
#field_1_115 label, #field_1_117 label
{ visibility:hidden; } /* margin-top:2px; display:block !important; */

#field_1_24 label,
#field_1_39 label,
#field_1_54 label,
#field_1_69 label,
#field_1_84 label,
#field_1_99 label,
#field_1_114 label { position:relative; display:block; }
#field_1_24 label label,
#field_1_39 label label,
#field_1_54 label label,
#field_1_69 label label,
#field_1_84 label label,
#field_1_99 label label,
#field_1_114 label label { display:inline-block; width: 125px; font-size:11px; line-height:1.1em; }

#input_1_23,
#input_1_38,
#input_1_53,
#input_1_68,
#input_1_83,
#input_1_98,
#input_1_113 { margin: 0 !important; position:absolute; top: -5px; right: 0; width: auto !important; }

#field_1_24 #input_1_23 input,
#field_1_39 #input_1_38 input,
#field_1_54 #input_1_53 input,
#field_1_69 #input_1_68 input,
#field_1_84 #input_1_83 input,
#field_1_99 #input_1_98 input,
#field_1_114 #input_1_113 input { width: auto !important; margin: 0;}

#input_1_24,
#input_1_39,
#input_1_54,
#input_1_69,
#input_1_84,
#input_1_99,
#input_1_114 { margin-top:7px; }

.cabin-selector  { position:relative; margin-top: 40px !important; min-height: 540px! important;}
.cabin-selector .toggler { cursor:pointer; }
.cabin-selector .toggler h3  { margin-top: 20px; font-weight:normal !important; margin-bottom:3px; display:inline; position:relative; padding-right:15px;   }
.cabin-selector .toggler h3:after { content: "\f0d7"; position:absolute; top: 0; right:0; font-family: 'FontAwesome'; font-size: 15px; }
.cabin-selector .toggler.active h3:after { content: "\f0d8"; }
.cabins {  border:0 !important;  }
.cabin-selector a { position: absolute; top: 50px; right: 0; text-align:center; width:57%; margin-left:3%;display:block; text-transform:uppercase; }
.cabin-selector a span { display:block; font-size: 12px; margin: 10px auto; }
.cabiner { display:inline-block; padding: 3px 10px; border-radius:4px; margin: 0 5px 5px 0; text-align:center; width: 70px; border: 1px solid #fff; cursor:pointer; }
.cabiner.active { border-color: #000; font-weight:bold; }
.cabin-selector .toggle { display:none; max-width: 40%; margin-bottom:20px;   }
.category1 .cabiner { background: #aed7ea; }
.category2 .cabiner { background: #8ad0bf; }
.category3 .cabiner { background: #fff0bd; }
.category4 .cabiner { background: #c7b2d6; }
.category5 .cabiner { background: #f1ede2; }
.category6 .cabiner { background: #f8ab9e; }
.categoryaa .cabiner { background: #9f73b3; color: #fff}
.categoryab .cabiner { background: #e7098b; color: #fff}
.categoryba .cabiner { background: #2c3790; color: #fff}
.categorybb .cabiner { background: #20b36a; color: #fff}
.categoryc .cabiner { background: #902c8f; color: #fff }
.categoryd .cabiner { background: #f79521; color: #fff }
.categorye .cabiner { background: #eae817; }
.suite .cabiner { background: #F29AC2; color: #fff}
.owner .cabiner { background: #DFC782; }
.royalsuite .cabiner { background: #bbb9c0; }
.presidentialsuite .cabiner { background: #d1ccbc; }
.historiasuite .cabiner { background: #afbabc; }
.luxurycabin .cabiner { background: #bbc9a5; }



#content ul .copier ul { margin-left:0; }
.copier.hide-label { margin:0; }

.airport, .gform_wrapper .gfield_description.airport { width: 120px; display:inline-block; margin-left:10px; }
.airport input { width: 100% !important; font-size:12px !important;}
.airport.validation_message { display:none !important; }

#field_1_219 label { font-size: 1.0em; color: #000 !important;}
.terms-checkbox label { font-size: 1.0em !important; color: #000 !important;}

li.gsection { clear:both; }

.room { margin-bottom:30px; }
.receipt { clear:both; margin-bottom:50px;}

/*.gform_wrapper li.gfield.gfield_error { background:red !important;}*/
.gform_confirmation_message { display:block !important; }
#gform_confirmation_message_7, form#gform_7 .gfield_error .validation_message, #gform_confirmation_message_8, form#gform_8 .gfield_error .validation_message { display:block !important; }
#gform_confirmation_message_7, #gform_confirmation_message_8 p { max-width: 100%; font-size:1.0em; }
#gform_confirmation_message_1 { display:block !important; }

#label_1_229_1 span { display:none; }

.gform_wrapper li.gfield.gfield_error#field_1_2 { background: none !important; }
#field_1_2.gfield_error .validation_message { display: block !important; font-size: 1.0em; font-weight: normal; margin-top: 30px; }
#field_1_2 h2, #field_1_2 p { margin-bottom: 0.5em; padding: 0; color: #a00;  font-weight:700; }

.gfield_error.no-dup .validation_message { display: block !important; font-size: 16px !important; color: #a00; font-weight: normal; padding-top:2px !important; }


.loader { background: url(/wp-admin/images/wpspin_light-2x.gif) no-repeat center center; height: 300px; width: 40%; }

#content .image-caption img{
	margin-bottom: 0;
}

.show_validation .validation_message{
	display: block !important;
}

@media only screen and (max-width : 1400px) {
	ul#navigation_menu li a { padding: 3px 10px 2px; }

}

@media only screen and (max-width : 1024px) {
	h1#trip-title { padding: 0 120px; }
}


@media only screen and (max-width : 768px) {
	#client-logo { width: 332px; max-width: 100%; position:relative; overflow:hidden; display: block; margin: 10px auto 0 auto;}
	#client-logo img { margin-left: -1px; display: block; max-width: none; }
	h1#trip-title { padding: 0 30px; background: transparent; height:auto; text-align: center; display: block;}
	.page-id-6 #content h2 { margin-left:0; }
	footer .disclaimer { margin-top: 2.5em; text-align: center; }
}

@media only screen and (max-width : 767px) {
	ul#navigation_menu li a { font-size: 20px; border: 1.5px solid #acbbc9; }

	ul#navigation_menu {
	  display: none;
	}

	.main_navigation_menu {
	   display: flex;
	}

	.main_navigation_menu i {
	   font-size: 22px;
	}

	.main_navigation_menu .menu_toggle {
	   position: absolute;
	   right: 10px;
	   top: 45px;
	   z-index: 99;
	   padding: 0;
	   background: transparent;
	   border: none;
	}

	.main_navigation_menu #mobile_menu {
	   position: absolute !important;
	   top: 90px;
	   left: 0;
	   transform: translateY(-100%) scaleY(0.5);
	   z-index: 1;
	   transition: all 0.4s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	   font-size: 1rem;
	   color: #000;
	   background-color: #fff;
	   text-align: left;
	   list-style: none;
	   background-clip: padding-box;
	   margin: 0;
	   padding: 46px 20px 46px;
	   width: 100%;
	   display: block;
	   opacity: 0;
	   pointer-events: none;
	   z-index: 999;
	}

	.main_navigation_menu .menu li {
	   position: relative;
	   margin-bottom: 10px;
	   list-style: none;
	}

	.main_navigation_menu #mobile_menu a {
	   color: #000;
	   letter-spacing: 2px;
	   font-family: the-seasons;
	   font-size: 18px;
	   font-weight: 600;
	   text-decoration: none;
	   text-transform: uppercase;
	}

	.main_navigation_menu #mobile_menu a:hover {
	   border-bottom: 1px dotted #8AB7DB;
	   text-decoration: none;
	   transition: all 0.1s ease-in-out;
	}

	.main_navigation_menu.toggled #mobile_menu {
	   opacity: 1;
	   pointer-events: all;
	   transform: translateY(1em) scaleY(1);
	}

	.main_navigation_menu .menu ul.nav-menu {
	   display: none;
	   list-style: none;
	   margin: 0;
	   padding-left: 0;
	}

	.main_navigation_menu .menu-item-has-children>a::after {
	   content: '\f107';
	   font-family: "Font Awesome 6 Pro";
	   font-weight: 900;
	   position: absolute;
	   right: 0;
	   top: 12px;
	   transform: translateY(-50%);
	}

	.main_navigation_menu ul.sub-menu {
	   display: none;
	   left: 0;
	   position: relative;
	   width: 100%;
	   margin-left: 20px;
	   padding: 0;
	   box-shadow: none;
	   margin-bottom: 15px;
	   float: none;
	}

	.main_navigation_menu ul.sub-menu.visible {
	   display: block;
	   left: 0;
	}

	.main_navigation_menu ul.sub-menu li {
	   margin: 8px 0px;
	}

	.main_navigation_menu ul.sub-menu li:last-child {
	   margin-bottom: 0;
	}

	/*.tours__masthead__slider .item img { height: 320px; }*/
	#col-secondary { clear:both; }
	iframe { max-width: 100%; margin-bottom:20px;}

}

@media only screen and (max-width : 640px) {
	
	#field_1_9, #field_1_11, 
	#field_1_24, #field_1_26, 
	#field_1_39, #field_1_41, 
	#field_1_54, #field_1_56, 
	#field_1_69, #field_1_71, 
	#field_1_84, #field_1_86, 
	#field_1_99, #field_1_101, 
	#field_1_114, #field_1_116
	{ width: 65%; margin-right:5%; }

	#field_1_10, #field_1_12, 
	#field_1_25, #field_1_27, 
	#field_1_40, #field_1_42, 
	#field_1_55, #field_1_57, 
	#field_1_70, #field_1_72, 
	#field_1_85, #field_1_87, 
	#field_1_100, #field_1_102, 
	#field_1_115, #field_1_117
	{ width: 30%; }	


}

@media only screen and (max-width : 480px) {
	ul#navigation_menu li a { font-size: 16px; }

}