/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.type-post .entry-featured {
    max-height: none;
}

div#sgpb-popup-dialog-main-div {
    overflow: hidden !important;
}

div#sgpb-popup-dialog-main-div > div {
    overflow: hidden !important;
}

img.sgpb-popup-close-button-3 {
    content: url("/wp-content/uploads/2020/08/x-button-gg.png");
}

div#sgpb-popup-dialog-main-div {
    border-color: #575756!Important;
}

.alignnone {
    margin: 0;
}

button.owl-next, button.owl-prev {
    padding: 15px 10px;
}

.sgpb-main-html-content-wrapper button.owl-next {
    background: linear-gradient(to left, rgb(87 87 86) , transparent) !important;
}

.sgpb-main-html-content-wrapper button.owl-prev {
    background: linear-gradient(to right, rgb(87 87 86) , transparent) !important;
}

.news-post.hasImg {
    max-width: 33%;
    min-width: 33%;
    display: inline-block;
    margin-bottom: 3em;
    padding: 2em;
}

.news-image.entry-featured {
    margin: 0 !Important;
}

.entry-featured {
    margin: 2em 0 0!important;
}

.entry-wrap {
    padding: 20px 0;
    box-shadow: 0 0em 0em 0 rgba(0,0,0,0);
}

.entry-content.content > p {
    font-size: 18px;
}

.installations-sub-heading {
    text-align: center;
    background-color: white;
    margin: 0;
    padding: 1em 1em 3em 1em;
    max-width: 88%;
    margin: auto;
}

.latest-news .entry-featured {
    margin: 1em;
}

.owl-item {
    display: inline-block !important;
}

.sgpb-main-html-content-wrapper .owl-item {
    margin: 0 !important
}

.sgpb-main-html-content-wrapper .alignnone {
    float: none;
    margin: 0;
}

.owl-height {
    transition: height .5s ease-in-out;
    overflow: hidden;
}

.owl-item {
    max-height: 100%;
}

.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: transparent;
    color: #fff;
}
.sgpb-main-html-content-wrapper {
    overflow: hidden;
}

h2.latest-installs {
    font-weight: 600;
    color: #57585a;
    font-size: 42px;
}

ul.ubermenu-submenu.ubermenu-submenu-id-25.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {
    border-top: 1px solid #bb9564;
    background-color: #575756;
    border: none;
    box-shadow: none;
}

.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    /* color: #fff!important; */
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    position: absolute!important;
    right: 2px!important;
    top: 50%!important;
    margin-top: -10px!important;
}

.installations-sub-heading p {
    font-size: 18px;
    margin-top: 1em;
}

h2.brand-primary {
    margin-top: 5px;
    font-size: 30px;
    text-transform: uppercase;
    color: #57585a;
}

* {
    font-family: Agenda;
}

h1.latest-news-header {
    padding: 1em;
    text-align: center;
    background-color: #cccccc;
    margin: 0;
    font-size: 56px;
    color: #57585a;
    font-weight: 600;
    letter-spacing: 0px;
}

img.main-logo {
    max-height: 165px;
    padding-bottom: 1em;
}

.header-content {
    min-width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    display: grid;
    padding: 2em 15px 0!important;
}

nav#ubermenu-main-2 {
    padding: 2em 0 0 0;
}

.footer-content {
    min-width: 100%;
}

.footer-links > p {
    max-width: 33%;
    display: inline-block;
    min-width: 33%;
    margin-bottom: 0;
    color: white !important;
}


.footer-links > p > a {
    color: white !important;
}

.logo {
    grid-column: 1/5;
    grid-row: 1/3;
}

.links {
    grid-column: 5/13;
    grid-row: 1/1;
    text-align: right;
}

.menu {
    grid-column: 5/13;
    grid-row: 2/2;
    vertical-align: bottom;
}

ul#ubermenu-nav-main-2 {
    font-size: 22px;
    padding-top: 0em;
}

a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
    color: white!important;
    font-size: 24px;
}

h2.install-date {
    color: #bb9564;
    font-size: 24px;
    margin: 0;
}

a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover {
    color: #bb9564!important;
}

img.social-icon {
    max-height: 32px;
    padding: 0px 5px;
}

a.ay-button {
    background-color: #bb9564;
    color: white;
    padding: 16px;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.8, 0.05, 0.3, 1);
    margin-right: 10px;
    font-size: 16px;
}

a.ay-button:hover {
    background-color: white;
    color: #bb9564;
    transition: all 0.5s cubic-bezier(0.8, 0.05, 0.3, 1);
}


a.ay-button-g {
    background-color: #bb9564;
    color: white;
    padding: 1em;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.8, 0.05, 0.3, 1);
    margin: 0 0 0 35px;
    vertical-align: super;
}

a.ay-button-g:hover {
    background-color: #57585a;
    color: #bb9564;
    transition: all 0.5s cubic-bezier(0.8, 0.05, 0.3, 1);
}

.get-in-touch {
    display: inline-block;
    font-weight: 600;
    color: #57585a;
}

.get-in-touch-block {
    text-align: center;
}


/*
 * Homepage
*/
/*
.homepage-link-text {
    padding-bottom: 2em!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 80%;
}
*/
.entry-featured {
    background-position: center;
    margin: 0em 1em 2em 1em;
    min-height: 500px;
    background-size: cover;
    min-width: 350px;
    box-shadow: 4px 2px 4px -4px rgb(0 0 0 / 0%), -4px 2px 4px -4px rgb(0 0 0 / 0%);
    background-color: transparent;
    transition: all 0.4s ease-out;
    background-blend-mode: multiply;
}

.latest-news .post {
    max-width: 33%;
    min-width: 33%;
    display: inline-block;
}

.latest-news {
    margin: 1em;
}

.gray-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}

.entry-featured:hover {
    background-blend-mode: multiply;
    background-color: #575756;
    transition: all 0.4s ease-in-out;
}

.gray-overlay:hover {
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

/* 
 * Owl Carousel 
*/

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.owl-nav .owl-next {
    left: auto;
    right: 0;
}

.owl-nav button {
    color: #bb9564 !important;
    border: 0px solid transparent !important;
    margin: 5px 0 !Important;
}

.testimonial {
    max-width: 80%;
    margin: 50px auto;
    color: white;
    font-size: 18px;
    font-weight: 100;
}

* {
    outline: none !Important;
}

button.owl-prev {
    background: linear-gradient(to right, rgb(87 87 86) 80% , rgb(117 112 112 / 0%)) !important;
}

button.owl-next {
    background: linear-gradient(to left, rgb(87 87 86) 80%, rgb(117 112 112 / 0%)) !important;
}

.testimonials-owl-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag {
    padding: 10px 0 0;
}

/* 
 * Image Slider 
*/

.flex-viewport {
    height: auto!Important;
}

.x-flexslider-shortcode-container.with-container {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    background-color: transparent;
}

li.x-slide.flex-active-slide > .alignnone {
    padding: 0 !important;
    margin: 0 !Important;
}

li.x-slide.flex-active-slide {
    margin: 1px !important;
}

.flex-direction-nav a {
    top: 50% !important;
    width: 64px !important;
}

.flex-direction-nav a.flex-next {
    right: 15px !important;
    left: auto !important;
}

i.x-icon-chevron-right:before {
    content: url("/wp-content/uploads/2020/08/aoy-white-arrow-r.png");
}

i.x-icon-chevron-left:before {
    content: url("/wp-content/uploads/2020/08/aoy-white-arrow-l.png");
}

.flex-direction-nav a.flex-prev {
    left: 1px;
    transform: translate(0%, -50%);
}

.flex-direction-nav a.flex-next {
    right: 10px !important;
    transform: translate(0%, -50%);
}

.flex-direction-nav a {
    height: auto !important;
}

.flex-direction-nav a {
    background-color: transparent !important;
}

.sgpb-popup-dialog-main-div-theme-wrapper-3 {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.flex-direction-nav a [class*="x-icon-"] {
    width: auto;
    height: 84px !important;
}

i.x-icon-chevron-right {
    padding: 10px 10px 10px 0px;
    background: linear-gradient(to left, rgb(122, 120, 121) 60%, rgb(117 112 112 / 0%)) !important;
}

i.x-icon-chevron-left {
    padding: 10px 0px 10px 10px;
    background: linear-gradient(to right, rgb(122, 120, 121) 60%, rgb(117 112 112 / 0%)) !important;
}

.right-slider li.x-slide {
    margin: 0 !important;
}

.right-slider .flex-prev {
    left: 0px !Important;
}

.news-nav {
    text-align: center;
    margin: 0 0 3em;
}

.page-numbers {
    background-color: #cccccc;
    padding: 14px;
    margin-bottom: 2em;
    font-size: 20px;
    font-weight: 600;
    min-width: 62px !Important;
    display: inline-block;
}

/*
 * Forms
*/

ul#gform_fields_1 {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 1fr);
    display: grid;
}

li#field_1_1 {
    grid-column: 1/7;
    grid-row: 1/2;
}

li#field_1_2 {
    grid-column: 7/13;
    grid-row: 1/2;
}

li#field_1_3 {
    grid-column: 1/7;
    grid-row: 2/3;
}

li#field_1_7 {
    grid-column: 7/13;
    grid-row: 2/3;
}

li#field_1_8 {
    grid-column: 1/13;
    grid-row: 3/5;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield + li.gfield {
    margin-top: 0 !important;
}

.gform_body input {
    border: 1px solid #bb9564;
    border-radius: 0px;
    height: 50px;
}

.gform_body textarea {
    border: 1px solid #bb9564;
    border-radius: 0px;
}

#gform_1 label.gfield_label {
    color: #57585a;
    font-size: 20px;
}

div#gform_wrapper_1 {
    padding-left: 16px;
}

input#gform_submit_button_1 {
    background-color: #bb9564;
    color: white;
    padding: 1em;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.8, 0.05, 0.3, 1);
    vertical-align: super;
    border: none;
    font-size: 20px;
    box-shadow: none;
    text-transform: uppercase;
    text-shadow: none;
    margin-left: 0px;
    float: right;
}

#gform_1 input,
#gform_1 textarea {
    font-size: 18px !important;
}

#gform_1 input:focus < div.ginput_container,
textarea:focus < div.ginput_container {
    box-shadow: 2px 2px 4px rgb(187 149 100);
    border: #bb9564 1px solid;
    transition: 1s all linear;
}

#gform_1 input,
textarea {
    transition: 1s all linear;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgb(187 149 100);
    box-shadow: 1px 1px 4px rgb(187 149 100) !important;
}

br.mobile {
    display: none;
}

.owl-stage-outer.owl-height {
    height: auto!important;
    justify-content: center;
    text-align: center;
}

i.fas.fa-bars {
    font-size: 20px;
    color: #bb9564;
    margin: 1em 0;
}

button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only {
    padding: 0 20px;
}

.logo-mob {
    display: none;
}



@media only screen and (max-width: 1300px) {
	.post {
    min-width: auto;
    max-width: 30%;
    padding: 1em;
}

	.entry-featured {
    min-height: 300px;
    margin: 5em;
    min-width: auto!important;
	}
}


@media only screen and (max-width: 1000px) {
	    .header-content {
        display: block;
    }
	
	.home-col {
    display: inline-block!important;
    flex: none;
    min-height: auto!important;
    padding: 50px 50px!Important;
}

    .logo {
        display: inline-block;
        min-width: unset;
        grid-column: 1/13;
    }

    .links {
        display: inline-block;
        min-width: unset;
        grid-column: 1/11;
        padding: 14px;
        vertical-align: middle;
        text-align: right;
        float: right;
    }

    .menu {
        display: block;
        min-width: 100%;
        grid-column: 1/13;
    }
	
	.post {
    min-width: 300px!important;
    max-width: 30%;
    padding: 1em;
}

	.entry-featured {
    min-height: 300px;
    margin: 5em;
    min-width: auto!important;
	}
}

@media only screen and (max-width: 650px) {
    br.mobile {
        display: block;
    }

    .mobile-button {
        margin: 1em !important;
    }

    h3.get-in-touch {
        padding-bottom: 15px;
    }

    .get-in-touch-text {
        padding-top: 1em;
    }

    .footer-links > p {
        display: block;
        text-align: center;
        min-width: 100%;
        padding: 0.5em;
    }

    .footer-links img.social-icon {
        margin-top: 15px;
    }

    form#gform_1 > div > ul > li {
        grid-column: 1/13;
        grid-row: auto;
    }

    .contact-form-column {
        padding: 20px !important;
    }

    div#gform_wrapper_1 {
        padding-left: 0;
    }

    .header-content {
        display: block;
        text-align: center;
    }

    .logo {
        display: block;
        min-width: 100%;
        grid-column: 1/13;
    }

    .links {
        display: block;
        min-width: 100%;
        grid-column: 1/11;
        text-align: center;
        padding: 14px;
        vertical-align: middle;
    }

    .menu {
        display: block;
        min-width: 100%;
        grid-column: 1/13;
    }

    .home-col .x-col {
        font-size: 0.9em;
    }

    .home-col {
        min-height: auto !important;
    }

    .mobile-reverse > div {
        flex-direction: column-reverse !important;
    }

    .main-block-section {
        padding: 7px 0 !important;
    }

    .owl-nav img {
        width: 50px;
    }

    .owl-item {
        margin: auto;
    }

    .item.white {
        padding: 0px 30px;
    }

    .testimonial {
        margin: 0 auto;
    }

    .testimonial > p {
        font-size: 16px;
    }

    .logo {
        display: none;
    }

    .logo-mob {
        display: inline-block;
        padding: 17px;
    }

    .links {
        max-width: 100%;
        min-width: 100%;
        padding: 10px 0 0 0;
    }

    i.fas.fa-bars {
        position: absolute;
        top: 32px;
        right: 15px;
        font-size: 32px;
        margin: 0;
    }

    h1.x-text-content-text-primary {
        font-size: 3em !important;
    }

 .entry-featured {
        max-height: 200px;
        min-height: 231px;
        margin: 1em 0px!important;
    }
	


    .latest-news > .post {
        min-width: 100%;
        height: 250px;
    }

    .latest-installs-text {
        margin: 10px 0 !important;
    }

    .home-col {
        padding: 50px !important;
    }

    .news-post.hasImg {
        min-width: 100%;
        height: 350px;
    }

    i.x-icon-chevron-right {
        transform: scale(0.5);
    }

    i.x-icon-chevron-left {
        transform: scale(0.5);
    }

    .flex-direction-nav a {
        top: 50% !important;
        width: 44px !important;
    }

    .flex-direction-nav a.flex-prev {
        left: -18px;
        transform: translate(0%, -50%);
    }

    .right-slider .flex-prev {
        left: -20px !Important;
    }

    img.social-icon {
        max-height: 32px;
        padding: 0px 5px;
        margin: 25px 0 0;
    }
	
	button.owl-prev, button.owl-next {
    background: transparent!important;
	}
}

.grecaptcha-badge {
    position: relative!important;
    left: 0!important;
    margin-top: 10px!Important;
}