/*
* Description: Custom CSS Additions Go Here
* Template: twentyseventeen
* Version: 1.0
* Author: VDS
*/

/* vars vars vars vars vars vars vars vars vars vars vars vars vars vars  */

:root {

/* These vars do not require values as they get set automatically in options-page-stylesheet.php
 * They are mainly here so they show up as autocomplete suggestions in code editors if desired.
*/

/*--accent1:;
--accent2:;
--accent3:;
--light1:;
--light2:;
--light3:;
--dark1:;
--dark2:;
--dark3:;
--uihover:;*/

/* font family vars */
/*--bodyfont:;*/
/*--headingfont:;*/
/* 	--DunbarMed: 'DunbarTall-Medium', sans-serif; */
/* 	--MontReg: 'Montserrat-Regular', sans-serif; */
/* 	--MontB: 'Montserrat-Bold', sans-serif; */

}

/* /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars  */

body h1, body h2, body h3, body h4, body h5, body h6,
section#FauxHeader p a.phone {
    font-family: "Varela Round", sans-serif;
    text-transform: none !important;
    font-style: normal;
    font-weight: 700;
}
body, body p, body li, body span, a.btn-bt, form label, .gform_footer input[type="submit"], button {
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

/* General */

body #content a {
    color: #3886c4;
}

header#header,
footer#footer,
.row.copyright {
	display: none !important;
}
.bakery .vc_col-sm-6.form-col {
    padding: 24px !important;
}
.gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding: 0 !important;
}
section#FauxHeader {
    padding: 24px 0;
}
section#FauxHeader p {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
section#FauxHeader p a.phone {
    font-size: 32px;
    line-height: 1;
}
.wpb_text_column ul li {
    margin-bottom: 7px;
    position: relative;
    padding-left: 15px;
    list-style: none;
}
.wpb_text_column ul li:before {
    font-family: 'Font Awesome 6 Free';
    color: rgba(255, 234, 0, 1);
    position: absolute;
    line-height: 24px;
    font-weight: 900;
    content: "\f1b0";
    font-size: 24px;
    left: -24px;
    top: -1px;
}

@media (min-width: 980px) {
    .vc_section.vc_section-has-fill,
    .vc_section.vc_section-has-fill + .vc_section,
    .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section {
        padding-top: 60px !important;
    }
}

.vertical-align {
    justify-content: center;
    align-items: center;
    display: flex;
}

h1 {
    line-height: 1.1;
    font-size: 64px;
    color: #FFF;
}
h2 {
    color: #3886c4;
}
.form-col {
    border-radius: 24px;
    background: #FFF;
}
.form-col h2 {
    font-size: 32px;
    line-height: 1;
}
form .gform_footer input[type="submit"] {
    background-color: #aad067 !important;
    font-size: 18px !important;
    color: #000 !important;
    width: 100% !important;
    border-radius: 8px;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1;
}
form .gform_footer input[type="submit"]:hover {
    background-color: #809d4e !important;
}
a.btn-bt {
    border-radius: 8px !important;
    letter-spacing: 0 !important;
    font-size: 18px !important;
    color: #000 !important;
    font-weight: 700;
    line-height: 1;
}
a.btn-bt.default {
    background-color: #aad067 !important;
}
a.btn-bt.default:hover {
    background-color: #809d4e !important;
}
a.btn-bt.alternate {
    background-color: #3886c4 !important;
    color: #FFF !important;
}
a.btn-bt.alternate:hover {
    background-color: #296696 !important;
}
h3 {
    margin-bottom: 18px !important;
}
.wpb_text_column ul {
    margin-bottom: 18px;
}

section#About {
    background-blend-mode: overlay;
}
section#About .wpb_text_column {
    box-shadow: 0px 8px 48px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    padding: 40px;
}
#Reviews .wpb_column:not(:first-child) {
    margin-left: 1.5%;
}
#Reviews .wpb_column:not(:last-child) {
    margin-right: 1.5%;
}

section#CTA {
    background-color: rgba(236, 236, 236, 1);
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/wp-content/uploads/2025/11/hero.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
section#CTA p {
    justify-content: center;
    align-items: center;
    column-gap: 24px;
    display: flex;
    color: #FFF;
}

/* Top Anchor + Recaptcha */

a.topbutton {
    background-color: var(--accent1);
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--light1);
    text-decoration: none;
    border-radius: 7px;
    bottom: 148px;
    right: 10px;
}
a.topbutton:hover {
	border-color: var(--accent2);
}
a.topbutton i.icon-angle-up {
	justify-content: center;
	align-items: center;
	display: flex;
}
a.topbutton i.icon-angle-up:before {
	transition: all 0.3s ease-in-out;
    margin: 0 !important;
    color: var(--light1);
    position: relative;
    font-size: 48px;
    line-height: 1;
    top: -4.5px;
}
a.topbutton:hover i:before {
	transition: all 0.3s ease-in-out;
	color: var(--accent2);
}
div.grecaptcha-badge {
    bottom: 70px !important;
}

/* END Top Anchor + Recaptcha */

.top-widget .widget a:link {
    color: var(--accent2);
}

@media (max-width: 979px) {
    body h1 {
        font-size: 28px;
        line-height: 40px;
    }
    section#CTA p,
    section#FauxHeader p {
        flex-direction: column;
        text-align: center;
    }
    body h2,
    body .form-col h2 {
        line-height: 32px;
        font-size: 24px;
    }
    body h3 {
        line-height: 25px;
        font-size: 20px;
    }
    section#FauxHeader p a.phone {
        font-size: 24px;
        line-height: 1;
    }
}