html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

.error_404 {
    text-align: center;
    padding: 200px 0;
}

.wp_content > :first-child {
    margin-top: 0;
}

.wp_content > :last-child {
    margin-bottom: 0;
}

.padding_full {
    padding-left: var(--width-full);
    padding-right: var(--width-full);
}

.padding_xl {
    padding-left: var(--width-xl);
    padding-right: var(--width-xl);
}

.padding_l {
    padding-left: var(--width-l);
    padding-right: var(--width-l);
}

.padding_m {
    padding-left: var(--width-m);
    padding-right: var(--width-m);
}

.padding_s {
    padding-left: var(--width-s);
    padding-right: var(--width-s);
}

.padding_top_xl {
    padding-top: var(--padding-xl);
}

.padding_top_l {
    padding-top: var(--padding-l);
}

.padding_top_m {
    padding-top: var(--padding-m);
}

.woocommerce-notices-wrapper,
.padding_top_s {
    padding-top: var(--padding-s);
}

.padding_top_none {
    padding-top: 0;
}

.padding_bottom_xl {
    padding-bottom: var(--padding-xl);
}

.padding_bottom_l {
    padding-bottom: var(--padding-l);
}

.padding_bottom_m {
    padding-bottom: var(--padding-m);
}

.woocommerce-notices-wrapper,
.padding_bottom_s {
    padding-bottom: var(--padding-s);
}

.padding_bottom_none {
    padding-bottom: 0;
}

/* pagination */
#pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#pagination a, #pagination > span {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
    color: var(--Blue);
    margin: 0 5px 5px 5px;
    text-decoration: none;
    font-weight: 400;
    width: clamp(40px, 3vw, 45px);
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pagination > span {
    color: #fff;
    background: var(--Red);
}

/* social media */
.social_links_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.social_icon {
    min-width: 22px;
    min-height: 22px;
    background-position: center;
    background-size: contain;
    gap: 15px;
}

.social_icon:hover {
    opacity: 0.7;
}

.social_icon.facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25.5H2.75A2.25 2.25 0 0 0 .5 2.75v16.5a2.25 2.25 0 0 0 2.25 2.25h6.43v-7.14H6.23V11h2.95V8.44c0-2.91 1.74-4.52 4.4-4.52 1.27 0 2.6.22 2.6.22V7H14.7c-1.44 0-1.9.9-1.9 1.82V11h3.23l-.52 3.36h-2.7v7.14h6.43a2.25 2.25 0 0 0 2.25-2.25V2.75A2.25 2.25 0 0 0 19.25.5Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.social_icon.instagram {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5a4.48 4.48 0 1 0 0 8.97 4.48 4.48 0 0 0 0-8.96Zm0 7.41a2.92 2.92 0 1 1 .02-5.84A2.92 2.92 0 0 1 10 12.9Zm5.72-7.59a1.04 1.04 0 1 1-2.09 0 1.05 1.05 0 0 1 2.1 0ZM18.7 6.4a5.18 5.18 0 0 0-1.42-3.67 5.21 5.21 0 0 0-3.67-1.42c-1.44-.08-5.77-.08-7.22 0a5.2 5.2 0 0 0-3.67 1.41C1.7 3.74 1.38 4.98 1.31 6.38c-.08 1.45-.08 5.78 0 7.23.07 1.4.39 2.64 1.41 3.66A5.22 5.22 0 0 0 6.4 18.7c1.45.08 5.78.08 7.22 0a5.18 5.18 0 0 0 3.67-1.42 5.21 5.21 0 0 0 1.42-3.66c.08-1.45.08-5.78 0-7.22Zm-1.87 8.77c-.3.76-.9 1.35-1.66 1.66-1.16.46-3.9.35-5.17.35s-4 .1-5.16-.35c-.76-.3-1.35-.9-1.66-1.66-.46-1.16-.35-3.89-.35-5.16 0-1.28-.1-4.02.35-5.16.3-.77.9-1.36 1.66-1.67C6 2.71 8.74 2.82 10 2.82c1.28 0 4.02-.1 5.16.35.77.3 1.36.9 1.67 1.67.46 1.15.35 3.88.35 5.16 0 1.27.1 4-.35 5.16Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.social_icon.twitter {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 1.5H3.75c-1.24 0-2.25 1-2.25 2.25v16.5c0 1.24 1 2.25 2.25 2.25h16.5c1.24 0 2.25-1 2.25-2.25V3.75c0-1.24-1-2.25-2.25-2.25Zm-2.3 7.44c.02.13.02.27.02.4 0 4.07-3.1 8.75-8.75 8.75A8.7 8.7 0 0 1 4.5 16.7a6.16 6.16 0 0 0 4.56-1.27 3.08 3.08 0 0 1-2.88-2.14c.48.07.9.07 1.39-.05a3.07 3.07 0 0 1-2.46-3.02v-.04c.4.23.89.37 1.39.39a3.07 3.07 0 0 1-.95-4.11 8.73 8.73 0 0 0 6.33 3.21 3.08 3.08 0 0 1 5.25-2.8c.7-.13 1.36-.4 1.95-.74a3.07 3.07 0 0 1-1.35 1.69 6.12 6.12 0 0 0 1.77-.48 6.47 6.47 0 0 1-1.54 1.6Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.social_icon.youtube {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.08 5.42a2.38 2.38 0 0 0-1.67-1.69c-1.48-.4-7.41-.4-7.41-.4s-5.93 0-7.41.4c-.82.22-1.46.87-1.68 1.69-.4 1.49-.4 4.6-.4 4.6s0 3.1.4 4.59c.22.82.86 1.44 1.68 1.66 1.48.4 7.4.4 7.4.4s5.94 0 7.42-.4a2.35 2.35 0 0 0 1.67-1.66c.4-1.5.4-4.6.4-4.6s0-3.1-.4-4.6ZM8.06 12.83V7.2l4.96 2.82-4.96 2.82Z' fill='%23FFF'/%3E%3C/svg%3E");
}

/* gravity forms */

/* backgrounds */
.bg_grey {
    background: var(--Grey);
}

.bg_red {
    background: var(--Red);
}

.bg_blue {
    background: var(--Blue);
}

.bg_white {
    background: #fff;
}

.bg_blue_streak {
    background: no-repeat center /  cover url('/wp-content/themes/bulldog-garage-doors/includes/img/blue-back.jpg');
}


.image,
.image-switch {
    background: no-repeat center  / cover;
}

.fc_border > div {
    border-top: 1px solid var(--Grey);
}

.gap_s {
    gap: var(--gap-s);
}

.gap_m {
    gap: var(--gap-m);
}

.gap_l {
    gap: var(--gap-l);
}

.gap_xl {
    gap: var(--gap-xl);
}


@media (max-width: 640px) {

    .header-right {
        display: flex;
        justify-content: space-between;
    }

}


/* Unity Cookie Overlay */
#unity_cookie_overlay, #unity_cookie_view_settings {
    width: 350px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-left: 4px solid #666;
    padding: 25px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 3;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    opacity: 1;
    transition: .3s;
}

#unity_cookie_view_settings {
    width: 500px;
}

.unity_cookie_setting_link {
    color: #999;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
}

.unity_cookie_setting_link:hover {
    color: #777;
}

#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
    width: 16px;
}

#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
    border-left: 12px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #AAAAAA;
}

#unity_cookie_overlay.unity_cookie_hide, #unity_cookie_view_settings.unity_cookie_hide {
    opacity: 0;
    right: -500px;
}


#unity_cookie_view_settings > .wp_content {
    margin-bottom: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.unity_cookie_info {
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    margin: 20px 0;
}

.unity_cookie_info > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    cursor: pointer;
}

.unity_cookie_info > div:first-child strong:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 9px;
    background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
    margin: 0 10px 2px 0;
}

.unity_cookie_info > div:first-child span {
    color: #999;
}

.unity_cookie_info .wp_content {
    border-top: 1px solid #e3e3e3;
    padding: 15px 5px 15px 30px;
    display: none;
}

.unity_cookie_info.unity_cookie_info_view .wp_content {
    display: block;
}

.unity_cookie_text_small {
    font-size: 0.8em;
}

body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
    right: 350px;
}

body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
    right: 50px;
}

@media (max-width: 768px) {
    .social_links_container {
        justify-content: center;
    }
}

@media (max-width: 600px) {

    body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
        right: 300px;
    }

    body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
        right: 0px;
    }

    #unity_cookie_overlay, #unity_cookie_view_settings {
        width: 100%;
        box-sizing: border-box;
        right: 0;
        border-right: none;
        border-left: none;
    }

}

@media (max-width: 450px) {

    #unity_cookie_overlay, #unity_cookie_view_settings {
        padding: 20px;
    }

    #unity_cookie_overlay .button, #unity_cookie_view_settings .button {
        margin: 0;
    }

    .unity_cookie_setting_link {
        display: block;
        text-align: center;
    }

}

.gm-style-iw-d > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 150px;
}

.gm-style-iw-d > div a {
    margin: 0;
}

.gm-style-iw-d > div a:hover {
    color: var(--Red);
}