/*
Theme Name: rmlaine
Theme URI: 
Author: Moods
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
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: moods_theme
Tags: 
*/


/* header{
    background-color: #004488;
    color: #fff;
} */

:root {
    --section-mobile-padding-vertical: 60px;
    --section-mobile-padding-horizontal: 15px;
}  

header{
    padding-left: 30px;
    padding-right: 30px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 120px;
    width: 100%;
    box-sizing:border-box;
    background-color: rgba(0, 68, 136,0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

header a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9rem;
}

header .current-menu-item a{
    color: #F59C00 !important;
}

.header-elements-container{
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    height: 120px !important;
}

@media (width <= 1320px) {
    .header-elements-container{
        max-width: 100%;
    }
}

@media (width <= 780px) {
    header{
        height: 75px;
        padding: 15px !important;
    }

    .header-elements-container {
        height: auto !important;
    }
}

.header-logo-img{
    margin-right: 60px !important;
}

/* navigation block breakpointti */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 1180px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}
@media (width <= 1500px) {
    .header-elements-container {
        max-width: 100%;
    }
}
@media (width <= 1180px) {
    header .header-elements-container{
        width: 100%;
        justify-content: space-between;
    }
}

a.wp-block-button__link, :where(.wp-block-button__link){
    border-radius: 0 !important;
    background-color: #f59c00 !important;
    border:none !important;
    font-weight: 700;
}

.wp-block-cover.negative-alignment-bg img.wp-block-cover__image-background{
    object-position: 135% -5% !important;
}

.wp-block-cover.positive-alignment-bg img.wp-block-cover__image-background{
	object-position: -35% -5% !important;
}

.gray-bg-section{
    color: #004488;
    background-image: url(/wp-content/themes/rmlaine/img/rm_vino.png);
    background-position: bottom 115% right -15%;
    background-repeat: no-repeat;
    background-size: 800px auto;
    box-sizing: border-box;
}

.blue-bg-section{
    color: #fff;
    background-image: url(/wp-content/themes/rmlaine/img/rm_vino.png);
    background-position: bottom 115% left 15%;
    background-repeat: no-repeat;
    background-size: 650px auto;
    box-sizing: border-box;
}

@media (width <= 780px) {
    
    .gray-bg-section{
        padding: var(--section-mobile-padding-vertical) var(--section-mobile-padding-horizontal) !important;
    }
    .blue-bg-section{
        padding: var(--section-mobile-padding-vertical) var(--section-mobile-padding-horizontal) !important;
    }
}

footer{
    margin-block-start: 0 !important;
}

.edit-post-visual-editor__post-title-wrapper h1{
    max-width: 100% !important;
    padding-left: 15px !important;
    box-sizing: border-box !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}
.edit-post-visual-editor__post-title-wrapper h1::before{
    content: "Sivun nimi: ";
    margin-right: 15px;
}

.editor-styles-wrapper .has-global-padding{
    margin-top: 15px !important;
}

div.wp-block-column.even-height-column{
    display:flex !important;
}
.even-height-column .stretch-text-content{
    flex-grow: 1;
}

.columns-with-slider{
    gap: 0 !important;
}
@media (width <= 1100px) {
    .columns-with-slider.vertical-on-desktop{
        display: grid;
        grid-template-columns: 1fr;
    }
    .column-with-logo-bg-right.vertical-on-desktop > div > *,
    .column-with-logo-bg-left.vertical-on-desktop > div > *{
        max-width: unset !important;
    }
}

.full-height-image-column .wp-block-moods-blocks-slide,
.full-height-image-column .wp-block-moods-blocks-slider,
.full-height-image-column .splide,
.full-height-image-column .splide__track,
.full-height-image-column .wp-block-cover{
    height: 100%;
}

b, strong {
    font-weight: 600;
}

.google-map-block-container, .google-map-block-container iframe{
    height: 460px !important;
}

.title-cover h1{
    font-size: 48px !important;
    line-height: 60px !important;
    text-align: center;
}

.column-with-logo-bg-left{
    background-image: url(/wp-content/themes/rmlaine/img/rm_vino.png);
    background-position: bottom -120px left -100px;
    background-repeat: no-repeat;
    background-size: 720px auto;
}

.column-with-logo-bg-right{
    background-image: url(/wp-content/themes/rmlaine/img/rm_vino.png);
    background-position: bottom -120px right -100px;
    background-repeat: no-repeat;
    background-size: 720px auto;
}

.wp-block-navigation__responsive-close{
    max-width: 100% !important;
}

header .wp-block-navigation__container a{
    text-transform: uppercase;
    font-size: 1.0rem;
}



@media (width <= 960px) {
    .columns-with-slider {
        flex-wrap: wrap !important;
    }

    .columns-with-slider .wp-block-column{
        width: 100% !important;
        min-width: 100% !important;
    }

    .columns-with-slider:not(.vertical-on-desktop) .wp-block-moods-blocks-slider{
        min-height: 520px !important;
    }



    .columns-with-slider .column-with-logo-bg-right > div,
    .columns-with-slider .column-with-logo-bg-left > div{
        align-items: flex-start !important;
    }
}

@media (width <= 768px) {
    .wp-block-moods-blocks-slider{
        aspect-ratio: 4/3;
        min-height: unset !important;
    }

    .title-cover h1{
        font-size: 32px !important;
        padding: 15px;
        box-sizing: border-box;
        line-height: 40px !important;
    }
}

@media (width <= 1400px) {
    .footer-columns{
        max-width: 85% !important;
    }
}

@media (width <= 1200px) {
    .is-layout-constrained > .alignwide {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: var(--section-mobile-padding-horizontal);
        padding-right: var(--section-mobile-padding-horizontal);
    }
}

@media (width <= 1024px) {
    .footer-columns > div:nth-of-type(1){
        width: 30% !important;
        max-width: 30% !important;
        padding-right: 15px !important;
    }
    .footer-columns > div:nth-of-type(2){
        width: 30% !important;
        max-width: 30% !important;
    }
    .footer-columns > div:nth-of-type(3){
        width: 15% !important;
        max-width: 15% !important;
    }
    .footer-columns > div:nth-of-type(4){
        width: 15% !important;
        max-width: 15% !important;
    }
}

@media (width <= 900px) {
    .frontpage-services-list{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
}

@media (width <= 780px) {
    .frontpage-services-list{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (width <= 800px) {
    .footer-columns{
        gap: 15px !important;
    }
    .footer-columns > div:nth-of-type(1){
        width: 30% !important;
        max-width: 30% !important;
        padding-right: 15px !important;
    }
    .footer-columns > div:nth-of-type(2){
        width: 30% !important;
        max-width: 30% !important;
    }

    .footer-columns > div:nth-of-type(3){
        width: 15% !important;
        max-width: 15% !important;
    }

    .footer-columns > div:nth-of-type(4){
        width: 15% !important;
        max-width: 15% !important;
    }
}
@media (width <= 780px) {
    .truck-info-list img, .truck-info-list figure{
        width: 100% !important;
        height: auto !important;
    }
    .truck-info-list .wp-block-group{
        width: 100% !important;
    }
}
@media (width <= 680px) {
    .frontpage-services-list{
        grid-template-columns: 1fr !important;
    }
    .footer-columns{
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 30px;
    }
    .footer-columns > div:nth-of-type(1),
    .footer-columns > div:nth-of-type(2),
    .footer-columns > div:nth-of-type(3),
    .footer-columns > div:nth-of-type(4){
        width: 75% !important;
        max-width: 75% !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .some-container{
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .footer-columns > div{
        width: 100% !important;
        max-width: 100% !important;
    }

    .footer-columns > div:not(:last-of-type){
        margin-bottom: 15px;
    }

    footer > div{
        padding: var(--section-mobile-padding-vertical) 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    footer > div > div{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .skal-logo{
        max-width: 90px !important;
    }
}
@media (width <= 1100px) {
    .vertical-on-desktop .title-row-with-img, 
    .vertical-on-desktop .title-row-with-img h2{
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: left;
        width: 100%;
    }
}
@media (width <= 780px) {
    .column-with-logo-bg-left > div, 
    .column-with-logo-bg-right > div{
        padding-left: var(--section-mobile-padding-horizontal) !important;
        padding-right: var(--section-mobile-padding-horizontal) !important;
        padding-top: var(--section-mobile-padding-vertical) !important;
        padding-bottom: var(--section-mobile-padding-vertical) !important;
    }

    .column-with-logo-bg-right.vertical-on-desktop > div,
    .column-with-logo-bg-left.vertical-on-desktop > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0 !important;
    }

    div.column-with-logo-bg-right.vertical-on-desktop .text-container-with-mobile-padding,
    div.column-with-logo-bg-left.vertical-on-desktop .text-container-with-mobile-padding{
        padding-left: var(--section-mobile-padding-horizontal) !important;
        padding-right: var(--section-mobile-padding-horizontal) !important;
        box-sizing: border-box;
    }
    .column-with-logo-bg-left, 
    .column-with-logo-bg-right .wp-block-buttons,
    .column-with-logo-bg-left .wp-block-buttons, 
    .column-with-logo-bg-right,
    .gray-bg-section *{
        text-align: center;
        align-items: center;
        justify-content: center;
    } 

    .column-with-logo-bg-left > div > div, 
    .column-with-logo-bg-right > div > div,
    .column-with-logo-bg-left > div > div > *,
    .column-with-logo-bg-right > div > div > *{
        /* width: 100% !important;
         */
        max-width: 100% !important;
        order: 1;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .full-height-image-column{
        order: 2;
    }

    .title-row-with-img, .title-row-with-img h2{
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: left;
        width: 100%;
    }
    
    .gray-bg-section .wp-block-columns{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

 .slider-slide .block-editor-block-list__block.wp-block-cover{
    min-height: 320px !important;
 }

.test{
	
}