/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

.comments-section {display:none!important;}

body .meta-author {display: none !important;}
body .meta-category {display: none !important;}
body .meta-comment-count {display: none !important;}

body #single-below-header {display: none !important;}

body #post-area.masonry article.post .post-meta {display: none!important;}
article.post .content-inner {border-bottom: none;}

.min-height {
border-bottom: 1px solid #ccc;
}

.min-height .wpb_wrapper .wpb_text_column .wpb_wrapper h3 {
font-size: 26px;
line-height: 1.4;
}

h1 {
margin-bottom: 20px;
}

.icon-salient-down-arrow:before {
font-size: 40px;
}

.container-wrap, .project-title, .row.page-header-no-bg, .portfolio-items .col { 
background-color: #fff;
}

#call-to-action .triangle {
border-top:10px solid #fff;
}

body #header-outer.transparent header#top nav > ul > li#menu-item-5981 > a {
border: none !important;
}

body #header-outer.transparent header#top nav > ul > li#menu-item-5981 > a {
    border: 1px solid #fff;
    padding-bottom: 16px !important;
}

@media only screen and (min-width: 1000px){
.swiper-wrapper .swiper-slide .content {
    padding: 0px !important;
} 
}
.swiper-slide .content p {
background: rgba(0,0,0,0.7);
padding: 5px !important;
}

.swiper-slide .content p.transparent-bg span {
background: transparent;
}

.narrow-container {
max-width: 790px !important;
margin: 0 auto;
}

.swiper-wrapper .starting-logo {
height:100px !important;
}

/*---------
FAQ 
---------*/
.toggle h3 a{
font-size: 18px !important;
}


/*---------
CONTACT
---------*/
input[type=submit], button[type=submit], input[type="button"] {
width: 200px;
font-size: 16px;
height: 45px;
}


/*---
FOOTER
---*/
#footer-outer #footer-widgets .col ul li {
display:inline-block;
padding: 20px;
}

#text-2 h4{
float:right
}

#text-2 .textwidget {
float:right;
clear:both;
}

#footer-outer .widget.widget_categories li a, #footer-outer .widget.widget_pages li a, #footer-outer .widget.widget_nav_menu li a {
padding: 8px 10px;
}

@media screen and (min-width:800px){
	.right {
	float: right;
	}
}

#footer-outer #footer-widgets .col ul li {
border-bottom: none;
}

@media screen and (max-width: 1135px){
.wpb_row.equal-heights .col .vc_col-sm-6 {width: 100%!important;}
}

.no-margin-bottom {
margin-bottom: 0px!important;
}

@media screen and (max-width:1000px) {
.center-align-text {
text-align: center!important;
}
}

.row .equal-heights.him-salt-row {
z-index: -999!important;
}

/* body.home .container-wrap {
padding-top:53px!important;
} */

/*@media screen and (max-width:1024px){
.banner-home . row-bg-wrap .row-bg.using-image {
background-image: url('/wp-content/uploads/2016/01/Welopd5.jpeg')!important; 
background-position: left top; 
background-repeat: no-repeat; 
}
}*/

/* 
@media screen and (min-width: 1000px){
body.home .container-wrap {
    padding-top: 123px!important;
}
} */


/*--------------
CODE TO SET THE BACKGROUND IMAGE ON MOBILE/TABLET
Step 1: Upload the image in the Media Library
Step 2: Copy the URL path and paste into the code below in between the apostrophes.
*/

@media screen and (max-width:1024px){
.banner-home {
background-image: url('http://circlewellnessstudios.com/wp-content/uploads/2016/07/kalen.jpg')!important; 
background-position: center; 
background-repeat: no-repeat!important; 
}
}


@media only screen and (max-width: 690px){
body .row .col.section-title h2, body h2 {
    font-size: 38.8px!important;
    line-height: 1.4!important;
}
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
body .row .col.section-title h2, body h2{
    font-size: 41.2px!important;
    line-height: 1.4!important;
}
}

.hide {display:none!important;}


/* == ===== === == Mar 2018 == ===== === == */
.wpcf7-form p:nth-of-type(2), 
.wpcf7-form p:nth-of-tboype(3)
{
width: 49%;
    display: inline-block; 
}

@media screen and (max-width:490px){
.wpcf7-form p:nth-of-type(2), 
.wpcf7-form p:nth-of-type(3)
{
width: 100%;
    display: block; 
}
}

.wpcf7-form p {
    padding-bottom:18px;
    
}

.testimonial_slider .image-icon.has-bg {
    width: 100px;
    height: 100px;
}

img.featured-logo{
    height: 36px!important;
}

textarea[name=your-message] {
    height:120px;
}


img.featured-logo.larger {
    height: 63px!important;
}

.text-shadow.salt {
    text-shadow: 1px 1px 6px #5a4e4d;
}

#header-outer[data-lhe="default"] header#top nav > ul > li > a {
    padding-right:10px!important;
    padding-left:10px!important;
    
}

.nectar-flip-box .flip-box-front .inner{ 
    font-size: 20px !important; 
    line-height: 1.5;
    text-align: center;
}

.wpb_wrapper .nectar-flip-box .flip-box-front .inner {
    font-size: 35px!important;
    font-family: roboto-cond-bold;
}

.wpb_wrapper .nectar-flip-box .flip-box-back .inner, 
.wpb_wrapper .nectar-flip-box .flip-box-front .inner {
    padding: 15px!important;
}

#mobile-menu ul li a {
    font-size: 22px!important;
}

.call-to-action .container > span {
    display:none;
}

/*FONT FAMILY MARK*/

@font-face {
    font-family: 'markregular';
    src: url('/wp-content/themes/salient-child/fonts/mark-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/mark-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mark-light';
    src: url('/wp-content/themes/salient-child/fonts/mark-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/mark-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'markbold';
    src: url('/wp-content/themes/salient-child/fonts/mark-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/mark-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.bold, strong, b {
	font-family: 'markbold', sans-serif!important;
}

body p, h1 {
     font-family:'mark-light'!important;
}

.main-content h2, .main-content h3, .main-content h4 {
    font-family:'mark-light'!important;
}

h2 {
    margin-bottom:20px!important;
}

.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content {
    top: 400px!important;
    
}

@media screen and (min-width:1160px) and (max-width:1200px) {
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content {
    top: 374px!important;
}
}

div[data-style="default"] .toggle h3 a, div[data-style="default"] .toggle h3 {
    font-size: 18px!important;
    line-height: 24px!important;
}

@media screen and (min-width: 1000px){
    img.hide-desktop, .wpb_content_element.hide-desktop {
        display: none!important;
    }
}

@media screen and (min-width: 1000px){
    .hide-desktop {
        display: none!important;
    }
}

@media screen and (max-width: 1000px){
    .hide-mobile {
        display: none!important;
    }
}

@media screen and (max-width: 1000px){
    .home-h1 {
		text-align:center!important;
    }
}

.nectar-slider-wrap[data-full-width="false"] .swiper-slide.about-slider .content {
    top: 180px!important;
}

.wpb_wrapper .play-video {
    border-width:5px;
    /*width: 75% !important;*/
}

a.envira-tags-filter-link[title="Filter by Inspiration & Travel"] {
    display:none!important;
}


@media screen and (max-width: 700px) {
        .wpb_wrapper .play-video {
        min-height: 300px;
    }
}

/*ENVIRA GALLERY*/
.envirabox-wrap.envirabox-mobile.envirabox-type-image {
    width: 92% !important;
    left: 4% !important;
}
.envirabox-wrap.envirabox-mobile.envirabox-type-image .envirabox-outer {
    width: 100% !important;
    height: auto !important;
}

body .nectar-video-box .inner-wrap {
	border: 5px solid #d8d8d8!important;
}


@media (min-width: 768px) {
    body .five-column.vc_row-fluid .vc_col-sm-2 {
        width: 17.893617%;
    }
}
body .five-column.vc_row-fluid .vc_col-sm-2:last-child {
    display: none !important;
}

/*3D TOUR*/
@media screen and (min-width:514px){
	.ult_hotspot_container.smart-hotspot {
		position: absolute;
		right: 28px;
		top: 0px;
	}
}

#wrapper .underline-featured img{
	border-bottom:1px solid #000;	
}

a.nectar-button.transparent-button {background-color: rgba(255, 255, 255, 0.57) !important;}

.featured-banner .ult-new-ib-desc h2.ult-new-ib-title {
    background-image: url(https://circlewellnessstudios.com/wp-content/uploads/2018/10/vancouver-magazine-logo-w-300.png);
    width: 300px;
    height: 121px;
}

body #header-secondary-outer nav>ul>li>a {
	border-left:none!important;
}

/*k's*/
.vc_responsive .home_box_wrap.wpb_row .vc_span2 {
float: left;
width: 18.8%;
padding: 0;
margin-right: 1.5%;
min-height: 0;
}

.home_box_wrap .home_box_last {
margin: 0 !important;
}



/*Book an Experience Page*/
.page .main-content .swiper-slide.book-an-exp-hero .container .content h2 {
	color: #f7f7f7!important;
	text-shadow: 1px 1px 4px #454545;
    text-shadow: 2px 2px 2px #000;
}

@media screen and (min-width:1052px){
	.page .main-content .swiper-slide.book-an-exp-hero .container .content h2 {
	max-width: 50%;
    margin: 0 auto;
	}
}

.book-an-exp-hero .buttons {
	margin-top:20px;
}

body, .content {
	font-family: mark-light!important;
}

/*new hero section*/
.book-an-exp-hero .vc_column-inner .wpb_wrapper h1 {
	color: #f7f7f7!important;
    text-shadow: 2px 2px 9px #000;
	    font-size: 55px;
    line-height: 1.4;
}
.book-an-exp-hero .vc_column-inner .wpb_wrapper h2,
.book-an-exp-hero .vc_column-inner .wpb_wrapper h4{
	    background-color: rgba(0, 0, 0, 0.65);
    font-size: 20px;
	line-height:1.6;
	padding:3% 5%!important;
}


.page-id-7471 .toggles  {
	max-width: 800px;
	margin: 0 auto;
}

.page-id-7471 .faq h4 {
	max-width: 1000px;
	margin: 0 auto;
}


.margin-none {
	margin-bottom:0px!important;
}

h2.margin-none {
font-weight:bold!important;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 5%;
}

.airbnb-embed-frame iframe {
	margin-left:20%;	
}

#footer-outer .widget {
	margin-bottom:0!important;
}
html body.page-id-7786 {
    color: #fff!important;
}

.light div[data-style*="minimal"] .toggle h3 a {
    color: #fff!important;
}