/*
 Theme Name:   UnderStrap Child
 Theme URI:    http://www.holgerkoenemann.de
 Description:  UnderStrap Child Theme - as base for Mountain Drop-offs
 Author:       Joey Roberts
 Author URI:   http://www.mewmedia.com
 Template:     understrap
 Version:      0.1
 License:      Commercial
 Text Domain:  understrap-child
*/

body {font-size:1.1em;}

.h3, h3 {
    font-size: 1.75rem;
}

.h4, .h5, h4, h5 {
    line-height: 1.5;
}

.wrapper-fluid.wrapper-headerbar {
	font-size: 0.9rem;
}

.btn-secondary,.btn-secondary:hover {
	color: #0096b9;
    background-color:transparent;
    border-color:transparent;
	border:none;
	text-decoration: underline;
	box-shadow: none;
}


.news-listing, .events-listing, .testimonials-listing, article.testimonials .entry-content, article.post .entry-content, article.tf_events .entry-content p, .options-listing, #homepage-option p {font-size:1rem;}
#homepage-option p {font-size:1rem;}
#homepage-option .textwidget {margin-top: .5em;}
#homepage-option img {border-radius: 5px;}

.custom-html-widget, #footer-full-content {font-size:0.8rem;}

.alignleft {
    margin: .25rem 10px 0 0;
}

article.testimonials .entry-sub-title {padding-bottom:0; line-height:1.5rem;}

body #page article.testimonials {border-radius:10px; position:relative; margin-bottom:1.5rem;}
.speech-triangle {
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 25px;
	border-right-width: 0;
	border-top: 18px solid #eceeef;
	position:absolute;
	top:100%;
	left:100%;
	margin-left:-50px;
}

#homepage-option {
	float: left;
    width: calc(33.33333% - 5px);
    padding-left: 15px;
}

#banner-wrapper .slide-container {
	position: relative;
}

#banner-wrapper .container .text-block {
    min-height: 50px;
	width:100%;
	background:transparent;
	padding-left:0;
	margin-top: 50px;
	box-shadow: none;
}

#banner-wrapper .container .text-block h2 {
	/*color:#0096b9;*/
	margin-bottom:0;
	font-weight:500;
	font-size: 45px;
	color:#ffffff;
}

#banner-wrapper .container .text-block p, #banner-wrapper .container .text-block div span {
    margin-bottom:0;
	color:#ffffff;
}

#banner-wrapper .image-cover {
	position: absolute;
	top:0;
	width:100%;
	background-color: rgba(0,0,0,0.4);
	height: 100%;
}

.split-column-row header {margin-top:1em;}
.split-column-row header.entry-header h1, .split-column-row .entry-content h4 {margin-bottom: 0.8em; font-size:1.75rem;}

.entry-content h3 {font-weight:300; font-size: 1.5rem;}
.entry-header h3 {
	font-size: 1.5rem;
	position: relative;
    margin-top: -2.9em;
    margin-bottom: 1em;
    padding: 0.8rem 1rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgba(0,0,0,.4);
}

.entry-header h3 a {
	color:white;
}

.entry-footer {margin-top:1rem;}

.split-column-row > .entry-header {
	padding-top:0;
}

.split-column-row > * {
    padding-left: 25px;
}

.split-column-row:nth-of-type(odd) >* {
    padding-left:0;
}

.split-column-row {background-color:transparent;}
.split-column-row ul {padding-left:1rem;}
.split-column-row li {margin-bottom:0.5rem; padding-left:0.3rem;}

#payment-wrapper {background-color: white; padding: 30px 0; border-bottom:2px solid #f9f9f9;}
.paymentoptions {display:table; width:100%; max-width: 500px; margin: 0 auto;}
.paymentoptions ul {margin:0 auto; padding:0; display:table-row; max-width:800px;}
.paymentoptions ul li {display:table-cell; background-position: 50%; background-repeat: no-repeat; background-size:contain; height: 30px;}
.paymentoptions ul li img {display:block; width:calc(100% - 10px); height:50px; background-color:#ccc; margin: 0 auto; max-width:120px;}

#homepage-destinations-listing article.destinations .entry-content {
    margin-bottom: 1em;
}

#mobile-menu > li.menu-item a {
	background-color:#0096b9;
	border-radius: 10px;
}


.su-table table tr {background-color:#fff; }
.su-table table tr:first-child th:first-child > div {text-align:left; color:#666;}
.su-table table th {color:#333; font-weight:300; width:18%; text-align:center; background-color:transparent; font-size:16px;}
.su-table table th span {display:block; font-size:11px;}
.su-table table th:first-child {text-align:left; width:28%;}
.su-table table td {width:18%; font-size:13px; padding: 10px 0 !important;}
.su-table table td img[alt=No] {display:none;}
.su-table table th, #page-wrapper table td {border-left:1px solid #333; padding:10px; }
.su-table table th:last-child, #page-wrapper table td:last-child {border-right:1px solid #333;}
.su-table table tbody tr {background-color:#eee;}
.su-table table tbody tr:nth-child(odd) {background-color:#eee;}
.su-table table tbody td:first-child {background-color:#eee; color:#333; padding-left: 10px !important;}
.su-table table tbody tr:nth-child(odd) td:first-child {background-color:#eee;}
	
.su-table table th.transfer-flexisaver {border:none !important; background-color:rgba(0,56,86,1.00) !important; color:white !important;}
.su-table table th.transfer-supersaver {border:none !important; background-color:rgba(8,95,11,1.00) !important; color:white !important;}
.su-table table th.transfer-private {border:none !important; background-color:rgba(118,3,129,1.00) !important; color:white !important;}
.su-table table th.transfer-vip {border:none !important; background-color:rgba(0,0,0,1.00) !important; color:white !important;}

.su-table tr td span {
	width:20px;
	height:20px;
	display:block;
	margin-left:calc(50% - 10px);
	-webkit-mask-image: url('/booking/images-final/icon-star.svg'); background-color: rgba(0,102,255,.8);
    mask-image: url('/booking/images-final/icon-star.svg');
    -webkit-mask-image: url('/booking/images-final/icon-star.svg');
    mask-size: contain;
    -webkit-mask-size: contain;
    background-image: none;}
.su-table tr td img {
	display:none;
}
.su-table tr td:nth-child(2) span {background-color:rgba(8,95,11,1.00);}
.su-table tr td:nth-child(3) span {background-color:rgba(0,56,86,1.00);}
.su-table tr td:nth-child(4) span {background-color:rgba(118,3,129,1.00);}
.su-table tr td:nth-child(5) span {background-color:rgba(0,0,0,1.00);}
	


@media (max-width: 768px) {
	header.entry-header a {
		width:100%;
		display:block;
	}
	header.entry-header a img {
		width:100%;
		display:block;
	}
}

@media (max-width: 575px) {
	
	#mobile-menu li.menu-item a.nav-link {
		font-weight:400;
	}
	
	.home #c2a-btn-wrapper {
    	margin-top: -16em;
		margin-bottom:0;
	}
	
	#page {
		padding-top: 2.52em;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle {
		margin-top: -47px;
	}
	
}

@media (min-width: 400px) {
	#mobile-menu > li.menu-item a:before {background-size: 15% auto !important;}
}

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

  #mobile-menu a:hover:before, #mobile-menu a:active:before {
    opacity: 1; }
  #mobile-menu > li.menu-item:nth-of-type(1) a:before {
    background-image: url("https://www.mountaindropoffs.com/booking/images-final/icon-headerfooter-mdophonenumber.png");
    background-position: 50% 28%;
    background-size: 20% auto; }
  #mobile-menu > li.menu-item:nth-of-type(2) a:before {
    background-image: url("https://www.mountaindropoffs.com/booking/images-final/icon-makenewbooking-white.png");
    background-position: 50% 26%;
    background-size: 23% auto; }
  #mobile-menu > li.menu-item:nth-of-type(3) a:before {
    background-image: url("https://www.mountaindropoffs.com/booking/images-final/icon-transferdetails-white.png");
    background-position: 50% 29%;
    background-size: 35% auto; }
  #mobile-menu > li.menu-item:nth-of-type(4) a:before {
    background-image: url("https://www.mountaindropoffs.com/booking/images-final/icon-searchhistory-white.png");
    background-position: 50% 28%;
    background-size: 20% auto; }

}


@media (min-width: 576px) {
	
	#banner-wrapper .container .text-block h2 {
		font-size:50px;
	}
	.wrapper-navbar {
    	top: 3.5em;
	}
	#page {
		padding-top: 3.55em;
	}
	
	#page .navbar-tel-numbers {
		padding-top:1em;
		font-weight:300;
	}
}

@media (min-width: 768px) {
	#page {
		padding-top: 5.8em;
	}
}

@media (min-width: 992px) {
	#banner-wrapper .container .text-block h2 {
		font-size:70px;
	}
}

@media (min-width: 1200px) {

}