.jumbotron {
	background-color: white;
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-nav > li > a {
    line-height: 30px;
}
/* background for early Booking Discount info */
.starbg {
	background-image: url('/imgs/star.svg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	padding-top: 50px;
    transform: rotate(-10deg);
    font-weight: 600;
    font-size: small;
}
.lcolumn {
	padding-right: 40px;
	background-color: white;
}
.pricing_section {
	border-width: thin;
    border-style: solid;
    background-color: #eaeaea;
    text-align: center;
    border-color: #444444;
	margin-top: 20px;
	padding-bottom: 20px;
}
.numdays {
	color: black;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.dates {
	font-size: 12pt;
}
.price-container {
	width: 95%;
    margin: 0px auto 20px auto;
	background: white;
	/*border-radius: 10% 10% 25% 25%;*/
	border-radius: 10%;
}
.table-container {
	margin-top: -16px;
	margin-bottom: 0px;
  /*  padding-top: 20px; */
	padding: 20px 0 10px 0;
    background-color: white;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.pricing_table {
	text-align: center;
	padding: 2px;
	width: 86%;
}
.pricing_table td, .pricing_table th {
	padding: 2px;
	background-color: white;
}
.pricing_table th {
	text-align: center;
	/*color: red;*/
	color: #286070;
	font-weight: bold;
}
.airfare {
	padding: 0px 0px 10px 0px;
}
.book {
	font-size: 14pt;
	font-weight: bold;
	width: 100%;
	margin-bottom: 0px;
	border-radius: 25px;
}
.tourdate {
	color: red; 
	font-size: 14pt;
	font-weight: bold;
	/*padding-top: 16px;*/
	margin-bottom: 2px;
}
.meals_header, .notes_header, .airfare_header {
	font-size: 12pt;
	font-weight: bold;
	padding: 15px 0 5px 0;
	color: #284a7d;
}
.cruiseline {
	padding: 10px 0 10px 0;
}
.notes {
	text-align: left;
	font-weight: normal;
	padding-right: 25px;
}
.notes li {
	padding-bottom: 10px;
}

.activity_level_container {
	width: 90%;
	border-width: thin;
	border-color: black;
	border-style: solid;
	margin: 0 auto;
	background-color: white;
	border-radius: 25px;
}
.activity_level1 {
	width: 20%;
	height: 20px;
	background-color: darkgreen;	
	background-color: black;
	border-radius: 25px;
}
/*.al-color1 {color: green}*/
.al-color1 {color: black}

.activity_level1_plus {
	width: 30%;
	height: 20px;
	background-color: green;
	background-color: black;
	border-radius: 25px;
}
/*.al-color1 {color: green}*/
.al-color1_plus {color: black}

.activity_level2 {
	width: 40%;
	height: 20px;
	background-color: lightgreen;
	background-color: black;
	border-radius: 25px;
}
/*.al-color2 {color: lightgreen}*/
.al-color2 {color: black}

.activity_level2_plus {
	width: 50%;
	height: 20px;
	background-color: lightgreen;
	border-radius: 25px;
}
/*.al-color2 {color: lightgreen}*/
.al-color2_plus {color: black}

.activity_level3 {
	width: 60%;
	height: 20px;
	background-color: yellow;
	background-color: black;
	border-radius: 25px;
}
/*.al-color3 {color: yellow}*/
.al-color3 {color: black}

.activity_level3_plus {
	width: 70%;
	height: 20px;
	background-color: #F8C207;
	background-color: black;
	border-radius: 25px;
}
/*.al-color3 {color: yellow}*/
.al-color3_plus {color: black}

.activity_level4 {
	width: 80%;
	height: 20px;
	background-color: orange;
	background-color: black;
	border-radius: 25px;
}
/*.al-color4 {color: orange}*/
.al-color4 {color: black}

.activity_level4_plus {
	width: 90%;
	height: 20px;
	background-color: darkorange;
	background-color: black;
	border-radius: 25px;
}
/*.al-color4 {color: orange}*/
.al-color4_plus {color: black}

.activity_level5 {
	width: 100%;
	height: 20px;
	background-color: red;
	background-color: black;
	border-radius: 25px;
}
/*.al-color5 {color: red}*/
.al-color5 {color: black}

.activity_level5_plus {
	width: 100%;
	height: 20px;
	background-color: brown;
	background-color: black;
	border-radius: 25px;
}
/*.al-color5 {color: red}*/
.al-color5_plus {color: black}

/*.nav-tabs>li>active, .nav-tabs>li>active {
    background-color: white;
}*/
.nav-tabs .nav-link {
/*    background-color: #F9C984;
	color: #FF5400;*/
	background-color: tan;
	color: #284a7d;
}
.nav-tabs .nav-link:hover {
    background-color: #FCB754;
	color: #23527c;
}
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
	text-decoration: none;
}

h1 {
	color: #284a7d;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
    margin-bottom: 10px;
}
#itinerary h2 {
	color: black;
    font-style: normal;
    font-size: 1.3rem; 
	margin-top: 20px;
	margin-bottom: 10px;
}
div.sub2 {
	color: orange;
	font-size: 1.0rem;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
}
#photos {margin-top: 12px;}
#photos h3 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.sub3 {
	color: black;
	font-size: 1.3rem;
	font-weight: bold;
	margin-top: 30px;
	padding-bottom: 20px;
}
div.sub1 {color: #284a7d; font-style: italic; font-size: 26px}
.daynum {
	color: white;
	background-color: #284a7d;
	width: 20%;
	border-radius: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.daynumline {
	border-bottom: solid thick #284a7d;
    margin-bottom: -13px;
    padding-left: 5px;
    margin-top: 30px;
}
.caption {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
}
.credit {
	text-align: center;
	font-size: 10pt;
	height: 30px; /* removes slideshow bouncing effect when no credit displayed */
}


@media only screen and (min-width: 768px) {
/* styling makes columns even length */
#tab-content.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	border-left: solid thin #ddd;
	border-right: solid thin #ddd;
	border-bottom: solid thin #ddd;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 20px;
}
#tab-content.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}
}

@media only screen and (max-width: 768px) {
	.lcolumn {
		padding-right: 15px;
	}
}

.heading {background-color: #284a7d; width: 100%; padding: 10px; font-size: 16pt; font-weight: bold; color: white;}
.tourtopbuttons {text-align:center; background-color: #fff; border-top:1px solid #dedeff; border-left:1px solid #dedeff; border-bottom: 1px solid #cdcdff; border-right: 1px solid #cdcdff;  padding:2px 2px 3px 2px;}

/* special formatting for 768-991 pixel-width displays */
@media screen and (min-device-width: 768px)  and (max-device-width: 991px) {
	.starbg {
		font-size: smaller;
		line-height: 14px;
	}
}

/* hyperlink buttons that are full width in their containers */
.wideButton {
	display: block;
	width: 100%;
}
.btn.wideButton {
	border:0;
	background-color: white;
	color: #284a7d;
	padding: 0px;
}
.wideButton:hover, btn.wideButton:hover {
	background-color: tan;
	text-decoration: underline;
	color: #23527c;
}

/* custom styling for Winter Specials and other tours that list "highlights" in the itinerary */
.winterspecial { display: table; margin: 0 auto; font-size: 16px }

/* used for metadescription header background color */
.meta-d {
	background-color: white !important;
	font-size: 16px;
}
.close {
	-webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
	float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
}
/* hides spacer column divs for screen size below large (col-lg*) i.e. < 992 px */
@media screen and (max-device-width: 991px) {
	.hidebelowlg {
		display: none;
	}
}