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

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

    div.stats div.wp-block-group__inner-container {
        display: flex;
        flex-direction: row;
        border-top: 2px solid var(--primary);
        border-bottom: 2px solid var(--primary);;
        padding: 0;
        padding-top: var(--spacer03);
        padding-bottom: var(--spacer08);
        margin: var(--spacer05) 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(--secondary) !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(--spacer75);
    padding-bottom: var(--spacer75);
    text-align: center;
    h2 {
        color: white;
        font-size: 2.3rem;
        margin-bottom: var(--spacer3);
    }
    p {
        color: white;
        font-size: 1.3rem;
        margin: 0;
    }
    .wp-block-button {
        margin-top: var(--spacer4);
    }
}

div#stay-connected-form {
    padding-bottom: var(--spacer2);
    div.inputs p {
        display: flex;
        flex-direction: row;
        padding: 0;
        margin: 0;
        width: 100%;
        border-radius: 50px;
        border: 2px solid var(--tertiary);
        overflow: hidden;
        span.wpcf7-spinner {
            display: none;
        }
        input {
            margin: 0;
            font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
        }
        input#footemailadd {
            font-size:1.2rem;
            line-height: 1.2rem;
            background-color: transparent;
            padding-left: var(--spacer15);
            padding-bottom: var(--spacer05);
            color: var(--tertiary);
            border-bottom: none;
        }
        input.wpcf7-submit {
            border-radius: 0;
            background-color: transparent;
            padding-right: var(--spacer2);
            padding-left: var(--spacer);
            font-size: 2rem;
            color: var(--tertiary);
        }
        input.wpcf7-submit:hover {
            background-color: var(--tertiary);
            color: var(--secondary);
        }
        input.wpcf7-submit:active {
            background-color: white;
            color: var(--secondary);
        }
        span.wpcf7-not-valid-tip {
            display: none;
        }
    }
}
div.pricing-disclaimer {
    margin: 0;
    padding: var(--spacer) 0;
    p {
        margin-top: var(--spacer03);
        margin-bottom: var(--spacer03);
        font-style: italic;
        color: var(--col-disclaimer);
    }
}

.contact {
    h4 {
        color: var(--primary);
        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(--spacer03) 0;
        }
    }
}

div.brand-story {
    padding-top: var(--spacer3);
    padding-bottom: var(--spacer3);
    @media (min-width: 782px) {
        padding-top: var(--spacer5);
        padding-bottom: var(--spacer5);        
    }
    .wp-block-columns {
        margin: 0;
        .story {
            padding-top: var(--spacer1);
            padding-bottom: var(--spacer1);
            @media (min-width: 782px) {
                padding-left: var(--spacer3);
            }
            p {
                @media (min-width: 1200px) {
                    width: 80%;
                }
                color: white;
                font-size: 1.3rem;
            }
            .wp-block-buttons {
                margin-top: var(--spacer2);
            }
        }
    }
    .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(--spacer5);
        }
        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(--spacer2);
        padding-bottom: var(--spacer05);
        text-align: left;
        font-size: 1.3rem;
        color: var(--col-th-pricing);
    }
    td {
        padding-right: var(--spacer2);
        color: var(--col-td-pricing);
        padding-top:var(--spacer03);
        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(--spacer02) !important;
        margin-left: var(--spacer05);
    }
    td {
        font-size: 1.1rem;
        vertical-align: top;
    }
    td.price, th.price {
        text-align:right;
        padding-right:0;
        min-width: 6rem;
        vertical-align: top;
    }
}