/*
Theme Name: Grupo TRIVIUM
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Plantilla personalizada para Grupo TRIVIUM
Author: Anukode
Author URI: https://pixcode.es/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/* > ESTILOS NATIVOS DE BRIDGE THEME >>>>>>>>>> */


/* > FORMATING >>>>>>>>>> */

/* -- Native Colors Palette -- */
.first-main-color {color: #d39504;}
.second-main-color {color: #003e70;}
.third-main-color {color: #fff;}
.fourth-main-color {color: #222;}
.fifth-main-color {color: #999;}
.sixth-main-color {color: #d2d2d4;}

/* General */
strong {font-weight: 700;}
.content p a:hover, .footer_top a:hover {text-decoration: underline;}
a.qbutton, a.qode-btn, a.elementor-button {border-radius: 50rem !important;}
a.elementor-button .elementor-button-icon svg {position: relative; top: 1px; height: 10px; transition: all .3s;}
a.qbutton:hover, a.qode-btn:hover {text-decoration: none;}
blockquote {margin: 30px 10px 30px 25px; padding-left: 15px; border-left: 8px solid #d39504;}
blockquote i.fa {color: #d39504;}
blockquote p {color: #999; font-size: 21px; font-weight: 700; }
blockquote h5 {color: #999; font-size: 21px; font-weight: 700; }

/* Loading Animation */
.qode-page-loading-effect-holder {z-index: 9999999999;}
.qode-page-loading-effect-holder img {width: 100px; height: 100px; animation: loading-image 1.5s infinite ease-in-out;}
@keyframes loading-image { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }

/* Contenido general */
.content.content_top_margin {margin-top: 92px !important;}

/* Page Title */
.content .title .title_holder {padding-top: 100px !important;}
.content:has(.title_outer) .title {}
@media only screen and (max-width: 768px) { .content .title .container_inner {width: auto; padding-right: 30px !important; padding-left: 30px !important;} }
@media only screen and (max-width: 420px) { .content .title .container_inner {padding-right: 15px !important; padding-left: 15px !important;} }
.title h1 {}
.title .text_above_title, .title .subtitle {text-shadow: 0 0 5px rgba(0, 0, 0, 0.30);}
.title .text_above_title {margin-bottom: 0;}
.title .subtitle {margin-top: 10px !important;}
@media only screen and (max-width: 768px) {
    .title {padding: 36px 0 !important;}
    .title .text_above_title {display: block;}
}

/* Section Title */
.section_title .qodef-qi-section-title {text-align: center;}
.section_title .qodef-m-subtitle {color: #d39504; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 30px;}
.section_title h1,
.section_title h2 {font-size: 36px; font-weight: 700; text-transform: none; line-height: 40px; letter-spacing: 0; margin: 0px 0px -5px 0px !important;}
@media only screen and (max-width: 768px) { .section_title h1, .section_title h2 {font-size: 28px; line-height: 32px;} }
.section_title.with_icon h1::before,
.section_title.with_icon h2::before {position: absolute; top: -70px; left: 0; content: ""; width: 100%; height: 60px; background-image: url(/wp-content/uploads/sites/22/isotipo-grupotrivium.svg); background-repeat: no-repeat; background-position: center;}
@media only screen and (max-width: 480px) {
    .section_title .qodef-m-subtitle {font-size: 16px; line-height: 26px;}
    .section_title h1,
    .section_title h2 {font-size: 28px; line-height: 38px;}
}

/* General Section Container */
@media only screen and (max-width: 1399px) {
    .content .full_width .tta_container,
    .content .tta_container {width: 100%; padding-right: 45px; padding-left: 45px;}
    .content .full_width .tta_container-full_width,
    .content .tta_container-full_width {width: 100%; padding-right: 0; padding-left: 0;}
    .content .full_width .tta_container-full_width .tta_content-grid,
    .content .tta_container-full_width .tta_content-grid {width: 100%; padding-right: 45px; padding-left: 45px;}
}
@media only screen and (max-width: 1024px) {
    .content .full_width .tta_container,
    .content .tta_container {padding-right: 30px; padding-left: 30px;}
    .content .full_width .tta_container-full_width .tta_content-grid,
    .content .tta_container-full_width .tta_content-grid {padding-right: 30px; padding-left: 30px;}
}
@media only screen and (max-width: 768px) {
    .content .full_width .tta_container,
    .content .tta_container {padding-right: 15px; padding-left: 15px;}
    .content .full_width .tta_container-full_width .tta_content-grid,
    .content .tta_container-full_width .tta_content-grid {padding-right: 15px; padding-left: 15px;}
}


/* > MENUS >>>>>>>>>> */

/* Main Menu */
header.page_header {position: fixed !important; height: 92px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);}
body.popup_menu_opened header.page_header {box-shadow: none;}
header .header_bottom {padding: 0;}

/* Main Menu Left */
header .header_inner_left {position: fixed !important; left: 0; padding: 25px 2px 25px 45px; background-color: rgba(255, 255, 255, 1);}
body.popup_menu_opened header .header_inner_left {display: none;}

header .header_inner_left .logo_wrapper {position: relative; width: auto !important; height: 42px !important;}
header .header_inner_left .logo_wrapper .q_logo {position: relative; top: 0;}
header .header_inner_left .logo_wrapper .q_logo a {width: auto !important; height: 42px !important; overflow: hidden; transition: all .3s ease;}
header .header_inner_left .logo_wrapper .q_logo a img {position: relative; top: 0; width: auto !important; height: 42px !important;}
@media only screen and (max-width: 1024px) {
   header .header_inner_left {padding-left: 30px;}
}
@media only screen and (max-width: 768px) {
   header .header_inner_left {padding-left: 15px;}
   header .header_inner_left .logo_wrapper {left: 0;}
   header .header_inner_left .logo_wrapper .q_logo a {left: 0;}
}

/* Main Menu Right */
header .header_inner_right {position: fixed; left: 268px; float: none; width: 100%; padding: 31px 0 31px; background-color: rgba(255, 255, 255, 1);}
body.popup_menu_opened header .header_inner_right {left: 0; padding: 40px 0; background-color: transparent;}
@media only screen and (max-width: 1024px) {
   header .header_inner_right {left: 253px;}
}
@media only screen and (max-width: 768px) {
   header .header_inner_right {left: 238px;}
}

/* Side Menu */
header .header_inner_right .side_menu_button_wrapper {width: 100%;}
header .header_inner_right .side_menu_button {display: block; width: 100%; height: 30px !important; cursor: default;}
header .header_inner_right .side_menu_button .popup_menu {position: fixed; right: 0; display: block; width: 30px; height: 30px; margin-right: 45px; padding: 0;}
header .header_inner_right .side_menu_button .popup_menu span {display: flex; transition: none;}
header .header_inner_right .side_menu_button .popup_menu span svg {color: #d39504; width: 30px; height: 30px;}
header .header_inner_right .side_menu_button .popup_menu span.qode-popup-menu-opener {}
header .header_inner_right .side_menu_button .popup_menu span.qode-popup-menu-closer {left: unset; right: 10px; transform: none;}
header .header_inner_right .side_menu_button .popup_menu span.qode-popup-menu-closer svg {color: #fff;}
@media only screen and (max-width: 1024px) {
   header .header_inner_right .side_menu_button .popup_menu {margin-right: 30px;}
}
@media only screen and (max-width: 768px) {
   header .header_inner_right .side_menu_button .popup_menu {margin-right: 15px;}
}

/* Popup Menu Holder */
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu {width: 80%;}
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li {font-size: inherit; line-height: revert-rule; padding: 0 0 30px;}
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li:last-child {padding: 0;}
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li a {display: inline-block; line-height: initial; transition: all .3s ease;}
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li a:hover {opacity: .8;}
.popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li a span {font-size: inherit;}
@media only screen and (max-width: 768px) {
   .popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li {padding: 0 0 20px;}
   .popup_menu_holder_outer .popup_menu_holder nav.popup_menu ul li a {font-size: 34px; line-height: 52px;}
}


/* > INICIO >>>>>>>>>> */

/* Cabecera */
.tta-header-inicio {background-color: #222 !important;}
.tta-header-inicio .elementor-background-video-container {transition: none !important;}
.tta-header-inicio .section_title-inicio p.qodef-m-subtitle {color: #fff; font-size: 21px; font-weight: 500; line-height: 28px; text-shadow: 1px 1px 30px rgba(0,0,0,0.95);}
.tta-header-inicio .section_title-inicio h1 {text-shadow: 1px 1px 30px rgba(0,0,0,0.95);}
.tta-header-inicio .section_title-inicio .qodef-m-text p {color: #fff; font-size: 18px; font-weight: 500; line-height: 28px; text-shadow: 1px 1px 30px rgba(0,0,0,0.95);}
.tta-header-inicio .tta-cta-header {display: flex; width: auto; margin: 0 auto 0 0;}
.tta-header-inicio .tta-cta-header a.elementor-button .elementor-button-icon svg {top: 2px; height: 12px;}
@media only screen and (max-width: 1024px) { .tta-header-inicio .section_title-inicio p {font-size: 18px; line-height: 1.4em;} }

/* Empresas del grupo */
.tta-grid-container-companies .tta-companies .qodef-m-text p {font-size: 14px; line-height: 21px;}

/* Contacto */
.tta-grid-container-contact .contact_txt a {color: #d39504;}


/* > AVISOS LEGALES >>>>>>>>>> */
.page-legales .legal_content h2 {font-size: 24px; line-height: 28px; letter-spacing: 0; margin: 2rem 0 1rem;}
.page-legales .legal_content h3 {font-size: 18px; line-height: 20px; letter-spacing: 0; margin: 2rem 0 1rem;}
.page-legales .legal_content p {margin-top: 14px; margin-bottom: 14px;}
.page-legales .legal_content ul, .page-legales .legal_content ol {list-style-position: outside; margin-bottom: 2rem; margin-left: 30px;}
.page-legales .legal_content a {text-decoration: underline !important;}


/* > FOOTER >>>>>>>>>> */

/* Footer Bottom */
footer .footer_bottom_holder {border-bottom: solid 20px #d39504;}
footer .footer_bottom_holder .footer_bottom .copyright {padding-bottom: 5px;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul {line-height: normal;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li {position: relative; display: inline-block; width: auto !important; margin: 0 5px !important; padding: 0;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li:first-child {margin-left: 0 !important;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li:last-child {margin-right: 0 !important;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li a {font-size: 13px; line-height: 16px;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li a:hover {text-decoration: underline;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li::after {position: absolute; top: 1px; right: -9px; content:"|"; font-size: 13px;}
footer .footer_bottom_holder .footer_bottom .menu-menu-footer-legal-container ul li:last-child::after {display: none;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Back to top */
@media only screen and (max-width: 768px) { #back_to_top {left: 50%; right: auto !important; transform: translateX(-50%);} }
#back_to_top span i, #back_to_top span span {position: relative; top: -1px; line-height: initial;}
#back_to_top span i::before {font-size: 18px;}

/* Aviso Cookies - Complianz */
.cmplz-btn.cmplz-manage-consent {border: solid 1px #d39504 !important;}
.cky-consent-container {z-index: 1999;}
.cky-consent-container .cky-title {display: none;}
.cky-btn-revisit-wrapper {background-color: #222 !important;}
.cky-modal .cky-footer-wrapper div:last-child {display: none !important;}

/* >>>>>>>>>>> */