/*
Custom CSS loaded into the site - updated 1 Feb 2021
*/


/*######################################################
Click to play audio CSS - styling the play button
######################################################*/


a[href$=".mp3"] {
text-decoration: none;
font-weight: bold;
}

a[href$=".mp3"]::before {
content: "🎧\00a0";
}

/*######################################################
Custom Image Styling
######################################################*/

.bordered {
border: 2px solid #c9daed;
}

.image-with-text-block__col img.img-fluid {
-webkit-box-shadow: 0 21px 42px 0 rgba(0, 20, 29, .2);
box-shadow: 0 21px 42px 0 rgba(0, 20, 29, .2);
}

.simple-border-ad figure img {
	border: 2px solid #c9daed;
	}
	
.gb-container.inserted-ad {
	border-color: #0061d1!important;
}


/*######################################################
Layout fixes - June 2020
######################################################*/

/* tightening the space after the top intro text and blue slash */
.pb-10,
.py-10 {
padding-bottom: 3.33rem !important;
}

.main .s:last-of-type {
padding-bottom: 3.33rem;
}

/* hide the broken category display in the Further reading */
.further-reading-wrap .blue {
display: none;
}



/*######################################################
Better legibility on blog posts - July 1 2020
######################################################*/

article {
font-size: 16px;
}

.pt-0 H2 {
font-size: 2rem !important;
line-height: 2.4rem !important;
font-weight: 300 !important;
text-transform: capitalize !important;
margin: 2.6rem 0 !important;
}

.pt-0 H3 {
color: inherit;
font-size: 1.4375rem;
line-height: 1.6rem;
font-weight: 500;
text-transform: capitalize;
margin: 2.2rem 0;

}

.pt-0 H4 {
font-size: 1.25rem !important;
line-height: 1.6875rem;
font-weight: 500;
text-transform: capitalize;
margin: 1.6875rem 0;
}

.pt-0 table {
width: 100%;
}

p.bordered {
border: 2px solid #c9daed;
padding: 0.6em;
}

/*######################################################
Vocab listing plugin - July 2020
######################################################*/


.alphabetical-post-list li::before {
content: none;
}

.alphabetical-post-list li {
padding-left: 0.6em;
}

.list-index li {
display: inline-block;
text-decoration: none;
}

.list-index li a {
font-weight: bold;
}

.list-index li:first-child {
font-weight: bold;
text-transform: uppercase;
}

.alphabetical-list-header {
background: rgba(201, 218, 237, 0.2);
margin-bottom: 0.2em;

}

.alphabetical-list-header.no-results {
background: #c9daed73;
display: none;
}

.alphabetical-list-header.no-results span {
color: #adadad;
}

.alphabetical-list-header span {
font-weight: bold;
padding-left: .6em;
}

ul.alphabetical-items {
column-gap: .2em;
column-count: 5;
}

.alphabetical-items li {}

/*######################################################
Table styling - 22 Oct 2020
######################################################*/

.is-style-stripes tr:nth-child(odd) {
background: #f4f8fc;
}

/*######################################################
Increased readability of list items in articles (6 Nov 2020)
######################################################*/

main ul li,
main ol li {
font-size: inherit;
padding-bottom: 1em;
}

/* Hide older ads in blog posts which conflicts with animated ad shortcode */
.legacy-shortcode {
display: none;
}

/*######################################################
Holiday sales countdown
######################################################*/

.promo__box {
background: #001834;
padding: 1em;
font-size: 1.3em;
font-weight: bold;
border: 2px solid black;
margin-bottom: 1em;
color: #fff;
}

.countdown__timer {
display: inline;
}

.inline_counter span {
text-transform: capitalize;
}


.promo__box .countdown {
font-size: 1.4em;
background: #09bd66;
padding: .2em .4em;
color: #fff;
}

.promo__box .span.hours {
background: #000;
padding: .2em .4em;
}

span.promo_header {
font-size: 1.5em;
text-transform: uppercase;
}

.addtocart_counter {
background: #001834;
padding: 0.2em;
margin-top: .6em;
font-weight: bold;
margin-bottom: 1em;
color: #fff;
text-transform: uppercase;
text-align: center;
}

.addtocart_counter .countdown {
font-size: 1.2em;
font-weight: 900;
background: #09bd66;
text-transform: capitalize;
}

@media (max-width: 767.98px) {
span.promo_header {
	font-size: 0.95em;
}

.promo__box .countdown {
	font-size: 1em;
}
}

/*######################################################
Phrasebook 
######################################################*/
.drop-shadow,
figure.drop-shadow img {
-webkit-box-shadow: 0 21px 42px 0 rgba(0, 20, 29, .2);
box-shadow: 0 21px 42px 0 rgba(0, 20, 29, .2);
}

.simple-border {
border: solid 1px #c9daed;
}

.product-notice {
border: solid 2px #09bd66;
padding: 1em;
margin-bottom: 1em;
}

/* Hide bottom promos on particular pages (phrasebook landing page, edit immersion page)*/
.page-id-212437 .footer-promo-block,
.page-id-228465 .footer-promo-block,
.page-id-212536 .footer-promo-block,
.woocommerce-account .footer-promo-block {
	display: none;
}




/*######################################################
Immersion Listing - Jan 2021
######################################################*/


/* LISTING SCREEN FILTER */


button.drts-bs-btn.drts-bs-btn-outline-secondary.drts-bs-nav-item {
color: #fff;
font-weight: bold;
text-transform: uppercase;
background-color: #09bd66;
border: 1px solid transparent;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all;
}


button.drts-bs-btn.drts-bs-btn-outline-secondary.drts-bs-nav-item:hover {
background: #168751;
color: #ffffff;
}

.drts-bs-navbar-nav button.drts-bs-btn.drts-bs-btn-sm.drts-bs-btn-light.drts-bs-mb-1.drts-view-remove-filter {
font-size: 0.9em;
color: #fff;
background-color: #001834;
}

.filter_checkbox_items .drts-bs-custom-control-label {
font-weight: 500;
}

.filter_checkbox_items .drts-form-type-checkbox {
margin-bottom: 0em;
}

.drts-view-filter-form .drts-bs-card-body>.drts-display-element[data-name=group]>.drts-display-element {
margin-bottom: 0em !important;
}


/* LISTING SCREEN */




.drts-view-post-entities .drts-view-entities-list-row {
padding-top: 1em;
}

.drts-view-post-entities .drts-display-default-summary,
.drts-view-user-entities .drts-display-default-summary,
.drts-display--summary-listing .drts-display-default-summary {}

.drts-display--summary-listing .directory-listing-title {
color: #324263;
text-decoration: none;
font-size: 1.4rem;
line-height: 2rem;
}


.drts-display--summary-listing .drts-display-element[data-name=columns]>.drts-row>[class*=drts-col-] {}

/* Override weird button text not being white */
.gb-button-wrapper a {
color: #fff !important;
font-weight: 900 !important;
}

.drts-display--summary-listing .environment-subheader {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.085rem;
text-transform: uppercase;
}

.drts-display--summary-listing .listing-link {
padding-top: 1em;
}

.drts-display--summary-listing .listing-link a {
color: #324263;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #0061d1;
}

/* Resizes the containers to normal with while leaving the map full width */
.drts-view-entities-header,
.drts-view-entities-filter-form,
.drts-view-entities .drts-location-entities {
max-width: 960px;
width: 100%;
margin-right: auto;
margin-left: auto;
}


/* MAP OVERLAY */


.drts .drts-bs-text-white {
text-decoration: none;
}


.drts .drts-bs-text-white a {
font-size: 1.2em;
font-weight: bold;
}

.drts-bs-card-title .drts-bs-text-white:after {
font-size: 0.9em;
padding-left: 0.8em;
content: "More Details";
text-decoration: underline;
}

.drts .drts-bs-card-title {
color: #001834 !important;
background-color: rgba(255, 255, 255, 0.8);
padding: 0.3em;
}

a.drts-bs-text-white.drts-entity-permalink {
color: #001834 !important;
}


.drts-map-marker-content .drts-bs-card-img-overlay {
background-image: linear-gradient(transparent, transparent) !important;
}

.drts .drts-bs-bg-dark {
background-color: #001834 !important;
}


.drts-map-popover {
border: 3px solid white;
}



/* MASON VIEW */


.drts .drts-bs-pl-3,
.drts .drts-bs-px-3 {
padding-left: 0.6rem !important;
}

.drts .drts-bs-pr-3,
.drts .drts-bs-px-3 {
padding-right: 0.6rem !important;
}




/* DETAILED SCREEN */


.preview-only-header {
position: fixed;
bottom: 0px;
z-index: 30;
width: 100%;
}

.listing-mini-navbar {
background-color: lightgray;
}

.listing-mini-navbar ul {
display: flex;
}

.listing-mini-navbar ul li {
color: #333;
list-style: none;
}


.drts-entity-post .header-first-name {
font-size: 1.8em;
line-height: 2.6rem;
margin-top: 0.2em;
}

.drts-entity-post img {
height: auto;
max-width: 100%;
}


.immersion__meet-desc li,
.immersion__area li,
.immersion__meet-your-host li {
font-size: initial;
margin-bottom: 1.6em;
}

.immersion__intro p {
font-weight: 700 !important;
}

.immersion__listing-title h1 {
font-weight: 300 !important;
}

.single-listing_dir_ltg h2 {
font-size: 2rem !important;
line-height: 2.4rem !important;
font-weight: 500 !important;
text-transform: capitalize!important;
margin: 2rem 0;
}

.single-listing_dir_ltg h3 {
font-size: 1.8rem !important;
line-height: 2rem!important;
text-transform: capitalize!important;
margin: 2rem 0 !important;
}

.single-listing_dir_ltg h4 {
font-size: 1.4rem !important;
line-height: 1.8rem!important;
font-weight: 500 !important;
text-transform: capitalize!important;
margin: 1.6rem 0 !important;
}

.single-listing_dir_ltg main ul li:not(:last-child), 
.single-listing_dir_ltg main ol li:not(:last-child) {
	//margin-bottom: 0.7rem;
}


.drts-entity-post img.immersion-headshot {
width: 140px;
border-radius: 100px;
border: 3px solid #fff;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 50%)!important;
-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 50%)!important;
}


h2.immersion__price-range {
	font-size: 1.8rem!important;
	font-weight: 300!important;
	margin: 0!important;
}


ul.immersion__highlight-list {
	margin-left: 2em;
}

.drts-entity-post .immersion__highlight-list li {
font-size: 1.2rem;
margin-bottom: 0.3em;
}

.drts-entity-post .immersion__highlight-list i {
color: #324263;
}

.drts-entity-post .immersion__highlight-list li::before {
content: none;
}


.drts-entity-post .listing__features-block .bedroom {
/* padding: 1em;
margin-right: 1em; 
margin: 1em;*/
border: 1px solid #c9daed;
border-radius: 7px;
/* flex: 1; */
}

.listing__features-block .bedroom span {
display: block;
}

section.immersion-reviews {
background-color: #f4f8fc;
}

img.listing-review-photo {
border: 6px solid #fff;
-webkit-box-shadow: 8px 7px 13px 0 rgb(0 20 29 / 20%) !important;
box-shadow: 8px 7px 13px 0 rgb(0 20 29 / 20%) !important;
}

/* Resizes the thumbnail images in the carousel so we can fit more */
.single-listing_dir_ltg ul.carousel-block__nav li {
	width: 80px;
	}


.slick-next:before,
.slick-prev:before {
color: #fff !important;
}

.drts-slider-photos .slick-arrow {
opacity: 50 !important;
}


.review-stayed-date:before {
content: "Stayed in ";
}


.review-stayed-date {
color: #0061d1;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: .0846666667rem;
text-transform: uppercase;
}

.drts-view-post-entities .drts-display-default-summary, .drts-view-user-entities .drts-display-default-summary {
background-color: #fff;
}



/* INFOBOX */
.drts-display--summary-infobox .directory-listing-labels {
position: absolute;
top: 5px;
left: 10px;
}

img.drts-bs-card-img,
.drts-map-marker-address {
display: none;
}

a.drts-bs-text-white.drts-entity-permalink,
.drts-bs-card-title {
font-weight: 500;
}

.single-listing_dir_ltg .drts-map-popover {
	/* display: none; */
}



/* DASHBOARD ROW */
.drts-display--dashboard-row .directory-listing-title a {
white-space: normal;
}



/* DASHBOARD EDITPOST PAGE */


.drts-dashboard-editpost .drts-dashboard {
display: block;
}

.drts-dashboard-editpost label {
text-transform: capitalize;
}

.drts-dashboard-editpost .drts-display-element-header {
color: #0061d1;
font-size: 140%;
text-transform: uppercase;
}

.drts-dashboard-editpost .drts-display-element {
padding-top: 2em;
}

.drts-dashboard-editpost .instructions {
padding: 1em;
/* color: #372a02;
background-color: #fff3cd;
border-color: #ffecb5; */
color: #324263;
background-color: #f4f8fc;
border-color: #d3d6d8;
}

/* Floating save bar */

.drts-frontendsubmit-addchildentity  .drts-form-buttons,
.drts-dashboard-editpost .drts-form-buttons {
z-index: 1000;
border-top: 2px solid #0061d1;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 5em;
background: #001834;
padding: 10px 0 10px 7em;
-webkit-box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0px -3px 20px -1px rgba(0, 0, 0, 0.3);
}

.drts-dashboard-editpost .drts-bs-btn-link {
color: #fff;
}

.drts-dashboard-editpost .drts-bs-btn-primary {
background-color: #09bd66;
}

/* Forces images in the frontend editor to not be stretched, no matter their ratio */
.drts-dashboard-editpost .drts-form-upload-row img,
.drts-dashboard-editpost .drts img {
width: none !important;
max-height: none !important;
max-width: none !important;
}

/* But revert it for ACF images which uses different display options */
.drts-dashboard-editpost .acf-image-uploader .image-wrap img {
max-width: 100% !important;
max-height: 100% !important;
}

/* MY ACCOUNT PAGE ================================== */


.drts-view-nav-item-name-status {
display: none;
}

.drts-dashboard {
display: block !important;
padding-bottom: 2rem;
}


/* REVIEWS SUMMARY ================================== */
.immersion-reviews .review-text {
	padding-left: 1rem;
}



/* MEDIA QUERIES ================================== */

/* slideshow previews */
@media (max-width: 945px) {
	
	.single-listing_dir_ltg ul.carousel-block__nav li {
		width: 50px;
	}
	
}

@media (max-width: 768px) {
	
	.single-listing_dir_ltg ul.carousel-block__nav li {
		width: 60px;
	}
	
}

/*phone*/
@media (max-width: 575.98px) {
	
	

	.drts-bs-navbar-nav	{
	margin-left: 1rem;
	}
	
	.drts-view-post-entities .drts-display-default-summary {
	  margin-bottom: 2rem;
	}
	
	.drts-entity-post .header-first-name {
		font-size: 1.4rem;
	  line-height: 1.8rem;
	}
	.immersion__listing-title h1 {
		font-weight: 500!important;
	}
	
	.drts-entity-post .listing__features-block .bedroom {
	 width: 95%!important;
	}
	
	.immersion-contact img.immersion-headshot {
	 width: 260px;
	}
	
	.immersion-contact h2 {
		font-size: 1.6rem!important;
		line-height: 2rem!important;
	}
	
	.single-listing_dir_ltg ul.carousel-block__nav li {
		width: 40px;
	}



}

/* Table of Content force title case */
span.lwptoc_item_label {
	text-transform: capitalize;
}

/* Quotes and Share to Tweet Blocks */
figure.wp-block-pullquote {
	background-color: #fafafa;
	  border: 2px solid #f4f8fc;
	  padding: 0.5em;
	}
	
	figure.wp-block-pullquote blockquote {
	   margin: 0;
	}
	
	figure.wp-block-pullquote p {
	   font-size: 1.2rem!important;
	}
	
	a.novashare-ctt {
	  font-size: 1.2rem!important;
	  font-weight: 500;
	  border-left: 5px solid #0061d1!important;
	}
	
	.novashare-ctt-cta {
	  color: #0061d1!important;
	}
	
	
	
	
/* ********** ARTICLES *************** */

.single-magazine .novashare-buttons {
	display: none;
}


.woocommerce-info .wc-memberships-content-restricted-message {
	background-color: var(--dark-main);
	font-size: 0.9em; 
}


/* Web Player */

.magazine-player-wrapper { border: 1px solid #DADEE3; }
.magazine-player-wrapper .plyr--audio { }
.magazine-player-wrapper .player-audio-speed { background-color: #324263;}

.plyr--audio .plyr__controls {background-color: #324263;color: #fff}

.player-audio-speed select {
	background-color: #324263;color: #fff
}

.player-audio-speed select:active, 
.player-audio-speed select:focus {
}

/* @media (max-width: 36rem), (max-device-width: 36rem) { .magazine-player-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -2.875rem; margin-right: -2.875rem; border: none; border-top: 1px solid #DADEE3; }
  .magazine-player-wrapper .player-audio-speed { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; border-top: 1px solid #DADEE3; } } */