/*
Theme Name: Rebula-child
Text Domain: Rebula-child
Version: 2g1c
Description: Al tempo degli dei dell'Olimpo, dei signori della guerra e dei re che spadroneggiavano su una terra in tumulto, il genere umano invocava il soccorso di un eroe per riconquistare la libertà finalmente arrivò Xena, l'invicibile princepessa guerriera forgiata dal fuoco di mille battaglie. La lotta per il potere, le sfrenate passioni, gli intrighi e tradimenti furono affrontati con indomito coraggio da colei, che sola, poteva cambiare il mondo.
Author: Rebula srl
Author URI: https://rebula.it
Template: rebula
*/

/* 
  @tailwind base;
  @tailwind components;
  @tailwind utilities; 
*/

.cursor-pointer {
    cursor: pointer;
}

.site {
    overflow: hidden;
}

h1, h2 {
    font-family: 'Gambarino';
}

body {
    font-family: 'Switzer-Regular';
    color: #732002;
}

p.font-semibold, a.font-semibold {
    font-family: 'Switzer-Semibold';
}

html {
    scroll-behavior: smooth;
}

body.logged-in #site-header{
    top: 32px !important;
}

@media (max-width: 782px) {
    body.logged-in #site-header{
        top: 46px !important;
    }
}

.swiper-wrapper {
    transition-duration: 1s !important;
    transition-timing-function: ease-in-out !important;
}


.swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #732002;
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #732002;
    border: 1px solid #732002;
}

#page {
    min-height: 100vh;
}


header .position::before,
header .telephone::before {
    content: '';
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 6px;
    background-image: url('./img/cu_pin.png');
    background-position: center;
    background-size: contain;
    transition: .3s;
}

header .position::before {
    background-image: url('./img/cu_pin.png');
}
header .telephone::before {
    background-image: url('./img/cu_tel.png');
}

header .position:hover::before,
header .telephone:hover::before {
    filter: brightness(2);
    transition: .3s;
}



header #menu-btn {
    font-size: 2.125rem;
    line-height: .2em;
    position: relative;
}

header #menu-btn div {
    height: 2px;
    width: 18px;
    margin-bottom: 3px;
    transition: all .3s;
}

header #menu-btn:hover div {
    scale: 1.2;
    background-color: #fff;
    transition: all .3s
}

.popup-menu-open header #menu-btn div:nth-child(1){
    rotate: 45deg;
    translate: 0 6px;
    transition: all .3s;
}

.popup-menu-open header #menu-btn div:nth-child(2){
    opacity: 0;
    translate: -6px 0;
    transition: all .3s;
}

.popup-menu-open header #menu-btn div:nth-child(3){
    rotate: -45deg;
    translate: 0 -4px;
    transition: all .3s;
}

#popup-menu {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}

#popup-menu a {
    transition: color .3s;
}

#popup-menu a:hover {
    color: #fff;
    transition: color .3s;
}

.popup-menu-open #popup-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition: all .3s;
}

.popup-menu-open {
    height: 100vh;
    overflow: hidden;
}

header > div {
    transition: background-color .3s;
}

header div.front {
    background-color: transparent !important;
    transition: background-color .3s;
}

header .menu {
    display: flex;
    flex-direction: column;
}

header .menu li{
    margin: 0.5em auto;
}

.footer-menu a {
    transition: opacity .3s;
}

.footer-menu a:hover {
    opacity: .6;
    transition: opacity .3s;
}

footer .privacy-menu li {
    margin-right: 1em;
}

footer .privacy-menu li a {
    text-decoration: underline;
    opacity: .6;
    transition: all .3s;
    font-size: 14px;
}

footer .privacy-menu li a:hover {
    opacity: 1;
    transition: all .3s;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0;
    height: 18px;
}

.wpml-ls-legacy-list-horizontal ul li a {
    padding-top: 0;
    padding-bottom: 0;
    transition: color .3s;
}

.wpml-ls-legacy-list-horizontal ul li a:hover {
    color: #fff;
    transition: color .3s;
}

.wpml-ls-legacy-list-horizontal ul li:first-child {
    border-right: 2px solid #D6CCAA;
}

@media (max-width: 1024px) {
    #services-grid div:nth-child(4) {
        grid-column: 2 / span 2;
    }
}


@media (max-width: 990px) {
    .menu-item {
        font-size: 1em;
    }
}