/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#gform_next_button_3_2,
#gform_next_button_3_4 {
    visibility: hidden;
    height: 0;
}

.gform_previous_button {
    display: none!important;
}

#gform_wrapper_3 {
    position: relative;
    overflow: hidden;
}

#top-bar i {
    font-style: normal!important;
    text-transform: none!important;
    color: #c08329;
}

#top-bar .nav-small.nav>li.html {
    font-size: 1.3em;
    font-weight: bold;
}

.home #masthead {
    left: 0;
    right: 0;
    position: absolute!important;
    background: rgba(0,0,0,.9);

}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}

h1 {
    font-size: 3.5em !important;
}

h2 {
    font-size: 2.4em !important;
}

h3 {
    font-size: 1.5em !important;
}

h4 {
    font-size: 1.2em !important;
}


.stuck .logo, .stuck .logo img {
    top:0!important;

}

#logo img{
    max-height: none!important;
}

.header-main{
    z-index: 11;
}

.big-black:after{
    position: absolute;
    display: block;
    content: '';
    background: black;
    width: 100%;
    height: 60%;
    bottom: 0;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);

}

.grey-bg:after{
    position: absolute;
    display: block;
    content: '';
    background: url('/wp-content/themes/flatsome-child/images/grey-bg.jpg');
    width: 100%;
    height: 60%;
    bottom: 0;

}

input[type='checkbox'], input[type='radio'] {
    display: inline;
    margin-right: 10px;
    font-size: 16px;
    margin-top: 15px !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    font-size: 1.2em !important;
}

p {
    font-size: 1.1em !important;
}

.absolute-footer {
    display: none;
}

.nav>li>a>i.icon-menu {
    color: #fff !important;
}

#main-menu .nav>li>a {
    font-size: 1em !important;
    color: #fff !important;
}

#logo {
    z-index: 99;
    top: -2.3em;
    position: relative;
}

.entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li {
    margin-left: 2.3em;
}

.white.is-outline:hover {
    color: #fff !important;
}


.dark .button.is-form:hover, .button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
    box-shadow: inset 0 0 0 100px #a87325 !important;
}

/* =HERO VERTICAL CTA */
.hero-vertical-ctas,
.hero-vertical-ctas .section-title,
.hero-vertical-ctas .section-title span {
    color: #000;
    border: none;
}

.hero-vertical-ctas .section-title span {
    text-transform: none!important;
}

.hero-vertical-ctas .section-title {
    margin: 0!important;
    line-height: 1;
    font-size: 200%;

}

.hero-vertical-ctas .section .section-content {
    background: rgba(255,255,255, .7)!important;
    padding: 10px!important;
    border-bottom: 1em solid #c08434;
}

.hero-vertical-ctas .button.primary {
    color: #000;
    border: 2px solid #c08434!important;
    background: transparent!important;
}

.hero-vertical-ctas .button:hover {
    color: #fff;
    background: #c08434!important;
    border: 2px solid #c08434!important;
}

.image-choices-admin-field.image-choices-use-images .image-choices-choice-image-wrap, .image-choices-field .image-choices-choice-image-wrap {
    width: 300px;
    height: 150px;
}

.gf_progressbar_title {
    display: none;
}


/* =QUOTES SLIDER */
.quotes-slider .dot {
    background: #000
}

.quotes-slider .dot.is-selected {
    background: #000!important;
}

.quotes-slider .author-content span:before {
    content: url('../plugins/asquared-glue/assets/img-stars.png');
}

#gform_wrapper_3 .gform_title,
#gform_wrapper_3 .gform_description,
#gform_wrapper_3 .gform_page_footer{
    text-align: center!important;
}

#gform_wrapper_3 .gfield_label {
    font-size: 1.4em;
}

#gform_wrapper_3 .gfield_description {
    font-size: 1.3em;
    margin-bottom: 1em;
}

#gform_wrapper_3 .gform_title {
    font-size: 3em!important;
}

#gform_wrapper_3 input[type=text],
#gform_wrapper_3 input[type=email],
#gform_wrapper_3 input[type=tel]{
    font-size: 1.5em;
    padding: .5em;
}

input, textarea, select, fieldset {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    #logo img{
        max-width: 125px !important;
    }

    #logo {
        top: 0;
    }

}




/*************** SECTION 4 - DESKTOP AND UP  ***************/
@media only screen and (min-width: 1000px) {
    /* =HERO VERTICAL CTA */
    .hero-vertical-ctas .section {
        min-height: 400px!important;
        transition: all 0.3s ease!important;
        -moz-transition: all 0.3s ease!important;
        -o-transition: all 0.3s ease!important;
        padding: 4em 0 0 8em!important;
        align-items: flex-start;
    }
    .hero-vertical-ctas.align-middle .section {
        align-items: center;
    }

    .hero-vertical-ctas.align-bottom .section {
        align-items: flex-end;
    }

    .hero-vertical-ctas.align-equal .section {
        align-items: baseline;
    }

    .hero-vertical-ctas .section .section-content p,
    .hero-vertical-ctas .section .section-content .button {
        max-height: 0;
        transition: all 0.3s ease!important;
    }

    .hero-vertical-ctas .section .section-content {
        transition: all 0.3s ease!important;
        -moz-transition: all 0.3s ease!important;
        -o-transition: all 0.3s ease!important;
        max-height: 100px;
        position: relative!important;
        overflow:hidden;
        padding: 2em!important;
    }

    .hero-vertical-ctas .section:hover .section-content {
        max-height: 500px;
    }
    .hero-vertical-ctas .section .section-content p,
    .hero-vertical-ctas .section .section-content .button {
        opacity: 0;
        max-height: 0;
        transition: all 0.3s ease!important;
        -moz-transition: all 0.3s ease!important;
        -o-transition: all 0.3s ease!important;
    }

    .hero-vertical-ctas .section:hover .section-content p,
    .hero-vertical-ctas .section:hover .section-content .button {
        opacity: 1;
        max-height: 500px;
    }


}