/*
Theme Name: Finding Our Compass
Theme URI: 
Author: Kyrie Tompkins-Overlock
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: finding-our-compass
Tags: 
*/

a,
button {
    transition: all 0.3s ease;
}

body:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(./assets/images/background.jpg);
    background-size: cover;
    background-position: center;
    mix-blend-mode: multiply;
    opacity: 0.2;
    z-index: 0;
}

body > * {
    position: relative;
    z-index: 1;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus {
    color: var(--wp--preset--color--custom-carrot) !important;
}

.sidebar {
    padding-right: 0 !important;
}

@media screen and (max-width: 780px) {
    .sidebar {
        padding: 0 !important;
        border: none;
    }
}

.wp-element-button:hover,
.wp-element-button:focus {
    background-color: var(--wp--preset--color--custom-carrot) !important;
    border-color: var(--wp--preset--color--custom-carrot) !important;
    color: var(--wp--preset--color--custom-dark-brown) !important;
}

.wp-block-categories {
    list-style: none;
    padding: 0;
    margin: .5em 0 0 0;
}

.wp-block-categories li a {
    display: block;
    padding: 1em 0;
    line-height: 1;
    border-bottom: 1px solid var(--wp--preset--color--custom-dark-brown);
}

.wp-block-categories li:last-child {
    border-bottom: none;
}

.wp-block-categories li a:hover,
.wp-block-categories li a:focus {
    color: var(--wp--preset--color--custom-carrot) !important;
}

input,
select,
textarea {
    border-color: var(--wp--preset--color--custom-dark-brown) !important;
    border-radius: 0 !important;
    padding: 1em !important;
    font-size: var(--wp--preset--font-size--custom-2) !important;
    border: 1px solid var(--wp--preset--color--custom-dark-brown) !important;
    background-color: var(--wp--preset--color--custom-ivory) !important;
    font-family: var(--wp--preset--font-family--quattrocento);
}

input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--wp--preset--color--custom-carrot) !important;
    transition: all 0.3s ease;
}

main button,
main input[type="submit"] {
    border-radius: 0px;
        font-family: var(--wp--preset--font-family--oswald) !important;
        font-style: normal;
        font-weight: 500;
        padding-top: var(--wp--preset--spacing--40);
        padding-right: var(--wp--preset--spacing--80) !important;
        padding-bottom: var(--wp--preset--spacing--40);
        padding-left: var(--wp--preset--spacing--80) !important;
        text-transform: uppercase;
        box-shadow: none;
        background-color: var(--wp--preset--color--custom-slate-green) !important;
        color: var(--wp--preset--color--custom-ivory) !important;
        border: none !important;
}

main button:hover,
main input[type="submit"]:hover {
    background-color: var(--wp--preset--color--custom-carrot) !important;
    color: var(--wp--preset--color--custom-dark-brown) !important;
}

.nf-before-form-content {
    display: none;
}