/*
Theme Name: the7dtchild
Author: Lauren Graphics
Author URI: https://www.laurengraphicsinc.com/
Version: 1.0.0
Template: dt-the7
*/

/* general */
a { text-decoration: none; }
a:hover { color: #074D61; }
.gold-links a { font-size: 20px; font-weight: 600;}
.gold-links a:hover { color: #fff;}
.red-links a { color: #AB2131; }
.red-links a:hover { color: #7A7D81; }
.txt-white h1, .txt-white h3, .txt-white h4, .txt-white { color: white; }
.text-ctr { text-align: center; }

/* reorder flex for smaller screens */
/* put the class: col-order-2 on the column if it is first in the row */
@media only screen and (max-width: 777px)  {
	.vc_row .vc_col-sm-6.col-order-2 { order:2; }
	.vc_row .vc_col-sm-4.col-order-2 { order:2; }
}

/* menu */
.main-nav > .nav-register-btn > a span.menu-text { color: #F7B500; }

/* page titles - note: calc 100% only works on parent element - need media for more than 1100 wide */
h1.cw-page-title { 
	font-size: 58px; 
	line-height: 68px; 
	padding-top: calc(calc(100% / 10) + 50px);
	padding-bottom: calc(calc(100% / 10) + 50px);
}
@media only screen and (max-width: 1300px) and (min-width: 1101px)  {
	h1.cw-page-title, h1.cw-page-title2 { 
		padding-top: 200px;
		padding-bottom: 200px;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1301px)  {
	h1.cw-page-title { 
		padding-top: 220px;
		padding-bottom: 220px;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.6);
	}
}
@media only screen and (min-width: 1501px) {
	h1.cw-page-title { 
		padding-top: 250px;
		padding-bottom: 250px;
	}
}


/* page headers */
#our-team-hdr {
	 background-image: 
		 url(https://chuckwells.com/wp-content/uploads/2023/03/yellow-path-hero-w-pad.png),
		 url(https://chuckwells.com/wp-content/uploads/2023/09/cw-team-webp-e1696024657291.webp);
     background-position: 
		 bottom !important,
		 center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
#our-brands-hdr {
	 background-image: 
		 url(https://chuckwells.com/wp-content/uploads/2023/03/yellow-path-hero-w-pad.png),
		 url(https://chuckwells.com/wp-content/uploads/2023/03/ROW-2PHOTO-4-scaled-1.jpg);
     background-position: 
		 bottom !important,
		 center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
#our-story-hdr {
	 background-image: 
		 url(https://chuckwells.com/wp-content/uploads/2023/03/yellow-path-hero-w-pad.png),
		 url(https://chuckwells.com/wp-content/uploads/2023/08/our-story-banner.jpg);
     background-position: 
		 bottom !important,
		 center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
#inspiration-hdr {
	 background-image: 
		 url(https://chuckwells.com/wp-content/uploads/2023/03/yellow-path-hero-w-pad.png),
	     url(https://chuckwells.com/wp-content/uploads/2023/09/INSPO-PG.-HEADER_9.29.23-webp.webp);
     background-position: 
		 bottom !important,
		 center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}

/* our story page - adjust second row for wider displays */
#our-story-second-row {
	position: relative;
	top: -80px; 
}
@media only screen and (max-width: 1050px)  {
	#our-story-second-row {
		top: -80px; 
	}
}

/* our team page - make the flip boxes have bigger pics */
.ifb-flip-box .ifb-front .ifb-flip-box-section { padding: 0; }
.ifb-flip-box .ifb-front .ifb-flip-box-section .flipbox_heading { margin: 7px 0 5px 0; }

/* home page - adjustments for hamburger menu - all the time - not correct - ticket submitted */
/* .home .masthead .mobile-header-bar { display: flex; }
.home .masthead .header-bar { display: none; }  */

/* home page - our brands title */
#our-brands-title-row {
	background-image: url(https://chuckwells.com/wp-content/uploads/2023/02/yellow-path-1-v2.png);
	background-size: cover !important;
}
@media only screen and (max-width: 1200px)  {
	#our-brands-title-row {
		background-size: contain !important;
	}
}

/* home page - inspiration title */
#inspiration-title-row {
	background-image: url(https://chuckwells.com/wp-content/uploads/2023/02/yellow-path-2.png);
	background-size: cover !important;
}
@media only screen and (max-width: 1200px)  {
	#inspiration-title-row {
		background-size: contain !important;
	}
}

/* home page - lets connect title */
#lets-connect-title-row {
	background-image: url(https://chuckwells.com/wp-content/uploads/2023/02/yellow-path-1-hero-v2.png);
	background-size: cover !important;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px)  {
	#lets-connect-title-row {
		background-size: contain !important;
	}
}

/* home page - brands row - see grid definition in wpbakery templates too */
.our-brands-row .vc_gitem-zone { background-color: #074d61 !important; color: #fff; }
.our-brands-row .vc_gitem-zone .vc_gitem-post-data-source-post_title h4 { color: #fff; text-transform: uppercase;}
.our-brands-row .vc_gitem-zone .vc_gitem-post-data-source-post_excerpt { text-align: center; }
.our-brands-row .vc_gitem-zone .vc_btn3-container a { 
	padding: 5px 20px; 
	color: #074d61 !important; 
	border-color: #074d61;
} 

/* home page - brands carousel */
.psac-post-carousel.psac-design-1 .psac-post-image-bg { height: 350px; }
.psac-post-carousel .psac-post-carousel-slide .psac-post-content h4 a {
	font-family: Montserrat;
	border: none;
	text-transform: uppercase;
}

/* owl carousel - seems to have arrows disabled by default. Try to override */
.psac-slider-and-carousel .owl-carousel .owl-nav.disabled {
	display: block;
}
/* owl carousel - restyle the dots */
.psac-slider-and-carousel .owl-dots .owl-dot.active { background: #ab2131; }
.psac-slider-and-carousel .owl-dots .owl-dot { background: #eee; }

/* MENU FIX FOR HOME PAGE ONLY --- OFF for now  ---- 
.dt-mobile-menu-icon, .dt-mobile-header { background: rgba(255,255,255,.7); padding: 7px 5px; }
@media screen and (min-width: 1151px){
  .home .mobile-header-bar{
  display:flex!important;
  flex-direction:row-reverse;
   max-width:90%;
    margin:auto;
}
.home .header-bar{display:none !important;}
.dt-mobile-menu-icon,
.dt-mobile-header{
  display:block;
  }
 .home #phantom{
    display:none;
  }
}

.home .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:after,
.home .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before {
  background: #ab2131 !important;
}
---  END MENU FIX FOR HOME PAGE ONLY   */

/* home page - testimonials */
.testimonial-row { min-height: 430px; }
.testimonial-row #left-quote {
	position: relative;
	top: -120px;
}
.testimonial-row #right-quote {
	position: relative;
	top: 160px;
}
.testimonial-row .testimonial-item .testimonial-content > p:first-child { 
	font-family: "Playfair Display"; 
	font-size: 18px;
	line-height: 28px; 
}
@media only screen and (max-width: 600px)  {
	.testimonial-row .testimonial-item .testimonial-content > p:first-child { 
		font-size: 15px;
		line-height: 22px; 
	}
}
@media only screen and (max-width: 400px)  {
	.testimonial-row .testimonial-item { padding: 0 10px !important; }
	.testimonial-row .testimonial-item .testimonial-content > p:first-child { 
		font-size: 15px;
		line-height: 21px; 
	}
}

/* home page - post slider */
.psac-post-carousel .psac-post-carousel-slide .psac-post-carousel-content .psac-post-categories { display: none; }
.psac-post-carousel .psac-post-carousel-slide .psac-post-carousel-content .psac-post-meta { display: none; }
.psac-post-carousel .psac-post-carousel-slide .psac-post-content .psac-post-short-content { display: none; }
.psac-post-carousel .psac-post-carousel-slide .psac-post-content h4 { margin-bottom: 20px; }
.psac-post-carousel .psac-post-carousel-slide .psac-post-content {
	margin-top: 0;
	padding: 10px 0 20px 0;
	background: #074D61;
	color: white;
}
.psac-post-carousel .psac-post-carousel-slide .psac-post-image-bg::before {
	background: none;
}
.psac-post-carousel-content .psac-post-title a {
	font-family: "Montserrat";
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.psac-post-carousel .psac-post-carousel-slide .psac-post-content a {
	border: 1px solid #fff;
	color: #fff;
}

/* inspiration page - hide captions */
 .shortcode-single-image-wrap .shortcode-single-caption {display:none;}

/* inspiration page - carousel of blog posts */
.insp-carousel .dt-owl-item .entry-title a {
	font-family: Montserrat;
	text-transform: uppercase;
}
.insp-carousel .dt-owl-item .entry-title a:hover {
	color: #f7b500 !important;
}
.insp-carousel .dt-owl-item .post-entry-content a.dt-btn i { display: none; }
.insp-carousel .dt-owl-item .post-entry-content a.dt-btn { 
	font-family: Montserrat;
	background: none !important;
	border: 1px solid #fff;
	font-size: 15px;
}
.insp-carousel .dt-owl-item .post-entry-content a.dt-btn:hover { 
	background: #999 !important;
	border: 1px solid #fff !important;
}


/* Inspiration page - limit width of modules */
#inspiration-modules {
	max-width: 933px;
	margin: 0 auto;
}

/* brand posts with slider */
.shop-brand-btn button { max-width: 230px; }
#brand-slider-row .soliloquy-container { margin: 0 auto; }

/* our brands page - make brand title a little smaller */
#brands-grid .vc_grid-container .vc_grid-item .vc_custom_heading h4 { font-size: 16px; }

/* footer */
#footer .textwidget { text-align: center; }
#footer .textwidget .gold-links-ftr a { color: #F7B500; font-weight: 600; }
#footer .textwidget .gold-links-ftr a:hover { color: #fff;}

/* contact form button */
div.wpforms-submit-container button[type=submit]:not(:hover):not(:active) {
    font-family: 'Playfair Display';
    border: 1px solid #ab2131;
    color: #ab2131;
    background: #fff;
    border-radius: 0px;
	font-size: 20px;
}
div.wpforms-submit-container button[type=submit]:hover {
	font-family: 'Playfair Display';
    background: #ab2131;
    color: #fff;
	border: 1px solid #ab2131;
	border-radius: 0px;
	font-size: 20px;
}

/* cf7 form adjustments */
.wpcf7 form h4 { 
	font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif; 
	font-size: 16px; 
	font-weight: 600;
}


/* ----------- THIS IS OLD STYLING BELOW ... need to clean up ------------ */


.h1-big { font-size: 60px; line-height: 70px; }
.h1-big .h1-tm { font-size: 30px; position: relative; top: -22px; }
#home-banner-row p { color: #222; }

.mbtm30 { margin-bottom: 30px; }
.mbtm25 { margin-bottom: 25px; }
.mbtm20 { margin-bottom: 20px; }
.mtop22 { margin-top: 22px; }

.hide-me { display: none !important; }
.center-me, .center-me .soliloquy-container { margin: 0 auto; }

/* buttons */
.vc_btn3-container.btn-white a.vc_btn3 { background: white; border-color: #aaa; min-width:200px; }
.vc_btn3-container.btn-white a.vc_btn3:hover { background: #ff8a00; color:#fff; border-color: #ff8a00; }
.vc_btn3-container.btn-orange a.vc_btn3 { background: #ff8a00; border-color: #aaa; min-width:200px; color:#fff; font-size: 20px; font-weight: 600; }
.vc_btn3-container.btn-orange a.vc_btn3:hover { background: #fff; color:#ff8a00; border-color: #ff8a00; }
.vc_btn3-container.btn-blue a.vc_btn3 { background: #093765; border-color: #aaa; min-width:200px; color:#fff; font-size: 20px; font-weight: 600; }
.vc_btn3-container.btn-blue a.vc_btn3:hover { background: #fff; color:#093765; border-color: #093765; }

/* menu fix for long menu items */
.main-nav > li > a .menu-text {
	max-width: 120px;
	text-align: center;
}

/* header fix for sticky header; not right since top bar added */
#phantom .logo-box a img { width: 80%; margin-left: 40px; }

/* header */
.inline-header.justify ul.main-nav {
	flex-grow: 0;
	padding-right: 20px;
}

.inline-header.justify ul.main-nav > li {
	margin: 0 20px;
	flex-grow: 1;
}

/* shadows on header and sticky header */
.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
  box-shadow: 0 0 15px 1px rgb(0 0 0 / 25%);
}

.phantom-shadow-decoration #phantom {
  box-shadow: 0 0 15px 1px rgb(0 0 0 / 25%);
}

/* home page tab area */
.home-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a { 
	background-color: #ccc; 
	color: #000; 
}
.home-tabs .vc_tta-panels-container .vc_tta-panels { 
	border-color: #ccc !important; 
}

/* home page - info boxes */
.many-info-banners .ultb3-box { min-height: 260px !important; }

/* header fix for svg */
.branding a img, .branding img, .branding img.mobile-logo { width: 100%; }

@media screen and (max-width: 778px) {
	.show-mobile-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img.mobile-logo, 
	.show-device-logo .branding img {
		display: inline-block;
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.mobile-header-bar .mobile-branding a.same-logo img.mobile-logo {
		max-width: 80%;
	}
}

.margin-responsive  h4 { margin: 0 15%; }
/* margin responsive for smaller screens */
@media only screen and (max-width: 777px)  {
	.margin-responsive  h4 { margin: 0 20px; }
}

/* reorder flex for smaller screens */
@media only screen and (max-width: 777px)  {
	.vc_row .vc_col-sm-6.col-order-2 { order:2; }
	.vc_row .vc_col-sm-4.col-order-2 { order:2; }
}

/* general button styling fix for theme/wpbakery on blog page */
.vc_grid .vc_btn3 {
	background-color: white !important;
    color: #c88b11 !important;
    border-radius: 3px;
    border: 1px solid #c88b11;
    font-size: 16px;
    padding: 10px 20px;
}  

.vc_grid .vc_btn3:hover {
    background-color: #e4e4e4;
    }

div.jbutton button.jbutton {
	padding: 15px 42px 15px 30px;
	font-size: 1.3em;
}

.hide-display { display: none; }

blockquote {
  background-color: transparent !important;
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #ccc;
  content: '\201C';
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.big-text { font-size: 1.1em; }
.big-text2 { font-size: 1.3em; font-weight: 300; }
.bigger-text { font-size: 1.3em; line-height: 1.7em; }
.blue-txt { color: #00a0df; }
.mag-txt { color: #da1c5c; }
.grey-text { color: #666; font-size: 24px; }
.fw700 { font-weight: 700; }

.show-link-line a:hover {
	text-decoration: underline;
}

/* reorder flex for smaller screens */
@media only screen and (max-width: 777px)  {
	.vc_row .vc_col-sm-6.col-order-2 { order:2; }
}

.extra-lr-space { padding: 0 20px; }