/*
Theme Name: Splitkon
Author: NYG avd. Mjøndalen
Author URI: https://nyg.as/
Theme URI: https://nyg.as/
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: splitkon
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.2
Template: nyg-jolt

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -------------------------------------------------- */


/* Gravity Forms */

.gform_wrapper .gfield_description{
	color: white;
}
.gform_wrapper .gfield_fileupload_filename,.gform_wrapper .gfield_fileupload_filesize,.gform_wrapper .gfield_fileupload_progress .gfield_fileupload_percent,.gform_wrapper .gform_delete_file .dashicons-trash::before{
	color: white!important;
}
.gform_wrapper .ginput_preview{
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding-bottom: 10px;
}

/* Videobanner */

.videobanner .wp-block-video.alignfull{
    margin: 0;
}
.videobanner{
    padding-top: 0!important;
    margin-top: var(--main-header-height)!important;
    position: relative;
    height: 100%;
}

.videobanner video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute; 
}

.videobanner .banner-content{   
    display: flex!important;
    position: relative;
    min-height: 75vh;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    max-width: none;
}

.videobanner .banner-content .wp-block-column{
    /*max-width: var(--wp--style--global--content-size);*/
    margin: 0 auto;
    float: none;
    /*position: relative;*/

    display: inline-block;
    max-width: 700px;
    position: absolute;
    left: 50px;
    bottom: 50px;
    background: rgba(37, 74, 154, .8);
    border-radius: 2rem;
}

.videobanner .banner-content .wp-block-column h1{
    font-size: 48px;
}

.videobanner .banner-content .wp-block-column *{
    max-width: 800px;
}

.videobanner .wp-block-buttons:has(.play-pause){
    margin: 0;
}

.videobanner .play-pause a{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M20.7998 18.3999V17.3999H19.7998V18.3999H20.7998ZM29.1998 18.3999H30.1998V17.3999H29.1998V18.3999ZM20.7998 45.3999H19.7998V46.3999H20.7998V45.3999ZM29.1998 45.3999V46.3999H30.1998V45.3999H29.1998ZM34.7998 18.3999V17.3999H33.7998V18.3999H34.7998ZM43.1998 18.3999H44.1998V17.3999H43.1998V18.3999ZM34.7998 45.3999H33.7998V46.3999H34.7998V45.3999ZM43.1998 45.3999V46.3999H44.1998V45.3999H43.1998ZM20.7998 19.3999H29.1998V17.3999H20.7998V19.3999ZM21.7998 45.3999V18.3999H19.7998V45.3999H21.7998ZM29.1998 44.3999H20.7998V46.3999H29.1998V44.3999ZM28.1998 18.3999V45.3999H30.1998V18.3999H28.1998ZM34.7998 19.3999H43.1998V17.3999H34.7998V19.3999ZM35.7998 45.3999V18.3999H33.7998V45.3999H35.7998ZM43.1998 44.3999H34.7998V46.3999H43.1998V44.3999ZM42.1998 18.3999V45.3999H44.1998V18.3999H42.1998Z' fill='white'/%3E%3Ccircle cx='32' cy='32' r='31' stroke='white' stroke-width='2'/%3E%3C/svg%3E")!important;
    padding: 0;
    text-indent: -999999px!important;
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    bottom: 50px;
    right: 50px;
    border: none;
}

@media screen and (max-width: 768px) {
    .videobanner video{
        position: relative;
        min-height: 300px;
    }
    .videobanner .banner-content{
        position: relative;
        min-height: 0;
        background-color: #254a9a;
    }
    .videobanner .banner-content .wp-block-column{
        position: relative;
        left: 0;
        bottom: 0;
        border-radius: 0;
        background-color: transparent;
    }
    .videobanner .banner-content .wp-block-column h1{
        font-size: 3.6rem;
    }
    .videobanner .play-pause a{
        bottom: auto;
        top: 40px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
}

.wp-block-polylang-language-switcher {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    z-index: 999999999;
}

.wp-block-polylang-language-switcher li a{
    text-transform: uppercase;
}

/* Current language button */
.wp-block-polylang-language-switcher .current-lang {
    display: block;
}

.wp-block-polylang-language-switcher .current-lang a {
    display: flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
    text-decoration: none;
}

.wp-block-polylang-language-switcher .current-lang a::after {
    content: "▾";
    margin-left: .5rem;
    font-size: .8em;
}

/* Hide non-current languages */
.wp-block-polylang-language-switcher li:not(.current-lang) {
    display: none;
}

/* Dropdown menu */
.wp-block-polylang-language-switcher.is-open li:not(.current-lang) {
    display: block;
}

.wp-block-polylang-language-switcher.is-open li:not(.current-lang) a {
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

/* Floating dropdown */
.wp-block-polylang-language-switcher.is-open li:not(.current-lang) {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    z-index: 9999;
    padding: 12px;
}

/* Multiple languages support */
.wp-block-polylang-language-switcher.is-open li:not(.current-lang):nth-child(2) {
    top: calc(100% + 4px);
}

.wp-block-polylang-language-switcher.is-open li:not(.current-lang):nth-child(3) {
    top: calc(100% + 44px);
}

.wp-block-polylang-language-switcher.is-open li:not(.current-lang):nth-child(4) {
    top: calc(100% + 84px);
}

/* Div */

.splitkon-full-image figcaption{
    margin-left: 5rem;
}

.splitkon-gallery .wp-block-group .wp-block-image a{
    height: 100%;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    padding: 0;
}

.site-extra-header{
    z-index: -1;
}