/* 
 Theme Name:   The7 Child
 Theme URI:    
 Description:  
 Author:       commonvision1
 Author URI:   https://commonvision1.wpenginepowered.com
 Template:     dt-the7
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* Fonts */

.jose, h1, h2, h3, h4, h5, h6, .headerstyleone {
	font-family: "Josefin Sans";
}

.headerstyleone {
	color: #000;
	font-size: 80px;
	line-height: 90px;
}

@media (max-width: 1100px) {
	.headerstyleone {
	font-size: 60px;
	line-height: 70px;
}
}

.bodystyleone {
	font-size: 20px;
	line-height: 26px;
	text-align: center
}

.largetext {
	font-family: Josefin Sans, sans-serif;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2.2em !important; 
	margin-top: 4px;
	margin-bottom: 40px;
}

.pageheader {
	text-align: left;
	color: #ffffff;
}

h2 {
	margin-top: 20px;
}

h3 {
	margin-top: 40px;
}

h4 {
	color: #008576;
}

.whitetext {
	color: #ffffff;
}

.wf-container-bottom, #bottom-bar.full-width-line {
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    font-size: 13pt;
	text-align: left !important;
}

.title {
	margin-top: -12px; 
	margin-bottom: -16px;
}

/* Buttons */

.btn, #gform_submit_button_1 {
	font-size: 40px !important;
	line-height: 88px !important;
	height: 80px;
	display: block;
	background: #008676;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px !important;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 0px 0px !important;
	font-family: "Josefin Sans" !important;
	font-weight: 500 !important;
	text-transform: uppercase !important
}

.btn:hover {
	background: #006e60;
	color: #fff;
}

.btnsm, #gform_submit_button_1 {
	font-size: 24px !important;
	line-height: 54px !important;
	height: 48px;
	display: block;
	background: #ffffff;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	border: solid #008676 3px;
	border-radius: 10px !important;
	color: #008676;
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 0px 0px !important;
	font-family: "Josefin Sans" !important;
	font-weight: 500 !important;
	text-transform: uppercase !important
}

.btnsm:hover {
	background: #008676;
	color: #fff;
}

@media (max-width: 1100px) {
	.btn {
	font-size: 30px;
	line-height: 76px !important;
	height: 70px;
	width: 380px;
}
}

/* Home Header */

.homerow {
	/* padding-top: 150px; */
	/* padding-bottom: 40px; */
	background-size: cover;
	background-position: 50% 70%;
	position: relative;
}

.upb_video-bg {
	margin-right: 0px !important;
	background-size: 30% 30% !important;
	height: x00px !important;
}

.upb_video-src {
	height: calc(58vw + 0px) !important;
	min-height: 100% !important;
}

.homeheaderone {
	font-size: 30px;
	line-height: 30px;
}

.homeheadertwo {
	font-size: 100px;
	line-height: 100px;
}

.homeheaderfour {
	font-size: 20px;
	line-height: 20px;
	margin-top: 15px;
	color: #008676;
}

/* Home Header (Responsive) */

@media (max-width: 1150px) {
	.homerow .colright {
		width: calc(100% - 320px) !important;
	}

	.homerow .colleft {
		width: calc(320px) !important;
	}

	.homerow .colleft .vc_column-inner {
		padding-right: 0px;
	}
}



@media (max-width: 550px) {
	.homeheaderone {
		font-size: 26px;
		line-height: 30px;
	}

	.homeheadertwo {
		font-size: 80px;
		line-height: 80px;
	}

	.homeheaderfour {
		font-size: 18px;
		line-height: 18px;
		margin-top: 15px
	}

	.homerow {
	    /* padding-top: 100px; */
	    /* padding-bottom: 40px; */
	    background-size: cover;
	    background-position: 50% 70%;
	}
}

/* Home Video Background */

.page .homerow {
	position: absolute !important;
	padding-left: 3x5px !important;
	background-image: none !important;
	z-index: 10;
	background: linear-gradient(90deg, rgb(0 0 0 / 20%) 0%, rgba(255,255,255,0) 35%, rgb(0 0 0 / 20%) 65%, rgb(0 0 0 / 60%) 100%) !important;
	left: 15px !important;
}

@media (max-width: 915px) {
	.page .homerow {
		background: rgb(0 0 0 / 20%) !important;
	}
}

@media (min-width: 1300px) {
	.page .homerow {
		left: calc(-50vw + 672px) !important;
	}
}

.videobackgroundrow .vc_column-inner {
	padding: 0px 0px 0px 0px
}


.videobackgroundrow video {
	object-fit: cover !important;
	height: auto !important;
	max-width: 200vw !important;
	width: 100vw;
}

@media (min-width: 1120px) {
	.videobackgroundrow video {
		object-fit: cover !important;
		height: auto !important;
		max-width: 200vw !important;
		width: 100vw;
		/* margin-top: calc(-20vw + 240px); */
	}
}

.videobackgroundrow {
	height: calc(520px);
	margin-top: -60px;
}

.gradientrow {
	display: none;
}

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

@media (max-width: 1100px) {
	.videobackgroundrow video {
		height: auto !important;
	}

	.videobackgroundrow {
		height: calc(510px);
		margin-top: -60px;
	}
}

/* Home Dual Columns */

.homerow .colleft p {
	color: #fff;
	line-height: 44px;
	font-size: 32px;
}

.homerow .colright {
	text-align: center;
	color: #fff;
}

.homerow .colright .vc_column-inner {
	max-width: 410px !important;
	margin-right: auto !important;
	margin-left: auto;
}

.homerow .colleft, .homerow .colright {
	position: relative;
	z-index: 10;
}


.mosttrustedone {
	max-width: 460px;
	margin-bottom: 40px
}

.welcomerow .wpb_text_column, .mosttrustedrow .wpb_text_column {
	margin-bottom: 0px;
}

.welcomerow, .mosttrusted {
	text-align: center;
}

.mosttrustedrow {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mosttrustedrow .vc_column-inner {
	height: 400px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-size: cover;
	margin-bottom: 100px;
	margin-top: 50px
}

.welcomerow .vc_column-inner {
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	margin-bottom: 80px;
	margin-top: 70px;
}

/* Home Dual Columns (Responsive) */

.welcomerow {
	margin-top: 40px;
}

.mosttrustedrow p {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.welcomerow .colright .wpb_text_column, .mosttrustedrow .colleft .wpb_text_column {
		margin-bottom: 0px;
	}

	.mosttrustedrow .colleft .vc_column-inner {
		margin-top: 0px !important;
		margin-bottom: 40px
	}

	.mosttrustedrow .colright .vc_column-inner {
		margin-top: 0px !important;
		margin-bottom: 40px
	}
}

@media (max-width: 767px) {
	.welcomerow .vc_column-inner {
		margin-bottom: 0px;
		margin-top: 0px;
		display: block;
		height: auto;
	}

	.welcomerow .colleft .vc_column-inner {
		height: 350px;
	}

	.welcomerow {
		margin-bottom: 50px;
	}

	.mosttrustedrow .vc_column-inner {
		height: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		display: block
	}

	.mosttrustedrow .colright .vc_column-inner {
		height: 300px;
		margin-bottom: 20px;
		margin-top: 20px;
		display: block;
		background-position: 50% 50%;
	}
}

/* Testimonials */

.testimonialrow {
	color: #008676;
	font-style: italic;
	margin-top: 0px;
	text-align: center;
	font-size: 20px !important;
	line-height: 30px !important;
}

.attribution {
	margin-left: 20%
}

/* Gallery Carousel */

.wpcp-swiper-dots {
	display: none;
}

.wpcp-carousel-section {
	margin-bottom: 40px !important;
}

.page .wpcp-next-button {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent !important;
	border-bottom: 20px solid transparent !important;
	border-left: 20px solid #008676 !important;
	margin-left: 20px !important;
	right: -10px;
}


.page .wpcp-next-button .fa-angle-right:before, .page .wpcp-prev-button .fa-angle-left:before {
	display: none;
}

.page .wpcp-prev-button {
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
  border-right: 20px solid #008676 !important;
  margin-left: 20px !important;
  left: -30px !important;
}

.gallery .vc_gitem-zone {
	background-color: #ffffff00 !important;
}

.gallery .vc_gitem-post-data-source-post_excerpt, .gallery .vc_btn3-container {
	display: none;
}

.gallery h4 {
	color: #ffffff;
	text-align: left !important;
}

.pswp__caption h5 {
    display: none;
}

.vc_btn3-container {
    display: none;
}

/* Home Contact Row */

.homecontactrow {
	background-size: cover;
}

.homecontactrow h1 {
	color: #fff;
	font-size: 72px;
	line-height: 72px;
}

.homecontactrow {
	padding-top: 40px;
	padding-bottom: 80px;
	background-position: 0% 50%;
}

.homecontactrow .gform-footer {
	display: inline-block !important;
	max-width: 400px;
	float: left;
}

.afterformtext {
	display: inline-block !important;
	max-width: 400px;
	float: left;
	margin-top: 60px;
	margin-left: 20px;
	color: #fff;
	font-size: 20px;
	line-height: 20px
}

.afterformtext a {
	color: #fff;
	text-decoration: none;
}

/* Home Contact Gradient */

.homecontactrow .wpb_column {
	z-index: 10
}

.homecontactrow .vc_column-inner {
	z-index: 10;
	position: relative
}

 .home .gradientrowtwo {
 height: 845px;
 position: absolute !important;
 background: linear-gradient(to right, rgb(0 0 0 / 53%), rgb(0 0 0 / 15%) 60%);
 z-index: 1;
 width: 110vw !important;
 max-width: 110vw !important;
 margin-top: -845px;
}

@media (max-width: 814px) {
	.home .gradientrowtwo {
			height: 893px;
			margin-top: -893px;
	}
}

@media (max-width: 700px) {
	.afterformtext {
		display: block !important;
		width: 100%;
		margin-top: -0px !important
	}

	.home .gradientrowtwo {
			height: 913px;
			margin-top: -913px;
	}
}

.homecontactrow .wpb_column {
	max-width: 800px
}

/* Gravity Forms */

.homecontactrow #gform_fields_1 input, .homecontactrow #gform_fields_1 textarea, .homecontactrow #gform_fields_1 select {
	background-color: #939393c4;
}

.homecontactrow #gform_fields_1 input, .homecontactrow #gform_fields_1 textarea {
	color: #fff;
}

.homecontactrow #gform_fields_1 select {
	color: #ffffff96;
}

#field_1_2 {
	grid-column: span 6;
}

#field_1_5 {
	grid-column: span 2;
}

#field_1_6 {
	grid-column: span 4;
}

#field_1_7 {
	grid-column: span 7;
}

#field_1_8 {
	grid-column: span 5;
}

#gform_fields_1 {
	row-gap: 5px;
}

.homecontactrow #gform_fields_1 {
	row-gap: 15px;
}

/* Home Page (General) */

.home #main {
	padding-bottom: 0px;
}

/* Desktop or Mobile */

@media (max-width: 767px) {
	.desktop {
		display: none;
	}
}

@media (min-width: 768px) {
	.mobile {
		display: none;
	}
}

/* Contact Page */

.page-id-889 #gform_submit_button_1 {
	background-color: #009684
	color: #fff
}

/* Sub Page Gradient */

.headerrow .wpb_column {
	z-index: 10
}

.headerrow .vc_column-inner {
	z-index: 10;
	position: relative
}

.subpagegradient {
	height: 558px;
	position: absolute !important;
	background: linear-gradient(15deg, rgba(2,0,36,.7) 0%, rgba(2,0,36,.2) 35%, rgba(0,0,0,.2) 35%, rgba(0,0,0,0) 100%);
	z-index: 1;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-top: -558px;
	left: calc(-50vw + 665px) !important;
}

@media (max-width: 1300px) {
	.subpagegradient {
		left: 0px !important;
		margin-left: 0px;
	}
}

/* Header Size Responsive */

@media (max-width: 767px) {
	.headerrow .wpb_column {
		margin-top: -100px;
		margin-bottom: -0px
	}
}

@media (max-width: 500px) {
	.headerrow .wpb_column {
		margin-top: -200px;
		margin-bottom: -0px
	}
}

/* Header Parallax Sizing */

@media (max-width: 1700px) {
	.page .headerlarge {
		display: none;
	}
}

@media (min-width: 1701px) {
	.page .headersmall {
		display: none;
	}
}

/* Home Row */

.homerownew {
	overflow: visible !important;
}

.homerownew .colleft .vc_column-inner {
	padding-top: 0px;
}

.homerownew .colright .wpb_text_column {
	margin-top: 450px;
	position: absolute;
	/* margin-right: auto; */
}

.homerownew .colleft .wpb_text_column {
	margin-bottom: 0px;
	display: flex;
    align-items: center;
    height: calc(480px);
	margin-top: 40px
}

@media (max-width: 1100px) {
	.homerownew .colleft .wpb_text_column {
	    height: calc(470px);
	}
}

@media (max-width: 915px) {
	.homerow .colleft {
		display: none;
	}

	.homerow .colright {
		width: 100% !important;
		height: 300px
	}
}

@media (max-width: 915px) {
	.videobackgroundrow video {
		height: auto !important;
		width: 100vw !important;
	}

	.videobackgroundrow {
		height: calc(300px);
		margin-top: -60px;
	}

	.homerownew .colright .wpb_text_column {
	    margin-top: 230px;
	    position: absolute;
	}
}

@media (max-width: 767px) {
		.welcomerow {
			margin-top: 100px
		}
}

@media (max-width: 540px) {
	.videobackgroundrow video {
		height: 320px !important;
		width: auto !important;
	}

    .homerownew .btn {
        font-size: 30px !important;
        line-height: 66px !important;
        height: 60px;
        width: 320px;
    }

	.homerow .colright .vc_column-inner {
	    max-width: 350px !important;
	}

	.videobackgroundrow {
		height: calc(250px);
		margin-top: -60px;
	}

	.homerownew .colright .wpb_text_column {
	    margin-top: 180px;
	    position: absolute;
	}

    .homerow .colright {
        width: 100% !important;
        height: 250px;
    }

		.welcomerow {
			margin-top: 80px
		}
}

.mobile-branding {
	padding-top: 20px;
	padding-bottom: 15px
}


.homerownew .colleft a {
	color: #fff;
	text-decoration: none;
}

.homerownew .colleft a:hover {
	color: #008676;
}

.gform_button:hover {
	background-color: #038576 !important;
	color: #fff !important;
	border: 1px solid #fff !important
}