/*
Theme Name:   TrailRoquetes
Theme URI:    https://www.trailroquetes.cat
Description:  Custom theme for Trail Roquetes Website
Author:       SeGeTIC
Author URI:   https://www.segetic.com
Template: generatepress
Version:      0.1
*/

/* **** Theme customization **** */
/* **** Generales **** */
/* **** Header **** */
/* **** Home **** */
/* **** Horari *****/
/* **** Contacto **** */
/* **** Error 404 Page **** */
/* **** Footer **** */
/* **** Media Queries **** */


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

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("css/font/Inter-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("css/font/Inter-Light.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("css/font/Inter-Medium.woff2") format("woff2");
}
@font-face { font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("css/font/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("css/font/Inter-Bold.woff2")
    format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("css/font/Inter-ExtraBold.woff2")
    format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("css/font/Inter-Black.woff2")
    format("woff2");
}

:root {
    --amarillo: #FEFD03;
    --amarillo-oscuro: #D6D503;
    --texto1: #202020;
    --rojo: #ff3d1b;
}

/* **** Generales **** */
body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
}
.custom-link {
    font-size: 25px;
    color: var(--texto1);
}
a {
    color: var(--texto1);
}
a:hover {
    color: var(--rojo);
}

/* **** Header **** */
.site-header .header-image {
    max-height: 65px;
    width: auto;
}
.inside-top-bar {
    padding: 0 40px !important;
}
.inside-header {
    padding: 10px 40px !important;
}
.top-bar-left {
    color: #000;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
}
.top-bar-left-item1 {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var( --texto1);
}
.top-bar-left-item2 {
    display: flex;
    align-items: center;
    gap: 6px;
}
.top-bar-left .top-bar-left-separator {
    border-left: 1px solid #000;
    height: 16px;
}
.top-bar-right {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 20px;
}
.top-bar-right .social-link {
    color: var( --texto1);
    font-size: 16px;
    text-decoration: none;
    transition: color 0.3s ease;
}
.top-bar-right .social-link:hover {
    color: #444;
}
.page-kmv .site-header {
    background-color: #ffffff;
}
.page-kmv .main-navigation .main-nav ul li a,
.page-kmv .main-navigation .menu-toggle,
.page-kmv .main-navigation .menu-bar-items {
    color: #000000;
}
.page-kmv .main-navigation ul ul {
    background-color: #ffffff;
}
.home-header {
    position: relative;
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out;
}

/* **** Home **** */
.home-phrases h3 {
    height: 70px;
}
.home-block3-text3 {
    height: 72px;
}
.jeg-elementor-kit.jkit-postblock .jkit-readmore {
    background-color: transparent !important;
}
.logo_blanco img {
    filter: brightness(0) invert(1);
    max-height: 100px;
    width: auto !important;
}

/* **** Horari *****/
.totes {
    background-color: greenyellow;
}
.a {
    background-color: palevioletred;
}
.c {
    background-color: deepskyblue;
}

/* **** Contacto *****/
.page-contacte .wpcf7-form {
    padding-top: 25px;
}
.page-contacte .wpcf7-form input[type="text"],
.page-contacte .wpcf7-form input[type="tel"],
.page-contacte .wpcf7-form input[type="email"],
.page-contacte .wpcf7-form textarea {
    border-color: var(--texto1);
}
.page-contacte .wpcf7-form p:nth-child(-n+5) {
    width: 49%;
    display: inline-block;
}
.page-contacte .wpcf7-form .wpcf7-list-item {
    margin-left: 0;
}
.page-contacte .wpcf7-form label a {
    text-decoration: underline;
}
.page-contacte .wpcf7-form .wpcf7-submit {
    background-color: var(--amarillo);
    color: var(--texto1);
}
.page-contacte .wpcf7-form .wpcf7-submit:hover {
    background-color: var(--amarillo-oscuro);
}

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

/* **** Páginas Legales (Politica cookies, Política Privacidad, Aviso legal) **** */
.page-politica-de-privacitat h2,
.page-politica-de-privacitat h3,
.page-politica-de-cookies h2,
.page-politica-de-cookies h3,
.page-avis-legal h2,
.page-avis-legal h3 {
    font-size: 28px;
}



/* **** Footer **** */
.footer-widget-1 .widget_text {
    padding-left: 50px !important;
}
.footer-widget-1 img {
    width: 200px;
}
.footer-widget-2 ul.menu li a {
    color: #ffffff;
    text-decoration: none;
}
.footer-widget-2 ul.menu {
    margin-left: 85px;
}
.footer-widget-2 ul.menu li a:hover {
    color: var(--rojo);
}
.footer-widget-3 a {
    color: #ffffff;
    text-decoration: none;
}
.footer-widget-3 p {
    margin-bottom: 5px;
}
.footer-widget-3 #media_image-3 img {
    width: 50%;
}
ul.footer-social-icons {
    margin-top: 20px;
}
ul.footer-social-icons li {
    display: inline-block;
}
ul.footer-social-icons li i {
    font-size: 22px;
    color: #fff;
    padding: 0 10px 0 0;
    transition: color 0.3s ease;
}


/* **** Media Queries **** */
@media (max-width: 767px) {
    .footer-widget-1 .widget_text {
        padding-left: 0 !important;
    }
    .footer-widget-2 ul.menu {
        margin-left: 0;
    }
}