/*
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 */

.post-edit {
    display: none;
}

/* TYPOGRAPHY */
.wpb_text_column h1:first-child, .wpb_text_column h2:first-child, .wpb_text_column h3:first-child, .wpb_text_column h4:first-child, .wpb_text_column h5:first-child, .wpb_text_column h6:first-child,  .wpb_text_column blockquote:first-child,
.wpb_text_column.wpex-h1, .wpb_text_column.wpex-h2, .wpb_text_column.wpex-h3, .wpb_text_column.wpex-h4, .wpb_text_column.wpex-h5, .wpb_text_column.wpex-h6 {
    margin-top: 0;
}

h5, wpex-h5 {
  font-family: "interstate-compressed";
  font-weight: 700;
  font-size: 25px;
  color: #000000;
  letter-spacing: .07em;
  text-transform: uppercase;
}

h6, wpex-h6 {
  font-family: "interstate-compressed";
  font-weight: 700;
  font-size: 20px;
  color: var(--wpex-palette-110-color);
  letter-spacing: .15em;
  text-transform: uppercase;
}

:is(.typography-white) .wpb_text_column :is(h6) {
  color: var(--wpex-palette-110-color);
}

blockquote {
  background: none;
  color: #000000;
}

blockquote::before {
  color: var(--wpex-palette-110-color);
  content: '“';
  display: block;
  font-family: "DM Serif Text";
  font-size: 3em;
  font-weight: bold;
  position: absolute;
  left: .3em;
  top: -.25em;
}

.orange-background {
  background: var(--wpex-palette-263-color);
  background: linear-gradient(90deg, rgba(235,132,69,1) 0%, rgba(244,98,19,1) 100%);
  display: inline-block;
  padding: 10px 40px;
  color: #ffffff;
}

.orange-background-inner>.vc_column-inner {
  background: var(--wpex-palette-263-color);
  background: linear-gradient(0deg, rgba(235,132,69,1) 0%, rgba(244,98,19,1) 100%);
}

.quote-source {
  color: var(--wpex-palette-110-color);
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
  padding-left: 55px;
}

/* BUTTONS AND LINKS */
.vcex-icon-box.text-center {
    justify-content: center;
}

.vcex-icon-box .wpex-flex-grow {
    flex-grow: unset;
}

@property --myColor1 {
  syntax: '<color>';
  initial-value: rgba(235,132,69,1);
  inherits: false;
}

@property --myColor2 {
  syntax: '<color>';
  initial-value: rgba(244,98,19,1);
  inherits: false;
}

.theme-button, .color-button, input[type="submit"], button:where([type="submit"],[type="reset"]), .button, .added_to_cart {
    /* background: linear-gradient(90deg, var(--myColor1), var(--myColor2));
    transition: --myColor1 .3s, --myColor2 .3s; */
    background: var(--wpex-palette-263-color);
    background: linear-gradient(90deg, rgba(235,132,69,1) 0%, rgba(244,98,19,1) 100%);
    position: relative;
}

.theme-button::before, .color-button::before, input[type="submit"]::before, button:where([type="submit"],[type="reset"])::before, .button::before, .added_to_cart::before {
    content: '';
    background: #ffffff;
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    opacity: 0;
    transition: all ease .3s;
    z-index: -1;
}


.theme-button:hover, .color-button:hover, input[type="submit"]:hover, button:where([type="submit"]:hover,[type="reset"]:hover), .button:hover, .added_to_cart:hover {
    /* --myColor1: #ffffff;
    --myColor2: #ffffff; */
    background: var(--wpex-palette-263-color);
    background: linear-gradient(90deg, rgba(235,132,69,1) 0%, rgba(244,98,19,1) 100%);
}

.theme-button:hover::before, .color-button:hover::before, input[type="submit"]:hover::before, button:where([type="submit"],[type="reset"]):hover::before, .button:hover::before, .added_to_cart:hover::before {
    opacity: 1;
}




/* PAGE STYLES */
.banner-overlay.vc_row::before,
.banner-overlay.vc_row .vc_parallax-inner::before {
    background-color: #000000;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
}

 .frm_style_formidable-style.with_frm_style .frm_submit button {
    font-family: "interstate-compressed";
    font-size: 22px;
}


/* HEADER */
#site-logo .logo-img,
#site-header-inner {
    transition: all ease .8s;
}


/* FOOTER */




/* 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 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) {

}

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

}

/* Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    h5, wpex-h5 {
        font-size: 22px;
    }

    h6, wpex-h6 {
        font-size: 18px;
    }

    .quote-source {
      font-size: 14px;
    }

    .shrink-sticky-header.on-shrink-adjust-height:not(.fixed-scroll--mobile-only) #site-logo .logo-img {
        max-height: var(--wpex-site-header-shrink-end-height);
    }

    #site-header-inner {
        height: calc( var(--wpex-site-header-shrink-end-height, 50px) + var(--wpex-site-header-shrink-end-padding-top, 10px) + var(--wpex-site-header-shrink-end-padding-bottom, 10px));
        padding-top: var(--wpex-site-header-shrink-end-padding-top, 10px);
        padding-bottom: var(--wpex-site-header-shrink-end-padding-bottom, 10px);
    }

    .frm_style_formidable-style.with_frm_style .frm_submit button {
       font-size: 20px;
   }


}

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

}


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

}