/**
 * Divas Cookies jquery plugin for Cookie Policy banner stylesheet
 * @author: CodingDivas
 * @date: 2014/10/27
 * @version: 0.2 production
 */

.divascookies {
    position: fixed;
    bottom: 1.75em;
    left: 1.25em;
    width: 100%;
    max-width: 35em;
    background: #f9fafc;
    color: #2d4156;
    display: none;
    z-index: 999999;
    /*box-shadow: 0 0.625em 1.875em #000;*/
    box-shadow: 0 0.625em 1.875em rgba(0, 0, 0, .4);
    padding: 1.2em 2.2em 0.7em 2.2em;
    border-radius: .25em;


    /*font-family: inherit;*/
    /*padding: 1.2em 2.2em 1.825em 2.2em;*/
    /*position: fixed;*/
    /*z-index: 10000;*/
    /*background: #fff;*/
    /*background: var(--cc-bg);*/
    /*max-width: 25em;*/
    /*width: 100%;*/
    /*bottom: 1.25em;*/
    /*right: 1.25em;*/
    /*box-shadow: 0 0.625em 1.875em #000;*/
    /*box-shadow: 0 0.625em 1.875em rgb(2 2 3 / 28%);*/
    /*!*opacity: 0;*!*/
    /*visibility: hidden;*/
    /*transform: scale(.95);*/
    /*line-height: initial;*/
}

.ccHeader {
    font-size: 1.3em;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.divascookies > .divascookies-banner-container {
    position: relative;
    /*padding: 15px 20px;*/
    overflow: hidden;
    text-align: center;
}

.divascookies p.divascookies-banner-text {
    position: relative;
    /*line-height: 1.3em;*/
    /*font-size: 1.4em;*/
    display: inline-block;
    /*padding: 0 10px 0 0;*/
}

span.divascookies-policy-link {
}

span.divascookies-policy-link a {
    color: var(--theme-color-a);
    white-space: nowrap;
}

span.divascookies-policy-link a:hover {
    text-decoration: underline;
    transition: color 0.3s ease 0s;
}

.divascookies-banner-container > .divascookies-accept-button-container {
    display: inline-block;
    margin-top: 5px;
}

.divascookies-accept-button-container > .divascookies-accept-button-img {

}

.divascookies-accept-button-container > .divascookies-accept-button-text {
    /*font-size: 1.3em;*/
    cursor: pointer;
    /*background: #636363;*/
    background: var(--theme-color-a);
    color: #fff;
    /*width: 48%;*/
    padding: 1em 2em;
    /*padding: 7px 10px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: background-color 0.3s ease 0s;
}

.divascookies-accept-button-container > .divascookies-accept-button-text:hover {
    /*background: #565656;*/
    background: var(--theme-color);
}


@media screen and (max-width: 900px) {


    .divascookies {

        width: auto;

        max-width: 100%;

        margin: 0;

        padding: 1.875em 10%;

        right: 0;

        bottom: 0;

        border-radius: 0;

        display: block;

    }

}