/*
Theme Name: Samskolan
Theme URI: 
Author: Jon Olsson
Author URI: https://jonolsson.se
Description: A FSE theme for Samskolan.
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: samskolan
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: 500px !important;
}

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

b, strong {
    font-weight: var(--wp--custom--font-weight--bold) !important;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

@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;
    }
}

.wp-block-navigation a {
    padding: 12px 8px 10px 8px;
}

/* Design current page for mainmenu items */
.samskolan-desktop.wp-block-navigation .wp-block-navigation-item:not(.has-child) a:hover,
.samskolan-desktop.wp-block-navigation .current-menu-item > a,
.samskolan-desktop.wp-block-navigation a.current-menu-ancestor {
    border-radius: 5px 5px 0px 0px;
    color: #ffffff !important;
    background: #1c5c16    ;
}

.samskolan-desktop.wp-block-navigation .wp-block-navigation-item a:hover {
    border-radius: 5px 5px 0px 0px;
    color: #1c5c16 !important;
    background: #dddddd;
}

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

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

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

/* Design current page for mainmenu items - MOBILE */
.samskolan-mobile.wp-block-navigation .wp-block-navigation-item:not(.has-child) a:hover,
.samskolan-mobile.wp-block-navigation .wp-block-navigation-item a:hover,
.samskolan-mobile.wp-block-navigation .current-menu-item > a {
    font-weight: 900 !important;
}

/* Design current page for submenu items - MOBILE */
.samskolan-mobile.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.samskolan-mobile.wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > a {
    font-weight: 900 !important;
}

.samskolan-mobile.wp-block-navigation .wp-block-navigation__submenu-container {
    padding: 10px 0px 0px 5px !important;
    font-size: 13px;
}

/* Mobile Navigation Modal
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: #33333399 !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 */
.samskolan-height {
    height: 400px;
}

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

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

/* Links
--------------------------------------------- */

a {
    text-decoration: none;
}

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

.samskolan-link-white a:hover {
    color:#c1c1c1 !important;
}

.samskolan-link-black a, .conexus-link-black a:visited {
    color:#7c99b4 !important;
}

.samskolan-link-black a:hover {
    color:#dddddd !important;
}

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

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

.samskolan-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) .samskolan-profil {
    background-color: #fff !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #ddd !important;
    border-radius: 10px !important;
}

.wp-block-gallery img {
    border-radius: 5px;
}