@charset "UTF-8";
/*
Theme Name: Water Colors Paint
Theme URI: 
Author: Water Colors Paint
Author URI: 
Description: A theme for WordPress 6.
Requires at least: WordPress 6.6.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Water Colors Paint is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# Fonts
###################################*/
@font-face {
  font-family: 'Muli';
  src: url('https://staging8.dynaserverx.com/watercolorspaint.com/wp-content/themes/watercolorspaint/assets/fonts/Muli/Muli-Regular.woff2') format('woff2'),
      url('https://staging8.dynaserverx.com/watercolorspaint.com/wp-content/themes/watercolorspaint/assets/fonts/Muli/Muli-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*###################################
# General Styles
###################################*/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Fira Sans Condensed", sans-serif; margin: 0 auto; width: 100%; min-width: 320px;background: url('https://staging8.dynaserverx.com/watercolorspaint.com/wp-content/uploads/2024/09/site-background-scaled.jpg') repeat-y center center;background-size: cover;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;display: block;}
p {margin-bottom: 30px; font-family: "Muli", sans-serif; font-size: 22px; line-height: 1.8; letter-spacing: 0.4px; font-weight: 400; color: #202020;}
p:empty {display: none;}
p:has(> a) {margin-bottom: 0;}
p, li {color: #333; line-height: 1.2;}
h1, h2, h3, h4, h5 {line-height: 1.2; margin-bottom: 20px;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}
h1, h2 {font-size: 80px;}
h3 {font-size: 26px;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1850px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.row {width: 100%; max-width: 1445px; margin: 0 auto;}
.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.wpcf7-form {margin: 0 auto; text-align: center; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {font-family:Arial; font-size: 16px; color:#000; height:45px; display: block; width: 100%; border:1px solid #ddd; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; margin: 0 auto; }
.wpcf7-form textarea {height: 120px; padding-top:10px; }
.wpcf7-form button {display: inline-block; margin: 20px auto 0; border-radius: 0; }
.wpcf7-form span.ctc-hide,
.wpcf7-form br { display: none; }
.wpcf7-form p { display: inline !important; }
.wpcf7-form .g-recaptcha > div { margin: 0 auto; }
.wpcf7-form .consents label { display: block; }
.wpcf7-list-item { margin: 0; }

/*###################################
## Buttons
###################################*/
.btn { font-size: 20px; font-weight: 700; color: #fff !important; background: #FC9522; padding: 20px 5px; display: inline-block; position: relative; z-index: 10; line-height: 1; width: 200px; text-align: center; text-shadow: none !important; font-family: "Fira Sans Condensed", sans-serif; }
.btn:before {width: 100%; height: 0; background: #000289; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation a { display: block; text-decoration: none; font-size: 18px; font-weight: 400; }
.main-navigation ul {list-style: none; margin: 0; padding: 0;display: flex;justify-content: space-between;align-items: center;width: 100%;text-transform: capitalize;}
.main-navigation li { position: relative; padding-bottom: 30px; }
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation li:not(.menu-item-has-children) a::after {content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; width: 0; background: #FC9522; transition: all ease-in 0.2s; }
.main-navigation li:not(.menu-item-has-children) a:hover::after, .main-navigation li.current-menu-item a::after { width: 100%; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: #FC9522; }

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;width: fit-content;}
.main-navigation ul ul {background: #FC9522; opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #003288; width: 300px; padding: 15px 10px!important;}
/* .main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;} */
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a { color: #fff; background: #003288 !important; }
.main-navigation ul li.menu-item-has-children .sub-menu li { padding: 0; }
.main-navigation ul li.menu-item-has-children .sub-menu li a::before { display: none; }

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0;columns: 2;}
.footer-navigation li {display: block; float: none;margin-bottom: 20px; line-height: 1;}
.footer-navigation li:last-child { margin-bottom: 0; }
.footer-navigation li a {color: #202020; display: inline-block; font-size: 18px; font-family: "Muli", sans-serif; font-weight: 400; text-transform: capitalize; }
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {color: #FC9522;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/*###################################
## Header
###################################*/
.site-header {position: absolute;left: 0;right: 0;top: 0;z-index: 10;}
.site-header .container { max-width: 1850px; }
.site-header p { margin-bottom: 0; }
.header-menu { padding: 30px 0; }
.header-menu, .header-info { display: flex; justify-content: space-between; gap: 15px; }
.header-menu { align-items: flex-start; }
.header-info { align-items: center; max-width: 430px; }
.hdNav { width: 100%; max-width: 1255px; gap: 40px; display: flex; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 2px solid #77C8FF; }
.hdLogo { width: 100%; max-width: 435px; }
.hdLogo img { width: 100%; object-fit: cover; object-position: center; }
.header-navigation, .header-info  { width: 100%; }
.header-navigation { max-width: 790px; }
.header-info a { font-family: "Fira Sans Condensed", sans-serif; }
.header-info a:hover { color: #FC9522; }
.header-info a, .header-info p, .header-menu li a { color: #000289; }
.header-info a, .header-info p { font-size: 18px; font-weight: 400; }
.header-info p { display: flex; justify-content: center; align-items: center; gap: 10px; }
.hdEmail::before, .hdPhone::before { font-family: "Fontawesome"; font-size: 15px; width: 40px; padding: 12px 0; background: #FC9522; display: inline-block; text-align: center; line-height: 1; letter-spacing: 0; color: #ffffff; border-radius: 50%; overflow: hidden; }
.hdEmail::before { content: "\f0e0"; }
.hdPhone::before { content: "\f095"; }


/* .site-header .custom-logo {width: 100%; max-width: 320px;} */

/*###################################
## Banner
###################################*/
#banner {position: relative;z-index: 1;clip-path: ellipse(150% 100% at 50% 0%);}
#banner .sow-slider-base::before, .inner #banner::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 60%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 999; }
.banner-image-slider, .banner-image { width: 100% !important; }
.banner-image img { width: 100% !important; height: 100vh !important; object-fit: cover; object-position: bottom center; }
.banner-text { position: absolute; bottom: 140px; left: 0; right: 0; z-index: 200; }
.banner-text-inner { text-align: center; width: 100%; max-width: 1085px; margin: 0 auto; }
.banner-text-inner h2, .banner-text-inner p, .banner-text-inner h1 { color: #fff; text-shadow: 0 2px 2px #000; }
.banner-text-inner p:last-of-type { margin-bottom: 40px; }
.banner-text-inner img { width: 100%; height: auto !important; max-width: 620px; margin: 0 auto 40px; object-fit: unset !important; object-position: unset !important; }
/* inner banne */
.inner .site-banner img { height: 600px !important; width: 100%; object-fit: cover; object-position: center; }

/*###################################
## Content
###################################*/
.site-content {}

/* image container design */
.bordered { box-shadow: rgb(0, 0, 0, 0.3) 3px 3px 20px 0px inset, rgba(0, 0, 0, 0.3) -3px -3px 20px 1px inset; }

/* welcome */
#welcome { position: relative; z-index: 2; margin-top: -100px; padding-bottom: 95px; }
#welcome h2, #welcome h5 { color: #000289; line-height: 0.9; }
#welcome h5 { margin-bottom: 30px; font-weight: 400; letter-spacing: 5px; }
#welcome h2 { font-weight: 700; margin-bottom: 70px; width: 100%; max-width: 590px; }
.welcome-left.content-image { width: 100%; max-width: 720px; padding: 60px; }
.welcome-left.content-image img { width: 100%; object-fit: cover; object-position: center; }
.welcome-right { width: 100%; max-width: 520px; margin-left: auto; padding-bottom: 100px; }
.welcome-right .content-image { width: 100%; max-width: 630px; margin: 0 auto; padding: 0 0 165px 0 !important; }
.welcome-right .content-image img { width: 100%; object-fit: cover; object-position: center; }
.welcome-right p { font-family: "Muli", sans-serif; font-weight: 400; margin-bottom: 60px; line-height: 1.8; letter-spacing: 0.4px; font-size: 22px; }

/* service */
#service { padding-bottom: 200px; }
.service-list-wrapper { max-width: 1820px; background: #ffffff; }
.service-list-wrapper > div { width: 25% !important; }
.service-list-wrapper > div > div, .service-list-image { height: 100%; }
.service-thumbnails { padding-bottom: 100px; }
.service-thumbnail-wrapper { padding: 25px 0; }
.service-thumbnail-wrapper > div > div > div { gap: 0 !important; }
.service-thumbnail-wrapper > div > div > div > div { width: 33.33% !important; border-right: 2px dotted #000289; }
.service-thumbnail-wrapper > div > div > div > div:last-of-type { border-right: none; }
.service-thumbnail-wrapper h3 { font-size: 25px; color: #000289; line-height: 0.9; margin-top: 20px !important; margin-bottom: 0; }
.service-thumbnail-image { padding: 0 15px; }
.service-thumbnail-image img { width: 80px; margin: 0 auto; }
.service-list-image h3 { margin-bottom: 0 !important; margin-top: 30px !important; color: #000289; }
.service-list-image { background: #ffffff; padding: 25px; }
.service-list-image:hover { background: #000289; }
.service-list-image img { width: 100%; object-fit: cover; object-position: center; }
.service-list-image:hover a { color: #ffffff; }

/* about */
#about { position: relative; margin-bottom: 155px; }
#about .floating-image { width: 100%; max-width: 250px; margin: 0 auto; position: absolute; left: -120px; bottom: 0; }
#about .floating-image img { width: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
#about .content-image { width: 100%; max-width: 600px; margin-left: auto; padding: 60px; }
#about .content-image img { width: 100%; object-fit: cover; object-position: center; }
#about > div:nth-child(2) { position: relative; }
#about > div:nth-child(2) > div, #about > div:nth-child(2) > div > div:not(.floating-image), #about > div:nth-child(2) > div > div > div, #about > div:nth-child(2) > div > div > div > div, div:nth-child(2) > div > div.content-image.bordered img { height: 100%; }
/* .about-text-wrapper:not(.border-dotted) { padding-top: ; } */
.about-text-wrapper.border-dotted { border-left: 1px dotted #000289; padding-left: 25px; margin-bottom: 70px; }
.about-text-wrapper h5 { margin-bottom: 30px; font-weight: 400; letter-spacing: 5px; color: #000289; line-height: 1.8; }
.about-text-wrapper p { font-family: "Muli", sans-serif; font-weight: 400; margin-bottom: 50px; line-height: 1.8; letter-spacing: 0.4px; font-size: 22px;}
.about-text-wrapper p:last-of-type { margin-bottom: 0; }

/* why choose us */
#why-choose-us { padding: 100px 0 300px; }
#why-choose-us .row { max-width: 1630px; }
.why-choose-wrapper { width: 100%; max-width: 830px; }
.why-choose-wrapper h2,  .why-choose-wrapper h5, .why-choose-wrapper p { color: #ffffff; line-height: 0.9; }
.why-choose-wrapper h2 { font-weight: 700; margin-bottom: 50px; }
.why-choose-wrapper h5 { margin-bottom: 30px; font-weight: 400; letter-spacing: 5px; }
.why-choose-wrapper p { line-height: 1.9; }

/* recent work */
#recent-work { padding: 125px 15px; }
.recent-work-title h2, .recent-work-title h5 { color: #000289; line-height: 0.9; }
.recent-work-title h5 { margin-bottom: 30px; font-weight: 400; letter-spacing: 5px; }
.recent-work-title h2 { font-weight: 700; margin-bottom: 50px; }
.recent-work-slider { position: relative; padding: 30px; background: #ffffff; }
.recent-inner > div { width: 50% !important; }
.recent-inner .before-image, .recent-inner .after-image { position: relative; }
.recent-inner .widget-title { margin-bottom: 0; background: #ffffff; position: absolute; bottom: 0; width: 100%; max-width: 100px; color: #003363; padding: 19px 5px; font-size: 23px; font-weight: 700; line-height: 1; }
.recent-inner .after-image .widget-title { right: 0; }
/* .recent-work-slider .bafg-col-6 { width: 100% !important; flex: unset !important; }
.recent-work-slider .bafg-col-6 .bafg-twentytwenty-container { height: 640px !important; } */
 /* .recent-work-slider .sow-carousel-item { margin: 0 !important; }
 .recent-work-slider .bwg_container { margin: 0 !important; }
 .recent-work-slider .bwg-thumbnails { padding: 0 !important; width: 100% !important; position: relative; }
 .recent-work-slider .bwg-thumbnails::before, .recent-work-slider .bwg-thumbnails::after { position: absolute; z-index: 3; font-size: 23px; color: #000289; font-weight: 700; background: #ffffff; width: 100%; max-width: 100px; padding: 14px 5px; text-align: center; line-height: 1; }
 .recent-work-slider .bwg-thumbnails::before { content: "BEFORE"; left: 0; bottom: 0; }
 .recent-work-slider .bwg-thumbnails::after { content: "AFTER"; right: 0; bottom: 0; }
 .recent-work-slider .bwg-a { margin: 0 !important; }
 .recent-work-slider .bwg-a > div:hover {position: unset !important; z-index: unset !important;}
 .recent-work-slider .bwg-a img { height: 100% !important; }
 .recent-work-slider .bwg-item { max-width: 100% !important; }
 .recent-work-slider .sow-carousel-navigation-prev, .recent-work-slider .sow-carousel-navigation-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
 .recent-work-slider .sow-carousel-navigation-prev a::before, .recent-work-slider .sow-carousel-navigation-next a::after { font-family: "Fontawesome"; font-size: 30px; font-weight: 700; color: #ffffff !important; }
 .recent-work-slider .sow-carousel-navigation-prev a, .recent-work-slider .sow-carousel-navigation-next a { border: none !important; background-color: #00B8DA; border-radius: unset !important; width: 50px !important; height: 50px !important; }
 .recent-work-slider .sow-carousel-navigation { min-width: unset !important; width: unset !important; }
 .recent-work-slider .sow-carousel-navigation-prev a::before { content: "\f104" !important; }
 .recent-work-slider .sow-carousel-navigation-next a::after { content: "\f105" !important; }
 .recent-work-slider .sow-carousel-navigation-prev { left: 0 !important; }
 .recent-work-slider .sow-carousel-navigation-next { right: 0 !important; } */

 /* testimonial */
 .testimonial-wrapper { max-width: 1820px; gap: 0 !important; }
 .testimonial-wrapper > div:nth-child(1) { width: 35% !important; }
 .testimonial-wrapper > div:nth-child(2) { width: 65% !important; }
 .testimonial-wrapper > div:nth-child(1) > div, .testimonial-wrapper > div:nth-child(1) > div > div, .testimonial-wrapper > div:nth-child(1) > div > div > div, .testimonial-wrapper > div:nth-child(1) > div > div > div > div, .testimonial-wrapper > div:nth-child(1) > div > div > div > div > div, .testimonial-wrapper > div:nth-child(1) > div > div > div > div > div > div  { height: 100% !important; }
 .testimonial-reviews { width: 100% !important; }
 .testimonial-reviews > div > div > div > div { width: 100% !important; max-width: 800px !important; margin: 0 auto; }
 .testimonial-wrapper > div:nth-child(2) > div, .testimonial-reviews { height: 100% !important; }
 .testimonial-image-wrapper { width: 100%; }
 .testimonial-image-wrapper img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; }
 .testimonial-reviews { background-repeat: no-repeat; background-size: auto !important; display: inline-flex; justify-content: center; align-items: center; padding: 75px 15px; }
 .testimonial-reviews h5 { margin-bottom: 75px; font-weight: 400; letter-spacing: 5px; color: #ffffff; }
 .testimonial-reviews .wpcr3_pagination_page, .testimonial-reviews .wpcr3_a.wpcr3_disabled, .testimonial-reviews .wpcr3_a.wpcr3_ls.wpcr3_disabled, .testimonial-reviews .wpcr3_a.wpcr3_rs, .testimonial-reviews .wpcr3_a.wpcr3_ls, .testimonial-reviews .wpcr3_a:last-of-type, .testimonial-reviews .wpcr3_a:has(+ .wpcr3_a.wpcr3_ls ), .testimonial-reviews .wpcr3_dotline, .testimonial-reviews .wpcr3_review .wpcr3_dotline, .testimonial-reviews .wpcr3_review_datePublished { display: none !important; visibility: ; }
 .testimonial-reviews .wpcr3_pagination .wpcr3_a { padding: 0 !important; width: 10px; height: 10px; font-size: 0 !important; margin-right: 10px !important; }
 .testimonial-reviews .wpcr3_pagination .wpcr3_a:last-of-type { margin-right: 0 !important; }
 .testimonial-reviews .wpcr3_pagination .wpcr3_a.wpcr3_current { background: #FC9522 !important; }
 .testimonial-reviews .wpcr3_pagination .wpcr3_a { background: transparent !important; border: 1px solid #ffffff; }
 .testimonial-reviews .wpcr3_review blockquote.wpcr3_content { margin: 0; }
 .testimonial-reviews .wpcr3_review blockquote.wpcr3_content p { color: #ffffff; font-size: 30px; font-weight: 700; line-height: 1.2; }
 .testimonial-reviews .wpcr3_rating_style1_average { background: none; }
 .testimonial-reviews .wpcr3_review .wpcr3_review_author { font-size: 0; color: #ffffff; font-style: normal; font-weight: 400; order: 1; padding: 0 0 85px 0; }
 .testimonial-reviews .wpcr3_review .wpcr3_review_author::before { content: "- "; font-size: 18px; }
 .testimonial-reviews .wpcr3_review span { font-size: 18px; font-family: "Muli", sans-serif; font-weight: 400; }
 .testimonial-reviews .wpcr3_review .wpcr3_review_ratingValue { margin-right: 0 !important; padding-bottom: 25px; }
 .testimonial-reviews .wpcr3_review { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
 .testimonial-reviews .wpcr3_rating_style1_base { filter: brightness(0) saturate(100%) invert(60%) sepia(75%) saturate(1109%) hue-rotate(343deg) brightness(102%) contrast(98%) !important }
.gr-widget-container svg:not(:root) { display: inline; overflow: visible; }

 /* contact info */
 #contact-info-section { padding: 80px 15px; }
 .contact-info-wrapper .row { gap: 0 !important; }
 .contact-info-wrapper .row > div { width: 33.33% !important; display: inline-flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 20px; border-right: 2px dotted #000289; padding: 20px 0; }
 .contact-info-wrapper .row > div:last-of-type { border-right: none; }
 .contact-info-thumbmail h3 { font-size: 16px; font-weight: 500; color: #000289; margin-top: 20px !important; margin-bottom: 0 !important; letter-spacing: 3px; }
 .contact-info > div > div { line-height: 1; }
 .contact-info { padding: 0 10px; }
 .contact-info.email a,  .contact-info.phone a,  .contact-info.address p { font-weight: 700; color: #000289; text-align: center; }
 .contact-info.email a:hover,  .contact-info.phone a:hover { color: #FC9522; }
 .contact-info.email a { line-height: 1.5; font-size: 30px;; }
 .contact-info.phone a { font-size: 40px; }
 .contact-info.address p { line-height: 1.4;font-size: 23px; margin-bottom: 0; font-family: "Fira Sans Condensed", sans-serif; font-weight: 700; }

/*###################################
## Footer
###################################*/
.site-footer { }
.site-footer .container { max-width: 1820px; }
.site-footer .row { max-width: 100%; border-top: 2px dotted #000289; }
.footer-wrapper { display: flex; justify-content: space-between; align-items: flex-end; padding: 55px 0 75px; }
.footer-menu, .footer-info { width: 20%; }
.footer-menu { max-width: 255px; }
.footer-logo { width: 60%; max-width: 435px; margin: 0 auto; }
.footer-logo img { width: 100%; object-fit: cover; object-position: center; }
.footer-info { text-align: right;  max-width: 290px; }
.footer-info .icon { font-size: 30px; color: #00B8DA; }
.footer-info a { margin-bottom: 30px; display: inline-block; }
.footer-info a:hover { transform: scale(1.2); }
.footer-info .copyright { font-size: 18px; color: #1F1F1F; font-family: "Muli", sans-serif; font-weight: 400; }
/* .ftCopy {text-align: center;}
.ftCopy p, .ftCopy a {margin-bottom: 0; color: #000; font-size: 14px;} */
.ftCopy .silver img {display: inline-block;vertical-align: middle;max-width: 50px}

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content { text-align: left; min-height: 600px; padding: 80px 0;}
.inner #content h1 {text-align: center;}

/* banner */
.inner #banner { clip-path: unset; }
.inner #banner img { width: 100%; height: 600px; object-fit: cover; object-position: center; }
.inner #banner .entry-title { position: absolute; top: 60%; left: 0; right: 0; text-align: center; z-index: 2; text-transform: capitalize; color: #FFFFFF; margin-bottom: 0; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); transform: translateY(-50%); } 

/* search */
.new-search-form { width: 50%; padding: 30px; border: 2px solid #111111; margin-bottom: 50px; }
.new-search-form .search-form { justify-content: space-between; align-items: stretch; gap: 10px; }
.new-search-form .search-form label { width: 70%; }
.new-search-form .search-form .search-field { height: 100%; padding: 0 .75rem; }
.search-result { padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.5) }
.search-result .page-title { font-size: 30px; color: #111111; }
.search-result ul { padding: 0; margin: 0; counter-reset: item; list-style: none; list-style-position: inside; }
.search-result ul li { display: flex; justify-content: flex-start; align-items: baseline; gap: 30px; border-bottom: 2px dotted #000289; padding: 30px; margin-bottom: 30px; }
.search-result ul li::before { content: counter(item); counter-increment: item; font-size: 20px; font-weight: 700; color: #194672; }
.search-result ul li:last-child { border-bottom: none; }
.search-result .entry-title { font-size: 25px; }

/* sections template */
/* .page-text-template { padding: 60px; } */
.page-text-template h2, .page-text-template h3 { font-weight: 700; }
.page-text-template h2 { color: #000289; }
.page-text-template h3 { font-size: 30px; color: #00B8DA; }
.page-text-template h3:last-of-type { margin-bottom: 0; }
.page-image-template { background: #ffffff; padding: 25px; }
.page-list-template { padding: 60px; }
.page-list-template ul { list-style: none; padding: 0; margin: 30px 0; }
.page-list-template ul li { margin-bottom: 10px; font-size: 20px; color: #333; }
.page-list-template ul li:before { content: "\f14a"; font-size: 20px; font-family: "Fontawesome"; color: #FC9522; margin-right: 10px; }
.page-list-template ul li:last-of-type { margin-bottom: 0; }
.page-list-template .text-wrapper h3 { color: #000289; font-size: 50px; }
.page-list-template .text-wrapper p { font-size: 22px; line-height: 1.8; color: #202020; }
.page-list-template .text-wrapper p:last-of-type { margin-bottom: 0; }
.page-list-template .col-image { width: 100%; max-width: 600px; }
.page-list-template .col-text { width: 100%; max-width: 640px; }
.thumbnail-list { width: 100%; max-width: 1600px; margin: 0 auto; flex-wrap: wrap !important; justify-content: center !important; align-items: stretch !important; }
.thumbnail-list > div { width: 33.33% !important; border-right: 2px dotted #ffffff; margin-bottom: 50px; }
.thumbnail-list > div:nth-child(3n+3) { border-right: none; }
.thumbnail-list > div:last-of-type { border-right: none; }
.thumbnail-list .col { width: 100%; max-width: 430px; margin: 0 auto; padding: 0 15px 40px; }
.thumbnail-list .col p { color: #ffffff; font-weight: 500; font-size: 22px; letter-spacing: 0.4px; line-height: 1.8; }
.thumbnail-list .col p:last-child { margin-bottom: 0; }
.thumbnail-list .image-wrapper { padding-bottom: 25px; }
.thumbnail-list .image-wrapper img { width: 100%; max-width: 80px !important; }
.thumbnail-list .image-wrapper > div { display: flex; justify-content: flex-start; align-items: center; gap: 20px; }
.thumbnail-list .image-wrapper .widget-title { margin-bottom: 0; color: #ffffff; font-size: 25px; font-weight: 500; }
/* .page-list-template .page-image-template { width: 100%; max-width: 600px; } */

/* about */
#about-page .container > div > div { margin-bottom: 50px !important; }
#about-page .container > div > div:last-of-type { margin-bottom: 0 !important; }
#about-page .page-list-template .col-image > div, #about-page .page-list-template .col-image > div > div, #about-page .page-list-template .col-image > div > div > div { height: 100% !important; }
#about-page .page-list-template .media-wrapper { position: relative; }
#about-page .page-list-template .media-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

/* services */
#services-page p { font-size: 22px; font-weight: 500; line-height: 1.8; color: #202020; }
#services-page .page-text-template.bordered { padding: 80px 120px; }
#services-page .page-text-template.bordered p:last-of-type { margin-bottom: 0; }
.inner .why-choose-wrapper p { font-size: 22px; font-weight: 500; line-height: 1.8; }
.inner .why-choose-wrapper p:last-of-type { margin-bottom: 50px; }
.inner #contact-info-section { padding: 80px 15px 0; }

/* benefits of professional exterior painting */
.benefit-container { padding: 100px 0 50px; }
.benefit-container .text-wrapper p { font-weight: 500; color: #ffffff; letter-spacing: 0.4px; font-size: 22px; }
.benefit-container .text-wrapper p:last-of-type { margin-bottom: 0; }
.benefit-container .text-wrapper h2 { color: #ffffff; font-weight: 700; font-size: 60px; }
.benefit-container .text-wrapper span { display: block; }
.benefit-container .text-wrapper strong { color: #00B8D8; }

/* #wcu-thumbnail { padding: 120px 0; } */
/* why choose bottom */
#wcu-bottom .benefit-container .text-wrapper h2, #wcu-bottom .benefit-container .text-wrapper p, #wcu-bottom .benefit-container .text-wrapper strong { color: #000289; }
#wcu-bottom .benefit-container .text-wrapper strong { display: block; }
#wcu-bottom .thumbnail-list > div { border-right: 2px dotted #000289; }
#wcu-bottom .thumbnail-list .image-wrapper .widget-title { color: #000289; }
#wcu-bottom .thumbnail-list .col p { color: #1F1F1F; }
#wcu-bottom .thumbnail-list > div:nth-child(3n+3) { border-right: none; }
.wcu-bottom-title { width: 100%; max-width: 1200px; margin: 0 auto; }

/* gallery */
.gallery-page-container { width: 100%; max-width: 900px; margin: 0 auto; }

/* contact us */
.inner .contact-form-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; }
.inner .contact-form-wrapper .wpcf7-form > p:nth-of-type(1) { display: flex !important; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 8px; }
.inner .contact-form-wrapper .wpcf7-form > p:nth-of-type(1) label { flex: 1 1 calc(50% - 8px); }

/* .rc-anchor-content { z-index: 999 !important; } */

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/

@media screen and (max-width: 1440px){

  /* header */
  .hdLogo { max-width: 250px; }

}

@media screen and (max-width: 1366px){

  /* header */
  .hdNav { flex-direction: column-reverse; align-items: flex-end; }
  .header-navigation { max-width: 100%; }
  .header-info { max-width: 100%; align-items: flex-end; justify-content: flex-end; }
  .main-navigation li { padding-bottom: 15px; }

  /* about */
  #about .floating-image { max-width: 150px; }

}

@media screen and (max-width: 1200px){

  /* h tags */
  h1, h2, .benefit-container .text-wrapper h2 { font-size: 60px; }

  /* header */
  /* .header-info { max-width: 330px; } */
  .hdEmail::before, .hdPhone::before { width: 35px; padding: 9px 0; }

  /* banner */
  #banner { clip-path: ellipse(200% 100% at 50% 0%); }
  .banner-logo .logo-wrapper { max-width: 550px; }

  /* welcome */
  .welcome-left.content-image, #about .content-image { padding: 40px; }
  .welcome-right .content-image { max-width: 350px; padding: 0 0 70px 0 !important; }

  /* service */
  .service-thumbnail-image img { width: 60px; }
  .service-thumbnail-wrapper h3 { font-size: 20px; }
  .service-list-wrapper { gap: 15px; padding: 80px 0; }
  .service-list-wrapper > div { width: calc(25% - ( 0.75 * 15px ) ) !important; }
  .service-list-image h3 { font-size: 20px; }

  /* about */
  #about { margin-bottom: 80px; }
  #about .floating-image { left: -30px; bottom: -30px; }

  /* why choose us */
  #why-choose-us { padding: 80px 0; }

  /* recent work */
  #recent-work { padding: 100px 15px; }
  .recent-work-title h2 { margin-bottom: 30px; }
  .recent-work-slider .bwg-thumbnails::before, .recent-work-slider .bwg-thumbnails::after { font-size: 18px; }

  /* testimonial */
  .testimonial-reviews .wpcr3_review blockquote.wpcr3_content p { font-size: 25px; }
  
  /* contact section */
  .contact-info-thumbmail img { width: 30px; }
  .contact-info.email a { font-size: 25px; }
  .contact-info.phone a { font-size: 35px; }

  /* footer */
  .footer-logo { max-width: 550px; }
  .contact-info.address p { font-size: 20px; }
  .footer-logo { width: 50%; }
  .footer-menu, .footer-info { width: 25%; }

  /* inner */
  .inner #banner img { height: 450px; }
  .thumbnail-list .image-wrapper img { max-width: 50px !important; }
  .thumbnail-list .image-wrapper .widget-title { font-size: 20px; }
  .thumbnail-list .col p, .benefit-container .text-wrapper p { font-size: 18px; }
  #services-page .page-text-template.bordered { padding: 40px 80px; }
  .page-list-template .text-wrapper h3 { font-size: 35px; }
  .thumbnail-list > div { width: 50% !important; }
  .thumbnail-list > div:nth-child(2n+2) { border-right: none; }
  .thumbnail-list > div:nth-child(3n+3) { border-right: 2px dotted #ffffff; }
  #wcu-bottom .thumbnail-list > div:nth-child(2n+2) { border-right: none; }
  #wcu-bottom .thumbnail-list > div:nth-child(3n+3) { border-right: 2px dotted #000289; }
  .page-text-template h3 { font-size: 25px; }
  .thumbnail-list .col { padding: 0 15px; }


  /* .page-list-template .col-image { max-width: 450px; } */

}

@media screen and (max-width: 1024px){

  /* h tags */
  h1, h2, .benefit-container .text-wrapper h2 { font-size: 45px; }

  /* welcome */
  #welcome { margin-top: 0; padding-top: 60px; text-align: center; }
  #welcome .row { align-items: center !important; flex-direction: column; gap: 50px; }
  #welcome .row > div { width: 100% !important; }
  #welcome h2 { max-width: 100%; }
  .welcome-left.content-image, #about .content-image { padding: 25px; }
  .welcome-left.content-image { margin: 0 auto; max-width: 550px; }
  .welcome-right { padding-bottom: 0; max-width: 100%; }
  .welcome-right .content-image { max-width: 300px; }

  /* service */
  .service-thumbnail-wrapper > div > div > div { flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 20px !important; }
  .service-thumbnail-wrapper > div > div > div > div { width: calc(50% - 20px)!important; border: none; }
  .service-thumbnail-image img { width: 40px; }
  .service-list-wrapper { flex-wrap: wrap !important; }
  .service-list-wrapper > div { width: calc(50% - ( 0.75 * 15px ) ) !important; }

  /* about section */
  #about { flex-direction: column; gap: 50px !important; text-align: center; }
  #about > div { width: 100% !important; }
  #about .content-image { max-width: 450px; margin: 0 auto; }
  #about .floating-image { left: 0; right: 0; bottom: 0; }
  .about-text-wrapper.border-dotted { border: none; padding-left: 0; }

  /* why choose */
  .why-choose-wrapper { max-width: 100%; text-align: center; }

  /* contact section */
  .contact-info-wrapper .row { flex-wrap: wrap !important; gap: 20px !important; justify-content: center !important; align-items: center !important; }
  .contact-info-wrapper .row > div { width: calc(50% - 20px) !important; border: none; }

  /* testiomonial */
  .testimonial-wrapper { flex-direction: column; }
  .testimonial-wrapper > div { width: 100% !important; }
  .testimonial-wrapper > div:nth-child(1), .testimonial-wrapper > div:nth-child(2) { width: 100% !important; }
  .testimonial-wrapper > div:nth-child(1) { height: 400px; }
  .testimonial-image-wrapper img { object-position: center; }
  .testimonial-reviews { text-align: center; }
  /* .testimonial-reviews .wpcr3_review .wpcr3_review_ratingValue { margin: 0 auto; } */
  .testimonial-reviews .wpcr3_review { align-items: center; }
  .wpcr3_pagination { width: 100%; max-width: fit-content; margin: 0 auto; }
  .testimonial-reviews .wpcr3_pagination .wpcr3_a { margin-right: 0 !important; float: unset !important; }
  .wpcr3_pagination { display: flex; justify-content: center; align-items: center; gap: 5px; }
  .testimonial-reviews > div > div > div > div { max-width: 100% !important; }
  .testimonial-reviews .wpcr3_review .wpcr3_review_ratingValue { padding-bottom: 15px; }

  /* footer */
  .footer-wrapper { flex-direction: column; gap: 30px; padding: 50px 0 30px; }
  .footer-info .copyright br { display: none; }
  .footer-logo { order: -1; }
  .footer-logo, .footer-menu, .footer-info { width: 100%; }
  .footer-menu, .footer-info  { max-width: 100%; text-align: center; }
  .footer-info a { margin-bottom: 15px; }

  /* inner */
  .thumbnail-list .image-wrapper img { max-width: 40px !important; }

}

@media screen and (max-width: 800px){

  /* header */
  #wprmenu_bar { padding: 0 15px !important; display: flex; justify-content: space-between; align-items: center; width: 100% !important; }
  #wprmenu_bar div.hamburger { margin: 0 !important; padding: 0 !important; }
  #wprmenu_bar .menu_title { top: 0 !important; order: -1; }
  #wprmenu_bar .bar_logo { height: 60px !important; }
  .site-header { display: none; }

  /* banner */
  .banner-logo .logo-wrapper { max-width: 400px; }

  /* welcome */
  .welcome-right .content-image { max-width: 200px; }

  /* service */
  /* .service-thumbnail-wrapper > div > div > div > div {  } */
  /* .service-list-wrapper { width: 100%; max-width: 400px; margin: 0 auto; }
  .service-list-wrapper > div { width: 100% !important; } */

  /* contact section */
  .contact-info-wrapper .row > div { width: 100% !important; }

  /* recent work */
  .recent-work-title { text-align: center; }
  .recent-inner { flex-direction: column; }
  .recent-inner > div { width: 100% !important; }
  .recent-inner .widget-title { text-align: center !important; }
  .recent-inner .before-image .widget-title { top: 0; bottom: unset; }

  /* footer */
  .footer-logo { max-width: 350px; }

  /* inner */
  .inner #banner img { height: 350px; }
  .page-list-template { padding: 25px; }
  .page-list-template ul li:before { display: block; margin-right: 0; }
  .page-list-template > div > div { flex-direction: column; gap: 15px; padding-bottom: 50px; }
  .page-list-template > div > div .wrap { flex-direction: column-reverse; gap: 15px; }
  .page-list-template > div > div > div, .page-list-template > div > div .wrap > div { width: 100% !important; }
  .page-list-template .col-text { text-align: center; max-width: 100%; }
  .page-list-template .col-image { margin: 0 auto; }
  .thumbnail-list > div { width: 100% !important; border-right: none !important; }
  .thumbnail-list .col { max-width: 100%; text-align: center; }
  .thumbnail-list .image-wrapper { padding-bottom: 15px; }
  .thumbnail-list .image-wrapper > div { flex-direction: column; justify-content: center; align-items: center; }

  /* about */
  #about-page .page-list-template { text-align: center; }
  #about-page .page-list-template .media-wrapper { padding: 250px 0; }
  #about-page .page-list-template > div > div { padding-bottom: 0; }
  #about-page .page-list-template .col-image { max-width: 100%; }

}

@media screen and (max-width: 750px){

  .recent-work-slider .bwg-thumbnails::before,  .recent-work-slider .bwg-thumbnails::after { margin: 0 auto; }
  .recent-work-slider .bwg-thumbnails::before { top: 0; bottom: unset; }
  /* .recent-work-slider .bwg-thumbnails::after {  } */

}

@media screen and (max-width: 570px){

  /* service */
  .service-list-wrapper { width: 100%; max-width: 400px; margin: 0 auto; }
  .service-list-wrapper > div { width: 100% !important; }

}