/* Theme Name: Intuitiv Author: Jonathan MICHELON Intuitiv' Interactive Author URI: https://www.intuitiv-interactive.com/ Description: Thème développé via Bootstrap 5 en license privé. Tout droit réservé. Version: 1.0 License: Privé */ /* ################### */ /* GENERAL */ /* ################### */ html { scroll-behavior: smooth; overflow-x: hidden;} body { font-family: 'Roboto', sans-serif; font-weight: 200; color: #000000; font-size:15px; overflow-x: hidden;} h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 200; } .transition, a, a img { transition: all 0.5s ease;} a:hover img { transform: scale(1.1);} a { transition: all 0.5s ease; text-decoration: none; color : #ef4350;} a:hover, a.noir:hover, #menu-menu-principal .social a:hover, .gris a:hover { color: #ef4350;} .pointer { cursor: pointer;} b, strong, .fw-bold { font-family: 'Roboto', arial; font-weight: 700 !important;} .home h2 span.fw-bold, h1 span.fw-bold { font-weight: 900 !important;} /* ACCESSIBILITE */ ul.icon_visi { width: calc(100% + 2px); left: 0; top: -1000px; height: 90px; transition: all ease 0.5s; opacity: 0;margin-left: -1px; margin-right: -1px;align-items: center; justify-content: left; gap: 37px ;} ul.icon_visi.show { top: 90px; opacity: 1;} ul.icon_visi li a { color : #000; font-weight: bold; } .taille_plus { } body.darktheme { background-color: #000; color: #FFF !important; } body.darktheme i, body.darktheme a, body.darktheme h1, body.darktheme h2, body.darktheme h3, body.darktheme h4, body.darktheme h5, body.darktheme h6, body.darktheme .rouge, body.darktheme .orange { color : #fff !important;} body.darktheme .bg-white, body.darktheme .bg-blanc, body.darktheme .bg-fff, body.darktheme .bg-gris, body.darktheme .bg-bleu, body.darktheme .bg-orange, body.darktheme .bg-rouge, body.darktheme .bg-gris-footer, body.darktheme .bg-gris-fonce { background-color: #000 !important; } body.darktheme a.bouton.bg-rouge { background-color : #fec028 !important; } /* RECHERCHE */ #opensearch i { display : none; } #opensearch i.show { display : block; } #searchformtop { width: calc(100% + 2px); left:0; top: -1000px; height: 90px; transition: all 0.5s ease; opacity: 0;margin-left: -1px; margin-right: -1px;} #searchformtop.open { top: 90px; opacity: 1; } #searchformtop #searchtop { height: 45px; width: 80%; border: 1px solid #fff !important; border-radius: 30px; background: transparent !important; outline: none !important; } #searchformtop #searchtop::placeholder{color: #fff;} /* DEMARCHES */ .demm { transition: all 0.5s ease; position: absolute; top: 0; width: 100%;} .demm.show { position:relative; } #demarches { width : 100%; left:0; top: -1000px; transition: all 0.5s ease; opacity: 0; position: absolute; height: 0px;} #demarches.open { opacity: 1; position: relative; height: 440px; top: 0;} #opendemarches i { display : none; } #opendemarches i.show { display : block; } /* BOUTONS */ .monbouton { border-radius: 20px; text-decoration: none; text-transform: uppercase; padding: 0 20px; font-weight: 500; font-size: 10px; font-family: 'Roboto';} .monbouton:hover { background: #262532; color : #fff; box-shadow: 0 0 5px #fff; } a.button:hover div { box-shadow: 0 0 5px #bababa;} /* FONT */ .ft-10 { font-size : 10px;} .ft-12 { font-size : 12px;} .ft-15 { font-size : 15px;} .ft-16 { font-size : 16px;} .ft-18 { font-size : 18px;} .ft-20 { font-size : 20px;} .ft-22 { font-size : 22px;} .ft-24 { font-size : 24px;} .ft-30 { font-size : 30px; line-height: 30px;} .ft-32 { font-size : 32px; line-height: 32px;} .ft-36 { font-size : 36px; line-height: 36px;} .ft-40 { font-size : 40px; } .ft-44 { font-size : 44px; } .ft-48 { font-size : 48px; } .ft-60 { font-size : 60px; } .ft-70 { font-size : 70px; } .ff-lora { font-family: 'Lora', serif;} /* COULEURS */ .bg-blanc, .bg-fff { background-color : #FFF; } .bg-bleu { background-color : #262532;} .bg-rouge { background-color : #ef4350; } .bg-gris { background-color : #f2f2f2; } .bg-opac { background-color : rgba(0,0,0,0.65); } .bg-bigout { background: rgb(38,37,50); background: linear-gradient(90deg, rgba(38,37,50,1) 0%, rgba(38,37,50,1) 50%, rgba(239,67,80,1) 50%, rgba(239,67,80,1) 100%);} .bg-rouge-opac { background: rgb(239,67,80); background: linear-gradient(90deg, rgba(239,67,80,1) 0%, rgba(239,67,80,1) 30%, rgba(239,67,80,0) 40%, rgba(239,67,80,0) 100%);} .fff, .fff a, .fff p { color : #fff; } .bleu, .bleu a, a.bleu { color : #262532; } .rouge a, .rouge { color : #ef4350; } .gris, .gris a, a.gris { color : #6a6a6a; } .noir, .noir a, a.noir { color : #000000; } .noir a:hover { color : #ef4350;} .filter { background: #00000080; z-index:90 } .bg-c { background-image : URL('img/bg-c.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-c-col6 { background-image : URL('img/bg-c-col6.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-c-col8 { background-image : URL('img/bg-c-col8.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-c-rouge { background-image : URL('img/c-rouge.jpg'); background-size: 100px 315px; background-position: left center; background-repeat: no-repeat;} .bg-c-bleu { background-image : URL('img/c-bleu.jpg'); background-size: 100px 315px; background-position: right top; background-repeat: no-repeat;} .bg-rouge a:hover { color : #262532;} .bg-c-bleu-home:before { background-image: URL('img/c-bleu.jpg'); background-size: 100px 315px; background-position: right top; background-repeat: no-repeat; content: ''; position: absolute; top: -160px; z-index: 800; width: 100px; height: 315px; right: 0; } .box-shadow { box-shadow: 0 0 5px #bababa;} /* HAUTEURS */ .vh100 { height: 100vh;} .h-33 { height: 33.3333%;min-height: 60px;} .h-90 { height: 90px;} .h-25px { height: 25px;} .h-30px { height: 30px;} .h-40px { height: 40px !important;} .h-60px { height: 60px;} .h-40px.show { height: inherit !important;} /* LARGEURS */ .w-90 { width: 90px;} .w-25px { width: 25px;} .w-30px { width: 30px;} .w-40px { width: 40px;} .w-60px { width: 60px;} /* HAUTEURS MINI */ .mh-70px { min-height: 70px;} .mh-177px { min-height: 177px;} .mh-200px { min-height: 200px;} .mh-300px { min-height: 300px;} .mh-306px { min-height: 306px;} .mh-425, .mh-425px { min-height: 425px;} /* MARGIN NEGATIVES */ .mb-n30px { margin-bottom: -30px;} .pl-2px { padding-left: 2px;} .bottom-20 { bottom: 20%;} .h-50px { height: 50px;} .mh-416 { min-height: 416px;} .w-50px { width : 50px; } .h-274 { min-height: 274px;} .h-425 { height: 425px;} .clearfix { clear : both; } .w-100-padding { width: calc(100% - 2rem);} .ml-n5 { margin-left: -2rem;} .mt-n3 { margin-top: -1rem; } .mt-n4 { margin-top: -1rem; } .mt-n5 { margin-top: -2rem; } .mb-n3 { margin-bottom: -1rem; } .my-n3 { margin-top: -1rem;margin-bottom: -1rem; } .z-100 { z-index: 100;} .mb-100 { margin-bottom: 100px;} .mt-100 { margin-top: 100px;} .mt-150 { margin-top: 150px;} .my-100 { margin-bottom: 100px; margin-top: 100px;} .mt-200 { margin-top: 200px;} .py-100 { padding-bottom: 100px; padding-top: 100px;} .pt-100 { padding-top: 100px;} .px-100 { padding-left: 100px; padding-right: 100px;} .my-n100 { margin-top: -100px; margin-bottom: -100px;} .mb-n100 { margin-bottom: -100px;} .my-n150 { margin-top: -150px; margin-bottom: -150px;} .my-n50 { margin-top: -50px; margin-bottom: -50px; } .my-150 { margin-bottom: 150px;margin-top: 150px;} .z-100 { z-index: 100;} .z-1000 { z-index: 999;} .z-10000 { z-index: 10000;} .mb-n25px { margin-bottom: -25px; } /* BLOC MENU */ #menu-menu-principal > li > ul > li { margin: auto; width: 80%; height: 40px; } .home #navprincipale { position: absolute; width: 100%; top: 8rem ; z-index: 990; } #navprincipale { position : relative; top: 5rem; margin-bottom: 5rem;z-index: 10000;} #navprincipale.fixed { margin-top : 0rem; position: fixed; top: 0px; width: 100%; left: 0; z-index:1000;} #navprincipale.fixed > .my-5 { margin-top: 0 !important;} #menu-menu-principal { width: 100%; height: 90px!important; align-items: center; } #menu-menu-principal a { text-transform: uppercase; font-weight: 700; color: #000000; font-size: 14px;} #menu-menu-principal a.show, #menu-menu-principal > .current-menu-ancestor > a { color : #ef4350; } #menu-menu-principal .dropdown-toggle::after { margin-left: 10px; color: #ef4350;} .navbar-collapse.show { position: absolute; top: 90px; background: #fff; width: 100%; } .navbar-toggler { background : #fafaf2;color : #ef4350;} .navbar-toggler.collapsed { background: #fff; color: #595959; transition: all 0.5s ease;} .navbar-toggler:focus { box-shadow: none; } .navbar-toggler:hover { background: #f2f2f2; color : #ef4350;} .lvl3 li a:hover { background: none; color: #ef4350 !important; } #menu-menu-principal > li { text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; } #menu-menu-principal > li > a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #menu-menu-principal > li > a.nav-link:hover, #menu-menu-principal > li > a.nav-link.show { background: #f2f2f2; color : #ef4350;} #menu-menu-principal .dropdown, ul#menu-menu-principal .dropend, ul#menu-menu-principal .dropstart, ul#menu-menu-principal .dropup { position: initial;} #menu-menu-principal > li > ul.dropdown-menu.show { width: calc(100% + 2px); margin-left: -1px !important; margin-right: -1px !important; top: 90px; margin: 0; border: 0px; border-radius: 0; min-height: 300px; background: #f2f2f2; background-image: URL('img/bg-c-gris.jpg'); background-position: top 30px right; background-repeat: no-repeat } /* #menu-menu-principal > li > ul.dropdown-menu.show > li > a { width: 45%; } */ #menu-menu-principal > li > ul.dropdown-menu.show > li > ul.dropdown-menu.show { padding: 0; width: 40%; margin-left: 10%; position: absolute; background: none; border: none; left: 40%; top: 1.3rem;} #menu-menu-principal > li > .dropdown-toggle.show::after { content: '\f0d8'; font-family: "Font Awesome 5 Pro"; border: 0;} #menu-menu-principal > li > ul.dropdown-menu.show li .dropdown-toggle::after { content: '\f0da'; font-family: "Font Awesome 5 Pro"; border: 0;} #menu-menu-principal > li > ul.dropdown-menu.show li .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; width: 45%;} .lvl2 > li > a { border-bottom: 1px solid #0000001f; margin: 8px 0 !important; padding: 10px 0 !important;} #menu-menu-principal .dropdown-item { white-space: normal;} #menu-item-dropdown-4500 { white-space: normal; } li#menu-item-4500 { height: 63px !important; } .navbar-collapse.show { position: absolute; top: 90px; background: #f2f2f2; width: 100%; } /* SOCIAL */ .social { position: absolute; bottom: 5px; left: 0; border-top: 1px solid; width: 100%; padding: 5px 10%; } /* BLOC FLASH INFO */ #flash_info p { margin: 0 ;} /* ARIANE */ #breadcrumbs a, #breadcrumbs a span, span.breadcrumb_last { font-weight : 700;} p#breadcrumbs a { text-decoration: underline; } /* ################### */ /* HOME PAGE */ /* ################### */ /* BLOC SERVICES */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #0000; border-left: none; border-radius: 0; border-bottom: 1px solid #f2f2f2; } .nav-tabs .nav-link { padding-top: 20px; padding-bottom: 20px;} .nav-tabs li:first-child .nav-link{ padding-left: 0;} .nav-tabs .nav-link.active { border-left: 1px solid #dee2e6 !important;} .nav-tabs li:first-child .nav-link.active { border-left: none !important; } .linkk:hover { background: #ef4350; color : #fff; transition: all 0.5s ease;} .linkk:hover a { color : #fff;} /* BLOC ACTUS */ /* BLOC AGENDA */ .date_event_top .date_event_debut, .date_event_top .date_event_fin { width: 75px; height: 60px; } .date_event .jour { margin-bottom: 0; font-weight: bold; font-size: 32px; text-align: center; line-height: 30px;} .date_event .mois { text-transform: uppercase; margin-bottom: 0; font-size: 16px; text-align: center; line-height: 15px;} /* BLOC PUBLICATIONS */ #publications .owl-carousel .owl-stage-outer { clip-path: inset(-100vw -100vw -100vw 0); overflow: visible;} .specialchart img { width: 20%!important; height: auto !important; } .specialchart img.active { width: 25%!important; height: auto !important;left: 0; position:absolute; } .publi img { max-width: 246px; max-height: 316px; } /* BLOC EN IMAGE */ iframe { max-width: 100%;} /* AUTRES SITES */ button.owl-prev { background: #fff; border: 2px solid #f2f2f2; border-radius: 20px 0px 0px 20px; width: 40px; padding: 5px; } button.owl-next { background: #fff; border: 2px solid #f2f2f2; border-radius: 0px 20px 20px 0px; width: 40px; padding: 5px; } /* BLOC MAP */ /* ################### */ /* PAGE ARTICLES */ /* ################### */ article ul li::before { content: "•"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -2em; } article ul.list-unstyled li::before { content: ""; margin-left: 0em; width: 0; } article ol li::before { content: counter(li); color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -2em; } article ol li { counter-increment: li; } article li::marker { content: "";} article p { color : #6a6a6a; font-family: 'Lora', serif; font-weight: 400; } .date_event p { font-family: 'Roboto', serif; } article p strong { color : #000000; } article a { text-decoration : underline;} article h1, article h2, article h3, article h4, article h5, article h6 { font-weight: 400;} /* ################### */ /* PAGES */ /* ################### */ /* BLOC SLIDER */ .slider-block.carousel-control-prev { left: -25px; width: 50px; background: #fff; height: 50px; top: calc(50% - 25px); opacity: 1; } .slider-block.carousel-control-next { right: -25px; width: 50px; background: #fff; height: 50px; top: calc(50% - 25px); opacity: 1; } /* CITATIONS */ blockquote { border: 3px solid #f2f2f2; padding: 50px 100px; text-align: center; margin-bottom: 3rem; position: relative; } blockquote p { font-style: italic; } blockquote cite { font-weight: 400; font-style: inherit; font-family: 'Roboto', sans-serif; } blockquote:after { content : url(img/rigg.svg); position: absolute; right: 40px; transform: translateY(32%); top: 0px; height:85px; width: 33px;} blockquote:before { content : url(img/leff.svg); position: absolute; left: 40px; transform: translateY(32%); top: 0px; height:85px; width: 33px;} /* TABLES */ .wp-block-table { margin-bottom: 3rem;} thead { background: #ef4350; color: #fff; } td, th { padding : 15px; } /* BLOC IMAGE + TEXTE */ .wp-block-media-text { margin-bottom: 3rem; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-left: 0 !important; } .wp-block-media-text__media img, .wp-block-image img { height: auto; } /* BLOC DERNIERS ARTICLES */ .wp-block-latest-posts__featured-image img { max-width: 100% !important; } /* BLOC SOMMAIRE */ .img_sommaire a { display: block; width: 100%; height: 100%; } /* BLOC FAQ */ .accordion-button:focus { border-color: none; box-shadow: none;} .accordion-button:not(.collapsed) { color : #fff; background-color: #ef4350;} button.accordion-button { border-radius: 0 !important; } .accordion-button::after { background-image: none;content : '\f322'; font-family: "Font Awesome 5 Pro";transform-origin: center center !important; } .accordion-button:not(.collapsed)::after { background-image: none;} /* BLOC ACCORDEONS- */ .accordion-header a { width: 100%} .accordion-header a::after { content : '\f322'; font-family: "Font Awesome 5 Pro"; transform-origin: center center !important; float: right; font-size:18px; background: #ef4350; height: 40px ; width: 40px ; padding: 11px 12.5px ; border-radius: 50%; color: #fff; transition : all 0.5s ease;} .accordion-header a:not(.collapsed)::after { transform: rotate(180deg);} /* COULEUR DES PARAGRAPHES */ .has-blanc-color, .has-blanc-color p, .has-blanc-color h1, .has-blanc-color h2, .has-blanc-color h3, .has-blanc-color h4, .has-blanc-color h5, .has-blanc-color h6 { color : #FFFFFF; } .has-rouge-color, .has-rouge-color p, .has-rouge-color h1, .has-rouge-color h2, .has-rouge-color h3, .has-rouge-color h4, .has-rouge-color h5, .has-rouge-color h6 { color : #ef4350; } .has-bleu-color, .has-bleu-color p, .has-bleu-color h1, .has-bleu-color h2, .has-bleu-color h3, .has-bleu-color h4, .has-bleu-color h5, .has-bleu-color h6 { color : #262532; } .has-gris-color, .has-gris-color p, .has-gris-color h1, .has-gris-color h2, .has-gris-color h3, .has-gris-color h4, .has-gris-color h5, .has-gris-color h6 { color : #f2f2f2; } .has-blanc-background-color { background : #FFFFFF; } .has-rouge-background-color { background : #ef4350; } .has-bleu-background-color { background : #262532; } .has-gris-background-color { background : #f2f2f2; } .plein-ecran, .pleinecran, .full { margin-left: calc(50% - 50vw ); margin-right: calc(50% - 50vw ); max-width: 100vw ; width: 100vw ; padding-left: calc( calc(100vw - 100%) / 2) !important; padding-right: calc( calc(100vw - 100%) / 2) !important;} /* ARCHIVES */ .fs-label-wrap { position: relative; } .fs-arrow { border-top: 5px solid #ef4350 !important;} .facetwp-search { padding: 5px 15px;} .facetwp-input-wrap:after { content : '\f002'; color: #ef4350; font-family: "Font Awesome 5 Pro"; width: 38px; height: 38px; position: absolute; right: 1px; top: 1px; padding: 5px 10px; font-size: 20px;} .facetwp-type-fselect .fs-option .fs-option-label { color: #000; } .fs-label-wrap .fs-label { position: relative; z-index: 10000; cursor: pointer;} i.facetwp-icon { display: none; } div.flatpickr-alt:after { content : '\f073'; background-color: #F15F47; color : #FFF; font-family: "Font Awesome 5 Pro"; width: 38px; height: 38px; position: absolute; right: 0px; top: 0px; padding: 5px 10px; font-size: 20px;} div.flatpickr-alt { position: relative; height : 40px;background: #fff; border: 1px solid #fff;} .facetwp-facet {display: flex;} input.flatpickr-alt { height: 40px; position: relative; z-index: 1000; background: none;border: none; width: 100%;} #filter button { transition: all 0.5s ease; border: none; height: 45px !important; justify-content: center !important; width: auto !important; bottom: 0 !important; margin-bottom: -20px;} #filter button:hover { background : #6D6E71;} #filter select.facetwp-dropdown, #filter input.facetwp-search, .fs-wrap.multiple, .fs-label-wrap, #filter .facetwp-input-wrap { width: 100% !important; height: 40px!important; } #filter div.flatpickr-alt { width: 49%; margin-right: 1%; height: 40px!important; } .fs-wrap.multiple { position: relative; } .fs-dropdown { width: 100%!important; } .fs-label-wrap .fs-label { padding: 10px 22px 9px 8px!important; color: #000;} input.facetwp-search { border: 1px solid #fff; } .facetwp-date { height: 40px; border: 1px solid #fff; padding: 5px 10px; margin-right: 10px; width: calc(50% - 10px); } .facetwp-date:last-child { margin-right: 0; width: 50%; } /* BLOC VIDEO */ .is-type-video { margin: 0px calc(50% - 50vw); max-width: 100vw; width: 100vw; background: #E6E7E8; } .is-type-video iframe { width: 100%; height: auto; margin-top: -100px; margin-bottom: -100px; min-height : 400px; } .is-type-video .wp-block-embed__wrapper { margin-top: 130px !important; margin-bottom: 130px !important; } /* KIOSQUE */ .page-template-last-publications .owl-nav.left .owl-next, .page-template-last-publications .owl-nav.right .owl-prev, .page-template-last-publications .owl-nav.left .owl-prev.disabled, .page-template-last-publications .owl-nav.right .owl-next.disabled { display : none;} /* ASSOCIATIONS */ /* FORMULAIRES */ .frm_dropzone.frm_single_upload { max-width: 100%; } /* ################### */ /* FOOTER */ /* ################### */ .social-footer { transition: all 0.5s ease; color: #ef4350; } .social-footer:hover { background: #262532; color: #fff; } ul#menu-menu-footer { list-style: none; padding: 0; column-count: 2; } ul#menu-menu-footer li { margin-bottom: 10px ; } .made_by span { display: inline-block; background: #ef4350; color: #fff; padding: 0 5px; } .container { position: relative; z-index: 900;} @media screen and (min-width: 576px) { .is-type-video .wp-block-embed__wrapper { max-width: 516px; margin: auto;} } @media screen and (min-width: 768px) { .is-type-video .wp-block-embed__wrapper { max-width: 696px; margin: auto;} } @media screen and (min-width: 992px) { .is-type-video .wp-block-embed__wrapper { max-width: 615px; margin: auto;} } @media screen and (min-width: 1200px) { .is-type-video .wp-block-embed__wrapper { max-width: 736px; margin: auto;} } @media screen and (min-width: 1400px) { .is-type-video .wp-block-embed__wrapper { max-width: 856px; margin: auto;} .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px; } } @media screen and (max-width : 1400px) { .mh-416 { min-height: 356px; } } @media screen and (max-width : 1200px) { .mh-416 { min-height: 296px; } .mh-425px { min-height: 355px;} .mh-425px img { height: 355px; width: auto;} .mh-200px { min-height: 165px;} .mh-200px img { height: 165px; width: auto; } } @media screen and (max-width : 991px) { #menu-menu-principal { height: auto !important; } #menu-menu-principal > li { display: block; width: 100%; height: auto !important;} #menu-menu-principal > li > ul > li { height: auto;} #menu-menu-principal > li > ul.dropdown-menu.show li .dropdown-toggle { display: block; width: 100%;} #menu-menu-principal > li > ul.dropdown-menu.show > li > ul.dropdown-menu.show { position: relative; width: 100%; margin-left: 0;left: 0;} .social { display: none;} #menu-menu-principal > li > ul.dropdown-menu.show { width: 100%; margin-left: 0 !important; margin-right: 0 !important; min-height: auto!important; height: auto!important;top: 0; background-image: none; margin-bottom: 10px; padding-top: 0px;} .dropdown-toggle::after { vertical-align: 0;} #menu-menu-principal > li > a { font-size: 16px;} .lvl2 > li > a { margin: 0 0 !important;padding: 0 0 !important; font-size: 14px;text-align: center;} .lvl3 > li > a { margin: 0 0 !important;padding: 0 0 !important; font-size: 14px;text-align: center; text-transform: inherit !important;} #menu-menu-principal > li > ul.dropdown-menu.show > li > ul.dropdown-menu.show { top: 0; margin-bottom: 20px;} li#menu-item-4500 { height : auto !important;} .bg-bigout { background: linear-gradient( 180deg, #262532 0%, #262532 50%, #ef4350 50%, #ef4350 100%); padding: 0px !important;} .bg-bigout .col-lg-5 { padding-top: 3rem; padding-bottom:3rem;} footer .col-lg-2 { margin-bottom: 1rem; text-align: center;} footer .col-lg-4.border-right.text-center { margin-bottom: 3rem;} /* .bg-c img { height: auto; min-width: 100%; } */ #demarches.open { height: 650px;} } @media screen and (max-width : 767px) { .mh-416 { min-height: 246px; } .slider-container .slider-content { overflow: hidden;} #publications { background-image: none; } .slider-container .slider-content .slider-single.proactive { display: none;} .slider-container .slider-content .slider-single.active .slider-single-image{ transform: translateX(30%) scale(0.8) !important;} } @media screen and (max-width : 567px) { .mh-416 { min-height: 200px; } .navbar-collapse.show, ul.icon_visi.show, #searchformtop.open { top: 51px;} #demarches .ft-24, #tab_services .ft-24 { font-size: 18px; } .unflex { display: block !important;} .w-90 { width: 50px ; } .h-90 { height: 50px ; } #logo { height: 40px; width: auto; } .slider-container .slider-content .slider-single.active .slider-single-image { transform: translateX(20%) scale(0.8) !important;} #navprincipale .container { padding : 0 !important;} .mh-425, .mh-425px { min-height: 280px;} .mh-425 img, .mh-425px img { height: 280px; width: auto;} } @media screen and (max-height : 800px) { .slidehome .ft-40 { font-size: 25px; } .slidehome .my-5 { margin: 1rem !important;} } /* ################### */ /* SLIDER PUBLI HOME */ /* ################### */ @keyframes heartbeat { 0% { transform: scale(0); } 25% { transform: scale(1.2); } 50% { transform: scale(1); } 75% { transform: scale(1.2); } 100% { transform: scale(1); } } .slider-container { position: relative; margin: 0 auto; width: 100%; height: 316px; } .slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 70%; height: 316px; transform: translate(-50%, -50%); } .slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms; } .slider-container .slider-content .slider-single .slider-single-image { position: relative; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0; } .slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(100%) scale(0.7); opacity: 1; } .slider-container .slider-content .slider-single.preactive { z-index: -1; } .slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: 1; transform: translateX(135%) scale(0.6); } .slider-container .slider-content .slider-single.proactive { z-index: 1; } .slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: 1; transform: translateX(60%) scale(0.8); } .slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(100%) scale(0.7); opacity: 1; } .slider-container .slider-content .slider-single.active { z-index: 2; } .slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(10%) scale(1); } .slider-container .slider-left { cursor: pointer; position: absolute; left: 5%; top: 50%; transform: translateY(-50%); background: #fff; border: 2px solid #f2f2f2; border-radius: 20px 0px 0px 20px; width: 40px; padding: 5px; text-align: center; } .slider-container .slider-right { cursor: pointer; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); background: #fff; border: 2px solid #f2f2f2; border-radius: 0px 20px 20px 0px; width: 40px; padding: 5px; text-align: center; }