/*
Theme Name: Sprung-Total
Theme URI: 
Description: 
Author: Sprung Interactive
Author URI: http://madebysprung.com
Template: Total
Version: 1.0
*/

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

#site-header {
    border-radius: 0 0 90px 0;
}

#homehero {
    border-bottom-left-radius: 90px;
}

#wherewefocus {
    border-top-right-radius: 90px;
    border-bottom-left-radius: 90px;
    border-top: 34px solid var(--wpex-palette-118-color);
}

#wherewefocus .vc_parallax-inner {
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: left bottom 300px;
}

#contact {
    border-bottom-right-radius: 90px;
}

.bodylarge {
    font-size: 44px;
    line-height: 172%;
}

.theme-button.green {
    background: var(--wpex-palette-142-color) !important;
    color: var(--wpex-palette-116-color) !important;
}

.theme-button.green:hover {
    background: var(--wpex-palette-119-color) !important;
    color: #fff !important;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    box-shadow: none !important;    
}

.mobile-menu-toggle {
    display: block !important;
}

.mobile-menu-toggle__label {
    position: relative;
    top: -15px;
}

#mobile-menu {
    margin: 16px 25px 0 0;
}

#site-header-sticky-wrapper {
    background-color: #001c3a;
}

body.mobile-menu-is-open #site-header-sticky-wrapper {
    background: var(--wpex-palette-117-color);
}

.nounderline a {
    text-decoration: none !important;
}

.mobile-toggle-nav-inner {
    padding: 30px 0 0 20px;
}

#introem em {
    color: var(--wpex-palette-142-color);
    font-style: normal;
}

.copyright strong {
    font-weight: 300 !important;
    display: inline-block;
    margin: 0 20px;
    font-size: 24px;
}

body.home #footer-builder {
    margin-top: -100px;
    padding-top: 100px;    
}

.br {
    display: none;
}


/* Responsive Overrides */

/* Greater then tablets
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

    
}


/* Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    

}

/* All Devices under 1200px
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
    .br.hometitle {
        display: block;
        width: 100%;
        height: 0;
    }
    .br.hometitle::before {
        content: "\A";
        white-space: pre;
    }
}

/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

}

/* Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   
}

/* Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .bodylarge {
        font-size: 22px;
        line-height: 182%;
    }
    
    .br {
        display: block;
        width: 100%;
        height: 0;
    }
    .br::before {
        content: "\A";
        white-space: pre;
    }
}

/* Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {


}

/* Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .header-padding {
        padding-block-start: 0 !important;
        padding-block-end: 0 !important;
    }
    
    #homehero {
        background-position: top left !important;
    }
    
    #site-header {
        border-radius: 0 0 48px 0;
    }
    
    .footertext, .copyright {
        font-size: 18px !important;
        line-height: 170% !important;
    }
    
    .bodylarge {
        font-size: 18px;
        line-height: 182%;
    }
    
    #introem {
        padding: 0 30px;
    }
    
    .logomark {
        max-width: 125px;
        margin: 0 auto;
    }
    
    .footerlogo {
        max-width: 256px;
        margin: 0 auto;
    }
    
    #contact h4 {
        font-size: 48px !important;
    }
    
}

/* Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
     
}

/* Phone Portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
 
}