/*
Site-specific custom CSS.
*/
.main-menu li#menu-item-6693 {   /* Store */
    @media (max-width:992px) {
    }
}
.main-menu li#menu-item-179 {   /* About */
    @media (max-width:992px) {
        display:none;
    }
}

.post-card div.wp-block-group__inner-container {
    h2,h3,h4 {
        font-family:"Begum";
        color:var(--pri);
    }

    div.stats div.wp-block-group__inner-container {
        display:flex;
        flex-direction:row;
        border-top:2px solid var(--pri);
        border-bottom:2px solid var(--pri);;
        padding:0;
        padding-top:var(--sp03);
        padding-bottom:var(--sp08);
        margin:var(--sp05) 0;
        width:100%;
        p {
            width:100%;
            margin:0;
            padding:0;
            line-height:normal;
        }
        @media (min-width:768px) {
            flex-direction:column;
        }
    }
}
.begum {
    font-family:"Begum";
    font-weight:400;
}


div#wpcf7-f496-p105-o1 div.wpcf7-response-output {/* Subscribe form*/
    color:var(--sec) !important;
 }

.bg-bokeh {
    background-image:url("/wp-content/uploads/bokeh3072x1391.jpg");
    background-size:cover;
}
div.bokeh-strip {
    background-image:url("/wp-content/uploads/bokeh3072x1391.jpg");
    background-size:cover;
    margin:0;
    padding-top:var(--sp75);
    padding-bottom:var(--sp75);
    text-align:center;
    h2 {
        color:white;
        font-size:2.3rem;
        margin-bottom:var(--sp3);
    }
    p {
        color:white;
        font-size:1.3rem;
        margin:0;
    }
    .wp-block-button {
        margin-top:var(--sp4);
    }
}

div.pricing-disclaimer {
    margin:0;
    padding:var(--sp) 0;
    p {
        margin-top:var(--sp03);
        margin-bottom:var(--sp03);
        font-style:italic;
        color:var(--col-disclaimer);
    }
}

.contact {
    h4 {
        color:var(--pri);
        font-family:"Galano Grotesque";
        font-weight:400 !important;
        font-size:1.5rem;
    }
    a, p, td {
        color:black;
        font-size:1.2rem;
    }
    a {
        border-bottom:none;
    }
    a:hover {
        border-bottom:1px solid black;
    }
    table {
        overflow:hidden;
        td {
            border:none;
            padding:var(--sp03) 0;
        }
    }
}

div.brand-story {
    padding-top:var(--sp3);
    padding-bottom:var(--sp3);
    @media (min-width:782px) {
        padding-top:var(--sp5);
        padding-bottom:var(--sp5);        
    }
    .wp-block-columns {
        .story {
            padding-top:var(--sp1);
            padding-bottom:var(--sp1);
            @media (min-width:782px) {
                padding-left:var(--sp3);
            }
            p {
                @media (min-width:1200px) {
                    width:80%;
                }
                color:white;
                font-size:1.3rem;
            }
            a {
                color:var(--sec);
                border-bottom:1px solid var(--sec);
            }
            .wp-block-buttons {
                padding-top:var(--sp2);
            }
        }
    }
    .wp-block-image {
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        @media (min-width:782px) {
            border-right:2px solid white;
            align-items:end;
            padding-right:var(--sp5);
        }
        img {
            width:40%;
            @media (min-width:782px) {
                width:80%;
            }
            @media (min-width:992px) {
                width:60%;
            }
            @media (min-width:1200px) {
                width:40%;
            }
        }
    }
}

table.pricing {
    th {
        padding-right:var(--sp2);
        padding-bottom:var(--sp05);
        text-align:left;
        font-size:1.3rem;
        color:var(--col-th-pricing);
    }
    td {
        padding-right:var(--sp2);
        color:var(--col-td-pricing);
        padding-top:var(--sp03);
        padding-bottom:0 !important;
    }
    tr.data {
        border-bottom:1px solid #999;
    }
    tr.data:last-child {
        border-bottom:none;
    }
}

table.pricing-inset, table.pricing {
    p.annotation {
        color:#888;
        font-style:italic;
        font-size:1.1rem;
        margin-top:var(--sp02) !important;
        margin-left:var(--sp05);
    }
    td {
        font-size:1.1rem;
        vertical-align:top;
    }
    td.price, th.price {
        text-align:right;
        padding-right:0;
        min-width:6rem;
        vertical-align:top;
    }
}