/* * * ================================================================= * SKIN * ================================================================= * * Populate this file with the CSS of your custom design. * Include this file into the area of your pages, after the style.css and any other css file. * */ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); /* # COLORS =================================================================== */ .lan-menu .dropdown > ul > li:not(:hover) > a, .media-box:not(.media-box-down) h2, .media-box h3, nav.light .dropdown > ul > li:not(:hover) > a, .light .breadcrumb li:not(:last-child) a, .menu-cnt > ul > li > ul li > a, .lan-menu .dropdown > ul > li > a, body > nav:not(.menu-side).scroll-menu .menu-cnt > ul > li > a, body > nav:not(.menu-side).scroll-menu .lan-menu > li > a, .controls-out.arrows-left .glide__arrow:hover, .menu-inner:not(.menu-inner-vertical) .dropdown ul > li > a { color: #FFF !important; } body, header h2, h1, h2, h3, h4, h5, h6, .input-text, .input-select, .input-textarea, .icon-list span, .icon-list span a, .social-links a i, .glide__arrow, .search-bar input[type=submit], .menu-inner li > a, .accordion-list > li > a, .cnt-box-blog-side .icon-list a, .cnt-box-blog-top .icon-list a, .list-nav a, .media-box-down .caption h2, .media-box-down .caption p { color: #13304a; } h2{ color:#e35a2b; } div.cnt-box-info .cnt-info, .cnt-box-testimonials-bubble > p, [class*=box-lightbox].light, .datepicker-panel > ul > li, .datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover, .datepicker-top-left, .datepicker-top-right, .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover, .cnt-box-blog-side .blog-date span:last-child, .cnt-box-blog-top .blog-date span:last-child, .section-home-alpins + section:before, .scroll-menu .shop-menu-cnt .cart-count { background-color: #13304a; } footer{ background-color:#009f99; } body > nav:before { background-color: #1e1f1f; } .cnt-box-testimonials-bubble > p:after { border-right-color: #13304a; } .tab-nav li.active a, .tab-nav li:hover a { background-color: #13304a; border-color: #13304a; } .lan-menu .dropdown > ul > li > a, body > nav.scroll-menu:before, .title > p:before, .title > p:after, .quote .quote-author:before, .cnt-box-info .extra-field, .glide__bullets > button:hover, .glide__bullets > button.glide__bullet--active, .controls-right .glide__bullet, .media-box-reveal .extra-field, .media-box .caption h3:before, .bg-color, body main > section.bg-color, nav .dropdown > ul > li > a, body > header h2:after, body > header h2:before, .controls-out.arrows-left .glide__arrow:hover, .menu-cnt > ul > li > ul li > a, .album-box .caption h3:after, .menu-inner li:before, .cnt-box-blog-side .blog-date, .cnt-box-blog-top .blog-date, .section-home-alpins .glide__arrow, .menu-inner:not(.menu-inner-vertical) .dropdown ul > li > a, .step-item:before, .step-item > span, .shop-menu-cnt .cart-count { background-color: #1e1f1f; } .section-home-alpins .glide__bullets .glide__bullet.glide__bullet--active { background-color: #1e1f1f !important; } @media (max-width: 991.98px) { nav.scroll-menu .menu-cnt { background-color: #1e1f1f; } } .btn, .icon-links-grid a:hover, .icon-links-button a { background-color: #e35a2b; border-color: #e35a2b; } a, .counter .value span:last-child, .icon-box i, .cnt-box-info .cnt-info > div > span:last-child, .cnt-box-info .bottom-info, .btn-text, .menu-cnt > ul > li:hover > a, nav:not(.menu-transparent) .menu-cnt > ul > li:hover > a, .lan-menu > li:hover > a, nav:not(.menu-transparent) .lan-menu > li:hover > a, .timeline > div:hover .badge p, .cnt-box-team:hover .caption h2, .cnt-box-top-icon > i, .datepicker-panel > ul > li:hover, .extra-field:before, .menu-inner li.active > a, .menu-inner li:hover > a, .table-alpins td:first-child, .accordion-list > li > a:before, .cnt-box-blog-side .icon-list i, .cnt-box-blog-top .icon-list i, .list-nav a:before, .cnt-box .caption p b, .cnt-box-side-icon > i, .countdown h3, .countdown p, nav:not(.menu-transparent) .menu-mini .lan-menu > li:hover > a, nav .icon-list li > i { color: #e35a2b; } .breadcrumb li a:hover, .light .breadcrumb li:not(:last-child) a:hover, .light .text-color, .text-color, .menu-inner .dropdown li:hover > a { color: #1e1f1f !important; } form.form-box textarea:focus, form.form-box select:focus, form.form-box input:focus, [data-parallax] .table td, .media-box-half .caption .extra-field + p, .timeline > div .panel, div.timeline > div.inverted .panel:last-child, .search-box-menu > input[type=text]:focus { border-color: #1e1f1f; } .lan-menu .dropdown > ul > li:hover > a, .btn:not(.btn-border):hover, .dropdown ul:not(.icon-list) li:hover > a, .menu-cnt > ul > li:hover > a, .lan-menu > li:hover > a, .icon-links-button a:hover, .pagination li.page:hover a, .pagination li.page.active a, .section-home-alpins .glide__arrow:hover, .menu-inner:not(.menu-inner-vertical) .dropdown ul > li:hover > a { background-color: #e35a2b; } .btn:not(.btn-border):hover{ background-color:#009f99; } .btn-text:hover, .accordion-list > li > a:hover, .list-nav a:hover { color: #3081c8; } @media (max-width: 991.98px) { nav.scroll-menu .dropdown > ul > li > a { background-color: #3081c8; } .menu-transparent:not(.scroll-menu) .menu-cnt > ul > li.dropdown.active > a { color: #3081c8 !important; } } .icon-box p, .cnt-call .caption p, .cnt-box-team .caption span, .cnt-box .caption p, .cnt-pricing-table > ul > li, .timeline .panel p { color: rgb(83, 98, 111); } main > section.section-color, [data-parallax] .controls-out .glide__bullets, .section-bottom-box:after, .controls-out .glide__bullets, .section-color + .section-call:before { background-color: rgb(238, 243, 247); } body > header.align-center h2, .light .breadcrumb li:last-child a, .cnt-box-testimonials-bubble > p, .footer-bar > .container { color: rgb(238, 243, 247) !important; } ::placeholder { color: rgba(19, 48, 74, 0.52); } .table, .table td, .table th, .accordion-list > li, .table tr { border-color: rgba(83, 98, 111, .3); } .controls-out.arrows-left .glide__arrow, form.form-box textarea, form.form-box select, form.form-box input, .cnt-box.boxed, .tab-nav li a, .text-list-image li > img, .pagination li.page a, .shop-menu-cnt .shop-menu { box-shadow: 0 3px 23px rgba(39,79,117,.15); } .img-box, .media-box, .cnt-box-info .img-box, .section-block-full > .container > .row > .col:first-child, .cnt-call, .datepicker-top-left, .datepicker-top-right, .cnt-pricing-table, .google-map, .search-box-menu > input[type=text] { box-shadow: 0 10px 60px -12px rgba(39,79,117,.25); } .section-color .cnt-box.boxed .caption { background-color: #FFF; } .search-box-menu > input[type=text] { border: 1px solid #FFF; } .text-orange{ color : #e35a2b !important; } .bg-orange{ background-color : #e35a2b !important; } .text-vert{ color : #009f99 !important; } .bg-vert{ background-color : #009f99 !important; } .section-color-orange { background-color: #e35a2b !important; } .section-color-orange .cnt-box.boxed, .section-color-orange .cnt-pricing-table { box-shadow: 0 3px 23px rgba(39,79,117,0.50) !important; } .section-color-orange .cnt-pricing-table{ background-color: #ffffff !important; } .section-color-orange .title, .section-color-orange .title h2, .section-color-orange .pagination li:not(.page) a{ color:#FFF !important; } .alert-secondary { background-color: #fafafa; } /* # CUSTOM CLASSES =================================================================== */ label.error{ color: red; position: relative; top: -16px; left: 10px; } .cnt-box-side.cnt-box-home >.img-box { max-height:200px; width:50%; } /* # LAYOUT & TYPOGRAPHY =================================================================== */ body, textarea{ font-weight: normal; } body>header.home { height: 800px; } .title>p:after{ display:none; } footer ul.icon-list li { padding-left:0; } .footer-bar a{ color:#fff; } .footer-bar a:hover, .footer-bar span:last-child a:hover { color: #e35a2b; } .title.align-center > p:before, .title > p:after, .media-box .caption h3:before { display:none; visibility: hidden; } .section-block-full > .container > .row > .col { max-width: calc(25% - 20px); } .section-block-full > .container > .row > .col:first-child { background: #FFF; padding: 30px; margin: 0 30px; border-radius: 3px; max-width: calc(75% - 20px); } .section-block-full > .container > .row > .col:first-child:before { right: -49px; } .section-block-full.section-block-right > .container > .row > .col:first-child:before { right: auto; left: -49px; } .text-decoration-underline{ text-decoration : underline !important; } .mentions p + p{ margin-top:60px !important; } .cnt-box.boxed.trappeur{ text-align:center; } .cnt-box.boxed.trappeur h2{ font-size:16px; } .cnt-box.boxed.trappeur .caption{ padding: 15px; background-color: #fff; min-height:292px; } .cnt-box.boxed.trappeur .caption.gourmand{ min-height:470px; } .cnt-box.boxed.trappeur .caption p{ font-size:12px; line-height:16px; margin-top:20px } .cnt-box.boxed.trappeur .caption .link{ position: absolute; bottom:20px; width: 95%; text-align:center; } .cnt-box.boxed.trappeur .price{ font-weight:bold; font-size:16px; line-height:16px } .cnt-box.boxed.trappeur .price span{ font-size:20px } .font-sejours{ font-size:12px !important; line-height:20px !important; } .cnt-pricing-table.sejours{ /* min-height:732px; */ } .cnt-pricing-table.sejours .top-area{ padding:20px; } .cnt-pricing-table.sejours .bottom-area{ position: relative; bottom: 0; padding: 0; margin-top:20px } .cnt-pricing-table.sejours .top-area h2{ font-size: 15px; font-weight: bold; } .cnt-pricing-table.sejours ul{ margin-bottom:0; list-style: none; padding:0 } .font-bold{ font-weight: bold !important; } /* # NAVIGATION MENU =================================================================== */ .dropdown>ul, .dropdown-submenu>ul{ min-width:300px; } /* # HEADERS =================================================================== */ body>header.home:not(.header-base)>.container { margin-top: -200px !important; } body > header.light h2{ /* color:#1e1f1f !important; */ } body > header.light h2:before{ background-color:#fff; } body > header.light h2:after{ background-color:#fff; } .breadcrumb{ background-color: transparent; } /* # FOOTER =================================================================== */ /* # COMPONENTS =================================================================== */ .cnt-box-side>.img-box{ max-height: 150px; } .rando-cat{ color: rgb(255, 255, 255); font-weight: 600; text-transform: uppercase; font-size: 16px; letter-spacing: .5px; padding: 5px 10px; border-radius: 3px; background-color: #1e1f1f; } .pagination-top-right .list-pagination{ top:-60px; } /* # CONTAINERS =================================================================== */ /* # RESPONSIVE =================================================================== Large devices (desktops, less than 1200px) ------------------------------------------------------------------- */ @media (max-width: 1199.98px) { } /* Medium devices (tablets, less than 992px) ------------------------------------------------------------------- */ @media (max-width: 991.98px) { } /* Small devices (landscape phones, less than 768px) ------------------------------------------------------------------- */ @media (max-width: 767.98px) { } /* Extra small devices (portrait phones, less than 576px) ------------------------------------------------------------------- */ @media (max-width: 575.98px) { }