/* ========================================================== 01. Design tokens ========================================================== */ :root { --indigobe-blue: #648B8D; --indigobe-blue-hover: #587D7F; --indigobe-blue-23: rgba(100, 139, 141, .23); --indigobe-green: #A2BB8B; --indigobe-green-hover: #92AD79; --indigobe-green-25: rgba(162, 187, 139, .25); --indigobe-green-75: rgba(162, 187, 139, .75); --indigobe-green-95: rgba(162, 187, 139, .95); --indigobe-yellow: #ECC500; --indigobe-yellow-hover: #D8B400; --indigobe-teal: var(--indigobe-blue); --indigobe-teal-hover: var(--indigobe-blue-hover); --indigobe-burgundy: #A73E0C; --indigobe-burgundy-hover: #92360A; --indigobe-cta-blue: #025782; --indigobe-cta-blue-hover: #0D668F; --indigobe-text: #030304; --indigobe-text-muted: #313131; --indigobe-surface: #ffffff; --indigobe-surface-muted: #f3f3f3; --indigobe-font-primary: 'Geomanist', sans-serif; --indigobe-font-book: 'Geomanist Book', sans-serif; --indigobe-h1-desktop: 24px; --indigobe-h1-mobile: 24px; --indigobe-h2-desktop: 20px; --indigobe-h2-mobile: 20px; --indigobe-heading-line-height: 1.1; --indigobe-subheading-line-height: 1.2; --indigobe-transition: 400ms ease-in-out; } /* Resúmenes de circuito en móvil. Esta hoja se carga después de liste.css, por lo que estas reglas deben permanecer aquí para prevalecer sobre el layout móvil histórico. */ @media (max-width: 768px) { /* Próximas salidas y Viajes recomendados: resumen en línea. */ .listeProgramm .itemPro .content .preFt, .list-recom .itemPro .content .preFt { display: flex !important; align-items: center; justify-content: center; flex-flow: row nowrap; gap: clamp(10px, 3.5vw, 22px); width: 100%; min-height: 58px; margin: 10px 0; padding: 0 12px; } .listeProgramm .itemPro .content .preFt > div, .list-recom .itemPro .content .preFt > div { width: auto; min-width: 0; } .listeProgramm .itemPro .content .preFt .left, .list-recom .itemPro .content .preFt .left { display: flex; align-items: center; justify-content: center; flex-flow: row nowrap; gap: 8px; } .listeProgramm .itemPro .content .preFt .left .period, .list-recom .itemPro .content .preFt .left .period { margin: 0; white-space: nowrap; } .listeProgramm .itemPro .content .preFt .right, .list-recom .itemPro .content .preFt .right { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; padding-top: 0; line-height: normal; text-align: center; } .listeProgramm .itemPro .content .preFt .right { flex-flow: row nowrap; gap: 6px; } .list-recom .itemPro .content .preFt .right { flex-direction: column; } .listeProgramm .itemPro .content .preFt .right .price, .list-recom .itemPro .content .preFt .right .price { font-size: clamp(27px, 8vw, 34px); line-height: 1; white-space: nowrap; } .list-recom .itemPro .content .preFt .right .i-price-niv-0 { width: 100%; margin-top: 5px; line-height: 1.15; text-align: center; } /* Pie del slider: calendario a la izquierda y CTA a la derecha. */ .listeProgramm .itemPro .ftItem, .list-recom .itemPro .ftItem { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; flex-direction: initial; min-height: 64px; height: auto; padding: 0; } .listeProgramm .itemPro .ftItem::after, .list-recom .itemPro .ftItem::after { display: none !important; content: none; } .listeProgramm .itemPro .ftItem .toHide, .list-recom .itemPro .ftItem .toHide { display: flex; align-items: center; justify-content: center; max-width: none; min-width: 0; margin: 0; padding: 10px 12px 10px 47px; background-position: left 11px center; background-size: 29px; line-height: 1.25; text-align: left; } .listeProgramm .itemPro .ftItem .btn, .list-recom .itemPro .ftItem .btn { position: static !important; inset: auto; width: auto; min-width: 145px; min-height: 64px; margin: 0; padding: 12px 22px; } /* Listado de circuitos: salida y precio alineados, CTA debajo. */ .i-liste-content .i-liste-bottom-right > .i-price-cta { display: contents !important; } .i-liste-content .i-liste-bottom-right > .i-depart { width: 50%; margin: 0; } .i-liste-content .i-liste-bottom-right > .i-price-cta > .i-price { width: 50%; margin: 0; } .i-liste-content .i-liste-bottom-right > .i-price-cta > .btn { position: relative; width: 100%; margin: 0; } /* Ficha del circuito: centrar por el contenido real, con independencia de cuántas celdas opcionales se hayan renderizado. */ .itemPro.i-banner-details .i-detail-bottom .i-period { display: flex; width: 100% !important; margin: 0 !important; align-items: center; justify-content: center !important; text-align: center; } .itemPro.i-banner-details .i-detail-bottom .i-price-cta { display: flex !important; width: 100% !important; align-items: stretch; justify-content: center !important; text-align: center; } .itemPro.i-banner-details .i-detail-bottom .i-btn-price { display: flex !important; width: 100%; margin: 0; padding-right: 20px; padding-left: 20px; align-items: center; justify-content: center !important; text-align: center; } .itemPro.i-banner-details .i-detail-bottom .i-price-niv-0 { justify-content: center !important; text-align: center; } } @media (max-width: 420px) { .listeProgramm .itemPro .content .preFt, .list-recom .itemPro .content .preFt { gap: 8px; padding-right: 8px; padding-left: 8px; } .listeProgramm .itemPro .content .preFt .left, .list-recom .itemPro .content .preFt .left { gap: 4px; } .listeProgramm .itemPro .content .preFt .right .price, .list-recom .itemPro .content .preFt .right .price { font-size: 25px; } .listeProgramm .itemPro .ftItem .toHide, .list-recom .itemPro .ftItem .toHide { padding-left: 39px; background-position: left 8px center; background-size: 26px; font-size: 13px; } .listeProgramm .itemPro .ftItem .btn, .list-recom .itemPro .ftItem .btn { min-width: 120px; padding-right: 13px; padding-left: 13px; font-size: 13px; } } @media (max-width: 768px) { .listeProgramm, .list-recom { padding-bottom: 78px; } .programm .listeProgramm .slick-arrow, .recommander .list-recom .slick-arrow { top: auto !important; bottom: 12px; margin-top: 0 !important; } .programm .listeProgramm .slick-prev, .recommander .list-recom .slick-prev { left: 24px; } .programm .listeProgramm .slick-next, .recommander .list-recom .slick-next { right: 24px; left: auto; } } /* ========================================================== 02. Reset and base styles ========================================================== */ body { font:14px/24px var(--indigobe-font-primary);font-weight: normal; color:#231f20; background-color: var(--indigobe-surface); box-sizing: border-box; transition: all var(--indigobe-transition); } body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;} article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;} input, textarea,select { -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;} strong, b { font-weight: bold;} ul { list-style-type:none;} ul li { font-size: 14px;margin-bottom: 13px; } .header ul li { font-size: 16px;} .header .bigMenu p {font-size: 14px;} a { text-decoration:none; color:#231f20; outline:none; transition: all var(--indigobe-transition);} img { border:none;max-width: 100%; } p { margin-bottom: 24px;color: var(--indigobe-text);} ins, mark { background: var(--indigobe-green); color: #231f20;} *, :after, :before{ box-sizing: border-box;} .container { max-width: 1270px; width: 100%; margin: 0 auto;padding-right: 40px;padding-left: 40px; } .programm .container, .recommander .container {padding-left: 20px;padding-right: 20px;} .row { margin-right: -20px;margin-left: -20px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 20px; padding-left: 20px; } .salida {color: #ffffff;} .btn { background-color: var(--indigobe-cta-blue); color: #ffffff; font: 16px var(--indigobe-font-book); padding:21px 30px; border-radius: 0; border: none; transition: all var(--indigobe-transition);text-transform: uppercase;height: 60px;text-align: center; } .btn:hover { background-color: var(--indigobe-cta-blue-hover); color: #ffffff; } .btn span { position: relative;padding-right:37px; } .btn span:after { content: "";background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-l.png') no-repeat center;width: 20px;height: 15px;display: inline-block;position: absolute;top: 50%;margin-top: -8px;right: 0;transition:all var(--indigobe-transition); } .btn:hover span:after { right: -5px; } .btn.btn-secondary { background-color: var(--indigobe-cta-blue); color: #ffffff; } .btn.btn-secondary span::after { background-image: url('/wp-content/themes/indigobe/assets/css/../images/arrow3.png'); } .btn.btn-secondary:hover { background-color: var(--indigobe-cta-blue-hover); } .btn.btn-secondary:hover span:after { background-image: url('/wp-content/themes/indigobe/assets/css/../images/arrow1.png'); } .btn:focus { border-color: transparent;box-shadow:none; } h1 { color: var(--indigobe-cta-blue); font-family: var(--indigobe-font-primary); font-size: var(--indigobe-h1-desktop); font-weight: 700; line-height: var(--indigobe-heading-line-height); margin-bottom: 20px;} h2 { color: var(--indigobe-text); font-family: var(--indigobe-font-primary); font-size: var(--indigobe-h2-desktop); font-weight: 700; line-height: var(--indigobe-subheading-line-height); margin-bottom: 20px;} h3 { color: var(--indigobe-text); font: bold 18px var(--indigobe-font-primary); margin-bottom: 15px;} h4 { color: var(--indigobe-text); font: bold 18px var(--indigobe-font-primary); margin-bottom: 15px;} ::placeholder { color: var(--indigobe-text-muted);font-weight: 500;opacity: 1; } input[type=text],input[type=mail],input[type=search] { border:0;padding:13px 20px;border-radius: 0;height: 60px; } textarea { border:0;padding:13px 20px;border-radius: 0; } select{ background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-d.png') no-repeat transparent;padding: 10px 35px 10px 0;border-radius: 0;font-size: 14px;color: var(--indigobe-text); border: 0; cursor: pointer ; border:none;display: block;height: 50px;width:100%;background-position:calc(100% - 15px) center} select option { padding: 10px 20px; } .hidden { display: none; } #preloader { background: #ffffff url('/wp-content/themes/indigobe/assets/css/../images/loader.gif') no-repeat center; background-size:50px 50px; height: 100vh;width: 100%;position: fixed;z-index: 120;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center; } #preloader2 { background: #ffffff url('/wp-content/themes/indigobe/assets/css/../images/loader.gif') no-repeat center; background-size:50px 50px; height: 100%;width: 100%;position: absolute;z-index: 20;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center; } .pre-logo { position: relative;top:-80px; } /* ========================================================== 03. Shared components: buttons, forms and sliders ========================================================== */ .slick-arrow{ width: 20px;height: 40px;border:0;font-size: 0;line-height: 0;text-indent: -99999;z-index: 2;background-color: transparent; background-repeat: no-repeat;background-position: 50% 50%;position: absolute;top: 50%;margin-top: -20px;left: -25px;padding: 0; } .slick-next{ background-image:url('/wp-content/themes/indigobe/assets/css/../images/arrow-r-b.png');right: -25px;left: auto;} .slick-prev{ background-image:url('/wp-content/themes/indigobe/assets/css/../images/arrow-l-b.png');} .slick-arrow.slick-prev:hover { background-position: 20% center ; } .slick-dots { display: flex; justify-content: center; align-items: center; } .slick-dots li { margin: 0 3px;} .slick-dots li.slick-active>button { border-color: var(--indigobe-green);background-color: var(--indigobe-green); } .slick-dots li>button { width: 15px; height: 15px; background-color: transparent;border: 2px solid var(--indigobe-blue); font-size: 0; line-height: 0;padding: 0;} @keyframes showLeft { from { width: 0;} to { width: 25.5%;} } .showLeft { -webkit-animation-name: showLeft; animation-name: showLeft; } /* ========================================================== 04. Header and navigation ========================================================== */ .header { background-color: #ffffff; } .topHader { background-color: var(--indigobe-cta-blue);color: #ffffff;padding:10px 0 11px; } .topHader .left { display: flex; } .topHader .left .blog { position: relative;padding-left: 50px; } .topHader .left .blog::before { content: "";width: 1px;height: 12px;display: block;background-color: var(--indigobe-green);position: absolute;left: 25px;top: 6px; } .topHader ul li { margin-bottom: 0; } .topHader .container { display: flex;justify-content: space-between; padding:0 16px 0 0;} .topHader .container .right { display: flex; } .topHader .container .right ul.list-inline li { float: left;margin-right: 50px;position: relative; } .topHader .container .right ul.list-inline li::after { content: "";width: 1px;height: 12px;display: block;background-color: var(--indigobe-green);position: absolute;right: -25px;top: 6px; } .topHader a { color: #ffffff; } .marque a { padding-right: 20px;background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-d.png') no-repeat center right; } .list-marque,.choix { display: none;animation: animation_menu 300ms; } .tel { padding-left: 25px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAV1BMVEUAAABqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGpqrGqkqRZAAAAAHHRSTlMA+xHtuNoaBfPwqYhkRzb15uLgzMKue3VtW04mzgEs8AAAAGFJREFUCNdNzUcShDAQBMFmJGEX1mPr/+8kMCGpbnmYaUnDp1Vqa2BObAFXRdYAFllA8VAswKRUB13G8kldZh7ha5Lu75WHn6l37/60BXD/Y2G5zgNXTmfmgXx/9a/GD9oBL2oF/XBAsO4AAAAASUVORK5CYII=') no-repeat left center; } /* Main menu */ .bigMenu { height: 0;display: none; width: calc(100% - 120px);margin: 0 auto;border: 8px solid var(--indigobe-blue);position: absolute;top: 0; } .main-menu { display: flex;justify-content: space-between;align-items: center;padding: 8px 0;position: sticky;top: 0; } .main-menu ul li { margin-bottom: 0;display: inline-block; } /* Social links */ .top.rs { position: fixed;top: 50%;right: 0; margin-top: -125px;z-index: 10; } .rs li { margin-bottom: 0;width: 60px;height: 60px;} .rs li a {height: 50px;background-color: #ffffff;display: flex;justify-content: center;align-items: center; } .rs li.active a,.rs li:hover a{ background-color: var(--indigobe-blue); } .rs li.active img,.rs li:hover img { filter: saturate(0) invert(1) brightness(600); } /* ========================================================== 05. Hero and banners ========================================================== */ .banner .itemBanner { background-position: center;background-repeat: no-repeat;background-size: cover; height: calc(75vh - 135px);display: flex;justify-content: center;align-items: center; } .banner.home .itemBanner { height: calc(100vh - 135px);} .banner .itemBanner h1, .banner .itemBanner h2 { color: #ffffff; font-family: var(--indigobe-font-primary); font-size: 48px; line-height: 1.2; font-weight: 900; text-shadow: 0 0 16px rgba(0,0,0,.36); margin-bottom: 0; } .banner .itemBanner p { color: #ffffff;font: 18px var(--indigobe-font-book);text-shadow: 0px 0px 16px rgba(0,0,0,0.36);margin-bottom: 48px; } .banner .itemBanner .btn { background-color: var(--indigobe-green); } .banner .itemBanner .btn:hover { background-color: var(--indigobe-green-hover); } .banner-title { color: #ffffff;font:900 48px var(--indigobe-font-primary) !important;text-shadow: 0 0 16px rgba(0,0,0,.36);margin-bottom: 0 !important; } .banner .slick-dots { position: absolute;left: 0;right: 0;bottom: 60px; } .banner .slick-dots li>button { border:2px solid #ffffff; } .banner .slick-dots li.slick-active>button { border-color: #f1f1f1;background-color: #f1f1f1; } /* ========================================================== 06. Programme cards and listings ========================================================== */ .programm { position: relative;background-color: var(--indigobe-surface-muted);padding-bottom: 80px;padding-top: 50px;overflow-x: hidden; } .programm .deco-programm { position: absolute;left: -300px;bottom: 0;z-index: 0; } .programm .container { position: relative;z-index: 1; } .topTitle { padding: 20px 0 23px; } .title { color: var(--indigobe-blue); font-family: var(--indigobe-font-primary); font-size: 36px; font-weight: 700; margin-bottom: 5px; } .descTtl { color: var(--indigobe-text-muted);font:16px var(--indigobe-font-primary);font-style: italic; } .itemPro { background-color: #ffffff;max-width: 387px;margin: 0 auto; } .itemPro .thumb { width: 100%;height: 250px;overflow: hidden;position: relative; } .itemPro .thumb img { object-fit: cover;width: 100%;height: 100%; } .itemPro .thumb .hide { background-color: var(--indigobe-green-75);position: absolute;top:100%;left: 0;right: 0;bottom: 0;text-align: center;color: #ffffff;padding-top: 30px;-webkit-transition:all var(--indigobe-transition); -moz-transition:all var(--indigobe-transition); -ms-transition:all var(--indigobe-transition); transition:all var(--indigobe-transition); } .itemPro .thumb .hide .title { font: bold 16px var(--indigobe-font-primary);color: #ffffff;margin-bottom: 15px; } .itemPro .thumb .hide .content { margin-bottom: 30px; } .itemPro .thumb .hide .content ul li { margin-bottom: 0; } .itemPro .thumb .hide .info { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJnRSTlMA9yMcK8XuBvDrjb+UCCbKMMuspJoyskA6yYhsYlpHFw7ml4F2UceKNBUAAADoSURBVDjLzdLZDoIwFATQOwhtUauCCrjv//+LEgm9Q1ienRdocjJt4UrI1kHjcullgW6SAXCNNKUJRMFGOLFTwoBJ3WIZ7EWjZKjhtTjyRi1woeEM4MQtvTPsAGyFW6zkMHSGOYClKElRCFDKqJAKqMV9QtifiCbE7K/Fc0TQN50UHwCXSSGX3Vl64i7j8T9RCeV2vfFyX4scadz5mYbmcfVAITaBi7t3UZDi4OtnAhPICcCbwLoZZm45JvP2NUqReWnCLbxFZsOcEOEtPK0PSriB4tcw5UxTtQ0am6GT9hbckjtoXBHAFzLsChHskErwAAAAAElFTkSuQmCC') no-repeat 0 2px;margin-left: 40px;margin-right: 65px; text-align: left;padding-left: 48px;line-height: 18px; } .itemPro .titleProg { font: bold 20px var(--indigobe-font-primary);color: var(--indigobe-blue);text-transform: uppercase;margin-top: 25px;margin-bottom: 22px; } .itemPro .status { font: bold 14px var(--indigobe-font-primary);color: var(--indigobe-green);text-transform: uppercase; } .itemPro .status span { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAAAQlBMVEUAAAAoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MMjAjXAAAAFXRSTlMAD573vqReB3wYx4JvSjUc8OzW0quV46Z3AAAAVElEQVQI1x3KCQ6AMAhE0cHualu3uf9VHfoSkh8A0npvcJYoyYCyM8QYuBdk3gMYFzM2VsjBTZk9s/LUSOKJFljNKsP0L7duJXq9BjH1M7GU9PnuB/7tA+cvtNg8AAAAAElFTkSuQmCC') no-repeat 0 2px;padding-left: 25px;margin-left: 15px;font:14px var(--indigobe-font-primary);color: var(--indigobe-text-muted);text-transform: none; } .itemPro .in { font-size: 14px; padding: 6px 0 12px; } .itemPro .at { font: 14px var(--indigobe-font-primary);color: var(--indigobe-text-muted);text-transform: uppercase;margin-bottom: 20px; padding-left: 20px; padding-right: 20px;} .itemPro .at > span:last-child { display: none; } .itemPro .at span,.pt { color: var(--indigobe-green);font:30px/22px var(--indigobe-font-primary); } .itemPro .content .preFt { display: flex;justify-content: space-between;padding-right: 35px;padding-left: 35px;margin-top: 15px;margin-bottom: 9px;min-height: 54px; } .itemPro .content .preFt.i-bloc-center {justify-content: center !important;} .itemPro .content .preFt .left { display: flex;font-size: 14px; } .itemPro .content .preFt .left .niveau { padding-left: 25px;/*background: url('/wp-content/themes/indigobe/assets/css/../images/boot.png') no-repeat 0 2px;*/} .itemPro .content .preFt .left .period { padding-left: 25px;margin-left: 15px; background-size: 30px !important; background-position: top -4px left -4px !important; } .itemPro .content .preFt .right { text-align: left;text-transform: uppercase;line-height: 5px;font-size: 12px; } .itemPro .content .preFt .right .price { font: 300 40px var(--indigobe-font-primary);color: var(--indigobe-blue); } .itemPro .content .preFt .right .price sup { color: var(--indigobe-text-muted); } .itemPro .ftItem { display: flex; } .itemPro .ftItem .toHide { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAANnRSTlMA+0VBlKnlwKz0I7MILN2c6djFf2EbBfCwpSYL99O5mI9RPzAVyoR2ZDs34aJ4clxYHw++S2gWRYTpAAABsklEQVQoz3WQ27KiMBBFd8Q4BOQuoAiigArexznT//9p06GEOeeBVZBVla507wSMpLnWjTwtj25ac5LoMWhFFnBhOYDDugAWywDb9lOT/DBcqF5XVhqGbm6SWlu4FmG+P3nyVuRz1qYQvY6iPM0XV1CTcU+mo1qr5tZMRoaeB3GB7SZg1u6yD3rd9kEXb1QCosYktYAqdrv1L82oPx/tCgV1lLZte9Kc/8DjTXlUEH2uGKiM78RgHJ5tgPE6Z+EvRnx/D8bg8gzoSZZL/volSbbQzPryBEM5ti3gzO3MA3Awgf1ZP3b8KW8Dalb0ADbkOLQBHrRqKNiOzWVKBzBnorP2gVL5bfaKCJqMKIOGaPW/HNHTFLU+dL/rNrUwnxSN0dK/wFECwYbnB4A8Am06REugWWJk+eNijRcDbQSUM94qgVdYBEE5JN+64v3SkU3KMjIB19/vJXVj8rUvXmAiISJwmZdEGWP5+bmYRWSxghPQqGoo36m1VQZ8URTRF5+WljWj4XScP/iEnsm/6erHTRUpa4jWgPnN38fvruoMq78YOZjEIVBZzSaoSkIrcjFBLtp/E68rd2+hgpoAAAAASUVORK5CYII=') no-repeat 0 2px;padding-left: 35px;margin-left: 20px;padding-right: 30px; line-height: 18px;text-decoration: none;color: var(--indigobe-text-muted);cursor: pointer;font-size: 14px;position: relative;/*top: 13px;*/ background-position: left -6px center; background-size: 40px; display: flex; align-items: center;} .itemPro.active .thumb .hide { top: 0; } .itemPro .thumb::before { content: "";background-color: #000;opacity: 0;display: block;width: 100%;height: 100%;position: absolute;transition:all var(--indigobe-transition); } .itemPro:hover .thumb::before { opacity: .2; } .listeProgramm .itemPro .content .preFt .right .price, .list-recom .itemPro .content .preFt .right .price {font-size: 28px;} /* ========================================================== 07. Benefits ========================================================== */ .atout { background-color: var(--indigobe-blue);padding: 52px 0 57px; margin-top: 10px} .atout h2 { color: #ffffff; font-size: 36px; line-height: 1.2; margin-bottom: 49px; font-weight: 300; } .list-atout .itemAt, .i-atout-sidebar .itemAt { text-align: center; } .list-atout .itemAt .ico, .i-atout-sidebar .itemAt .ico { width: 100%;margin-bottom: 16px; } .list-atout .itemAt .ico img, .i-atout-sidebar .itemAt .ico img { margin: 0 auto; width: 100px; height: 100px; } section.atout div.ico > img {margin: 0 auto; width: 100px; height: 100px;} .list-atout .itemAt .titleAt, .i-atout-sidebar .itemAt .titleAt { font:bold 16px var(--indigobe-font-primary);color: var(--indigobe-yellow);text-transform: uppercase; } .list-atout .itemAt .desc, .i-atout-sidebar .itemAt .desc { color: #ffffff; } /* ========================================================== 08. Recommendations ========================================================== */ .recommander { position: relative;background-color: var(--indigobe-surface-muted);background-position: center bottom;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding-bottom: 80px;padding-top: 49px;overflow-x:hidden; } .recommander .descTtl { margin-bottom: 33px; } .recommander .container { position: relative;z-index: 1; } .recommander .deco-recommander { position: absolute;right: -50px;top: 70px;z-index: 0; } .itemContent { display: none; } .itemPro .hide .content { max-width: 85%;margin: 0 auto; } .table { margin: 0 auto;border-spacing: 2px;border-collapse: separate; } .table td { background-color: #ffffff;color: var(--indigobe-blue);font-size: 16px;padding: 5px;border: 0; } .jaune { background-color: var(--indigobe-yellow);} .table .jaune { background-color: var(--indigobe-yellow);} .table .vert { background-color: var(--indigobe-green);} .code span { position: relative; } .code span::before { content: "";width: 17px;height: 10px;display: inline-block;margin-right: 10px;background-color: #ffffff;margin-left: 10px; } .code span.jaune::before{ background-color: var(--indigobe-yellow); } .code span.vert::before{ background-color: var(--indigobe-green); } .activeTab { display: none; } .tabs-nav { text-align: center;display: flex;justify-content: center;margin-bottom: 46px; } .tabs-nav li { display: inline-block; } .tabs-nav li a { font: 14px var(--indigobe-font-book);text-transform: uppercase;color: var(--indigobe-text-muted);padding: 20px 28px;background-color: var(--indigobe-surface-muted);border:1px solid #e6e9e9;text-decoration: none;border-right: 0; } .tabs-nav li:last-child a { border-right:1px solid #e6e9e9; } .tabs-nav li.active a,.tabs-nav li a:hover { background-color: var(--indigobe-green);color: #ffffff; } .recommander .slick-dots { margin-top: 30px; } /* ========================================================== 09. Interests ========================================================== */ .passion { padding: 69px 0 80px;position: relative;z-index: 1; } .passion .title { margin-bottom: 39px; } .passion .container { position: relative;z-index: 1; } .passion .deco-passion { position: absolute;left: 100px;bottom: -545px;z-index: 0; } .passion .ico { width: 100%;height: 55px; } .passion .ico img { width: 80px;height: auto;margin: 0 auto; } .passion h4 { text-align: center;font: 16px var(--indigobe-font-primary);color: var(--indigobe-text-muted);text-transform: uppercase;margin-top: 12px; } .passion .slick-dots { margin-top:12px; } .passion .slick-dots li>button { border-color: var(--indigobe-blue); } .passion .slick-dots li.slick-active>button { background-color: var(--indigobe-green);border-color: var(--indigobe-green) !important; } /* ========================================================== 10. Inspiration ========================================================== */ .inspiration { position: relative;background-color: var(--indigobe-surface-muted);padding: 43px 0 60px } .inspiration::after { content: "";background-color: #ffffff;height: 437px;z-index: 0;width: 100%;display: block;position: absolute;left: 0;right: 0;bottom: 0; } .inspiration .container { position: relative;z-index: 1; } .inspiration .box { background-color: #ffffff;padding: 20px 20px 0;max-width: 1093px;margin: 35px auto 0; } .inspiration .box .row { margin-right: -10px; margin-left: -10px; } .inspiration .box .row > div { margin-bottom: 20px;padding-right: 10px;padding-left: 10px; } .inspiration a { position: relative;min-height: 338px; } .inspiration .item1 { border: 7px solid var(--indigobe-blue);display: block;padding: 30px;height: 100%; } .inspiration .item1 .ttItem { font: 36px var(--indigobe-font-primary);color: var(--indigobe-text-muted);margin-bottom: 35px;font-weight: 300; } .inspiration .item1 .ttItem strong { font:bold 48px var(--indigobe-font-primary);color: var(--indigobe-text-muted); } .inspiration .item1 p { font: 14px var(--indigobe-font-primary);color: var(--indigobe-text-muted);margin-bottom: 0; } .inspiration .item1:hover .ttItem,.inspiration .item1:hover .ttItem strong,.inspiration .item1:hover p { color: var(--indigobe-blue); } .inspiration .item2 { background-position: center;background-repeat: no-repeat;background-size: cover;display: block;width: 100%;height: 100%;padding: 40px;height: 100%;position: relative; } .inspiration .item2 .btn { position: relative;z-index: 1;background-color: var(--indigobe-green-95); } .inspiration .item2::after { content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.26);opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:all var(--indigobe-transition); } .inspiration .item2:hover:after { opacity: 1; } .inspiration .item2:hover .btn { background-color: var(--indigobe-green); } .inspiration .item3 { background-color: var(--indigobe-blue);padding: 40px;display: block;color: #ffffff;height: 100%; } .inspiration .item3:hover { background-color: var(--indigobe-blue); } .inspiration .item3 h4 { color: #ffffff;font:bold 20px var(--indigobe-font-primary); } .inspiration .item3 p { color: #ffffff;font: 14px var(--indigobe-font-primary); } .inspiration .item3 .link { border: 4px solid #ffffff;display: block;text-align: center;text-transform: uppercase;padding: 5px 15px; margin-top: 30px;} .inspiration .item3:hover .link { background-color: var(--indigobe-blue); } .inspiration .item3 .link strong { display: block; } .inspiration .item4 { display: block;height: 100%;position: relative; } .inspiration .item4::after { content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.26);opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:all var(--indigobe-transition); } .inspiration .item4:hover:after { opacity: 1; } .inspiration .item4 h4 { position: absolute;left: 0;right: 0;bottom: 0;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACRCAMAAAA1rSL4AAAAjVBMVEUuIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4AAAAuIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh6gAzNlAAAAL3RSTlP+5ycJ+/Xt3NbMxbqvo5yUiH93b1tUSDozHRcSAPjx4dG/tKmNamZiTkM/LiEOBR3X6CMAAABVSURBVBjTzcGDFcRQAADBPds2Y/RfXvb9KjLD3TW9sOLmqy8u6YYFZ5+ck3F0ysF7J8RE7Lz1xmv/WXnphX/M/WXmD1NP/GbskV90wqGfDPyg75ZoACAqBdaMxGPmAAAAAElFTkSuQmCC') repeat-x bottom center;font: bold 16px var(--indigobe-font-primary);color: #ffffff;text-transform: uppercase;margin-bottom: 0;padding: 70px 30px 42px;z-index: 1; } .inspiration .item4 h4 span { display: block;font: 14px var(--indigobe-font-primary); } .inspiration .item5 { display: block;height: 100%;padding: 40px;text-align: right;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative; } .inspiration .item5 .btn { position: relative;z-index: 1;background-color: var(--indigobe-green-95); } .inspiration .item5:hover .btn { background-color: var(--indigobe-green); } .inspiration .item5::after { content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,0.26);opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:all var(--indigobe-transition); } .inspiration .item5:hover:after { opacity: 1; } /* ========================================================== 11. Podcast ========================================================== */ .podcast { background-color: var(--indigobe-green);text-align: center;padding: 12px 0; } .podcast .item { display: flex;justify-content: center;align-items: center; } .podcast .item .thumb { overflow: hidden;position: relative;display: flex;align-items: center; } .podcast .item .thumb::after { content: "";display: block;width: 174px;height: 1px;background-color: #ffffff; overflow: hidden;position: relative;margin-right: 10px;margin-left: 10px;position: relative;top: -2px; } .podcast .item .btn { background-color: var(--indigobe-green); } .podcast .item .btn:hover { background-color: var(--indigobe-blue-hover); } .podcast .thumb .sm { display: none; } /* ========================================================== 12. Testimonials ========================================================== */ .tem { margin-top: 10px; } .temoinage { background-color: var(--indigobe-surface-muted);padding: 75px 0 76px;text-align: center; } .itemTem .topTem { margin-bottom: 27px; } .itemTem .topTem .date { font: bold 14px var(--indigobe-font-primary);color: var(--indigobe-green); margin-bottom:10px;} .itemTem .topTem span { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAmCAMAAACrmtiAAAAAxlBMVEUAAAAAAAALCwvQ0NACAgIzMzNJSUmdnZ0ICAh1dXU8PDw/Pz9aWlptbW17enuNjY2QkJCioqLDw8Pa2toFBAUaGhovLy+JiYmampqzs7O5ubnV1dXk5OTo6OgfHx8lJSUpKSlCQkJfX19ra2txcXGCgoKGhoaYmJisq6y2tra8vLy/v7/KysoXFxc4ODhEQ0RPT09jY2NoaGiVlZWlpaWurq7Hx8fe3t7m5uYRERFhYWGAgICXl5fX19cAAAAeHh4QEBACAgJrrRyzAAAAPnRSTlMA6+Ac6bijT+R2sKyRfnFfW0ooEefRvGNSODMWCATNxsOpjYF7aWVUQDYwLCHVs6mciINXRj4kDQbbi2xUFNCGe2sAAAG0SURBVEjHhZTnmoIwEEWHoohdBESKvbd1bes2Vt//pZYSDSUT799zbkj45hug+V3OZx3LbgOa9kqZzY62w0DzQsmPUior7HKrLBLDbGbQeSf4zwjDbr68GiYNc5Fk9QjRyNNseyqnDeFAWfXRprSWbqt5o/o8mTJKv5PtRmBgX2jJPiPymrY1kWmcIjjwmRnSeplt9K4BUwQ2FCwgWSCG34yORlIBkhHHkHQMbr247fUwoySB5WO5r8nA3FFlDqqPphXXLdyYwBiHjbjewY0R1HDYJDODG19Qf3l5BTdUDtQvZOZ0VFFAEjFmAEkfM0QHoIjBIpCMecZZZjP5BCRLbKyVkJr40SRvbKMfHy4y3yXRumMwDZuzDFLb8Idl1DmrqAGpHAW8DXDI0M8mZDLJGKKapKMkFfYS5FJPGZUNJallK5qqDazUHkZpMO7maDGmfxfA8k4MjQXJ9N0+4EX/5jLhtRLR9L1YL1wgtBDCDnCyD/s1BLbDfhWBdHwLgPWDnTrg1r1dtF+RSH1f17h9N7hhC6Vrgz4efeEEp862Avy4RplDuwUP+NGKLodu6OBgBv13/4OaGBwpToi/AAAAAElFTkSuQmCC') no-repeat left center;padding-left: 90px;font:300 36px var(--indigobe-font-primary); } .itemTem .content { max-width: 1030px;margin: 0 auto 30px; } .itemTem .ftTem { font:bold 20px var(--indigobe-font-primary);color: var(--indigobe-text-muted); } .itemTem .ftTem span { font: 16px var(--indigobe-font-primary);display: block;margin-top: 10px; } .itemTem .ftTem span::before { content: "";width: 10px;height: 12px;display: inline-block;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAAAQlBMVEUAAAAoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MoZ4MMjAjXAAAAFXRSTlMAD573vqReB3wYx4JvSjUc8OzW0quV46Z3AAAAVElEQVQI1x3KCQ6AMAhE0cHualu3uf9VHfoSkh8A0npvcJYoyYCyM8QYuBdk3gMYFzM2VsjBTZk9s/LUSOKJFljNKsP0L7duJXq9BjH1M7GU9PnuB/7tA+cvtNg8AAAAAElFTkSuQmCC') no-repeat center;margin-right: 10px; } /* ========================================================== 13. Journey steps ========================================================== */ .parcour { padding: 72px 0 0; } .parcour .content { margin-top: 40px; } .parcour .descTtl { line-height: 23px;margin-bottom: 42px; } .list-step { justify-content: space-between;align-items: center;text-align: center;margin-bottom: 15px; } .list-step img { position: relative;z-index: 8; max-width: 60px; } .parcour .nb { background-color: var(--indigobe-green);color: #ffffff;font:bold 30px/67px var(--indigobe-font-primary);width: 70px;height: 70px;border-radius: 50%;display: inline-block;position: relative;top: -3px;z-index: 5; } .parcour .content h5 { font: 14px var(--indigobe-font-primary);font-style: italic;color: var(--indigobe-blue);text-transform: uppercase;padding: 10px 0 20px; } .separate { display: block;width: 65%;height: 1px;border-top: 1px dashed #dddfe0;position: absolute;top: 34px;left: -65px;transition: all var(--indigobe-transition);z-index: 0; } .separate2 { display: block;width: 65%;height: 1px;border-top: 1px dashed #dddfe0;position: absolute;top: 34px;left: 142px;transition: all var(--indigobe-transition);z-index: 0; } .list-content { margin-bottom: 20px; } /* ========================================================== 14. Footer ========================================================== */ .footer { padding-top: 72px;overflow: hidden; } .a-footer-bottom {background: url('/wp-content/themes/indigobe/assets/css/../images/bg-footer.jpg') no-repeat top center ;background-size: cover;} .footer .newletter { margin: 0 auto 60px;max-width: 510px; } .footer .newletter .titleNl { font:900 24px var(--indigobe-font-primary);color: var(--indigobe-blue);position: relative;padding-left: 65px;text-transform: uppercase;margin-bottom: 25px; } .footer .newletter .titleNl span{ font:16px var(--indigobe-font-primary);color: var(--indigobe-text-muted);display: block;text-transform: none;font-style: italic; } .footer .newletter .titleNl::before { content: "";background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAMAAABjCgsuAAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAANnRSTlMA9NxfUwbYWikLpYJ3OxH48NOrb+q/oY9zbGZjIxrGuZR8SD8yFefkzMKMiH9NQTUe4LWumy10VE9TAAAB4klEQVQ4y42T15qiQBCFi6gkBRFz1jHrmOZ//0dbRBRlYXfORXeFU03V+Qr5PWpe72YGvyR/d1sjBUD5P7daaam8MP03V98GAPWGptk+NMZ8lXGH+i4CYLPVDZGeCjiiqkXcr7kTKQBmu1JNIm0ARZc5lbwQ8/CacFVbqxppfRvWPpuTSID1LkRonwFWdugZ2RM7aIcmTmxbjJ/DaQ8hlEs4/5jKcuBSrcDs7rkc43PmjBWgvnGOeQUMF8yqYRPVEt/nfgJqfz6Uv+HCeSYLcNM+mCStX6n3C+hhnWasyRbfSyM3Tg/DG8He+qT36viayEml8RKA5it9MKEjGfo+Su9+Q/cVPMZ2hkoTpf+0lynP5vyTUSJq+SaWenzrq/Rr301a75Ixkhw6sO4GMDVS72MP+uiSh+XwHN+6EAw+kiukAF46+7FOO7e9NKQIj7b3cMgldvwUFyyTbTYlD6Xk3xzfFxhwc/EF++ICl4UcmN5ozj7iDYbFBQcqcVJEg4khGTClGAOm6c7YKJnwOpqUALvGNL5PEdB4LkOAUVZgqluqIg5owxbpwzUiKcMEAlmojAaxM/MZDxMpvNKCHrgahFl9vLhLpBQeED+f+SuuOpPyAgvo5JYCBlKO9TqfXZibN+8PtR1AjBFGlj8AAAAASUVORK5CYII=') no-repeat center;width: 52px;height: 42px;position: absolute;left: 0;top: 7px;animation-play-state: paused } .footer .newletter .titleNl:hover:before { animation:MoveLeftRight 1s infinite ease-in-out; } @keyframes MoveLeftRight { 0% { left: 0px } 50% { left: 5px } 100% { left: 0px } } .footer .newletter .blocNl { border: 1px solid var(--indigobe-text-muted);position: relative;display: flex;justify-content: space-between; } .footer .newletter .blocNl .input-txt { background: transparent;width: 100%;padding-right: 150px; } .footer .newletter .blocNl .submit { color: var(--indigobe-blue);background: transparent;border: 0;font: bold 16px var(--indigobe-font-primary);position: absolute;right: 0;height: 100%;padding-right: 25px; } .footer .newletter .blocNl .submit span { position: relative;transition:all var(--indigobe-transition); } .footer .newletter .blocNl .submit span::after { content: "";width: 20px;height: 15px;background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-gr.png') no-repeat;display: inline-block;margin-left: 15px;position: relative;top: 2px;transition:all var(--indigobe-transition);right: 0; } .footer .newletter .blocNl .submit:hover span { color: var(--indigobe-text-muted); } .footer .newletter .blocNl .submit:hover span::after { right: -5px; } .footer h3 { font:bold 16px var(--indigobe-font-primary);color: var(--indigobe-green);text-transform: uppercase;padding-bottom: 25px; } .footer h3 span {position: relative;border-bottom:3px solid var(--indigobe-blue);padding-bottom: 15px; } .footer ul { margin-bottom: 20px; } .footer ul li { margin-bottom: 0; } .footer .rs ul { clear: both; } .footer .rs ul li { float: left;margin-left: 2px;margin-bottom: 2px;width: 50px;height: 50px; } .footer .rs ul li a { width: 50px;height: 50px; } .rs ul li a img{max-width: 40%;} .footer .content { position: relative; } .footer .content::before { content: "";width: 100%;height: 1px;background-color: #cbcbcb;position: relative;top: 40px; } .lists.blog li { padding-right: 15px; } .lists.blog a { color: var(--indigobe-green);text-decoration: underline; } .lists.blog a:hover { color: var(--indigobe-blue); } .ft-logo { display: inline-block;padding: 20px 0; } .footer .marque span { background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-d-2.png') no-repeat right center;color: var(--indigobe-blue);font: 16px var(--indigobe-font-book);text-transform: uppercase;padding-right: 25px;cursor: pointer; } .footer .marque.open .list-marque { left: 0; } .footer .marque.open .list-marque a { color: #ffffff; } .map-ft {padding-left: 25px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAMAAAAVv241AAAANlBMVEUAAAA7e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e34de2NeAAAAEXRSTlMACNoQ9tHITnFUo7OZOR2ASTo3Iy0AAABkSURBVAjXVcxZEsIwDANQyY6zUQq6/2UJnnQ6fX/yIgDstZTaieUMpTgBhqyRzRRElzkWN3WEGtJQoIhIrvIMdp8Zjrtg4i3ZcB8mfYGqzYi12vL3ozTxx5eWSuBK1bHxmDn/AfdhBRD2xmEJAAAAAElFTkSuQmCC') no-repeat 4px 5px;} .mail-ft a {padding-left: 25px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAOVBMVEU7e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e36lWqNiAAAAEnRSTlNH1LKL9+xOOjfw7d3Ctp5vW0oA/Td5AAAAXElEQVQI102OSRLAIAzDTMLWhQL+/2NLpmVAp0iXGPDc8MCDsDwM5Z3ddJdvgryyfC75ogUeXc21H7RgpOZ9S+QMVTUl1fqHEIUshZQYLDisL+OExHPtOKMA5A5edHEJZ5BX9g0AAAAASUVORK5CYII=') no-repeat left center;} .tel-ft a {padding-left: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAAA7e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e347e36QEGKDAAAAHXRSTlMA++0U2qseBfPw4LxxZEc29eTMwrWziId7W04mDQJ3rloAAABgSURBVAjXVc1XDoAgAAPQCiJu3Lv3v6YICWD/XpqmAEytEHNXZBupSAodWFpmMjCz6hCS/6bYyD1hMbAsEh/k9ADQnrohZ4le1L2zzEmhvofTz61dBHy/OsX/axmrxuAFIfMGKqLlCmUAAAAASUVORK5CYII=') no-repeat left top 6px; display: inline-block;} .copyright { padding: 25px 20px; } .copyright .row { justify-content: space-between;align-items: center; } .copyright .line { margin-bottom: 0; } .copyright .line li { display: inline-block;padding: 0 5px; } .copyright .c a { color: var(--indigobe-text); } .ft-logo img {max-width: 125px;} .maki { display: flex;align-items:center; opacity: 0;} .maki a{ text-decoration: underline; } .maki img {display: block;width: 25px;height: 25px;margin: 0 5px; } .revers { display: flex;flex-direction: row-reverse;align-items:flex-end; } .scroll { background:#ffffff ;width: 99px;height: 60px;position: absolute;right: 0;top: 0;border-radius: 0;display: flex;align-items: center; opacity: 1;padding: 20px;font: 500 14px var(--indigobe-font-primary);text-transform: uppercase;color: var(--indigobe-text); } .scroll:after { content: '';background: url('/wp-content/themes/indigobe/assets/css/../images/scroll.png') no-repeat center;width: 12px;height: 22px;margin-left: 12px;position: absolute;right: 20px;animation:MoveUpDown 1s infinite ease-in-out; } /* .scroll.visible { opacity: 1; } */ .btn-down:hover:before,.scroll:hover:after { animation-play-state: paused } .list-recom .i-vol, .listeProgramm .i-vol { margin-left: 15px;display: flex;align-items: center; font-size: 0;} .list-recom .i-vol::before, .listeProgramm .i-vol::before { background-position: top 1px left 0; margin-right: 6px; background-size: 18px; } /* Slick programme mobile */ .list-recom .slick-track, .listeProgramm .slick-track { display: flex; align-items: stretch; } .list-recom .slick-track .slick-slide, .listeProgramm .slick-track .slick-slide { height: auto; } .list-recom .slick-track .slick-slide .itemPro, .listeProgramm .slick-track .slick-slide .itemPro { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .itemPro { height: 100%; } .content.text-center { min-height: calc(100% - 344px); } .list-passion { display: flex; justify-content: center; } .list-passion .itemPass { display: flex; align-items: center; flex-direction: column; margin-right: 40px; margin-left: 40px; justify-content: center; } .passion .ico { text-align: center; } .list-passion.slick-slider { display: block; } @keyframes MoveUpDown { 0% { top: 17px } 50% { top: 10px } 100% { top: 17px } } .itemPro .in span { color: var(--indigobe-green); font: 30px/22px var(--indigobe-font-primary); } .itemPro .ftItem { display: flex; position: relative; padding-right: 120px; height: 60px; } .itemPro .ftItem .btn { position: absolute; right: 0; bottom: 0; top: 0; } /* Listing legend */ .i-liste-legende li { font-size: 12px; position: relative;; padding-left: 30px; background: none; margin-right: 20px } .i-liste-legende li:before { content: ""; width: 15px; height: 10px; display: block; position: absolute; left: 0; top: 7px } .i-liste-legende li.jaune:before { background-color: var(--indigobe-yellow) } .i-liste-legende li.vert:before { background-color: var(--indigobe-green) } .i-liste-legende li.gris:before { background-color: #cccccc } .i-liste-legende ul { display: flex; margin-top: 20px; } .i-tabs-content-item a:hover { color: var(--indigobe-green); } /* ========================================================== 15. Desktop interactions (1201px and above) ========================================================== */ @media (min-width:1201px) { body a span, body a,input,.item-product::before,.header ,.menu li a::after ,.menu li ul,.scroll , .hide, .product,.btn,.btn::after,.slick-arrow,.submit,.header-row-fixed .header,.inspiration .item1 * { -webkit-transition:all var(--indigobe-transition); -moz-transition:all var(--indigobe-transition); -ms-transition:all var(--indigobe-transition); transition:all var(--indigobe-transition);} a:hover { color: var(--indigobe-green); text-decoration: none;} .topHader a:hover { color: var(--indigobe-green); } } /* ========================================================== 16. Responsive layout Desktop: 1025px and above Tablet: 769px to 1024px Mobile: 768px and below ========================================================== */ /* Large desktop */ @media (min-width:1173px) { .menu { display: block !important; } } /* Compact desktop */ @media (max-width:1400px) and (min-width:1025px) { .itemPro .btn { padding: 20px; } .itemPro .ftItem .toHide { padding-right: 10px; } .itemPro .content .preFt { padding-left: 20px; padding-right: 20px; } } @media (max-width:1200px) and (min-width:1025px) { .itemPro { max-width: 300px; } .itemPro .ftItem .toHide { line-height: 18px; margin-top: -10px; } .itemPro .btn { padding: 20px 10px; } .listeProgramm .slick-slide { padding: 0 10px; } .itemPro .ftItem .toHide { margin-left: 10px } .itemPro .ftItem .toHide { padding-left: 30px; background-size: 25px } .itemPro .btn { padding: 20px 8px; } .itemPro .ftItem .toHide { padding-right: 5px; } .itemPro .btn { font-size: 14px } .listeProgramm .slick-slide { padding: 0 10px; } } @media (max-width:1400px) { .programm, .recommander, .temoinage { padding-left: 30px; padding-right: 30px; } .listeProgramm .slick-slide, .list-recom .slick-track .slick-slide { padding: 0 10px; } .itemPro .ftItem { padding-right: 110px } } @media (max-width:1200px) { .programm, .recommander, .temoinage { padding-left: 20px; padding-right: 20px; } .separate,.separate2 { display: none; } .list-step { position: relative; } .row.list-step:before { content: ''; display: block; border-top: 1px dashed #dddfe0; width: calc(94% - 40px); top: 50%; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; } a:hover { color: var(--indigobe-green); text-decoration: none;} .itemPro .ftItem { padding-right: 84px; } } /* Tablet */ @media (max-width:1024px) { .programm .deco-programm,.recommander .deco-recommander,.passion .deco-passion { display: none; } .inspiration .box .row > div { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-left: 0;padding-right: 0; } .inspiration { padding: 25px 0 38px; } .inspiration .item1 { padding: 25px; } .inspiration .item1 .ttItem { font-size: 30px; } .inspiration .item1 .ttItem br { display: none; } .inspiration .box { background-color: transparent;padding: 0; } .inspiration .slick-dots { width: 100%; } .inspiration .slick-dots li>button,.temoinage .slick-dots li>button{ border-color: var(--indigobe-blue); } .inspiration .slick-dots li.slick-active>button,.temoinage .slick-dots li.slick-active>button { background-color: var(--indigobe-green);border-color: var(--indigobe-green) !important; } .inspiration::after { display: none; } .inspiration .item1 .ttItem { text-align: center; } .inspiration .item1 .ttItem br { display: none; } .inspiration a { min-height: 280px; } .itemTem .ftTem { margin-bottom: 30px;} .footer .rs ul { display: flex; justify-content: center;} .banner .itemBanner { height: 320px; } .banner .itemBanner p { margin-bottom: 32px; } .footer ul li.marque { white-space: nowrap; } .programm, .recommander { padding-left: 80px; padding-right: 80px; } /* .itemPro { max-width: 340px; }*/ .listeProgramm .slick-slide { padding: 0 10px; } .itemPro .btn { padding: 20px 10px; } .itemPro .ftItem .toHide { line-height: 18px; } .header .logo { padding: 20px 0 !important; } .atout .slick-dots { margin-top: 20px; margin-bottom: -20px; } .atout .slick-dots li>button { border: 2px solid #fff; } .atout .slick-dots li.slick-active>button { border-color: #fff !important; background-color: #fff; } } @media (max-width:991px) { .map-ft { background-position: left 2px center; } } /* Mobile */ @media (max-width:768px) { .top.rs { display: none; } .topTitle { padding: 20px; } .itemPro { max-width: 100%; } .itemPro .titleProg { margin-bottom: 7px; } .itemPro .status { margin-bottom: 7px; } .itemPro .content .preFt { flex-wrap: wrap;justify-content: inherit;margin-bottom: 13px;min-height: 45px; } .itemPro .content .preFt > div { width: 100%; } .itemPro .content .preFt .left { justify-content: center; } .itemPro .content .preFt .right { text-align: center;padding-top: 15px; } .itemPro .ftItem { position: relative;flex-wrap: wrap; } .itemPro .ftItem::after { content: "";width: 100%;height: 110px;background-color: var(--indigobe-surface-muted);display: block; } .itemPro .ftItem .btn { position: absolute;bottom: 30px;width: 130px;left: 0;right: 0;margin: 0 auto; } .itemPro .ftItem .toHide { background-position: top center;padding-left: 0; padding-right: 0;padding-top: 40px; max-width: 180px;margin: 0 auto 25px;text-align: center;top: inherit; } .programm { padding-bottom: 0;padding-top: 15px; } .programm .container { padding-left: 0;padding-right: 0; } .programm .slick-arrow,.recommander .slick-arrow { top: 100%;margin-top: -80px; } .atout { padding: 32px 0; } .atout h2 { font-size: 24px; } .list-atout .itemAt .desc br { display: none; } .recommander { background-image: none !important;padding-top: 27px;padding-bottom: 0;position: relative;z-index: 9;overflow: visible; } .recommander .container { padding-left: 0;padding-right: 0; } .recommander .title { margin-bottom: 0; } .passion { padding: 35px 0 40px; } .activeTabValue { background: var(--indigobe-green) url('/wp-content/themes/indigobe/assets/css/../images/arrow-d.png') no-repeat 95% 50%;cursor: pointer; } .tabs-nav { flex-wrap: wrap;padding-left: 20px;padding-right: 20px;display: none; } .tabs-nav li { width: 100%;margin-bottom: 0; } .tabs-nav li a { width: 100%;display: block;text-align: left; } .tabs-content { margin-top: 40px; } .list-step { display: none; } .list-content .col-md-3 { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; } .list-content h5 { position:relative;display: flex;align-items: center;background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-d-2.png') no-repeat right 45% ;cursor: pointer; } .list-content h5::before { content: "";background-color: var(--indigobe-green);color: #ffffff;font: bold 30px/67px var(--indigobe-font-primary);width: 70px;height: 70px;border-radius: 50%;display: inline-block;margin-right: 10px; } .list-content .item1 h5::before { content: "1"; } .list-content .item1:nth-child(3) h5::before { content: "2"; } .list-content .item1:nth-child(4) h5::before { content: "3"; } .list-content .col-md-3 .wow { border-bottom: 1px dashed #dddfe0;margin-bottom: 10px; } .list-content .col-md-3.item3 .wow { border-bottom: 0; } .list-content .col-md-3 p { font-size: 14px;text-align: left;transition:all var(--indigobe-transition);height: 0;margin-bottom: 0; overflow: hidden;} .list-content .col-md-3.active p { font-size: 14px;height: auto;margin-bottom: 15px; } .list-content .col-md-3.active h5 { background-image: url('/wp-content/themes/indigobe/assets/css/../images/arrow-u-2.png'); } .podcast .item { flex-wrap: wrap;justify-content: center;padding:30px 0; } .podcast .thumb { width: 100%;padding-bottom: 22px; } .podcast .thumb > img,.podcast .item .thumb::after { display: none; } .podcast .thumb .sm { display: block;text-align: center;width: 100%; } .temoinage { padding: 35px 0 40px; } .itemTem .topTem .date { padding-top: 52px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAmCAMAAACrmtiAAAAAxlBMVEUAAAAAAAALCwvQ0NACAgIzMzNJSUmdnZ0ICAh1dXU8PDw/Pz9aWlptbW17enuNjY2QkJCioqLDw8Pa2toFBAUaGhovLy+JiYmampqzs7O5ubnV1dXk5OTo6OgfHx8lJSUpKSlCQkJfX19ra2txcXGCgoKGhoaYmJisq6y2tra8vLy/v7/KysoXFxc4ODhEQ0RPT09jY2NoaGiVlZWlpaWurq7Hx8fe3t7m5uYRERFhYWGAgICXl5fX19cAAAAeHh4QEBACAgJrrRyzAAAAPnRSTlMA6+Ac6bijT+R2sKyRfnFfW0ooEefRvGNSODMWCATNxsOpjYF7aWVUQDYwLCHVs6mciINXRj4kDQbbi2xUFNCGe2sAAAG0SURBVEjHhZTnmoIwEEWHoohdBESKvbd1bes2Vt//pZYSDSUT799zbkj45hug+V3OZx3LbgOa9kqZzY62w0DzQsmPUior7HKrLBLDbGbQeSf4zwjDbr68GiYNc5Fk9QjRyNNseyqnDeFAWfXRprSWbqt5o/o8mTJKv5PtRmBgX2jJPiPymrY1kWmcIjjwmRnSeplt9K4BUwQ2FCwgWSCG34yORlIBkhHHkHQMbr247fUwoySB5WO5r8nA3FFlDqqPphXXLdyYwBiHjbjewY0R1HDYJDODG19Qf3l5BTdUDtQvZOZ0VFFAEjFmAEkfM0QHoIjBIpCMecZZZjP5BCRLbKyVkJr40SRvbKMfHy4y3yXRumMwDZuzDFLb8Idl1DmrqAGpHAW8DXDI0M8mZDLJGKKapKMkFfYS5FJPGZUNJallK5qqDazUHkZpMO7maDGmfxfA8k4MjQXJ9N0+4EX/5jLhtRLR9L1YL1wgtBDCDnCyD/s1BLbDfhWBdHwLgPWDnTrg1r1dtF+RSH1f17h9N7hhC6Vrgz4efeEEp862Avy4RplDuwUP+NGKLodu6OBgBv13/4OaGBwpToi/AAAAAElFTkSuQmCC') no-repeat top center;margin-bottom: 15px; } .itemTem .content { margin-bottom: 25px; } .itemTem .topTem span { background: transparent;padding-left: 0;font-size: 24px; } .itemTem .ftTem span { margin-bottom: 10px; } .parcour { padding-top: 30px;padding-bottom: 40px; } .parcour .content { margin-top: 25px; } .footer { background: var(--indigobe-surface-muted);padding-top: 33px; } .footer .newletter { margin-bottom: 20px; } .footer .newletter .titleNl { padding-left: 0;padding-top: 50px;text-align: center;} .footer .newletter .titleNl::before { top: 0;right: 0;margin: 0 auto; } .footer .content::before { display: none; } .footer .content .itemBk { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; } .footer .content .col-lg:first-child { display: flex;flex-wrap: wrap; } .footer .content .col-lg:first-child .ft-logo { order: 1;width: 100%;text-align: center; } .footer .content .col-lg:first-child > ul { order: 3;width: 100%;margin-bottom: 15px; } .footer .content .col-lg:first-child .contact { order: 2;width: 100%; } .footer ul li.tel-ft { background-color: var(--indigobe-blue);padding: 18px;text-align: center;margin-bottom: 20px;display: block;margin-top: 12px; } .footer ul li.mail-ft { background-color: var(--indigobe-blue);padding: 18px;text-align: center;display: block; } .tel-ft a ,.mail-ft a{ color: #ffffff;text-align: center;position: relative;background: transparent;padding-left: 0; } .tel-ft a::before { content: "";background: url('/wp-content/themes/indigobe/assets/css/../images/tel-ft-g.png') no-repeat center;width: 14px;height: 14px;display: inline-block;margin-right: 10px;position: relative;top: 2px; } .mail-ft a:before { content: "";background: url('/wp-content/themes/indigobe/assets/css/../images/mail-ft-g.png') no-repeat center;width: 14px;height: 14px;display: inline-block;margin-right: 10px;position: relative;top: 2px; } .footer h3 { border-bottom: 3px solid var(--indigobe-blue);padding-bottom: 20px;background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-d-2.png') no-repeat right 26%;padding-top: 6px; } .footer h3 span { border: 0; } .footer ul.lists { display: none; } .footer .rs ul li { float: none;display: inline-block; } .none-sm { display: none !important; } .footer .rs { text-align: center;margin-top: 30px; } .footer .marque span { border-bottom: 3px solid var(--indigobe-blue);width: 100%;display: block;padding-bottom: 15px;background-position: 100% 25%; } .footer .marque.open .list-marque { position: static ;transform: inherit; } .footer .list-marque ul { margin-bottom: 0; } .footer .list-marque a { color: #ffffff; } .copyright { padding-top: 0; } .copyright .line { display: none; } .copyright .c { width: 100%;text-align: center; } .maki { margin: 10px auto 0;} .map-ft span {white-space: nowrap;} .list-atout .itemAt { margin-bottom: 30px; } .programm, .recommander, .temoinage { padding-left: 0; padding-right: 0; } .slick-arrow { left: 20px; } .slick-next { right: 20px;left: auto; } .row.list-step:before { display: none; } .content.text-center { height: calc(100% - 510px); min-height: inherit; padding-left: 10px; padding-right: 10px; } .atout .slick-dots { margin-top: 0; margin-bottom: 0; } .programm { padding-left: 40px; padding-right: 40px; } .itemPro .ftItem { position: relative; padding-right: 0; height: auto; } .listeProgramm .itemPro .ftItem, .list-recom .itemPro .ftItem { flex-direction: column; } .listeProgramm .itemPro .ftItem .btn, .list-recom .itemPro .ftItem .btn { margin-bottom: 25px; position: absolute; bottom: 0; top: auto; } .list-recom .i-vol, .listeProgramm .i-vol { margin-left: 16px; width: 28px; margin-right: -5px; } .container { padding-left: 20px; padding-right: 20px; } .banner .itemBanner h1, .banner .itemBanner h2 { font-size: 32px; line-height: 40px; } } @media (max-width:600px) { .programm { padding-left: 20px; padding-right: 20px; } .listeProgramm .slick-slide { padding: 0; } .list-temoin .slick-slide { height: auto !important; } .list-temoin .slick-slide.slick-current { height: 100% !important; } .i-liste-legende li { margin-right: 15px } .i-depart-arrive-ico { margin-bottom: 16px; } } /* Utilities and integrations */ .hidden{ display:none !important; } .removeMargin {margin-bottom: 0 !important} .sib_signup_box_inside_2, #mc4wp-form-1 .mc4wp-form-fields { border: 1px solid var(--indigobe-text-muted); position: relative; background: transparent; } .sib_signup_box_inside_2 .sib-email-area, #mc4wp-form-1 input[type="email"] { background: transparent !important; width: 100%; padding: 13px 165px 13px 20px; } .sib_signup_box_inside_2 .sib-default-btn, #mc4wp-form-1 input[type="submit"] { top: 0; bottom: 0; background: url('/wp-content/themes/indigobe/assets/css/../images/arrow-gr.png') no-repeat !important; color: var(--indigobe-blue) !important; border: 0; font: bold 16px var(--indigobe-font-primary) !important; position: absolute; right: 0; height: 100%; padding-right: 60px !important; background-position: right 20px center !important; transition: all var(--indigobe-transition); } .sib_signup_box_inside_2 .sib-default-btn:hover, #mc4wp-form-1 input[type="submit"]:hover { color: var(--indigobe-text-muted) !important; background-position: right 15px center !important; } #Madagascar_1_1, #Madagascar_1_2, #Madagascar_1_3{ display: none !important; } .a-footer-bottom .marque { display: none; } .lists-box .item2 .btn, .lists-box .item5 .btn{ display: none; } .i-depart-arrive-ico { padding-left: 70px; background-repeat: no-repeat; background-position: left center; background-size: 60px; } .footer p { font:bold 16px var(--indigobe-font-primary);color: var(--indigobe-green);text-transform: uppercase;padding-bottom: 25px; } .footer p span {position: relative;border-bottom:3px solid var(--indigobe-blue);padding-bottom: 15px; } .passion-title { text-align: center; font: 16px var(--indigobe-font-primary); color: var(--indigobe-text-muted); text-transform: uppercase; margin-top: 45px; margin-bottom: 0; } .color-atout{ color: var(--indigobe-yellow) !important; } .inspiration .item4 p { position: absolute;left: 0;right: 0;bottom: 0;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACRCAMAAAA1rSL4AAAAjVBMVEUuIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4AAAAuIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh4uIh6gAzNlAAAAL3RSTlP+5ycJ+/Xt3NbMxbqvo5yUiH93b1tUSDozHRcSAPjx4dG/tKmNamZiTkM/LiEOBR3X6CMAAABVSURBVBjTzcGDFcRQAADBPds2Y/RfXvb9KjLD3TW9sOLmqy8u6YYFZ5+ck3F0ysF7J8RE7Lz1xmv/WXnphX/M/WXmD1NP/GbskV90wqGfDPyg75ZoACAqBdaMxGPmAAAAAElFTkSuQmCC') repeat-x bottom center;font: bold 16px var(--indigobe-font-primary);color: #ffffff;text-transform: uppercase;margin-bottom: 0;padding: 70px 30px 42px;z-index: 1; } .inspiration .item4 p span { display: block;font: 14px var(--indigobe-font-primary); } .parcour .content h3 { font: 14px var(--indigobe-font-primary);font-style: italic;color: var(--indigobe-blue);text-transform: uppercase;padding: 10px 0 20px; } .titleb {color: #ffffff;font:900 48px var(--indigobe-font-primary);text-shadow: 0 0 16px rgba(0,0,0,.36);margin-bottom: 0;} .titre-home { color: var(--indigobe-blue); font-family: var(--indigobe-font-primary); font-size: 54px; font-weight: 700; } .subtitre-home { color: var(--indigobe-green); font-family: var(--indigobe-font-primary); font-size: 54px; font-weight: 400; } .h1-titre-home { line-height: 50px; } .titre-home-container { background-color: var(--indigobe-surface-muted); padding-top: 6rem !important; padding-bottom: 1rem !important; } /* ========================================================== 17. Brand system and compatibility overrides These rules load after the legacy template styles. Only the declarations that must beat inline/third-party CSS use !important. ========================================================== */ /* Typography */ body, button, input, select, textarea { font-family: var(--indigobe-font-primary); } .author-container, .author-content, .fancybox-container, .xdsoft_datetimepicker, .itemTem .topTem .date, .itemPro .at span, .itemPro .in span, .pt { font-family: var(--indigobe-font-primary); } .fancybox-close-small::after { font-family: var(--indigobe-font-primary); } /* Calls to action: blue by default, with one burgundy campaign variant. */ .btn, .btn.btn-primary, .btn.i-btn-green, .blog-search-button, .category-button-more, .footer .newletter input[type="submit"], .footer .newletter button[type="submit"], .inspiration .item3 .link, .error-404 .button, .i-download-programa-btn-mobile a, button[type="submit"]:not(.slick-arrow), input[type="submit"], .sib_signup_box_inside_2 .sib-default-btn, #mc4wp-form-1 input[type="submit"] { background-color: var(--indigobe-cta-blue) !important; border-color: var(--indigobe-cta-blue) !important; color: #fff !important; transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease; } .btn:hover, .btn.btn-primary:hover, .btn.i-btn-green:hover, .blog-search-button:hover, .category-button-more:hover, .footer .newletter input[type="submit"]:hover, .footer .newletter button[type="submit"]:hover, .inspiration .item3 .link:hover, .inspiration .item3:hover .link, .error-404 .button:hover, .i-download-programa-btn-mobile a:hover, button[type="submit"]:not(.slick-arrow):hover, input[type="submit"]:hover, .sib_signup_box_inside_2 .sib-default-btn:hover, #mc4wp-form-1 input[type="submit"]:hover { background-color: var(--indigobe-cta-blue-hover) !important; border-color: var(--indigobe-cta-blue-hover) !important; color: #fff !important; } .btn.cta-trip-design { background-color: var(--indigobe-burgundy) !important; border-color: var(--indigobe-burgundy) !important; line-height: 120% !important; } .btn.cta-trip-design:hover { background-color: var(--indigobe-burgundy-hover) !important; border-color: var(--indigobe-burgundy-hover) !important; } /* Secondary brand accents */ .titre-home, .subtitre-home, .title, .i-liste-content-item.itemPro .titleProg, .i-tabs-content-item h2, .i-wysiwyg h2 { color: var(--indigobe-teal); } .h1-titre-home .titre-home { color: var(--indigobe-cta-blue); } .i-liste-content-item.i-banner-details h1.titleProg { color: var(--indigobe-cta-blue); } .i-labels-item, .i-labels-item.i-labels-nouveaute { background-color: var(--indigobe-burgundy); } /* Tariff information CTA */ .i-table-liste-tarifs .table td .btn.pro { background-color: var(--indigobe-yellow) !important; border-color: var(--indigobe-yellow) !important; } .i-table-liste-tarifs .table td .btn.pro:hover { background-color: var(--indigobe-yellow-hover) !important; border-color: var(--indigobe-yellow-hover) !important; } /* Route summary: enlarge the descriptive copy, not its main title. */ .i-banner-details .i-banner-info .i-liste-description h3 { font-size: 20px !important; line-height: 1.35; } .i-banner-details .i-banner-info .i-liste-description p, .i-banner-details .i-banner-info .i-liste-description li { font-size: 16px; line-height: 1.5; } /* Route sidebar benefits use a larger icon than the compact legacy version. */ .i-sidebar-details .i-atout-sidebar .itemAt .ico img { width: 130px; height: 130px; object-fit: contain; } @media (max-width: 600px) { .titre-home, .subtitre-home { font-size: 48px; } .h1-titre-home { line-height: 58px; } } /* Headings keep their original component-specific scale. */ h1, h2, h1 a, h2 a, h1 em, h2 em, h1 .title-text, h2 .title-text { font-family: var(--indigobe-font-primary); } /* Blog readability */ body.indigobe-blog-page p, body.indigobe-blog-page ul li, body.indigobe-blog-page ol li, body.indigobe-blog-page .post-excerpt, body.indigobe-blog-page .post-meta, body.indigobe-blog-page .post-date, body.indigobe-blog-page .post-category, body.indigobe-blog-page .author-content { font-family: var(--indigobe-font-primary) !important; font-size: 16px !important; line-height: 1.5 !important; } body.indigobe-blog-page h1, body.indigobe-blog-page h1 > * { color: var(--indigobe-cta-blue); } /* ========================================================== 18. Responsive refinements Tablet and mobile only. Keep desktop layout unchanged. ========================================================== */ @media (max-width: 1024px) { h1, h2, .title, .banner-title { overflow-wrap: anywhere; } .list-passion .itemPass { margin-right: 16px; margin-left: 16px; } .passion .ico { height: 80px; } .passion .ico img { width: 80px; height: 80px; object-fit: contain; } .passion-title { margin-top: 18px; line-height: 1.35; } .i-about-nav-tab { gap: 12px 24px; } .i-about-nav-tab .i-about-nav-item { margin: 0; } } @media (max-width: 768px) { .topTitle, .i-inspiration .topTitle { padding: 32px 20px; } .topTitle .title, .topTitle h2 { margin-bottom: 10px; line-height: var(--indigobe-subheading-line-height); } .descTtl { line-height: 1.5; } .content.text-center { height: auto; min-height: 0; } .list-passion .itemPass { min-width: 0; margin-right: 8px; margin-left: 8px; } .passion .ico { width: 88px; height: 88px; margin: 0 auto; } .passion .ico a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .passion .ico img { width: 88px; height: 88px; } .passion-title { max-width: 150px; margin: 14px auto 0; overflow-wrap: anywhere; } .list-atout .itemAt, .list-passion .itemPass { padding-right: 6px; padding-left: 6px; } .list-atout .itemAt .ico img, section.atout div.ico > img { width: 88px; height: 88px; object-fit: contain; } .slick-dots { flex-wrap: wrap; row-gap: 8px; } .i-inspiration-item, .i-inspiration-item:nth-child(2n + 1) { width: 100%; height: auto; min-height: 380px; } .i-inspiration-inner { min-height: 380px; } .i-inspiration-content { right: 20px; bottom: 20px; left: 20px; } .i-inspiration-title, .i-inspiration-desc { max-width: 100%; overflow-wrap: anywhere; } .iframe-container .play_vid, .iframe-container iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } .i-about-nav-tab { align-items: stretch; gap: 10px; } .i-about-nav-tab .i-about-nav-item { flex: 1 1 calc(50% - 10px); padding: 8px; text-align: center; overflow-wrap: anywhere; } .i-info-title { align-items: flex-start; } .i-info-title-image { flex: 0 0 48px; margin-right: 12px; } .i-info-title-txt { min-width: 0; margin-left: 0; overflow-wrap: anywhere; } .i-toggle-title { padding-right: 56px; padding-left: 20px; overflow-wrap: anywhere; } .i-tooggle-active.i-toggle-item .i-toggle-content { padding-left: 20px; } .i-number-travelers-items { align-items: flex-start; flex-wrap: wrap; gap: 10px; } .i-number-travelers-items .control-label { width: 100%; white-space: normal; } .i-number-travelers-items .input-group { margin-left: 0; } .post-content table, .i-tabs-content table, .i-wysiwyg table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 480px) { .banner .itemBanner { min-height: 320px; height: auto; padding: 48px 0; } .banner .itemBanner p { margin-bottom: 24px; } .passion .ico, .passion .ico img { width: 96px; height: 96px; } .list-atout .itemAt .ico img, section.atout div.ico > img { width: 96px; height: 96px; } .map-ft span, .footer ul li, .footer ul li a { white-space: normal; overflow-wrap: anywhere; } .footer .newletter .blocNl, .sib_signup_box_inside_2, #mc4wp-form-1 .mc4wp-form-fields { display: flex; flex-direction: column; } .sib_signup_box_inside_2 .sib-email-area, #mc4wp-form-1 input[type="email"], .footer .newletter .blocNl .input-txt { padding-right: 20px; } .sib_signup_box_inside_2 .sib-default-btn, #mc4wp-form-1 input[type="submit"], .footer .newletter .blocNl .submit { position: static; width: 100%; min-height: 52px; } .i-about-nav-tab .i-about-nav-item { flex-basis: 100%; } } /* ========================================================== 19. Travel landing typography ========================================================== */ .banner .itemBanner p.titleb { color: #ffffff; font: 900 48px var(--indigobe-font-primary); text-shadow: 0 0 16px rgba(0, 0, 0, .36); margin-bottom: 0; } .banner .itemBanner p.desc { color: #ffffff; font: 18px var(--indigobe-font-book); text-shadow: 0 0 16px rgba(0, 0, 0, .36); margin-bottom: 48px; } .description-banners h1, .description-banners h1 > * { color: var(--indigobe-cta-blue); font-family: var(--indigobe-font-primary); font-size: 30px; line-height: 1.25; } .description-banners h2, .description-banners h2 > * { color: var(--indigobe-teal); font-family: var(--indigobe-font-primary); font-size: 22px; line-height: 1.35; } .description-banners p, .description-banners p > * { color: var(--indigobe-text-muted); font-family: var(--indigobe-font-primary); font-size: 16px; line-height: 1.6; } @media (max-width: 768px) { .topHader .container { gap: 16px; padding-right: 20px; padding-left: 20px; } .description-banners { padding-right: 20px; padding-left: 20px; } .description-banners h1, .description-banners h1 > * { font-size: 30px; line-height: 1.3; } } @media (max-width: 480px) { .topHader .container { gap: 10px; padding-right: 16px; padding-left: 16px; } .topHader .tel { padding-left: 20px; font-size: 14px; white-space: nowrap; } } /* Listado: una fila compartida, dando a las salidas el espacio restante. */ @media (min-width: 769px) { .i-liste-content .i-liste-bottom { flex-wrap: nowrap; align-items: stretch; } .i-liste-content .i-liste-bottom-left { flex: 0 0 auto; width: auto; min-width: 0; } .i-liste-content .i-liste-bottom-left .i-niveau, .i-liste-content .i-liste-bottom-left .i-period, .i-liste-content .i-liste-bottom-left .i-vol { width: auto; padding-right: 12px; padding-left: 12px; } .i-liste-content .i-liste-bottom-left .i-niveau .i-niveau-element { flex-basis: 54px !important; width: 54px !important; height: 42px !important; background-size: 50px auto !important; } .i-liste-content .i-liste-bottom-left .i-period { white-space: nowrap; } .i-liste-content .i-liste-bottom-right { flex: 1 1 auto; width: auto; min-width: 0; flex-wrap: nowrap !important; height: auto; gap: 12px; } .i-liste-content .i-liste-bottom-right > .i-depart { flex: 1 1 auto; min-width: 0; width: auto; margin: 0; padding: 10px 12px; display: flex; align-items: center; justify-content: center; gap: 10px; background-size: 0 !important; line-height: 1.3; } /* El pictograma forma parte del mismo grupo que el texto, en vez de quedarse pegado al borde de una celda que crece. */ .i-liste-content .i-liste-bottom-right > .i-depart::before { content: ''; flex: 0 0 32px; width: 32px; height: 32px; background-image: inherit; background-repeat: no-repeat; background-position: center; background-size: contain; } .i-liste-content .i-liste-bottom-right > .i-depart .i-depart-txt { width: auto; min-width: 0; text-align: left; text-wrap: balance; overflow-wrap: normal; word-break: normal; } .i-liste-content .i-liste-bottom-right > .i-price-cta { flex: 0 0 auto; width: auto; min-width: 0; height: auto; padding: 0; gap: 8px; } .i-liste-content .i-liste-bottom-right > .i-price-cta > .i-price { padding: 10px 8px; white-space: nowrap; } .i-liste-content .i-liste-bottom-right > .i-price-cta > .btn { padding-right: 20px; padding-left: 20px; } } @media (max-width: 768px) { .i-liste-content .i-liste-bottom-right > .i-depart .i-depart-txt { line-height: 1.3; overflow-wrap: normal; word-break: normal; } } /* Overrides finales: deben quedar después del responsive histórico. */ @media (max-width: 768px) { .listeProgramm .itemPro .content .preFt, .list-recom .itemPro .content .preFt { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: center !important; gap: clamp(10px, 3.5vw, 22px) !important; width: 100% !important; min-height: 58px; margin: 10px 0 !important; padding: 0 12px !important; } .listeProgramm .itemPro .content .preFt > div, .list-recom .itemPro .content .preFt > div { width: auto !important; min-width: 0; } .listeProgramm .itemPro .content .preFt .left, .list-recom .itemPro .content .preFt .left { display: flex !important; flex-flow: row nowrap !important; align-items: center; justify-content: center; gap: 8px; } .listeProgramm .itemPro .content .preFt .left .period, .list-recom .itemPro .content .preFt .left .period { margin: 0 !important; white-space: nowrap; } .listeProgramm .itemPro .content .preFt .right, .list-recom .itemPro .content .preFt .right { display: flex !important; flex: 0 0 auto; align-items: center; justify-content: center; padding-top: 0 !important; line-height: normal; text-align: center; } .listeProgramm .itemPro .content .preFt .right { flex-flow: row nowrap; gap: 6px; } .list-recom .itemPro .content .preFt .right { flex-direction: column; } .listeProgramm .itemPro .ftItem, .list-recom .itemPro .ftItem { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: stretch; flex-direction: initial !important; min-height: 64px; height: auto !important; padding: 0 !important; } .listeProgramm .itemPro .ftItem::after, .list-recom .itemPro .ftItem::after { display: none !important; content: none !important; } .listeProgramm .itemPro .ftItem .toHide, .list-recom .itemPro .ftItem .toHide { display: flex !important; align-items: center; justify-content: center; max-width: none !important; min-width: 0; margin: 0 !important; padding: 10px 12px 10px 47px !important; background-position: left 11px center !important; background-size: 29px !important; line-height: 1.25; text-align: left; } .listeProgramm .itemPro .ftItem .btn, .list-recom .itemPro .ftItem .btn { position: static !important; inset: auto !important; width: auto !important; min-width: 145px; min-height: 64px; margin: 0 !important; padding: 12px 22px; } .itemPro.i-banner-details .i-detail-bottom .i-period { display: flex !important; width: 100% !important; margin: 0 !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .itemPro.i-banner-details .i-detail-bottom .i-price-cta, .itemPro.i-banner-details .i-detail-bottom .i-btn-price { display: flex !important; width: 100% !important; margin: 0 !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .itemPro.i-banner-details .i-detail-bottom .i-btn-price { padding-right: 20px !important; padding-left: 20px !important; } .itemPro.i-banner-details .i-detail-bottom .i-price-niv-0 { justify-content: center !important; text-align: center !important; } } @media (max-width: 420px) { .listeProgramm .itemPro .content .preFt, .list-recom .itemPro .content .preFt { gap: 8px !important; padding-right: 8px !important; padding-left: 8px !important; } .listeProgramm .itemPro .content .preFt .left, .list-recom .itemPro .content .preFt .left { gap: 4px; } .listeProgramm .itemPro .ftItem .toHide, .list-recom .itemPro .ftItem .toHide { padding-left: 39px !important; background-position: left 8px center !important; background-size: 26px !important; font-size: 13px; } .listeProgramm .itemPro .ftItem .btn, .list-recom .itemPro .ftItem .btn { min-width: 120px; padding-right: 13px; padding-left: 13px; font-size: 13px; } }