/*
Theme Name: Savannah - A Jason Cyr Design Theme
Theme URI: https://jasoncyrdesign.com/
Template: oceanwp
Version: 1.0
*/

/*-----------------[Jason Cyr Design Customizations]------------------------*/

/*------------------------------------*\
    CONTENTS
\*------------------------------------*/
/*NOTES*/
/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/
/*set transparent header*/
#site-header, .has-transparent-header .is-sticky #site-header, .has-vh-transparent .is-sticky #site-header.vertical-header, #searchform-header-replace {
    background-color: transparent !important;
}

/*------------------------------------*\
    $CONTAINER MODIFICATIONS
\*------------------------------------*/
#twitter-widget-0 {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}

/*------------------------------------*\
    $GLOBAL STYLING
\*------------------------------------*/
/*style google voice links*/
span.gc-cs-link {
    text-decoration: none;
}

/*style buttons*/
a.uabb-button {
    padding: 18px !important;
}

/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: "industry",sans-serif !important;
    text-transform: uppercase;
    color: #606A73;
}

body {
    font-family: "industry",sans-serif !important;
    font-style: normal;
}

body a {
    font-weight: 700;
}

span.underline-heading {
    border-bottom: 4px solid #606A73;
    padding-bottom: 5px;
}

b, strong {
    font-weight: 700;
}

/*------------------------------------*\
    $CONTENT PAGE
\*------------------------------------*/
/*HOME*/
/*custom transparent header for home page only*/
.home #site-header  {
    position: absolute;
    top: 0;
    background-color: transparent;
    height: auto;
    z-index: 9999;
}

/*possition hero background image*/
#home-hero .fl-row-content-wrap {
    background-position: center bottom;
}

/*remove default testimonial photo and nav circles*/
#hero-quote-slider .uabb-testimonial-photo.uabb-testimonial-top {
    margin-bottom: 0px;
    display: none;
}

#hero-quote-slider .bx-pager.bx-default-pager {
    display: none;
}

/*tighten slider*/
#hero-quote-slider .bx-wrapper {
    margin: 0 auto 15px !important;  
}

/*FAQ*/
/*indent content in accordion*/
#faq-accordion .uabb-adv-accordion-content p {
    padding-left: 34px;
}

/*SERVICES*/
/*indent content in accordion*/
#service-table ul.uabb-pricing-table-features {
    min-height: 275px;
}

/*------------------------------------*\
    $PLUGIN STYLING
\*------------------------------------*/
/*GRAVITY FORMS*/
.fl-form-field input, .fl-form-field input[type=text], .fl-form-field input[type=email] {
    height: auto;
    width: 100%;
    color: #000;
}

/*add margin between each field*/
body .gform_wrapper ul li.gfield {
    margin-top: 50px !important;
    padding-top: 0;
}

/*set min height for dropdown select fields*/
form select {
    min-height: 52px;
}

/*global styling of confirmation message*/
.gform_confirmation_message {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_1 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_2 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_3 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.gform_confirmation_message {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_1 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_2 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_3 {
    background: #606a73;
    margin-top: 100px;
    padding: 75px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.gform_confirmation_message {
    background: #606a73;
    margin-top: 50px;
    padding: 55px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_1 {
    background: #606a73;
    margin-top: 50px;
    padding: 55px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_2 {
    background: #606a73;
    margin-top: 50px;
    padding: 55px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_3 {
    background: #606a73;
    margin-top: 50px;
    padding: 55px;
    text-align: center;
    font-size: 30px !important;
    color: #fff9ec;
}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
.gform_confirmation_message {
    background: #606a73;
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    font-size: 20px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_1 {
    background: #606a73;
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    font-size: 20px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_2 {
    background: #606a73;
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    font-size: 20px !important;
    color: #fff9ec;
}

div#gform_confirmation_message_3 {
    background: #606a73;
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    font-size: 20px !important;
    color: #fff9ec;
}
}

/*------------------------------------*\
    $SIDEBARS
\*------------------------------------*/
/*notes*/

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/*add margin to top of footer*/
footer#footer {
    margin-top: 35px;
}

#global-footer-row {
    background-image: url(images/stand2_cream_grunge_bg.png);
}

/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/
/*header adjustments*/
#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 215px !important;
}

/*------------------------------------*\
    $CONTENT PAGE
\*------------------------------------*/
/*SERVICES*/
/*set min height for price table*/
#service-table ul.uabb-pricing-table-features {
    min-height: 200px;
}

#service-table-row {
    max-width: 700px !important;
}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/*center align footer*/
#bottom-footer-row p {
    text-align: center !important;
    font-size: 12px;
}

/*tighten up rows*/
#bottom-footer-row .fl-module-content {
    margin: 0px;
}

/*------------------------------------*\
    $CONTENT PAGE
\*------------------------------------*/
/*SERVICES*/
/*set min height for price table*/
#service-table ul.uabb-pricing-table-features {
    min-height: 200px;
}
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/*------------------------------------*\
    $GLOBAL STYLING
\*------------------------------------*/
/*style buttons*/
a.uabb-button {
    padding: 12px !important;
}

.theme-button, input[type="submit"], button[type="submit"], button {
    padding: 12px !important;
}

/*hide seperator line*/
.uabb-separator-wrap {
    width: 100% !important;
}

.uabb-divider-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*------------------------------------*\
    $CONTENT PAGE
\*------------------------------------*/
/*HOME*/
/*remove padding for hero intro block*/
#hero-intro .uabb-ultb3-info {
    padding-left: 0px;
    padding-right: 0px;
}

/*center align paragraph blocks*/
#home-what-we-do p {
    text-align: center;
}

#home-how-it-works p {
    text-align: center;
}

#home-who-we-are p {
    text-align: center;
}

/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/*add margin for cookie notification*/
#ocn-cookie-wrap.floating p {
    margin: 24px 0 15px;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/*center align footer*/
#bottom-footer-row p {
    text-align: center !important;
    font-size: 12px;
}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
/*reduce letter spacing*/
h1, h2, h3, h4, h5, h6, .theme-heading, .widget-title, .oceanwp-widget-recent-posts-title, .comment-reply-title, .entry-title, .sidebar-box .widget-title {
    letter-spacing: 2px !important;
}

/*------------------------------------*\
    $GLOBAL STYLING
\*------------------------------------*/
/*style buttons*/
a.uabb-button {
    padding: 12px !important;
}

/*hide seperator line*/
.uabb-separator-wrap {
    width: 100% !important;
}

.uabb-divider-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.uabb-separator-line {
    display: none !important;
}

/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/*reduct uabb padding for gravity forms*/
.uabb-gf-style {
    padding: 0px !important;
}

/*add margin for cookie notification*/
#ocn-cookie-wrap.floating p {
    margin: 24px 0 15px;
}

/*------------------------------------*\
    $CONTENT PAGE
\*------------------------------------*/
/*HOME*/
/*remove padding for hero intro block*/
#hero-intro .uabb-ultb3-info {
    padding-left: 0px;
    padding-right: 0px;
}

/*center align paragraph blocks*/
#home-what-we-do p {
    text-align: center;
}

#home-how-it-works p {
    text-align: center;
}

#home-who-we-are p {
    text-align: center;
}

/*SERVICES*/
/*remove margin for service table*/
#service-table .fl-module-content {
    margin: 0px;
}

/*FAQ*/
/*remove margin for service table*/
#faq-accordion .fl-module-content {
    margin: 0px;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/*center align footer*/
#bottom-footer-row p {
    text-align: center !important;
    font-size: 12px;
}

/*tighten up rows*/
#bottom-footer-row .fl-module-content {
    margin: 0px;
}
}