/*
Theme Name: Carbon Preschool Child Theme
Description: Child theme for Carbon Preschool Theme
Version: 1.0
Template: carbon-preschool
*/

@import url("../carbon-preschool/style.css");

/* Header */
.site-header .icon-phone,
.site-header .icon-facebook {
    position: relative;
    top: -2px;
}
.site-header .wp-block-site-title a:hover {
    text-decoration: none;
}
.site-header .wp-block-column.user-menu {
    display: flex;
    gap: 20px;
    justify-content: end;
}

@media screen and (max-width: 768px) {
    .site-header .logo-container {
        flex-basis: 80% !important;
    }

    .site-header .menu-container {
        flex-basis: 20% !important;
    }
}

.wp-block-column.user-menu figure, 
.wp-block-column.user-menu ul {
    margin: 0;
}
.wp-block-buttons .wp-block-button__link:hover {
    text-decoration: underline;
}

/* Mobile menu */
@media screen and (max-width: 768px) {
    .wp-block-navigation.main-menu .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #313131;
        color: #fff;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top: 0px;
    }
    .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        font-weight: 600;
        text-align: center;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        color: #ffc95a;
    }
}

/* Feature articles */
.wp-block-post-featured-image {
    overflow: hidden;
}
.wp-block-post-featured-image a img {
    transition: all .5s;
}
.wp-block-post-featured-image a:hover img {
    transform: scale(1.2);
}

/* Contacts */
.wpforms-container textarea.wpforms-field-medium {
    max-width: 60%;
}
div.wpforms-container-full button.submit-btn {
    background-color: #ffc95a !important;
    border-radius: 50px !important;
    padding: 1rem 2rem !important;
    height: auto !important;
    color: #313131 !important;
}