/*
Theme Name: Basing View
Author: Kubiak
Author URI: https://kubiakcreative.com
Description:Child theme for BasingView website - Requires Parent Theme The7 for base template.
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


/* SELF HOSTED FONTS 'ChronicleDisp' LOADED IN THEME STYLE.CSS */

.pink-bottom {
	border-bottom: solid 2px #ffd1e3;
}

.vc_row.car::before {	
  content:url('/wp-content/_assets/drive-times_drive.svg');
  position: absolute;
	width: 75px;
	height: auto;
  z-index:2;
  right: 0px;
  bottom: -9px;
}
.vc_row.train::before {	
  content:url('/wp-content/_assets/drive-times_rail.svg');
  position: absolute;
	width: 75px;
	height: auto;
  z-index:2;
  right: 0px;
  bottom: -9px;
}

.vc_row.plane::before {	
  content:url('/wp-content/_assets/drive-times_air.svg');
  position: absolute;
	width: 75px;
	height: auto;
  z-index:2;
  right: 0px;
  bottom: -9px;
}



.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}


/* ------------------------------------------ STRUCTURE ELEMENTS */

/* .vc_row {
	margin-bottom: 50px;
} */

.full-image, .full-image img {
	width: 100vw;
	height: auto;
}

.min-height_row {
	min-height: 500px
}

.vc_column-inner {
	padding-top: 0!important;
}

.wpb_single_image {
	margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
	.swap-on-mobile, .column-reverse {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

@media only screen and (min-width: 992px) {
	.swap-on-desktop {
		display: flex !important;
		flex-direction: row-reverse;
	}
}

.center-tablet {	text-align: center; }

@media only screen and (min-width: 992px) { .center-tablet {	text-align: left; } }


.agent {
	max-width: 180px
}

.filter-categories a {
	font-size: 1.2rem;
}


/* ------------------------------------------ TYPOGRAPHY */


/* h2 {
	letter-spacing: -1px;
} */


strong {
	font-weight: 600;
}



#primary-menu .menu-item-text { 
	text-align: center;
}

.bvSerif {
	font-family: serif;
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: normal !important;
}

.textPadding {
	margin-left: 50px;
	margin-right: 50px;
}

.verticalPadding {
	padding-top: 75px;
	padding-bottom: 75px;
}

.horzPadding {
	padding-left: 20px;
	padding-right: 20px;
}

.stats h2 {
	font-size: 3.5rem;
	margin-bottom: 0;
}

h2 small {
	font-size: 40%;
}

h6+h6 {
	margin-top: 30px;
}

.siteplan-list ol {
	font-size: 1.1rem;
	line-height: 1.6rem;
}

.siteplan-list ol li {
	padding-left: 20px
}

.siteplan-list ol li strong {
	font-weight:500
}

.siteplan-list ol li::marker span.pink {
	color:#ffd1e3 !important;
}

.wpb_text_column ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wpb_text_column ul li {
	margin-bottom: 20px;
}


.filter-categories a {
	font-size: 1.2rem;
}
/* ------------------------------------------ MENU */

.mobile-main-nav li>a .subtitle-text {
	font: 400 16px / 20px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    color: #333333;
    text-transform: none;
	line-height: 20px;
}

.mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button svg, .mobile-main-nav > li.menu-item-language > a:after {
	color: #33ccc7;
	fill: #33ccc7;
}

/* ------------------------------------------ COLOURS & BACKGROUNDS */

.marine	{color: #005e59; }
.teal 	{color: #33ccc7; }
.orange	{color: #ff9c00; }
.pink 	{color: #ffd1e3; }
.grey		{color: #4a4a4a; }
.beige 	{color: #ebebe0; }
.white 	{color: #FFFFFF; }


.bg-marine 	{background: #005e59; color: #FFFFFF; }
.bg-teal 		{background: #33ccc7; color: #005e59; }
.bg-orange	{background: #ff9c00; color: #FFFFFF; }
.bg-pink 		{background: #ffd1e3; color: #005e59; }
.bg-grey		{background: #4a4a4a; color: #FFFFFF; }
.bg-beige 	{background: #ebebe0; color: #111111; }

.bg-marine-pale 	{background: #e5efee; color: #005e59; }
.bg-teal-pale 		{background: #ebfaf9; color: #005e59; }
.bg-beige-pale 	{background: rgba(235,235,224,0.5);}


.bg-marine a	{color: #FFFFFF; }
.bg-teal a 		{color: #FFFFFF; }
.bg-orange a	{color: #FFFFFF; }
.bg-pink a 		{color: #005e59; }
.bg-grey a		{color: #FFFFFF; }
.bg-beige a 	{color: #FFFFFF; }

.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5 {color: #FFFFFF; }
.bg-marine h1, .bg-marine h2, .bg-marine h3, .bg-marine h4, .bg-marine h5	{color: #33ccc7; }

.bg-tealPale-half {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%);
}


@media (min-width: 1200px) {  
	.bg-tealPale-half {
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(51,204,199,0.15) 25%, rgba(51,204,199,0.15) 75%, rgba(255,255,255,1) 75%);
	}

}




/* ------------------------------------------ HOMEPAGE HOVER BOXES */

.hoverBoxTitle {
  display:block;
  height: 90px;
  width: 100%;
  background: url('/wp-content/_assets/pixel.gif') no-repeat;
  background-size: 100% 100px;
  background-position-y: 0px;
  -webkit-transition: background-position 0.3s ease-in-out;
}

.bvHoverBox:hover {
	cursor: hand
}
  
.bvHoverBox:hover .hoverBoxTitle {
  background-position-y:-100px;
}

.bvHoverBox:hover .hoverBoxTitle h4 {
	color: #FFFFFF;
}

.bvHoverBox.bg-pink:hover .hoverBoxTitle h4 {
	color: #005e59;
}

.bvHoverBox .hoverBoxText {	opacity: 1; padding: 20px 20px 0 }
.bvHoverBox:hover .hoverBoxText {	opacity: 1 }

.bvHoverBox .hoverBoxTitle h4,
.bvHoverBox .hoverBoxText {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.bvHoverBox p {
	font-size: 1rem;
	line-height: 1.4rem;
}

.bvHoverBox .ult-content-box {	min-height: 500px; }

@media (min-width: 576px) { 
.bvHoverBox .ult-content-box {	min-height: 650px; }
}

@media (min-width: 768px) { 
.bvHoverBox .ult-content-box {	min-height: 500px; }
}

@media (min-width: 992px) { 
.bvHoverBox .ult-content-box {	min-height: 600px; }
}

@media (min-width: 1200px) { 
.bvHoverBox .ult-content-box {	min-height: 500px; }
}




/* ------------------------------------------ ICON INFOGRAPHICS */
.icon {
	margin-bottom: 10px
}

.icon .bvSerif {
	font-size: 2em !important;
}

.icon img {
	max-width: 100px;
	height: auto
}

.icon-rowx {	padding: 0 }
@media (min-width: 1200px) { .icon-rowx {	padding: 0 100px } }
@media (min-width: 1400px) { .icon-rowx {	padding: 0 150px } }



.social {
	margin: 40px 0 0;
}

.social li svg {
	width:	32px;
	height: 32px;
	fill: #FFFFFF;
	fill-opacity: 0.7
}

.social li svg:hover {
	fill-opacity: 1
}

.widget_presscore-custom-menu-one {
	padding-left: 0;
}

ol.breadcrumbs li:before {
	color: #ffffff 
}


/*1st TEAL*/
ol.breadcrumbs li:first-child span {
	color: #33ccc7 !important
}
/*2nd ORANGE*/
ol.breadcrumbs li a span {
	color: #ff9c00 !important
}

ol.breadcrumbs li span {
	color: #FFFFFF !important
}

/* ------------------------------------------ Post Meta */
#dpm-wrap .display-post-metadata {
	border: none;
}

#dpm-wrap .display-post-metadata li {
	border-left: none;
	color: #33ccc7;
	font-weight: 500;
	display: block;
	width: 100%;
}

#dpm-wrap .display-post-metadata li span {
	margin-left: 10px
}



/* ------------------------------------------ MARKER MAP */

.wpgmza-marker-listing-category-filter {
	padding-bottom: 20px
}

.wpgmza-marker-listing-category-filter label{
	color: #005e59;
	font-weight: bold;
}

/* ------------------------------------------ AMENITY BOXES */

@media only screen and (min-width: 992px) {	.amenities-sq h4 {font-size: 1.2rem }}
@media only screen and (min-width: 1200px) {	.amenities-sq h4 {font-size: 1.5rem }}



/* ------------------------------------------ DotDigtal Newsletter */

.dotMailer_news_letter label {
	font-family: Montserrat, Helvetica, sans-serif;	
	color: #FFFFFF;
}
.dotMailer_news_letter input[type=text] {
	margin-top: 5px
}

.dotMailer_news_letter input[type=submit] {
	border: none;
}

.dotMailer_news_letter input:hover {
	background-color: #ffd1e3 !important;
	color: #005e59 !important;
}

#dm_widget-2 {
	padding-bottom: 0;
}

#dm_widget-2 .widget-title {
	color: #33ccc7;
	font-size: 1.2rem;
}

.dotMailer_news_letter p {
	display: none;
}

.error_message {
	color: #33ccc7;
}