/*
Theme Name: customtheme
Author: ikoon.biz
Author URI: https://ikoon.biz
Version: 1.0
 */

@font-face {
    font-family: 'webfont';
    src: url('ciutadella-semibold-webfont.woff2') format('woff2'),
    url('ciutadella-semibold-webfont.woff') format('woff');
}

body {
    font-family: webfont;
    color: #004138;
    font-size: 2.5rem;
    background-color: #faf4ed;
}
body.home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    body {
        font-size: 1.3rem;
    }

}
html, body, .wp-site-blocks, .ycd-all-content-wrapper, .ycd-countdown-wrapper {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    text-align: center;
}

.ycd-all-content-wrapper{
    height: auto;
    margin-top: auto;
}
.ycd-countdown-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

/*#sn_logo {*/
/*    content: "";*/
/*    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 306.3 77.86'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23010101;%7D.cls-2%7Bfill:none;stroke:%23010101;stroke-miterlimit:10;stroke-width:3.19px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-2' x1='146.24' y1='35.13' x2='77.75' y2='35.13'/%3E%3Cline class='cls-2' x1='306.3' y1='35.13' x2='237.81' y2='35.13'/%3E%3Cline class='cls-2' x1='68.49' y1='35.13' y2='35.13'/%3E%3Cline class='cls-2' x1='228.53' y1='35.13' x2='174.69' y2='35.13'/%3E%3Cg%3E%3Crect class='cls-1' x='86.18' y='42.58' width='13.11' height='34.13'/%3E%3Cpolygon class='cls-1' points='124.71 42.58 124.71 47.71 121.81 42.58 106.92 42.58 126.09 76.71 137.82 76.71 137.82 42.58 124.71 42.58'/%3E%3C/g%3E%3Cpolygon class='cls-1' points='195.01 42.58 195.01 64.17 181.9 64.17 181.9 76.71 222.61 76.71 222.61 64.17 209.27 64.17 209.27 42.58 195.01 42.58'/%3E%3Cpath class='cls-1' d='M297.07,53.71v-11.13h-14.38v10.9c0,3.53-.94,6.33-2.82,8.4-1.88,2.07-4.5,3.11-7.88,3.11s-6-1.04-7.88-3.11-2.82-4.87-2.82-8.4v-10.9h-14.26v11.13c0,7.36,2.28,13.23,6.84,17.6,4.56,4.37,10.6,6.55,18.11,6.55s13.57-2.19,18.17-6.55c4.6-4.37,6.9-10.24,6.9-17.6Z'/%3E%3Cpolygon class='cls-1' points='181.9 13.92 195.01 13.92 195.01 36.71 209.27 36.71 209.27 1.15 181.9 1.15 181.9 13.92'/%3E%3Cpath class='cls-1' d='M247.04,24.15v12.56h14.26v-12.33c0-3.53,.94-6.33,2.82-8.4s4.51-3.11,7.88-3.11,6,1.04,7.88,3.11c1.88,2.07,2.82,4.87,2.82,8.4v12.33h14.38v-12.56c0-7.36-2.3-13.22-6.9-17.6-4.6-4.37-10.66-6.56-18.17-6.56-7.9,0-14.03,2.15-18.4,6.44-4.37,4.29-6.55,10.2-6.55,17.71Z'/%3E%3Cpath class='cls-1' d='M9.69,21.28c0,6.33,2.41,11.46,7.14,15.44H49.86c-.47-.29-.95-.61-1.42-.86-1.89-.98-4.26-1.97-7.1-2.96l-10.68-3.94c-4.7-1.71-7.05-4.58-7.05-8.62,0-2.48,.9-4.52,2.7-6.11,1.8-1.59,4.31-2.39,7.53-2.39s5.94,.9,7.94,2.7c1.99,1.8,2.99,4.2,2.99,7.19v2.19h14.03v-1.61c0-6.82-2.28-12.25-6.84-16.27C47.39,2.01,41.35,0,33.84,0s-13.13,2.05-17.54,6.15c-4.41,4.1-6.61,9.14-6.61,15.12Z'/%3E%3Cg%3E%3Crect class='cls-1' x='124.71' y='1.15' width='13.11' height='35.56'/%3E%3Cpolygon class='cls-1' points='98.43 1.15 86.18 1.15 86.18 36.71 99.29 36.71 99.29 28.99 103.63 36.71 118.5 36.71 98.43 1.15'/%3E%3C/g%3E%3Cpath class='cls-1' d='M60.41,54.74c0-3.26-.52-6.14-1.56-8.64-.54-1.29-1.21-2.46-2-3.52H27.72l10.39,3.86c5.51,1.92,8.27,5.22,8.27,9.91,0,2.84-1.08,5.15-3.22,6.91s-5.14,2.65-8.97,2.65-6.69-.86-8.8-2.59-3.16-4.12-3.16-7.19v-3.11H8.08v2.53c0,6.82,2.43,12.25,7.3,16.27,4.87,4.02,11.25,6.04,19.15,6.04s14.09-2.13,18.8-6.38c4.71-4.26,7.07-9.83,7.07-16.73Z'/%3E%3C/svg%3E");*/
/*    background-size: cover;*/
/*    width: 100px;*/
/*    height: 25px;*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*    margin-top: 75px;*/
/*    cursor: pointer;*/
/*}*/

#sn_logo svg {
    height: 60px;
    width: 200px;
}
@media only screen and (min-width: 768px) {
#sn_logo svg {
    height: 30px;
    width: 100px;
}
}
#sn_logo{
    margin-top: auto;
    transition: 0.4s ease-in-out;
    margin-bottom: 75px;
    position: relative;
    z-index: 999;
}
#sn_logo + div{
    opacity: 0;
    transition: 0.4s ease-in-out;
    position: absolute;
    width: 300px;
    left: 0px;
    right: auto;
    top: auto;
    bottom: -1000px;
    margin: auto;
    height: fit-content;
}
#sn_logo:hover{
opacity: 0;
}
#sn_logo:hover + div {
    width: 100%;
    opacity: 1;
    bottom: 75px;
    z-index: 10;
}


@media only screen and (min-width: 1024px) {
    .ycd-countdown-wrapper::after {
        margin-bottom: 75px;
    }
}

.ycd-simple-mode-textUnderCountdown {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media only screen and (min-width: 1024px) {
    .ycd-simple-countdown-number {
        font-size: 42px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .ycd-simple-countdown-label {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .ycd-countdown-wrapper::after {
        width: 100px;
        height: 25px;
        margin-top: auto;
    }

    .ycd-simple-time {
        margin-top: auto;
    }
}

body .is-layout-flex {
    justify-content: center;
}

.wp-block-button__link {
    background-color: #004138;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 1rem;
}

#jtg-40 {
    width: 75% !important;
    margin: 0 auto;
}

.page-id-37 p {
    margin: 50px auto;
    width: 50%;
}

.post-password-form label[for="pwbox-37"] {
    display: flex;
    flex-direction: column;
}
.post-password-form input[type="password"] {
    background-color: #faf4ed;
    border: 1px solid #004138;
    border-radius: 0;
    margin: 15px auto;
    height: 2rem;
    font-size: 2rem;
    width: 50%;
    text-align: center;
}

.post-password-form input[type="submit"] {
    background-color: #004138;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.post-password-form {
    position: absolute;
    top: 25%;
    right: 0;
    left: 0;
}

.wp-block-group {
    height: 0;
}

.modula-items .modula-item {
    background: #004138;
}
.modula-items .modula-item img.pic {
    opacity: .6 !important;
}
.modula-items .modula-item:hover {
    background: transparent;
}
.modula-items .modula-item:hover img.pic {
    opacity: 1 !important;
}