/*
Theme Name:   Univers de Sanació
Theme URI:    https://www.universdesanacio.com
Description:  Custom theme for Univers de Sanació
Author:       SeGeTIC
Author URI:   https://www.segetic.com
Template: generatepress
Version:      0.1
*/


/* **** Theme customization **** */
/* **** Generales **** */
/* **** Header **** */
/* **** Home **** */
/* **** Página Servicio **** */
/* **** Contacto **** */
/* **** Error 404 Page **** */
/* **** Footer **** */
/* **** Media Queries **** */


/* **** Theme customization **** */

:root {
    --color_catalan: #52a656;
    --color_espanol: #d9ca12;
    --color_frances: #30ADFF;
    --color_ingles: #fdbb0f;

    --naranja: #FFA600;
    --gris: #7a7a7a;
    --gris1: #5d7731;
    --gris-claro: #CCCCCC;
}

@font-face {
    font-family: 'Roboto'; /* Nombre de la fuente */
    src: url('font/roboto-regular.woff2') format('woff2'), /* Formato moderno */
    url('font/roboto-regular.woff') format('woff'),   /* Amplia compatibilidad */
    url('font/roboto-regular.ttf') format('truetype'), /* Compatibilidad básica */
    url('font/roboto-regular.otf') format('opentype'), /* Opcional */
    url('font/roboto-regular.eot'); /* Formato antiguo para IE9 y anteriores */
    font-weight: normal; /* Peso de la fuente */
    font-style: normal;  /* Estilo de la fuente */
}

/* **** Generales **** */
body {
    font-family: Roboto;
}
::selection {
    background: var(--gris) !important;
    color: #fff;
}
a {
    color: #000000 !important;
}
h1 {
    font-size: 2.375rem;
}
body.lang-ca .button,
body.lang-ca .elementor-button {
    background-color: var(--color_catalan) !important;
    color: #ffffff !important;
    font-weight: normal !important;
}
body.lang-es .button,
body.lang-es .elementor-button {
    background-color: var(--color_espanol) !important;
    color: #ffffff !important;
    font-weight: normal !important;
}
body.lang-fr .button,
body.lang-fr .elementor-button {
    background-color: var(--color_frances) !important;
    color: #ffffff !important;
    font-weight: normal !important;
}
body.lang-en .button,
body.lang-en .elementor-button {
    background-color: var(--color_ingles) !important;
    color: #ffffff !important;
    font-weight: normal !important;
}
.boton a {
    width: 100%;
    cursor: pointer;
}
.inside-article {
    padding-top: 0;
}
.entry-content:not(:first-child) {
    margin-top: 0;
}
.fa-copy {
    cursor: pointer;
    font-size: 26px;
    position: absolute;
    left: 4px;
    bottom: 7px;
}

/* **** Header **** */
.site-logo {
    max-width: 100px;
}
body.lang-ca header {
    background-color: var(--color_catalan);
}
body.lang-es header {
    background-color: var(--color_espanol);
}
body.lang-fr header {
    background-color: var(--color_frances);
}
body.lang-en header {
    background-color: var(--color_ingles);
}
.nav-float-right #site-navigation {
    margin-right: 100px;
}
.main-navigation .main-nav ul li a {
    text-transform: uppercase;
    line-height: 20px !important;
}
.main-navigation,
.main-navigation ul ul,
.main-navigation li {
    background-color: transparent;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #000000;
}
.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}
.inside-header {
    padding: 20px 70px !important;
}
.lang_selector a {
    text-decoration: none;
}
.lang_selector span {
    margin: 0 5px;
}

/* **** Home **** */
.serveis-home p {
    margin-bottom: 0;
}

/* **** Página Servicio **** */
.header-image-page {
    padding: 0 !important;
}
.header-image-page img {
    opacity: 0.8;
}
.header-image-page > div.elementor-widget-heading {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -25%);
    text-align: center;
}
.formas-contacto {
    list-style: none;
    margin-left: 10px;
}
.formas-contacto i {
    font-size: 20px;
    vertical-align: middle;
}
.formas-contacto li {
    margin-bottom: 15px;
}

/* **** Quienes somos **** */
.servicio-quienes-somos {
    background: linear-gradient(135deg, #ffffff, #f0f0f0);
    padding: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    height: 125px !important;
}
.servicio-quienes-somos:hover {
    color: white;
    transform: scale(1.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
body.lang-ca .servicio-quienes-somos:hover {
    background: linear-gradient(135deg, var(--color_catalan), #4e9d57);
}
body.lang-es .servicio-quienes-somos:hover {
    background: linear-gradient(135deg, var(--color_espanol), #FFC800);
}
body.lang-fr .servicio-quienes-somos:hover {
    background: linear-gradient(135deg, var(--color_frances), #0074D9);
}
body.lang-en .servicio-quienes-somos:hover {
    background: linear-gradient(135deg, var(--color_ingles), #ff8800);
}
.servicio-quienes-somos h2 {
    line-height: 40px;
}

/* **** Contacto *****/
.page-contacte input[type="text"],
.page-contacte input[type="email"],
.page-contacte input[type="tel"],
.page-contacte textarea {
    border-color: var(--gris);
    width: 100%;
}
.page-contacte .formas-contacto {
    margin-left: 0;
}
.page-contacte i.fa-brands {
    color: var(--gris);
    font-size: 25px;
}

/* **** Error 404 Page **** */


/* **** Footer **** */
body.lang-ca .site-footer {
    background-color: var(--color_catalan);
}
body.lang-es .site-footer {
    background-color: var(--color_espanol);
}
body.lang-fr .site-footer {
    background-color: var(--color_frances);
}
body.lang-en .site-footer {
    background-color: var(--color_ingles);
}
.site-footer .footer-widgets {
    background-color: transparent;
}
.inside-footer-widgets .textwidget img {
    max-width: 100px;
}
.inside-footer-widgets .textwidget,
.inside-footer-widgets .textwidget a {
    color: #ffffff !important;
    text-decoration: none;
}
.inside-footer-widgets .textwidget i {
    font-size: 25px;
    color: #ffffff !important;
}
.inside-footer-widgets .widget_nav_menu a {
    text-decoration: none;
    color: #ffffff !important;
}
.inside-site-info {
    padding: 5px 40px !important;
}

/* **** Media Queries **** */
@media (max-width: 767px) {
    .mobile-menu-control-wrapper .menu-toggle,
    .mobile-menu-control-wrapper .menu-toggle:hover,
    .mobile-menu-control-wrapper .menu-toggle:focus,
    .has-inline-mobile-toggle #site-navigation.toggled {
        background-color: transparent !important;
    }
    .main-navigation.toggled .main-nav li {
        padding: 5px 0;
    }
}