/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* extra-spacing */

.main-page-wrapper {
    padding-top: 0;
}

.site-content {
    margin-bottom: 0;
}


/* PAGE TITLE */
.page-title .title {
    text-align: end;
}


/* MAIN HOMEPAGE */

/* NAV */
.main-nav-btn:hover {
    background-color: #1589CE !important;
    border: 1px solid #1589CE !important;
    outline: none !important;
}

.main-nav-btn {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #fff;
}

.main-nav-btn span {
    margin-right: 6px;
}

.wd-header-nav ul li a {
    color: #fff !important;
    text-transform: capitalize !important;
}

.wd-header-nav ul > .current-menu-item a {
    font-weight: 700 !important;
}
.wd-header-nav a:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 40px;
    background-color: #1589CE;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
    opacity: 0;
    transition: .2s ease-out;
}

.wd-header-nav a {
    position: relative;
}

.wd-header-nav a:hover:before, .wd-header-nav li.current-menu-item a:before {
    opacity: 1;
}

/* 	hero section */
.main-btn {
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    font-size: 16px;
    border: none !important;
}
.main-btn:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #034183 !important;
    background: url(https://victorypoolconstruction.com/wp-content/uploads/2022/11/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 15px;
	transition: 0.2s ease-out !important;
	background-size: 16px;
}

.main-btn:hover:after {
    margin-left: 20px;
}

.main-btn:hover {
    opacity: 1 !important;
}
.black {
    color: #000 !important;
}

.heading-title-sub .title-subtitle:before {
    content: '';
    width: 60px;
    height: 4px;
    display: block;
    background-color: #1589CE;
    transform: translate(10px, 13px);
    margin-right: 20px;
}
.heading-title-sub .title-subtitle {
    display: flex !important;
}

.projects-row .heading-title-sub .title-subtitle {
    display: flex !important;
	justify-content:center;
	color:#fff !important;
	transform: translateX(-35px);
}


/* portfolio */

.project-img {
    padding: 5%;
}
.project-grid-row {
    background-color: #fff;
}
.project-title {
    font-family: 'Playfair Display';
    font-size: 24px;
    padding: 10px 25px;
    padding-bottom: 0;
}
.project-btn > a {
    font-size: 0 !important;
    padding: 20px 50px !important;
    background-color: transparent !important;
    border: none !important;
}
.project-btn a.vc_general {
    background-image: url(https://victorypoolconstruction.com/wp-content/uploads/2022/11/Arrow-2-1.png) !important;
    background-size: 20px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 80px;
    padding: 0 !important;
    width: 80px;
    border-radius: 20px 0 0 0px;
    margin-top: -40px;
    filter: contrast(0.5);
}

.vc_gitem_row > div {
    padding: 0 !IMPORTANT;
}

.project-btn {
    margin-bottom: 0 !important;
}

.project-btn a.vc_general:hover {
    background-color: #1589CE !important;
    background-blend-mode: screen !important;
    filter: unset !important;
}
.primary-btn {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 20px 80px;
}

.victory-img
{
	text-align:center !important;
}
/* prefooter */

.home div.prefooter-row {
	background: linear-gradient(0deg, rgba(3, 65, 131, 0.9), rgba(3, 65, 131, 0.9)), url(https://victorypoolconstruction.com/wp-content/uploads/2022/11/prefooter-img.jpg) !important;
}

 div.prefooter-row {
    background: linear-gradient(0deg, rgba(61, 61, 61, 0.9), rgba(61, 61, 61, 0.9)), url(https://victorypoolconstruction.com/wp-content/uploads/2022/11/pre-footer-pic.jpg) !important;
}
.prefooter-row .heading-title-sub .title-subtitle {
    display: flex !important;
	justify-content:center;
	color:#fff !important;
	transform: translateX(-35px);
}
.contact-row .heading-title-sub .title-subtitle {
    display: flex !important;
	justify-content:center;
}
.wd-prefooter
{
	padding-bottom: 0 !important;
}

/* footer */
.footer-menu ul li.current-menu-item a {
    color: #1589CE !important;
}

.footer-social a {
    border: 1px solid #034183 !important;
}

.footer-social a span {
    color: #034183;
}
.footer-social .wd-social-icon:hover span {
    color: #fff !important;
}
.footer-social .wd-social-icon:hover {
    background-color: #034183 !important;
}
.footer-social .wd-social-icon {
    background-color: transparent !important;
}



/* INSIDE PAGEs */


/* new construction page */
.new-const-row .para-col > div {
    padding: 0 !important;
}

.new-const-row .para-col {
    padding: 0 !important;
}

.new-const-row  .site-para {
    padding-left: 40px;
}
.pages-heading .title:after {
    content: '';
    width: 30%;
    height: 4px;
    background: #1589CE;
    display: block;
    margin: auto;
    margin-top: 15px;
}
.const-services-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-box img {
    max-width: 40px;
}

/* BUILD A POOL  */
.build-pool-title > div
{
	margin-bottom:20px;
}


.heading-title-sub .title-subtitle {
    margin-bottom: 0 !important;
}
.build-pool-title .title-after_title > p:nth-child(1) {
    margin: 30px 0;
}
/* LETS GET STARTED FORM CSS */
.row.cf-field > div {
    padding: 0 5px;
}

.row.cf-field {
    row-gap: 30px;
}
.lets-get-started-form input, .lets-get-started-form select {
    min-height: 50px;
    border-radius: 10px;
    border-width: 1px;
    color: #A5A5A5;
	padding: 0 20px;
}

.lets-get-started-form textarea {
    min-height: 120px;
    resize: none;
    border-width: 1px;
    border-radius: 10px;
	padding: 15px 20px;
}

.lets-get-started-form .submit-btn {
    padding: 20px 70px;
    border-radius: 0 !important;
    background-color: #1589CE;
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 400;
}
.lets-get-started-form .btn-wrapper{
	text-align:center !important;
}
.checkbox-field input[type="checkbox"] {
    width: 25px;
    margin: 0;
    margin-right: 10px;
    min-height: 0 !important;
}

.checkbox-field {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
}
.checkbox-field .wpcf7-list-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0px;
    margin-bottom: 10px;
}
.checkbox-field input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin: 0;
    margin-right: 10px;
}
.checkbox-wrapper > p, .checkbox-field .wpcf7-list-item label {
    color: #575757;
}

.lets-get-start-inner .lets-get-started-form {
    max-width: 1120px;
    margin: 0 auto;
}
.portfolio-section .project-grid-row {
    box-shadow: 5px 4px 25px rgb(85 85 85 / 10%);
}
/* responsive */

@media(min-width:768px)
{
 .build-a-pool-row > div > div > div:before {
    content: '';
    width: 1px;
    height: 95%;
    display: block;
    background-color: #FFFFFF1F;
    position: absolute;
    left: 50%;
    top:50px;
    transform: translateY(-35px);
}
.build-a-pool-row .build-a-pool-inner-row
{
	position:relative !important;
}

.build-a-pool-row .build-a-pool-inner-row:before {
    content: '';
    width: 30px;
    height: 30px;
    background-color: #1589CE;
    display: block !important;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    top: 25px;
    transform: translate(-50%,-50%);
	transition:0.3s ease-in-out;
}
   
}

@media(max-width:1024px){
.hero-section {
    min-height: 65vh !important;
}

}

@media(max-width:991px)
{
.footer-title, .footer-menu, .footer-map, .footer-logo, .footer-img, .footer-copy, .footer-social {
    text-align: center !important;
}
.heading-title-sub .title-subtitle {
    display: flex !important;
	justify-content:center;
	transform: translateX(-35px);
}
.heading-title-sub
	{
		text-align:center !important;
	}
	.home .wd-button-wrapper{
		text-align:center !important;
	}
.site-para
	{
		text-align:center !important;
	}
}

@media(max-width:768px)
{
    
    .build-pool-title .title-after_title {
        line-height: 26px !important;
    }
    
    .build-pool-title .title {
        font-size: 30px !important;
    }
.lets-get-started-form {
    max-width: 500px !important;
}
}

@media(max-width:767px)
{
	
.checkbox-field .wpcf7-list-item {
    flex: 0 0 100%;
}	

.checkbox-field input[type="checkbox"]{
	width: 15px;
    height: 15px;
}
.project-img a {
    padding: 0;
}	
	.project-img{
		margin-bottom:0 !important;
	}
	
.project-title
	{
		padding:0 25px !important;
		margin-bottom:0;
	}
.project-btn a.vc_general
	{
		margin-top:0;
		width:50px;
		height:45px;
		background-size:17px;
	    background-color: #1589CE !important;
		display: inline-block;
		background-blend-mode: screen !important;
		filter: unset !important;
		
	}
    .build-pool-title .title-after_title
    {
          line-height: 24px !important;
    }
    
    .build-pool-title .title {
        font-size: 24px !important;
    }
    div.build-pool-title {
        text-align: center;
        padding: 0 !important;
    }	
}
@media (min-width:768px) and (max-width:991px){
	.blog-wrapper  .vc_pageable-slide-wrapper {
    display: flex !important;
    flex-wrap: wrap;
}
	.blog-wrapper  .vc_pageable-slide-wrapper > div {
    flex: 0 0 50% !important;
}
}

@media(min-width:1025px)
{
.page-title {
    min-height: 460px;
}
}