/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* MOBILE */

@media only screen and (max-width: 767px) {
    .hidephone {
      display:none!important;} }

@media only screen and (min-width: 768px) {
    .hidedesk {
      display:none!important;} }

/* CUSTOMIZATIONS */

html, body {
    overflow-x: hidden!important;
}

body {font-size: 16px!important; color: #666!important; font-family: "Urbanist", sans-serif!important;}

#top-bar-content {
        font-size: 21px!important;}

a {text-decoration: none!important;}

.centered-minimal-page-header {
    border-bottom: 0!important;
}

a.centered-minimal-page-header.site-breadcrumbs {
    position: inherit;
    top: auto;
    right: auto;
    margin-top: 0;
    max-width: 100%;
    color: #49caff;
} {color: #49caff!important;}

.captiontext {font-size: 13px!important; font-style: italic!important; padding-top: 1em; padding-bottom: 2em;}

.paoc-popup-btn {
    background: #064884!important;
    color: #fff!important;
    border-radius: 0px!important;
}

ol, ul {
    padding-left: 0!important;
}

.fa-solid.fa-check {color: #49caff;}

/* STYLE */

h1 {font-size: 28px!important;}

h2.cta {font-size: 26px!important; text-transform: uppercase; font-weight: 700;}

h1.tittle {font-size: 26px!important; color: #098dd8;}

h2.tittle {font-size: 21px!important; color: #49caff;}

h3.tittle {font-size: 24px!important; color: #064884; text-transform: uppercase;}

h3.tittlesm {font-size: 18px!important; color: #064884;}

.darkblue {background: #064884; color: #fff;}

.ctabtn {border: 2px #064884 solid; color: #064884!important; display: inline-block; padding: 0 10px; margin-top: 1em;}

.ctabtn:hover {background: #064884; color: #fff!important;}

.estimate {font-style: italic; font-size: 18px;}

/* HEADER */

@media only screen and (max-width: 767px) {
    #site-logo #site-logo-inner a img {
    height: 130px;
} }

@media only screen and (min-width: 768px) {
    #site-logo #site-logo-inner a img {
    height: 150px;
} }

/* HOME */

.herohome {background-image: url(/wp-content/uploads/2024/08/hero-background.jpg); background-size: cover; background-repeat: no-repeat; background-position:center bottom;}

.whiteboxhero {background: rgba(255, 255, 255, 0.8); color: #064884;}

.tagspc {padding-bottom: 7em; padding-top: 4em;}

.tagspc2 {padding-bottom: 4em; padding-top: 7em;}

.residential {background-image: url(/wp-content/uploads/2024/08/residential-home.jpg); background-size: cover; background-repeat: no-repeat; background-position:center bottom;}

.commercial {background-image: url(/wp-content/uploads/2024/08/commercial.jpg); background-size: cover; background-repeat: no-repeat; background-position:center bottom;}

/* CONTACT FORM */

.contact-space {padding-right: 0!important; padding-left: 0!important; margin-bottom: 1em;}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 0px!important;
    background-color: #064884!important;
    color: #fff!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 0px!important;
    background-color: #49caff!important;
    color: #fff!important;
}

input[type="email"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

input[type="text"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

input[type="tel"] {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important;}

textarea {border-bottom: 3px solid #0000FF!important; border-radius: 0px!important; background-color: #f1f1f1!important; border: 0px!important; min-height: 6em!important; max-height: 6em!important;}