/*
Theme Name: the7dtchild
Author: Zlik Design
Author URI: https://zlik.design/
Version: 1.0.0
Template: dt-the7
*/

/* general */

#main { padding-top: 0; }

.big-text { font-size: 1.1em; }
.text-larger { font-size: 22px; line-height: 30px; font-weight: 600; }
.bold-text p { font-weight: 500 !important; }
.txt-ctr { text-align: center; }
.txt-white, .txt-white p { color: #fff; }
.mw-400 { max-width: 400px; margin: 0 auto; }
.mw-400-right { max-width: 400px; position: relative; margin: 0 100px 0 auto; }
.mw-450-right { max-width: 475px; position: relative; margin: 0 100px 0 auto; }
.do-upper .uvc-main-heading h2, .do-upper .uvc-main-heading h3 { text-transform: uppercase; }
.mar-tb-10 h1 { margin: 10px 0 !important; }

.not-gs figure img { filter: none !important; -webkit-filter: none !important; }
.not-gs img { filter: none !important; -webkit-filter: none !important; }

.top-ptitle h3 { font-size: 22px; font-weight: 500; }
.roomy-text p {
	font-size: 20px;
	font-weight: 300;
	line-height: 36px;
}

.bw-bg-img { filter: grayscale(100%); }

/* no filter on hover of manuf post image */
.manuf-image .fancy-media-wrap a img { filter: none; }
.manuf-image .fancy-media-wrap a:hover img { filter: none; }

/* process tabs */
.round-tabs.vc_tta .vc_tta-tabs-container .vc_tta-tabs-list {
	display: flex;
	justify-content: center;
}
.round-tabs.vc_tta .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
	display: flex;
}
.round-tabs.vc_tta .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a {
	display: flex;
	align-items: center;
	width: 160px;
	height: 160px;
	text-align: center;
	border-radius: 120px;
	/* background-color: #9595c7; */
	border-color: #fff;
	background-image: url("https://columbineshowroom.com/wp-content/uploads/2025/09/metal-bg-square.jpg");
	color: #fff;
}
.round-tabs.vc_tta .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
	background-color: #fff;
	background-image: none;
	border-color: #000;
	color: #000;
}
.round-tabs.vc_tta .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a span {
	font-size: 18px;
	font-weight: 600;
}
.round-tabs .vc_tta-panels .vc_tta-panel {
	background-color: #fff !important;
}
.round-tabs .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
	color: black;
	max-width: 900px;
	margin: 0 auto;
}

/* brand posts */
.brand-list ul { 
	list-style: none; 
	font-size: 20px;
	line-height: 34px;
}
.brand-list ul li a { text-decoration: none; }
.brand-list ul li a:hover { text-decoration: underline; }

/* button links */
a.btn-link-yellow {
	color: #f3bd48;
	text-decoration: none;
	font-size: 20px;
}
a.btn-link-yellow:hover {
	color: #bc8f8f;
}
a.btn-link-purple {
	color: #bc8f8f;
	text-decoration: none;
	font-size: 20px;
}
a.btn-link-purple:hover {
	color: #f3bd48;
}
a.btn-link-black {
	color: #000;
	text-decoration: none;
	font-size: 20px;
}
a.btn-link-black:hover {
	color: #bc8f8f;
}
a.btn-link-white {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
}
a.btn-link-white:hover {
	color: #bc8f8f;
}
.gbtn p a {
	border: 1px solid #000;
	padding: 10px 20px;
}
.wbtn p a {
	border: 1px solid #fff;
	padding: 10px 20px;
	background: transparent !important;
}
.wbtn p a:hover { color: #bc8f8f !important; border-color: #fff !important; }

/* lines before and after header */
.add-lil-lines .uvc-main-heading h2, .add-lil-lines-2 .uvc-main-heading h2 { 
	position: relative; 
	max-width: 660px;
	margin: 20px auto !important;
	text-align: center;
}
.add-lil-lines-2 .uvc-main-heading h2 { max-width: 500px; }
.add-lil-lines .uvc-main-heading h2:before, .add-lil-lines-2 .uvc-main-heading h2:before {
  content:" ";
  display: block;
  height: 2px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  background: white;
}
.add-lil-lines .uvc-main-heading h2:after, .add-lil-lines-2 .uvc-main-heading h2:after {
  content:" ";
  display: block;
  height: 2px;
  width: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  background: white;
}
.add-lil-lines-2 .uvc-main-heading h2:before, .add-lil-lines-2 .uvc-main-heading h2:after {
	background: black;
}

/* manuf page - styles */
.manuf-list h3 { 
	color: #bc8f8f;
	font-size: 20px;
	text-transform: uppercase;
}
.manuf-list ul { list-style-type: none; margin-left: 0; }
.manuf-list ul a { color: white; text-decoration: none; }
.manuf-list ul a:hover { color: #bc8f8f; }

.cs-grid-dk-hover .vc_gitem_row .bg-grey-overlay {  /* slightly darken image to make text more readable */
	background-blend-mode: multiply;
}
.cs-grid-dk-hover .vc_grid-item-mini.vc_is-hover .vc_gitem_row .bg-grey-overlay {  /* no darken for hover */
	background-blend-mode: normal;
}
.cs-grid-dk-hover .vc_grid-item .vc_grid-item-mini .vc_gitem-is-link a { /* this may not be necessary */
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 2px;
}
.cs-grid-dk-hover .vc_grid-item-mini .vc_gitem_row .bg-grey-overlay a { /* this works */
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 2px;
	font-weight: 400;
}
.cs-grid-dk-hover .vc_grid-item-mini.vc_is-hover .vc_gitem_row .bg-grey-overlay a {  /* hover */
	color: #000;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */
}

/* columbine - header logo center fix */
header.header-bar .branding { flex-direction: column; }

/* menu - add spacing */
.main-nav > li:not(.wpml-ls-item) > a .menu-text { letter-spacing: 2px; }

/* columbine - fixes for post grid styling */
.vc_gitem-zone .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
	margin-right: 10px;
	margin-left: 10px;
}
.vc_gitem-zone .vc_gitem-zone-mini .vc_gitem-post-data-source-post_title h4 {
	font-weight: 500 !important;
}
.cs-grid-dk-hover .vc_gitem-zone { background: rgba(0,0,0,0.7); }
.cs-grid-dk-hover .vc_gitem-zone-mini .vc_gitem-post-data-source-post_title div {
	font-family: Montserrat, sans-serif !important;
	letter-spacing: 2px;
}
.vc_grid-item .thinner-btn a {
	padding: 8px 16px;
	border: 1px solid #666;
	background: transparent !important;
}
.vc_grid-item .thinner-btn a:hover {
	border: 1px solid #666;
	background: #333 !important;
}

/* columbne - post display fix */
.single-post article.post .post-thumbnail {
	max-width: 940px;
	margin: 0 auto 40px auto;
}

/* columbine - hide share icons for post */
.single-post article.post .single-share-box { display: none; }

/* columbine - button style */
p a.button { font-weight: 500; }

/* columbine - footer */
#footer .widget { text-align: center; }


/* counter */
.home-counter .stats-desc {
	border: 2px solid #987c4d;
	padding: 20px;
}

/* home page tabs */

#home-tabs-row .vc_tta.vc_tta-spacing-2 .vc_tta-tab { margin-left: 0; }
#home-tabs-row .vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab a {
	font-size: 20px;
	font-weight: 500;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#home-tabs-row .vc_tta-tabs .vc_tta-tabs-list .vc_active a {
	background-color: #5e6062 !important;
	color: #fff !important;
}
#home-tabs-row .vc_tta-tabs .vc_tta-tabs-list a {
	background-color: #e4e9ec;
}
#home-tabs-row .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-body {
	background: #5e6062;
	border-top-right-radius: 15px;
}

/* home page - info boxes */
.aio-icon-component.home-ibox { margin-bottom: 0; }
.aio-icon-component.home-ibox .aio-icon-box { min-height: 340px; }
.home-ibox .aio-icon-box {
	background: #5e6062;
	padding-bottom: 20px;
}
.dark-ibox { background: #5e6062; }
.home-ibox .aio-icon-box .aio-icon-top .align-icon {
	position: relative;
	top: -30px;
}
.home-ibox .aio-icon-box .aio-icon-header h3.aio-icon-title {
	margin-top: 0;
	font-size: 24px;
	line-height: 32px;
	max-width: 250px;
	margin: 0 auto; 
}
.home-ibox .aio-icon-box .aio-icon-description h4 {
	color: #fff;
	font-size: 20px;
}
a.ibox-btn {
	font-size: 16px;
	font-weight: 500;
	padding: 8px 30px;
}
.home-info-boxes-row .btn-align-center {
	position: relative;
	top: -14px;
}
.home-info-boxes-row .aio-icon-box { min-height: 450px; }
.dark-ibox .top-icon .aio-icon-description {
	text-align: left;
}

/* home page - testimonials */
.testimonial-row { min-height: 250px; }
.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-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; 
	}
}


/* buttons */
.cta-btn button { font-weight: 600 !important; }


/* footer */