/*
Theme Name: SherwoodWindows
Author: Scratch Marketing
Author URI: https://scratchmarketing.com
Description: Theme for Sherwood Windows Group
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: atwatertheme
*/

:root {
    --brand-color-yellow: #cdab3a;
    --brand-color-blue: #476473;;
	--brand-color-green: #93ae58;
	--brand-color-gray: #f6f6f6;
	--color-text: #000000;
	--brand-color-yellow-text: #efb51c;
}

.bg_color_yellow_green {
	background-color: var(--brand-color-yellow);
}
.bg_color_midnight_blue {
	background-color: var(--brand-color-midnight-blue);
}
.bg_color_gray {
	background-color: var(--brand-color-gray);
}
.color_white {
	color: #ffffff;
}

html,
body {
    height: 100%;
}
body {
    font-family: "Roboto", sans-serif;
    color: var(--color-text);
}

body.fixed {
	overflow: hidden;
}

a {
    color: var(--color-text);
    text-decoration: none;
    line-height: inherit;
    transition: all 0.2s;
}
a:hover {
    color: #4C4A3F;
    text-decoration: underline;
}

h1, h2, h3 {
    font-weight: 300;
    font-style: normal;
}
h1,
.h1-heading {
    font-size: 2rem; /* 40px */
}
h2,
.h2-heading {
    font-size: 3.125rem; /* 50px */
	font-weight: 300;
	text-transform: uppercase;
}
h3 {
    font-size: 1.562rem; /* 25px  */
}
h4 {
    font-size: 1.125rem; /* 18px */
}
img {
	max-width: 100%;
}

.text-center {
    text-align: center;
}
.font-weight-bold {
	font-weight: bold;
}

.atwm-info {
	font-size: 1.125rem;
}

.screen-reader-text {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.main-no-page-header {
	margin-top: 100px;
	padding-top: 30px;
}

.atwm-z-index-2 {
	z-index: 2;
}
.atwm-gap_90px {
	gap: 5.625rem;
}
.atwm-gap_50px {
	gap: 3.125rem;
}

.vc_row.atwm-gap_90px {
	margin-left: -90px;
	margin-right: -90px;
	gap: unset;
}
.vc_row.atwm-gap_90px > .vc_column_container > .vc_column-inner {
	padding-left: 90px;
	padding-right: 90px;
}
.vc_row.atwm-gap_50px {
	margin-left: -50px;
	margin-right: -50px;
	gap: unset;
}
.vc_row.atwm-gap_50px > .vc_column_container > .vc_column-inner {
	padding-left: 50px;
	padding-right: 50px;
}

.atwm-full-width-row.atwm-gap_50px,
.atwm-full-width-row.atwm-gap_90px {
	gap: 0;
}
.atwm-full-width-row.atwm-gap_90px div.col {
	padding-left: 2.8125rem;
	padding-right: 2.8125rem;
}
.atwm-full-width-row.atwm-gap_50px div.col {
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
.atwm-full-width-row div.col:first-child {
	padding-left: 0;
}
.atwm-full-width-row div.col:last-child {
	padding-right: 0;
}

.atwm-round-image-20px {
	border-radius: 1.25rem;
	overflow: hidden;
}
.atwm-round-image-15px {
	border-radius: 0.9375rem;
	overflow: hidden;
}
.atwm-white-border-8px {
	border: solid 8px #ffffff;
}


.atwm-pt-90px {
	padding-top: 5.625rem;
}
.atwm-pb-90px {
	padding-bottom: 5.625rem;
}
.atwm-pl-90px {
	padding-left: 5.625rem;
}
.atwm-pr-90px {
	padding-right: 5.625rem;
}

.atwm-pt-70px {
	padding-top: 4.375rem;
}
.atwm-pb-70px {
	padding-bottom: 4.375rem;
}
.atwm-pl-70px {
	padding-left: 4.375rem;
}
.atwm-pr-70px {
	padding-right: 4.375rem;
}

.atwm-pt-20px {
	padding-top: 1.25rem;
}
.atwm-pb-20px {
	padding-bottom: 1.25rem;
}
.atwm-pl-20px {
	padding-left: 1.25rem;
}
.atwm-pr-20px {
	padding-right: 1.25rem;
}


.wpb_column.atwm-p-50px > .vc_column-inner > .wpb_wrapper {
	padding: 3.125rem;
}
.wpb_column.atwm-p-40px > .vc_column-inner > .wpb_wrapper {
	padding: 2.5rem;
}

.row > .col > .column-inner > *:last-child{
	margin-bottom: 0;
}






.atwm-column-width_30 {
	width: 30%;
}
.atwm-column-width_31 {
	width: 31%;
}
.atwm-column-width_32 {
	width: 32% ;
}
.atwm-column-width_33 {
	width: 33%;
}
.atwm-column-width_34 {
	width: 34%;
}
.atwm-column-width_35 {
	width: 35%;
}
.atwm-column-width_40 {
	width: 40%;
}
.atwm-column-width_41 {
	width: 41%;
}
.atwm-column-width_42 {
	width: 42%;
}
.atwm-column-width_45 {
	width: 45%;
}
.atwm-column-width_25 {
	width: 25%;
}





/** ======================================================================================
* WORDPRESS SPECIFIC STYLES 
* ======================================================================================== */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}




.vc_row-o-equal-height > .col > .column-inner {
    height: 100%;
}
.vc_row-o-content-middle > .col > .column-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.atwm-wrap > * {
    width: 100%;
}


.full-height,
.full-height .vc_figure,
.full-height .vc_single_image-wrapper {
    height: 100%;
}
.full-height.wpb_single_image img {
    height: auto;
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}


/** ======================================================================================
* Buttons
* ======================================================================================== */
a.btn {
    border: 1px solid var(--brand-color-yellow);
    background-color: var(--brand-color-yellow);
    border-radius: 5px;
    padding: 7px 20px;
    color: #fff;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: .2s;
}
a.btn:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
a.btn.white {
    background-color: transparent;
    border-color: #fff;
}
a.btn.white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #555;
}
a.btn.yellow {
    border: 1px solid var(--brand-color-yellow);
    background-color: var(--brand-color-yellow);
}
a.btn.yellow:hover {
    background-color: #fff;
    color: var(--brand-color-yellow);
}
a.btn.blue {
    border: 1px solid var(--brand-color-blue);
    background-color: var(--brand-color-blue);
}
a.btn.blue:hover {
    background-color: #fff;
    color: var(--brand-color-blue);
}
a.btn.green {
    border: 1px solid var(--brand-color-green);
    background-color: var(--brand-color-green);
}
a.btn.green:hover {
    background-color: #fff;
    color: var(--brand-color-green);
}


/** ======================================================================================
* VC
* ======================================================================================== */
.vc_btn3 {
	font-size: 1rem !important;
	background-image: none !important;
	font-weight: bold !important;
	padding: 1rem 2rem !important;
	padding-bottom: 0.875rem !important;
}
.vc_btn3.vc_btn3-style-outline {
	border-width: 1px !important;
}
.vc_btn3.vc_btn3-color-green {
	color: var(--brand-color-midnight-blue) !important;
	border-color: var(--brand-color-yellow-green) !important;
	background-color: var(--brand-color-yellow-green) !important;
}
.vc_btn3.vc_btn3-color-green:hover {
	border-color: #C0DC70 !important;
	background-color: #C0DC70 !important;
}
.vc_btn3.vc_btn3-color-green:active {
	background-color: #ffffff !important;
}
.vc_btn3.vc_btn3-color-green.vc_btn3-style-outline {
	color: var(--brand-color-midnight-blue) !important;
	border-color: var(--brand-color-yellow-green) !important;
	background-color: transparent !important;
}

.atwm-p-14px-60px .vc_btn3 {
	padding: 0.875rem 3.75rem !important;
}
.atwm-font_size-18px .vc_btn3 {
	font-size: 1.125rem !important;
}
.vc_separator.vc_sep_color_green .vc_sep_line {
	border-color: var(--brand-color-yellow-green) !important;
}

.wpb_text_column ul {
	list-style: none;
	padding: 0;
	padding-left: 2rem;
}
.wpb_text_column ul li {
	text-indent: -1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.wpb_text_column ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: var(--brand-color-yellow-green);
	display: inline-block;
	border-radius: 50%;
	margin-right: 0.5rem;
}
.wpb_text_column a {
	text-decoration: underline;
}

/** ======================================================================================
* PRELOADER
* ======================================================================================== */
#atwm-navigation-infinite-scroll {
    margin-bottom: 2rem;
}

.sk-fading-circle {
	width: 40px;
	height: 40px;
	position: relative;
	display: none;
}
#atwm-navigation-infinite-scroll.loading .sk-fading-circle {
    display: block;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--color-text);
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


/** ======================================================================================
* ANIMATION
* ======================================================================================== */

@-webkit-keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

@keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}





@-webkit-keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

@keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom;
	
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	
}




@-webkit-keyframes fadeInRight {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

@keyframes fadeInRight {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeOutRight {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
}

@keyframes fadeOutRight {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

@keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeOutLeft {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
}

@keyframes fadeOutLeft {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@media only screen and (max-width: 769px) {
	.reverse-col-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
		padding-left:20px;
		padding-right: 20px;
	}
	.mobile-padding{
		padding-left:20px;
		padding-right: 20px;
		
	}
}