/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/


/*****************************************
*************GENERAL STYLES***************
*****************************************/

main a {font-weight: 600; color: #0094C7;}

.l-section.width_full {overflow: hidden;}

.feature-section {border-bottom: 1px solid #35365d;}

.large-text p {font-size: 1.25rem; font-weight: 600; line-height: 1.75;}

.text-button::after {content: '\f178'; font-family: 'fontawesome'; font-weight: normal;}
.text-button span {margin-right: 10px; transition: all 200ms ease;}
.text-button:hover span {margin-right: 15px !important;}

.blockit {display: inline-block;}

@media only screen and (max-width: 1023px) {
  h2 {font-size: 3rem!important;}
  .large-text p {font-size: 1.19rem;}	
}

@media only screen and (max-width: 767px) {
  .l-section.height_medium {padding-top: 2.5rem; padding-bottom: 2.5rem;}	
  h2 {font-size: 2.3rem!important;}		
  .large-text p {font-size: 1.1rem; line-height: 1.7;}
}


/*****************************************
******************MENU********************
*****************************************/

.l-header.shadow_thin .l-subheader.at_middle {box-shadow: 0 1px 0 #35365d!important;}

.mobile-menu-logo img {max-width: 240px; margin-bottom: 1.5rem;}

@media only screen and (min-width: 1024px) {
  .mobile-menu-logo {display: none;}
}


/*****************************************
*******SPLIT HEADER DETAILS LAYOUT********
*****************************************/

.split-header-details {background: var(--color-primarycanvas);}
.split-header-details::before {background: var(--color-purplebackground); width: 50%; content: ""; position: absolute; left: 0; height: 100%;;}
.split-header-details .col.one {padding-right: 2rem;}
.split-header-details .col.one h2, 
.split-header-details .col.one p {color: #FFFFFF;}
.split-header-details .col.one img {width: 60px;}
.split-header-details .col.two {padding-left: 2rem;}
.split-header-details .col.two .item:not(:last-child) {margin-bottom: 3.85rem;}
.split-header-details .col.two .item p {line-height: 1.8;}

@media only screen and (max-width: 1023px) {
  .split-header-details .col.one {padding-right: 0.5rem;}	
  .split-header-details .col.two {padding-left: 0.5rem;}
}

@media only screen and (max-width: 767px) {
  .split-header-details {padding-left: 1.5rem; padding-right: 1.5rem;}
  .split-header-details::before {display: none;}
  .split-header-details .col.one {background: var(--color-purplebackground); padding-top: 2.5rem!important; padding-bottom: 2.5rem!important; margin: 0!important;}
  .split-header-details .col.two {padding-top: 2.5rem!important; padding-bottom: 2.5rem!important;}
  .split-header-details .col.two .item:not(:last-child) {margin-bottom: 3rem;}
}

@media only screen and (max-width: 767px) and (min-width: 600px) {
  .split-header-details .col.one {padding-right: 1rem; padding-left: 1rem;}
  .split-header-details .col.two {padding-right: 1rem; padding-left: 1rem;}	
}


/*****************************************
***************BLOG GRID******************
*****************************************/

.blog-grid article > div {/*border: 2px #223900 solid; border: 2px #569100 solid;*/ border: 1px #223900 solid; background-color: #FFFFFF;}
.blog-grid .content {padding: 1rem 1rem 2rem 1rem;}

@media only screen and (max-width: 600px) {
  .blog-grid article {margin-bottom: 1.5rem;}
}


/*****************************************
*************HOME - GENERAL***************
*****************************************/

.home .l-canvas {background: var(--color-primarycanvas);}


/*****************************************
****************HOME - HERO***************
*****************************************/

#hero .header-and-background > div > div {min-height: calc( 100vh - (var(--header-height))); display: flex;}
#hero .hero-text {padding-left: 2.5rem; padding-right: 2.5rem; justify-content: center; width: 100%;  margin: 0 auto; max-width: var(--site-content-width,1200px);}
#hero .hero-text h1 {max-width: 90%; padding-bottom: 1rem;}
#hero .hero-text h1 span {display: inline-block;}
#hero .hero-text p {float: right; width: 420px; color: #79b930; font-family: 'Oswald'; font-size: 5.1rem; font-weight: 600;}
#hero .hero-image > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#hero .hero-image img {width: 100%; height: 100%; object-fit: fill;}



@media only screen and (min-width: 1700px) {
  #hero .hero-text h1 {padding-bottom: 2vw; font-size: 5.4vw; line-height: 6.5vw;}
  #hero .hero-text p {width: 504px; font-size: 5.4vw; line-height: 6.5vw;}	
}

@media only screen and (min-width: 1900px) {
  #hero .hero-text h1 {max-width: 100%;}	
}

@media only screen and (min-width: 2000px) {
  #hero .hero-text {padding-left: 0; padding-right: 0;}
  #hero .hero-text p {width: 528px;}	
}

@media only screen and (min-width: 2100px) {
  #hero .hero-text p {width: 595px;}
}

@media only screen and (min-width: 2280px) {
  #hero .hero-text p {width: 619px;}
}

@media only screen and (min-width: 2500px) {
  #hero .hero-text p {width: 627px;}
}
 

@media only screen and (max-width: 1439px) {
  #hero .hero-text h1 {width: 81%; font-size: 6.5vw; line-height: 7.7vw; margin-left: 1rem;}
  #hero .hero-text p {width: 30vw; font-size: 6.5vw; line-height: 7.7vw; margin-right: 1rem;}
}

@media only screen and (max-width: 900px) {
   #hero .hero-text p {margin-right: 0;}	
	}

@media only screen and (max-width: 900px) and (min-width: 769px) {
  #hero .hero-text h1 {font-size: 9vw; line-height: 10.5vw; margin: 0 auto; width: 85%;}
  #hero .hero-text p {font-size: 9vw; line-height: 10.5vw; margin: 0 auto; width: 371px;}	
}


@media only screen and (max-width: 768px) and (min-width: 701px) {
  #hero .hero-text h1 {font-size: 10vw; line-height: 11.5vw; margin: 0 auto; width: 85%;}
  #hero .hero-text p {font-size: 10vw; line-height: 11.5vw; margin: 0 auto; width: 371px;}	
}


@media only screen and (max-width: 700px) and (min-width: 601px) {
  #hero .hero-text h1 {font-size: 10.5vw; line-height: 12vw; margin: 0 auto; width: 90%;}
  #hero .hero-text p {font-size: 10.5vw; line-height: 12vw; margin: 0 auto; width: 371px;}	
}

@media only screen and (max-width: 600px) {
  #hero {min-height: auto;}
  #hero .header-and-background > div > div {min-height: 60vh;}
  #hero .hero-text {padding-left: 1.5rem; padding-right: 1.5rem;}
  #hero .hero-text h1 {font-size: 2.5rem; line-height: 1.19; max-width: 71%; margin: 0 auto;}
  #hero .hero-text p {font-size: 2.5rem; line-height: 1.19; margin-right: 2rem; width: 216px;}	
}

@media only screen and (max-width: 450px) {
	#hero .hero-text p {margin-right: 0;}
}

@media only screen and (max-width: 525px) {
  #hero .hero-text {margin-left: -2%;}
  #hero .hero-text h1 {max-width: 305px; width: 100%;}
  /*#hero .hero-text p {float: none; margin: 0 auto; max-width: 305px; width: 100%;}*/
}

@media only screen and (max-width: 360px) {
  #hero .hero-text {margin-left: 0;}
  #hero .hero-text h1 {font-size: 2.25rem;}
  #hero .hero-text p {font-size: 2.25rem; width: 200px;}
}


/**********************************************************
****************HOME - HERO - PET SILHOUETTE***************
**********************************************************/

#hero-pet .header-and-background > div > div {min-height: calc( 100vh - (var(--header-height))); display: flex;}
#hero-pet .hero-text {padding-left: 2.5rem; padding-right: 2.5rem; justify-content: center; width: 100%;  margin: 0 auto; max-width: var(--site-content-width,1200px);}
#hero-pet .hero-text h1 {max-width: 90%; padding-bottom: 1rem;}
#hero-pet .hero-text h1 span {display: inline-block;} /*This line might not be needed?*/
#hero-pet .hero-text p {float: right; width: 420px; color: #79b930; font-family: 'Oswald'; font-size: 5.1rem; font-weight: 600;}
#hero-pet .hero-image > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#hero-pet .hero-image img {width: 100%; height: calc(100% + 2px); object-fit: fill;}

@media only screen and (max-width: 1849px) {
#hero-pet .hero-text h1 {margin-left: calc(27px + (90 - 27) * ((1849px - 100vw) / (1849 - 1600)));}
}

@media only screen and (min-width: 1700px) {
  #hero-pet .hero-text h1 {padding-bottom: 2vw; font-size: 5.4vw; line-height: 6.5vw;}
  #hero-pet .hero-text p {width: 504px; font-size: 5.4vw; line-height: 6.5vw;} 
}

@media only screen and (min-width: 1900px) {
  #hero-pet .hero-text h1 {max-width: 100%;} 
}

@media only screen and (min-width: 2000px) {
  #hero-pet .hero-text {padding-left: 0; padding-right: 0;}
  #hero-pet .hero-text p {width: 528px;} 
}

@media only screen and (min-width: 2100px) {
  #hero-pet .hero-text p {width: 595px;}
}

@media only screen and (min-width: 2280px) {
  #hero-pet .hero-text p {width: 619px;}
}

@media only screen and (min-width: 2500px) {
  #hero-pet .hero-text p {width: 627px;}
}
 
@media only screen and (max-width: 1600px) {
#hero-pet .hero-text h1 {margin-top: 7.5rem; margin-left: calc(90px + (117 - 90) * ((1600px - 100vw) / (1600 - 1440)));}
}

@media only screen and (max-width: 1439px) {
  #hero-pet .hero-text h1 {width: 81%; font-size: 6.5vw; line-height: 7.7vw;}
  #hero-pet .hero-text p {width: 30vw; font-size: 6.5vw; line-height: 7.7vw; margin-right: 1rem;}
}

@media only screen and (max-width: 1279px) {
#hero-pet .hero-text h1 {margin-top: 6rem; margin-left: calc(148px + (108 - 148) * ((1279px - 100vw) / (1279 - 1025)));}
}

@media only screen and (max-width: 1023px) {
#hero-pet {min-height: auto;}
#hero-pet .header-and-background > div > div {min-height: 65vw;}
#hero-pet .hero-text h1 {margin-top: 3.5rem; margin-left: calc(117px + (99 - 117) * ((1023px - 100vw) / (1023 - 768)));}
}

@media only screen and (max-width: 1050px) and (min-height: 769px) {
#hero-pet {min-height: auto;}
#hero-pet .header-and-background > div > div {min-height: 65vw;}
}

@media only screen and (max-width: 900px) {
#hero-pet .hero-text h1 {font-size: 7.5vw; line-height: 9vw; margin-left: calc(83px + (99 - 83) * ((100vw - 769px) / (900 - 769)));}
#hero-pet .hero-text p {font-size: 7.5vw; line-height: 9vw; margin-right: 0; width: 35vw;}
}

@media only screen and (max-width: 768px) {
#hero-pet .hero-text h1 {margin-left: calc(54px + (81 - 54) * ((100vw - 601px) / (768 - 601))); max-width: none!important; width: 85%;}
}

@media only screen and (max-width: 600px) {
  #hero-pet .hero-text {padding-left: 1.5rem; padding-right: 1.5rem;}
}

@media only screen and (max-width: 525px) {
  #hero-pet .hero-text {margin-left: -2%;}
  #hero-pet .hero-text h1 {width: 100%;}
}

@media only screen and (max-width: 500px) and (min-width: 415px) {
#hero-pet .hero-text h1 {margin-top: 4rem;}
}

@media only screen and (max-width: 414px) {
#hero-pet .hero-text h1 {font-size: 2rem;}
#hero-pet .hero-text p {font-size: 2rem; width: auto; max-width: 40ch;}
}

@media only screen and (max-width: 411px) {
#hero-pet .header-and-background > div > div {min-height: 73vw;}
#hero-pet .hero-text h1 {font-size: 1.75rem; line-height: 1.2;}
#hero-pet .hero-text p {width: 42vw; font-size: 1.75rem; line-height: 1.2;}
}

@media only screen and (max-width: 359px) {
#hero-pet .header-and-background > div > div {min-height: 79vw;}
#hero-pet .hero-text h1 {margin-top: 1rem; margin-left: 1.75rem; max-width: 80% !important;}
#hero-pet .hero-text p {width: 46vw;}
}


/*****************************************
***************HOME - ABOUT***************
*****************************************/

#home-about {background-color: #79b930; text-align: center; padding-top: 3rem; padding-bottom: 3rem;}
#home-about h2 {color: #FFFFFF; text-align: center!important;}
#home-about p {max-width: 834px; text-align: center; margin: 0 auto; color: #FFFFFF;}

@media only screen and (min-width: 1024px) {
  #home-about p {line-height: 2;}
}

@media only screen and (max-width: 1024px) {
  #home-about {padding-top: 2.5rem; padding-bottom: 2.5rem;}
}

/*****************************************
*************HOME - BENEFITS**************
*****************************************/

#home-benefits.split-header-details .col.one {padding-top: 4rem; padding-bottom: 4rem;}
#home-benefits.split-header-details .col.two {padding-top: 4rem; padding-bottom: 4rem;}
#home-benefits.split-header-details .col.two h3 {font-size: 1.6rem; line-height: 1.2;}


/*****************************************
***************HOME - BLOG****************
*****************************************/

#home-blog {background: var(--color-greenbackground);}
#home-blog .text-button {color: #FFFFFF!important;}
#home-blog .header-and-button .w-btn-wrapper {display: inline!important;}
#home-blog .w-btn-wrapper {display: none;}
#home-blog .header-and-button > div > div {display: flex; align-items: end; justify-content: space-between; margin-bottom: 2.5rem;}
#home-blog .header-and-button h2 {color: #FFFFFF; margin-bottom: 0;}
#home-blog .header-and-button .text-button {width: 119px;}
#home-blog .header-and-button .text-button span {float: left; margin-right: 0;}
#home-blog .header-and-button .text-button:hover span {margin-right: 10px !important;}
#home-blog .blog-grid article > div img {/*border-bottom: 2px #223900 solid; border-bottom: 2px #569100 solid;*/ border-bottom: 1px #223900 solid;}

@media only screen and (max-width: 599px) {
  #home-blog .header-and-button > div > div {display: inline; margin-bottom: 2rem;}
  #home-blog .header-and-button h2 {text-align: center!important;}
  #home-blog .header-and-button .w-btn-wrapper {display: none!important;}
  #home-blog .w-btn-wrapper {display: inline-block; height: 22px; margin-top: .5rem; margin-bottom: 0;text-align: center !important; width: 100%;}
}

/*****************************************
*****************FOOTER*******************
*****************************************/

#cta {background: var(--color-bluebackground); text-align: center;}
#cta .cta-shape {position: absolute; right: 1.5rem; bottom: 0; transform: scaleY(-1); width: 210px;}
#cta .cta-text {padding-top: 4rem; padding-bottom: 4rem;}
#cta .cta-text h2 {color: #FFFFFF; margin-bottom: 1.5rem;}
#cta .cta-text p {color: #FFFFFF; margin-bottom: 1.5rem;}

@media only screen and (max-width: 767px) {
  #cta {padding-right: 2.5rem; padding-left: 2.5rem;}	
  #cta .cta-text {padding-top: 2.5rem; padding-bottom: 140px;}
  #cta .cta-shape {right: -1rem; width: 148px;}
}

@media only screen and (max-width: 600px) {
  #cta {padding-left: 1.5rem; padding-right: 1.5rem;}
  #cta .cta-shape {right: 0;}
}

#footer-bottom {background: var(--color-purplebackground);}
#footer-bottom a {color: #FFFFFF;}
#footer-bottom .col.two p {color: #FFFFFF; text-align: right;}

@media only screen and (max-width: 767px) {
  #footer-bottom {text-align: center;}
  #footer-bottom .col.two p {text-align: center;}
}

/*****************************************
************SECONDARY - GENERAL***********
*****************************************/

#secondary-header {background: var(--color-greenbackground);}
#secondary-header::before {background: var(--color-bluebackground); content: ""; position: absolute; width: 50%; height: 100%;}
#secondary-header .header-content .header-text {align-items: center; max-width: var(--site-content-width,1200px); margin: 0 auto; padding-top: 4rem; padding-bottom: 4rem;}
#secondary-header .header-content .header-text .col.one > div {padding-right: 2rem; padding-left: 0;}
#secondary-header .header-content .header-text .col.one h1 {font-size: 4rem; color: #FFFFFF;}
#secondary-header .header-content .header-text .col.two {z-index: 1;}
#secondary-header .header-content .header-text .col.two > div {padding-right: 0; padding-left: 2rem;} 
#secondary-header .header-content .header-text .col.two p {color: #FFFFFF; line-height: 1.9;}
#secondary-header .header-content .shape {position: absolute; bottom: 0; right: 1.5rem; width: 148px;}
#secondary-header .header-content .shape.mobile {display: none;}

@media only screen and (max-width: 1410px) {
  #secondary-header .header-content .header-text {margin: 0 2.5rem;}
}

@media only screen and (max-width: 1024px) {
  #secondary-header .header-content .header-text {padding-top: 2.5rem; padding-bottom: 2.5rem;}
}
	
@media only screen and (max-width: 1023px) {
  #secondary-header .header-content .header-text .col.one h1 {font-size: 3rem;}
}

@media only screen and (max-width: 767px) {	
  #secondary-header {background: var(--color-greenbackground);}
  #secondary-header.blue {background: var(--color-bluebackground);}	
  #secondary-header::before {display: none;}	
  #secondary-header .header-content .header-text .col.one > div {padding-right: 0;}
  #secondary-header .header-content .header-text .col.two > div {padding-left: 0;}
  #secondary-header .header-content .header-text .col.two p {padding-bottom: 70px;}
  #secondary-header .header-content .shape.desktop {display: none;}
  #secondary-header .header-content .shape.mobile {display: inline; transform: scale(-1);}	
}

@media only screen and (max-width: 600px) {	
  #secondary-header .header-content .header-text {margin-right: 1.5rem; margin-left: 1.5rem;}
}
	

/*****************************************
*************ABOUT US - INTRO*************
*****************************************/

@media only screen and (max-width: 767px) {
  #about-intro {padding-top: 0; padding-bottom: 0;}
}

/*****************************************
***********ABOUT US - SPONSORS************
*****************************************/

#sponsors {background: var(--color-greenbackground); padding-top: 3rem; padding-bottom: 3rem;}
#sponsors h2 {color: #FFFFFF; text-align: center!important; margin-bottom: 0;}
#sponsors .partner-logo {padding: 2.5rem 1.5rem 0 1.5rem;}

@media only screen and (max-width: 1024px) {
  #sponsors {padding-top: 2.5rem; padding-bottom: 2.5rem;}	
  #sponsors .partner-logo {text-align: center;}
  #sponsors .partner-logo:first-child {width: 100%;}
  #sponsors .partner-logo:not(:first-child) {width: 50%;}
  #sponsors .partner-logo img {max-width: 300px; width: 100%;}
  #sponsors .partner-logo:first-child img {width: 50%}
  #sponsors .partner-logo {padding-right: 0; padding-left: 0;}
}


@media only screen and (max-width: 500px) {
  #sponsors .partner-logo:not(:first-child) {width: 100%;}
  #sponsors .partner-logo:first-child img {width: 100% !important;}
}


/*****************************************
****************RESOURCES*****************
*****************************************/

#secondary-blog {background: var(--color-primarycanvas);}
#secondary-blog .blog-grid article > div {border: 2px #e1dcc3 solid;}

/*****************************************
**********INDIVIDUAL BLOG POST************
*****************************************/

#resource-post-banner {background-color: #1a8ec3; border-bottom: 1px solid #35365d;}
#resource-post-banner .col.one {padding: 1.9rem 4rem 2rem 0;}
#resource-post-banner .col.one .resource-post-date {font-family: 'Oswald'; font-size: 1.25rem; color: #FFFFFF; margin-bottom: 1rem; font-weight: 600;}
#resource-post-banner .col.one h1 {color: #FFFFFF; font-size: 3rem;}
#resource-post-banner .col.one .byline {font-family: 'Oswald'; font-size: 1.25rem; color: #FFFFFF; font-weight: 600; display: inline-block;}
#resource-post-banner .col.one .byline a {color: #ffffff!important; text-transform: none; font-weight: 600; font-size: 1.25rem; line-height: 1.7!important;}
#resource-post-banner .col.one .byline:before {content: 'by ';} 
#resource-post-banner .col.one .byline a:hover {color: #FFFFFF;}
#resource-post-banner .col.one .byline a span {margin-right: 10px;}
#resource-post-main {padding-top: 3rem; padding-bottom: 3rem;}
#resource-post-main .byline {color: inherit; margin-top: 1.5rem; font-weight: 600; display: inline-block;}
#resource-post-main .byline a {text-transform: none; line-height: 1.7 !important; color: #79b733;}
#resource-post-main .byline:before {content:'See more posts from ';}

#resource-post-main .guest-author-details {margin-bottom: 1.5rem; padding: 1.5rem; background-color: #e7f8d3;}

@media only screen and (min-width: 1024px) {
  #resource-post-banner .col.one > div {padding-right: 0;}	
  #resource-post-banner .col.two > div {padding-left: 0;}	
}

@media only screen and (max-width: 1023px) {
  #resource-post-banner {padding-right: 1.5rem; padding-left: 1.5rem;}	
  #resource-post-banner .col.one {order: 2; padding-right: 1rem; padding-bottom: 2.5rem; padding-left: 1rem; width: 100%;}
  #resource-post-banner .col.one .blog_post_byline {margin-bottom: 0;}
  #resource-post-banner .col.two {order: 1; width: 100%;}
  #resource-post-banner .col.two > div {padding-right: 0; padding-left: 0;}	
  #resource-post-main {padding-top: 2.5rem; padding-bottom: 2.5rem;}
}

@media only screen and (max-width: 767px) {
  #resource-post-banner .col.one {padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 0;}
  #resource-post-main {padding-top: 2rem;}
}

@media only screen and (max-width: 600px) {
  #resource-post-banner .col.one {padding-right: 0; padding-left: 0;}
  #resource-post-banner .col.one h1 {font-size: 2.5rem;}	
}


/*****************************************
********BLOG CONTRIBUTOR ARCHIVE**********
*****************************************/

#secondary-blog .blog-contributor-title {font-size: 2.25rem; font-weight: 600; margin-bottom: 2rem;}
/*#secondary-blog .blog-contributor-title::before {content: "Posts contributed by \ ";}*/
#secondary-blog .blog-contributor-title::before {content: "Posts by \ ";}
#secondary-blog .text-button {margin-top: 1.5rem;}

@media only screen and (max-width: 1023px) {
  #secondary-blog .blog-contributor-title {font-size: 1.75rem!important;}
}

/*****************************************
*****************EVENTS*******************
*****************************************/

#event-grid-section {background: var(--color-primarycanvas);}
#event-grid-section article > div {/*border: 2px #223900 solid;*/ border: 2px #e1dcc3 solid; background-color: #FFFFFF;}
#event-grid-section .event-text-wrapper {padding: .5rem 1rem 1.5rem 1rem;}
#event-grid-section h3 {margin-top: .75rem; margin-bottom: .35rem;}
#event-grid-section .event-photo {border-bottom: 1px #f2f0e6 solid;}
#event-grid-section .event-date {line-height: 1.55; margin-bottom: 1rem;}
#event-grid-section .event-description {line-height: 1.55; margin-bottom: 1rem;}
#event-grid-section .event-button {color: #79b733!important; font-weight: 700; text-transform: uppercase; align-self: flex-start;}
#event-grid-section .event-button a span {margin-right: 10px;transition: all 200ms ease;}
#event-grid-section .event-button a:hover {color: #79b733!important;}
#event-grid-section .event-button a:hover span {margin-right: 15px !important;}

@media only screen and (max-width: 600px) {
  #event-grid-section article:not(:last-child) {margin-bottom: 1.5rem !important;}
}


/*****************************************
****************CONTACT*******************
*****************************************/

/*#form-section .contact-form {max-width: 792px; margin: 0 auto;}
#form-section .contact-form .w-form-row {margin-bottom: 1.5rem !important;}
#form-section .contact-form input {border: 1px solid #bbb4b4 !important; border-radius: 0; background-color: #fcfcfc;}
#form-section .contact-form .w-form-row.for_checkboxes label {padding: 0.3em 0;}
#form-section .contact-form textarea {border-radius: 0; background: #fcfcfc; border-color: #bbb4b4; color: var(--color-content-text); box-shadow: none; border-width: 1px;}*/

/*****************************************
**************WPFORMS FORMS***************
*****************************************/

#form-section .wpforms-container {margin: 0 auto; max-width: 792px;}
#form-section .wpforms-field {padding: 17px 0;}
#form-section .wpforms-field-label {margin-bottom: .4rem; line-height: 1.4;}

#form-section input,
#form-section select,
#form-section textarea {box-shadow: none; border: 1px solid #bbb4b4!important; border-radius: 2px; background: #fcfcfc;}

#form-section input:focus,
#form-section select:focus,
#form-section textarea:focus {box-shadow: 0 0 0 1px var(--color-bluebackground);}


#form-section .wpforms-container ul {list-style: none;}
#form-section .wpforms-container ul li:not(:last-child) {margin-bottom: 5px;}

#form-section .wpforms-recaptcha-container {padding: 0!important;}
#form-section .custom-recaptcha-copy p {font-size: 13px!important; line-height: 1.4!important;}
#form-section .grecaptcha-badge, #form-section .grecaptcha-badge * {visibility: hidden!important;}

#form-section .wpforms-submit-container {padding-top: 19px;}

#form-section .wpforms-error {line-height: 1.3; margin-top: 5px;}
	
@media screen and (max-width:600px) {
  #form-section .wpforms-field {padding-right: 1px; padding-left:1px;}
}