/*
 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
*/

/* GENERAL */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--accent);
}
.underline mark {
    color: var(--contrast-2);
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 -0.26em 0 0 var(--accent-2);
}
.one-second {
    width: 50%;
}
.gbp-section.dark *:not(input,select,option,textarea,svg,path) {
    color: var(--base-3);
}
.gbp-section.dark .gbp-section__tagline {
    background-color: var(--base);
    color: var(--contrast);
}
.dark a {
    color: var(--accent);
}
.dark a:hover {
    color: var(--accent-2);
}
ol, ul {
    margin: 0 0 1.5em 2em;
}

/* HEADER */
.navigation-stick {
    background: var(--base-3);
}
.navigation-stick .sticky-navigation-logo img {
    max-width: 140px;
}

/* BREADCRUMBS - RANK MATH */
.rank-math-breadcrumb {
    position: relative;
    z-index: 5;
}
.rank-math-breadcrumb * {
    color: var(--base-3);
    font-size: .9375rem;
    line-height: 1.6em;
}
.rank-math-breadcrumb p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin: 1.4rem 0 0;
}
.rank-math-breadcrumb a:nth-child(1), .rank-math-breadcrumb .separator {
    display: inline-block;
    font-size: 0;
    line-height: 1;
}
.rank-math-breadcrumb a:nth-child(1):before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M240 6.1c9.1-8.2 22.9-8.2 32 0l232 208c9.9 8.8 10.7 24 1.8 33.9s-24 10.7-33.9 1.8l-8-7.2 0 205.3c0 35.3-28.7 64-64 64l-288 0c-35.3 0-64-28.7-64-64l0-205.3-8 7.2c-9.9 8.8-25 8-33.9-1.8s-8-25 1.8-33.9L240 6.1zm16 50.1L96 199.7 96 448c0 8.8 7.2 16 16 16l48 0 0-104c0-39.8 32.2-72 72-72l48 0c39.8 0 72 32.2 72 72l0 104 48 0c8.8 0 16-7.2 16-16l0-248.3-160-143.4zM208 464l96 0 0-104c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24l0 104z'/></svg>");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--base-3);
    transition: all .1s ease-in-out;
}
.rank-math-breadcrumb a:nth-child(1):hover:before {
    background-color: var(--accent);
}
.rank-math-breadcrumb .separator:before {
    content: url(/wp-content/themes/generatepress_child/images/icons/angle-right-dark.svg);
    display: block;
    width: 8px;
}

/* BUTTONS */
/*.gbp-button--primary {
    background: linear-gradient(135deg, #ff007a, #c2188b, #7b3fe4, #1734c2);
}*/


/* SLIDERS - SLICK SLIDER */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;

}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0;
}
.slick-initialized .slick-slide {
    display: block;
}
.mw-slider .mw-slider-arrows {
    display: flex;
    gap: 10px;
    margin-top: 2rem;
}

/* FORMS - CONTACT FORM 7 */
.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.wpcf7-form > * {
    flex: 0 0 100%;
    margin-bottom: 0;
}
.wpcf7-form .one-second {
    flex: 0 0 calc(50% - 10px);
}
.wpcf7-form .full-width input {
    width: 100%;
}
.wpcf7-form .full-width .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin: 0;
    transform: translateY(-50%);
}
label {
    font-size: 1rem;
    font-weight: 500;
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-size: 1rem;
    width: 100%;
    padding: .844rem 1.25rem;
    margin-top: 5px;
}
select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polyline points='5,7 10,12 15,7' stroke='black' stroke-width='2' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 1.4rem;
    padding-right: 40px;
}
textarea {
    max-height: 94px;
}
input[type=submit] {
    font-size: 1.125rem;
    font-weight: 600;
    padding: .75rem 1.25rem;
    box-shadow: -4px 4px 0px 0px var(--accent-2);
    transition: all 0.5s ease 0s;
}
.dark input[type=submit]:not(:hover) {
    background-color: var(--base-3);
    color: var(--contrast-2);
}
input[type=submit]:is(:hover,:focus) {
    box-shadow: -4px 4px 0px 0px var(--accent);
}
.wpcf7-not-valid-tip {
    font-size: .85em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 1rem;
    margin: 1rem 0 0;
    padding: 1rem;
    background: rgb(255 185 0 / 20%);
    border: 0;
}

/* RESPONSIVE */

@media (max-width: 1024px) {
    #sticky-navigation .inside-navigation > [class^="gb-element-"] {
        display: none;
    }
}

@media (max-width: 767px) {
    .wpcf7-form .one-second {
        flex: 0 0 100%;
    }
}