/*
Theme Name: MyChild
Theme URI: 
Author: Jon Olsson
Author URI: https://jonolsson.se
Description: A FSE theme for MyChild.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: frost
Text Domain: MyChild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/* Main Layout
--------------------------------------------- */

/* Remove default BlockGap */
.entry-content > .wp-block-cover, .entry-content > .wp-block-group {
    margin-top: 0px !important;
}

.entry-content > .wp-block-cover {
    min-height: 400px !important;
}

@media only screen and (max-width: 800px) {
    .entry-content > .wp-block-cover {
        min-height: 300px !important;
    }
}

/* Height classes
--------------------------------------------- */

.mychild-height-200 {
    min-height: 200px !important;
}

.mychild-height-250 {
    min-height: 250px !important;
}

.mychild-height-300 {
    min-height: 300px !important;
}

.mychild-height-350 {
    min-height: 350px !important;
}

.mychild-height-400 {
    min-height: 400px !important;
}

.mychild-height-500 {
    min-height: 500px !important;
}

.mychild-height-600 {
    min-height: 500px !important;
}


/* CTA Design
--------------------------------------------- */

.mychild-text-shadow {
    text-shadow: 2px 2px 5px #000000;
}

.mychild-box-shadow {
    box-shadow: 2px 2px 5px #e1e1e1;
}

.mychild-box-shadow-dark {
    box-shadow: 2px 2px 5px #2F3C40;
}

.wp-block-image.mychild-filter-black, .wp-block-image.mychild-filter-black-light {
    background-color: #2F3C40;
    border-radius: 5px;
}

.wp-block-image.mychild-filter-black img {
    opacity: 0.7;
}

.wp-block-image.mychild-filter-black-light img {
    opacity: 0.9;
}

/* Puffar
--------------------------------------------- */

.wp-block-columns.mychild-puffar .wp-block-column a:hover {
    opacity: 0.8;
}


/* Navigation Menu
--------------------------------------------- */

.wp-block-search__input {
    padding: 2px 12px !important;
    opacity: 0.5;
}

@media only screen and (min-width: 800px) {
    .wp-site-blocks .site-header {
        position: sticky;
        top: 0px;
        left: 0px;
        right: 0px;
        /* background: white; */
        z-index: 99;
    }
}

/* Current Page */
.wp-block-navigation a {
    padding: 12px 8px 10px 8px;
}

.wp-block-navigation .wp-block-navigation-item:not(.has-child) a:hover,
.wp-block-navigation .current-menu-item a {
    border-radius: 5px 5px 0px 0px;
    color: #ffffff !important;
    /* background: #000000; */
}

.wp-block-navigation .wp-block-navigation-item a:hover {
    border-radius: 5px 5px 0px 0px;
    color: #000000 !important;
    /* background: #dddddd; */
}

/* Design current page for submenu items */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
    color: #000000 !important;
    /* background: #dddddd !important; */
    font-size: 13px;
    padding: 5px;
}

.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item a {
    font-weight: bold !important;
}

@media only screen and (max-width: 800px) {
    .wp-block-site-logo img {
        height: auto;
        padding: 10px !important;
    }
}

/* Mobile Navigation
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: #1c5c16cc !important;
    color: #000;
    padding: 50px 20px;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
}

.wp-block-navigation__responsive-container-close {
    top: 10px;
    right: 10px;
}

/* Query Loop
--------------------------------------------- */

.wp-block-query .wp-block-group {
    overflow: hidden;
}

/* ALigning different kind of query boxes in height */
.mychild-height {
    height: 400px;
}

.mychild-featureImg-height {
    min-height: 400px;
}

@media only screen and (max-width: 800px) {
    .mychild-featureImg-height {
       min-height: 200px;
    }
}

/* Links
--------------------------------------------- */
/*
a {
    text-decoration: none;
}

.mychild-link-white a, .conexus-link-white a:visited {
    color:#fff !important;
}

.mychild-link-white a:hover {
    color:#c1c1c1 !important;
}
*/

/* Extras
--------------------------------------------- */

@media (max-width: 800px) {
    .mychild-reverse-mobile {
        flex-direction: column-reverse;
    }
}

.mychild-image-width {
    width: 150px;
}

/* Zeroing the media-text block */
.wp-block-media-text .wp-block-media-text__content {
    padding: 0;
}

.wp-block-group li:nth-child(2n+1) .mychild-profil {
    background-color: #fff !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #ddd !important;
    border-radius: 10px !important;
}


/* Create a product collection */
.conexus-arena .wp-block-column, .conexus-arena-base {
    position: relative;
}

.conexus-arena .wp-block-column .conexus-arena-overlay {
    position: absolute;
    left: calc(20%);
    top: -55px;
    width: 60%;
    z-index: 10;
}

.tickets {
    background-color: #20C6CE !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #fff !important;
    border-radius: 10px !important;
    color: #000;
}

.conexus-left-border1 {
    position: relative;
}

/* Design an "underline" */
.conexus-left-border1::before {
    content: "";
    position: absolute;
    left: -2px;
    top: calc(10%);
    width: 5px;
    height: 80%;
    border-radius: 3px;
    background: #0298B0;
    z-index: 10;
}

.conexus-left-border2 {
    position: relative;
}

/* Design an "underline" */
.conexus-left-border2::before {
    content: "";
    position: absolute;
    left: -2px;
    top: calc(10%);
    width: 5px;
    height: 80%;
    border-radius: 3px;
    background: #6FD162;
    z-index: 10;
}

.wp-block-cover.conexus-arena img {
    object-fit: cover;
}