/*
 Theme Name:     Divi - DenSwap Child Theme
 Theme URI:      https://www.denswap.com
 Description:    Divi Child Theme, customized by John. Uses the last cowork-child theme as a UX guide.
 Author:         John Driftmier
 Author URI:     https://www.johndriftmier.com
 Template:       Divi
 Version:        1.0.0
*/

/* ==========================================================================
   Theme Customizations
   ========================================================================== */


/* Global */

h1,
h2,
h3{
    font-family: Montserrat, Open Sans, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.15;
    display: block;
    color: #009b72;
}

h4,
h5,
h6 {
    font-family: Montserrat, Open Sans, sans-serif !important;
    font-weight: 700 !important;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #0d4a4c !important;
}


/* Custom Header Styles from cowork-child */
#main-header, #top-header, .et_mobile_menu, #main-header .container {
    background-color: #182d35 !important;
}

#top-menu li.menu-item-has-children > a:first-child::after {
    color: #046865 !important;
}

.sub-menu {
    background-color: #182d35 !important;
    border-color: #008a6e !important;
    box-shadow: 0 4px 12px rgba(31,33,41,.08) !important;
}

.sub-menu li a {
    color: #e5efef !important;
}

.sub-menu li a:hover {
    color: #008a6e !important;
}

#top-menu a {
    font-weight: 400;
    color: #e5efef !important;
    letter-spacing: 0.05em;
    font-family: Montserrat, Open Sans, sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
}

#top-menu .sub-menu li a {
    color: #e5efef !important;
}
#top-menu .sub-menu li a:hover {
    color: #008a6e !important;
}

.et_pb_button_module_wrapper .et_pb_button {
    color: #b9d4d4 !important;
}

/* ==========================================================================
   Footer Customizations
   ========================================================================== */

.denswap-footer {
    background-color: #182d35;
    padding: 0 !important;
}

.denswap-footer .footer-logo {
    max-width: 200px;
    margin-bottom: 10px !important;
}

.denswap-footer .footer-info p,
.denswap-footer .footer-info li,
.denswap-footer .footer-info span {
    color: #e5efef;
    font-family: Montserrat, Open Sans, sans-serif !important;
    font-size: 14px;
    line-height: 1.8;
}

.denswap-footer .footer-info a {
    color: #009b72;
    text-decoration: none;
    transition: color 0.3s ease;
}

.denswap-footer .footer-info a:hover {
    color: #fff;
}

.denswap-footer .footer-info ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    padding-bottom: 0px;
}

.denswap-footer .footer-info li {
    margin-bottom: 6px;
}
.denswap-footer .footer-info i {
    margin-right: 10px;
    color: #009b72;
}

/* ==========================================================================
   Home Hero Section
   ========================================================================== */

.home-hero-fullscreen {
    height: 100vh !important;
    margin-top: -70px !important;
    padding-top: 70px !important;
    background-size: cover;
    background-position: center;
    display: grid !important;
}

.home-hero-fullscreen .et-pb-background-video::before {
    content: '';
    background-image: url(https://www.denswap.com/wp-content/themes/cowork-child/assets/video/headerbg.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgb(1 18 15 / 80%);
}

.home-hero-fullscreen h1,
.home-hero-fullscreen h2,
.home-hero-fullscreen h3,
.home-hero-fullscreen h4, 
.home-hero-fullscreen h5,
.home-hero-fullscreen h6, 
.home-hero-fullscreen p {
    color: #fff;
}

.home-hero-fullscreen h1 {
    font-size: 80px !important;
    margin-bottom: 50px;
}

.home-hero-fullscreen p {
    font-size: 22px;
    font-family: Montserrat, Open Sans, sans-serif !important;
    font-weight: 400;
    line-height: 30px;
}


.home-hero-fullscreen a.et_pb_button, .home-saasblock-green a.et_pb_button{
    text-align: center;
    margin-right: 30px;
    font-size: 20px !important;
    display: inline-block;
    font-weight: 600 !important;
    margin-top: 20px;
    float: left;
    color: #fff !important;
    border-color: #fff !important;
}

.home-saasblock-green {
    background-color: #095a5a !important;
    color: #fff !important;
}

.home-saasblock-green h1,
.home-saasblock-green h2, 
.home-saasblock-green h3, 
.home-saasblock-green h4, 
.home-saasblock-green h5, 
.home-saasblock-green h6, 
.home-saasblock-green p, 
.home-saasblock-green a, 
.home-saasblock-green ul {
    color: #fff !important;
}


.home-saasblock-gradient {
    background: linear-gradient(135deg, #009b72 0%, #046865 100%) !important;
    color: #fff !important;
}
.home-saasblock-gradient h1,
.home-saasblock-gradient h2, 
.home-saasblock-gradient h3, 
.home-saasblock-gradient h4, 
.home-saasblock-gradient h5, 
.home-saasblock-gradient h6, 
.home-saasblock-gradient p, 
.home-saasblock-gradient a, 
.home-saasblock-gradient ul {
    color: #fff !important;
}

.home-saasblock-white h2, .home-saasblock-green h2, .home-saasblock-gradient h2 {
    font-size: 50px;
    display: block;
    text-align: center;
}
.home-saasblock-white h5, .home-saasblock-green h5, .home-saasblock-gradient h5 {
    font-weight: 400 !important;
    letter-spacing: normal !important;
    display: block;
    padding: 0;
    text-align: center;
}



.footer-contact {
    background-color: #f2f2f2;
    padding: 40px 0;
}

.footer-contact h2 {
    color: #095a5a;
    text-align: left;
    font-size: 80px;
}

.footer-contact p {
    color: #095a5a;
    font-size: 18px;
    line-height: 1.6;
}

.footer-contact input, textarea {
display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}