/*
Theme Name: Emigma
Theme URI: http://starter.razvija.se
Author: Emigma Multimedia Lab
Author URI: https://www.emigma.com
GitHub Theme URI: EmigmaLab/starter
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/EmigmaLab/starter.git
A child theme is available on Github, too: https://github.com/holger1411/understrap-child;
Version: 0.8.1
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/theme.css
The SASS sources for it can be found in /assets/sass/
The dependencies can be found in /assets/src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/


#cmplz-cookiebanner-container .cmplz-information  {
    display: none !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 25px;
    row-gap: 20px;
    padding: 40px;
    width: 800px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
    grid-area: 1 / 1 / 2 / 7;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-logo {
    margin-right: 60px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
    order: 1;
    font-size: 2.1rem;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
    display: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
    grid-area: 2 / 1 / 3 / 7;
    height: fit-content;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body .cmplz-message {
    width: 100%;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body .cmplz-message p {
    margin-bottom: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body .cmplz-categories {
    width: 100%;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    grid-area: 3 / 1 / 4 / 7;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    min-width: 0;
    font-weight: 600;
    border-radius: 15px;
    padding: 15px 25px;
    line-height: 1;
    background-color: unset;
    position: relative;
    z-index: 0;
    text-wrap: wrap;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:before {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #FFF;
    border-radius: 14px;
    z-index: -1;
    transition: opacity 0.2s ease-in-out;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept {
    grid-area: 1 / 1 / span 1 / span 1;
    border: unset;
    background-color: #009845;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:before {
    opacity: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover {
    color: #009845;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover:before {
    opacity: 1;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny {
    grid-area: 1 / 2 / span 1 / span 1;
    border: unset;
    background-color: #009845;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:before {
    opacity: 1;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:hover {
    color: #FFF;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:hover:before {
    opacity: 1;
    background-color: #009845;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences {
    grid-area: 2 / 1 / span 1 / span 2;
    background-color: #F1F1F1;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:before,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:before {
    opacity: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:hover:before,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:hover:before {
    opacity: 1;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents {
    grid-area: 4 / 1 / 5 / 7;
    justify-content: end;
}


@media (max-width: 1400px) {
    #cmplz-cookiebanner-container .cmplz-cookiebanner {
        padding: 30px;
        width: unset;
    }
}


@media (max-width: 768px) {

    #cmplz-cookiebanner-container .cmplz-cookiebanner {
        padding: 15px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: calc(100% - 40px);
    }

    #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
        grid-area: unset;
        flex-direction: column;
        align-items: flex-start;
    }

    #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title {
        font-size: 1.8rem;
        display: block;
    }
}