/*
Theme Name: Petersotare - Inspot
Author: Martin Håkansson
Description: TailPress is a simple boilerplate WordPress theme with Tailwind CSS.
Version: 3.1.0
Text Domain: inspot
*/
@media screen and (min-width: 783px){
    .admin-bar header{
        top: 32px!important;
    }
}


body{
    font-family: 'Open sans' sans-serif;
}

p{
    margin-bottom: 1rem;
}

.wp-block-button__link{
    border-radius: 13px;
    padding: calc(0.467em + 2px) calc(1.333em + 2px);
}
.wp-block-buttons{
    column-gap: 1rem;
}
.has-text-color > a{
    color: inherit;
}
.wp-embed-aspect-16-9 > .wp-block-embed__wrapper{
    /*width: 100%;
    padding-bottom: 56.25%;
    position: relative;*/
}
.wp-embed-aspect-16-9 > .wp-block-embed__wrapper > iframe{
    width: 100%;
    height: 100%;
    position: absolute;
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{
    border-radius: 6px;
    padding: 1rem 1.4rem;
}
.sovent-footer{
    margin-top: 4px;
    width: 100%;
    max-width: 140px;
}

.desktop-header > ul > li:not(:last-child)::after {
    content: "•";
    padding-left: 9px;
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    margin-top: -2px;
    right: calc(-1rem + -3px);
}
@media screen and (max-width: 1080px){
    .desktop-header > ul > li:not(:last-child)::after {
        content: none;
    }
}


.desktop-header > ul > li {
    position: relative;
}
@media screen and (min-width: 1080px){
    header .custom-logo-link{     
        margin-bottom: 1rem;
    }
}
header .custom-logo-link{
    max-width: 210px;
    width: 100%;
}

.header-box{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.header-box img{
    margin-bottom: 3rem;
}

/* New breakpoint for header */
/*@media screen and (max-width: 1180px) {
	.header-hidden {
		display: none !important;
	}
	.mobile-header {
		display: block !important;
	}
}*/



.swiper-pagination-bullet{
    --swiper-pagination-bullet-size: 11px;
}
/* .alignfull > p, .alignfull > h3{
    padding-left: 1rem;
    padding-right: 1rem;
} */
.wp-block-group.has-background{
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width: 950px){
    .wp-block-group.has-background.alignfull{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.wp-block-media-text .wp-block-media-text__content{
    padding-left: 0;
}
.wp-block-media-text__media > img{
    max-height: 500px;
    object-fit: contain;
}
.max-w-small{
    max-width: 950px;
    margin: auto;
}
.div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
    background-color: #1b7689!important;
    color: white;
    border: 0;
    border-radius: 8px;
}


.form-label{
    position: absolute;
    transform: rotate(-90deg);
    right: calc(100% - 62px);
    z-index: 99;
    top: 150px;
    background-color: #b3b1b2;
    color: white;
    font-size: 1.15rem;
    box-shadow: -1px 3px 4px 0 rgb(0 0 0 / 20%);
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    padding: 0.1rem 1rem;
    width: max-content;
    cursor: pointer;
}
.slideout-side{
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);
    left: calc(100%);
    max-width: min(370px, 100%);
    width: 100%;
    transition: 0.7s all ease;
}

.slideout-side .wpforms-submit.wpforms-submit.wpforms-submit.wpforms-submit{
    color: white;
}

.slideout-side.slided{
    left: calc(100% - 370px);
}
.max-w-800{
    max-width: min(800px, 100%);
}

.pagiation{
    text-align: center;
}

@media screen and (min-width: 1080px){
    .xl\:border-r{
        border-right-width: 1px;
    }
    .xl\:pr-5{
        padding-right: 1.25rem;
    }
    /* .wp-block-cover.alignfull.hero:first-child{
        height: 32vw;
    } */
}

html {
   scroll-padding-top: 15rem;
}

.container-cta {
    display: none;
}
p.has-background{
	padding: 0.75rem 1.5rem;	
}
.dropdown-menu{
    display: none;
}
.dropdown-menu a{
    color: black;
    text-transform: uppercase;
    font-size: 0.95rem;
}
.dropdown-menu .current-menu-item > a{
    color: #2C5D6D;
}
@media screen and (min-width: 1120px){
    .dropdown:hover > ul{
        display: grid;
        position: absolute;
        background-color: white;
        /* margin-top: 1rem; */
    }
    .dropdown-menu{
        max-width: 40rem;
        --shadow: 0 0px 20px #2f26903d;
        box-shadow: var(--shadow);
        border-radius: 0.25rem;
        padding: 0.5rem;
        width: max-content;
    }
    .dropdown-menu .dropdown-menu{
        top: 0;
        left: 100%;
        margin-top: 0;
    }
    .icon-menu .dropdown-menu{
        min-width: 40rem;
    }
}
@media screen and (max-width: 1119px){
    .dropdown-menu{
        display: block;
        /* margin-left: 1rem; */
        
    }
    .dropdown-menu > li > a::before{
        content: "- ";
    }
}