/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.navi li.wp-block-navigation-item a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: .22em;
}
.navi .current-menu-item a.wp-block-navigation-item__content, .navi li:hover a.wp-block-navigation-item__content {
    color: #e1c859;
}
.navi li.wp-block-navigation-item a::after {
        content: '';
    position: absolute;
    bottom: 5px;
    left: 18px;
    right: 18px;
    height: 1px;
    background: #e1c859;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease;
}
navi .current-menu-item a.wp-block-navigation-item__content::after, .navi li:hover a.wp-block-navigation-item__content::after {
    transform: scaleX(1);
}
.home.navi li.wp-block-navigation-item a::after {
    bottom: -5px;
}
.navi .wp-block-navigation .wp-block-page-list {
    gap: 0;
}
.home .navi li.wp-block-navigation-item a {
    line-height: 100%;
}
.site-branding .main-title a {
    padding: 0 25px;
    height: 90px;
    display: block;
    line-height: 90px;
}
.date-month {
    display: inline-block;
    color: #a6acb7;
    font-size: 18px;
    padding-left: 5px;
    font-family: Montserrat, sans-serif;
}
.copp-font, .copp-font h1, .copp-font h2, .copp-font h3, .copp-font h4 {
    font-family: "Copperplate Gothic Std" !important;
}

.full-width-content.no-sidebar.separate-containers .site-content {
    min-height: calc(100vh - 282px);
}
.admin-bar.full-width-content.no-sidebar.separate-containers .site-content {
    min-height: calc(100vh - 314px);
}
.subform {
    position: relative;
}
.subform p {
    margin: 0;
}
.subform input.wpcf7-email {
    border: none;
    outline: none;
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-size: .78rem;
    color: #024a29;
    background: transparent;
    width: 100%;
    height: 100%;
}
.subform .wpcf7-form-control-wrap {
    flex: 1;
    border: none;
    outline: none;
    padding: 11px 16px;
    font-family: var(--sans);
    font-size: .78rem;
    color: var(--green);
    background: transparent;
}

.subform input.wpcf7-form-control.wpcf7-submit {
    background: #024a29;
    color: #e1c859;
    border: none;
    padding: 11px 22px;
    font-family: Montserrat, sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
}
.wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -66px;
}
.subform p {
    display: flex;
    border: 1px solid #e1c859;
    overflow: hidden;
}

.mono {
    width: 90px;
    height: 90px;
    border: 2px solid #e1c859;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.mono::before {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    border: 1px solid rgba(225, 200, 89, .3);
}
.mono span {
    font-family: Cormorant Garamond, serif;
    font-size: 2rem;
    font-weight: 300;
    color: #e1c859;
}
.home-separator {
    width: 60px;
    height: 1px;
    color: #e1c859;
    margin: 28px auto;
}

.tabs-grid .gb-container:hover h2 {
    color: #fff;
}
.tabs-grid .gb-container:hover {
    background: #024a29 !important;
    color: white;
}



/* Responsive styling */
@media screen and (max-width:767px) {
    .home .navi li {
    display: block;
    width: 100%;
    text-align: center;
}
.home .navi li.wp-block-navigation-item a {
    line-height: 20px;
}
}