/** CSS Additionnelle au thème Futurio **/
/** Auteur : Sylvain Granon **/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');
body {color:#333;}
a {color: #d90842;text-decoration:underline;transition: 1s all ease;}
.site-title a, #site-navigation .navbar-nav > li > a {text-decoration:none;}
.site-description {font-size: 20px;color: #fff;text-transform: uppercase;font-family: roboto, arial;margin: 10px 0 0 0;}
a:hover {text-decoration:none;color: #d90842;}
h1, h2, h3, h4, h5, h6 {font-weight:700;font-family: 'Inter', sans-serif;}
h1, .strongtitle {font-size: 4em;color: #d90842;background-color: #fff;}
h2 {font-size: 3em;color: #d90842;margin: 50px 0 30px 0 ; padding: 10px;}
p {font-weight:400;font-family: 'Inter', sans-serif;font-size:1.5rem;}
.post h2 {background-color: #fff; color:#fc002a;margin: 30px 0; padding: 10px;text-align: left;}
h3 {color: #2d2f7a;margin: 20px 0 0 0;padding:10px 10px 10px 0;font-size:1.5em;line-height: 1.4em;}
h4 {color: #fc002a;}
.full-head-img {padding: 0 2px; background:#000;border-bottom: none;}
.full-head-img h1.single-title {display:none;}
.size-large {text-align: center;}
.centersansborder {text-align: center;border: none;}
.footer-credits-text {display:none;}
.search-form input[type="submit"] {text-indent: -1000em;background:url("/wordpress/wp-content/themes/futurio/img/loupe.png") center center no-repeat;background-size: 80%; border:none;}
.navbar-header {background: #ed641e}
.navbar-header, .site-heading {display: block;width: 100%; text-align: center; float:none;}
.site-heading .site-branding-text, .navbar-brand, .site-heading.navbar-brand {display: block; width: 100%;margin:20px 0 0 0;}
.site-heading .site-branding-logo {margin: 10px 0 0 0;float: none;}
.site-branding-logo {height:72px;}
.site-branding-text .site-title {text-align: center;}
.nav > li > a::before {top: 58px;background-color: #111085;-webkit-transition: all 0.8s;transition: all 0.8s;}
.shrink .nav > li > a::before {top:48px;}
.site-branding-logo img {max-height: 100px;}
.shrink .site-branding-logo img {margin: 20px 0 0 0;}
.shrink p.site-description {font-size:20px;}
.nav > li.active > a:before, .current-page-parent:before {height: 0;}
h2, .wp-block-button {text-align:center}
.has-drop-cap:not(:focus)::first-letter {font-size: 5.8em;color: #ed641e;line-height: 0.8em;float: left;}
.pjustify {text-align:justify;}
.returnlink a, .returnlink3 a {background: url("/wp-content/uploads/2021/04/arrow-laref.png") left center no-repeat transparent;padding: 10px 0 10px 40px;display: inline-block;text-decoration: none;}
.returnlink3 a {background: url("/wp-content/uploads/2024/07/arrow-laref-skyblue.jpg") left center no-repeat transparent;}
.returnlink2 a {background: url("/wp-content/uploads/2022/11/arrow-laref2.png") left center no-repeat transparent;padding: 10px 20px 10px 40px;display: inline-block;text-decoration: none;}
.single-entry-summary .wp-block-column img.marginright20, .marginright20 {margin: 0 20px 0 0;} 
.download::before {content: "";display: inline-block;width: 22px;height: 22px;margin-right: 15px;background: url(/wp-content/uploads/2022/08/download-link.png) center center no-repeat;
    background-size: contain;vertical-align: middle;}
.home .wp-block-column.pleft0 {padding-left:0;}
.wplp_outside {padding: 30px 30px 0 30px;background-color: #fc002a;  color: #fff;}

/* Home */
.home .single-entry-summary {margin-top: 0;}
.home .page-area {padding-top: 0;}
.home h3 {text-align: center; border: none;margin:30px 0 0 0;}
.type-post h3 {border: none;}
#comptearebours {padding: 0 0 50px 0; margin: 40px 0 0 0;}
.conf {background-color:#111085;}
.titreconf { color:#fff;box-shadow: 0 5px 10px #ccc;position:relative;min-height:58px;padding:10px;line-height:20px;}
.imgshadow {box-shadow: 0 4px 10px #aaa;}
.imgshadow p, .imgshadow img {margin:0;box-shadow: none;}
.art-home {transition: 0.2s all ease;}
.art-home img, .art-home p {cursor:pointer;margin:0;box-shadow: none;}
.art-home:hover, .art-home:hover img, .art-home:hover p {box-shadow:none; cursor:pointer;}
.wp-block-button__link {background-color: #111085;box-shadow: 0 5px 10px #666;}
.wp-block-button__link:hover {box-shadow: none;}
.btn {padding: 20px;margin: 20px; background-color:#111085;color:#fff;box-shadow: 0 2px 5px #666;border-radius: 5px;-webkit-transition: all 0.4s;transition: all 0.4s;text-decoration: none;font-weight: bold; }
.btn:hover {padding: 20px; background-color:#fff;color:#111085;box-shadow: 0 0px 2px #666;border-radius: 5px; }
a.btn:active, a.btn:focus {color: #ffffff;}
.lienplus {clear:both;display: block;width: 50px;height: 50px;background:url("https://laref.org/wp-content/uploads/2021/03/plus.png") center center no-repeat transparent;transition: 0.1s all ease;margin: 10px 0 0 0; text-indent: -1000em;}
.lienplus:hover {display: block;width: 50px;height: 50px;transform: rotate(-90deg);cursor:pointer; }
html body hr {margin: 20px 0;}
.owl-carousel .owl-item img {box-shadow: 0 0 5px #CCC;}
.owl-item strong {color: #111085;}
.owl-item a {text-decoration: none;font-weight: bold;text-transform: uppercase;}
.intro h2 {background-color: #fff;color: #111085;padding: 0;margin: 0 0 20px 0;}
.home article {margin:0}
.home .container {width:100%;padding:0;}
.home .has-drop-cap:not(:focus)::first-letter {color:#fff;}
.home .homeresume .wp-block-group__inner-container {max-width: 1480px;margin: 0 auto;}
.home .homeresume2 {max-width: 1024px;margin: 30px auto;}
.home .wp-block-group.has-background {padding: 40px 30px;}
.home .wp-block-column:not(:first-child) {margin-left:0;}
.home1240 {max-width: 1240px; margin: 0 auto;}
.home1024 {max-width: 1024px; margin: 0 auto;}

/* Compte à rebours */
.time_circles > div > span {color: #111085;}
.time_circles > div > h4 {color: #111085;font-weight: bold;}

/* Podcasts */
.page-id-15827 .shadow {box-shadow: 0px 0px 8px 1px #3A3A3A;}

#site-navigation {border:none;}
#site-navigation .container {width: 100%;padding: 0;}
#site-navigation .container {background-color:#fc002a;}

#site-navigation .menu-container {background-color:#2d2f7a; color:#fff;}
#site-navigation .navbar-nav > li > a {color:#fff;font-weight: bold;}
#site-navigation .navbar-nav > li > a:hover {background-color: #fff;color:#111085; }
#site-navigation .navbar-nav > li.active > a, #site-navigation .navbar-nav > li.active > a:hover {color:#fff;background-color:#fc002a;}
.paddingtop {padding-top: 230px;}
.latest-post-selection-slider>div .overlay {background-color: #fff; color:#333;font-size: 14px;line-height: 21px;}
.latest-post-selection-slider>div .overlay h3 {color:#111085;font-size: 24px;margin: 0 0 3px 0;}
.site-heading .site-branding-text {margin: 10px 0 0 0;}
.shrink .site-heading .site-branding-text {margin: 0;}
#content-footer-section {background-color:#2d2f7a;margin: 50px 0 0 0;}
#content-footer-section .container {text-align:center;text-transform: uppercase;}
.number {color:#111085;margin: 40px 0 0 0;}
.number img {margin:0 0 10px 0;}
.number .gdnombre {font-size:30px; font-family:impact;display:block;}
.number > div {text-align:center}
.comments-meta {display: none;}
.content-date-comments {width: 60px;}
.date-meta {background-color: #d90842;color: #fff;padding: 2px 0;}
#content-footer-section a {color: #fff;text-decoration: none;}
#content-footer-section i {opacity: 0.8; font-size: 32px; margin: 0 5px;color: #fff;}
#content-footer-section i:hover {opacity:1;}
a.biglink {display: inline-block;padding:  0 0 0 27px;background:url("https://laref.org/wp-content/uploads/2020/06/plus2.png") left 0px no-repeat #fff;transition: 0.2s all ease;}
a.biglink {display: inline-block;padding: 0 0 0 21px;background: url(https://laref.org/wp-content/uploads/2020/06/plus2.png) left 5px no-repeat #fff;transition: 0.2s all ease;color: #666;text-decoration: none;margin: 0 0 0 0px;}
a.biglink:hover {cursor: pointer;}
.wpcu-front-box span.title {font-size: 15px;color: #fff;}
.wplp_container .wpcu-front-box span.date {font-size: 0.7em;}
.wplp_widget_default .insideframe ul li {padding: 0 2px;}
.wplp_widget_default .insideframe ul li:first-child {padding: 0 4px 0 0;}
.wplp_widget_default .insideframe ul li:last-child {padding: 0 0 0 4px;}
.intro {font-weight: bold;margin: 50px 96px;color: #111085;text-align: justify;background-color: #fff;padding: 40px 30px;border-radius: 10px;box-shadow: 0px 0px 6px #111085;}
.intro2 {font-weight: bold;margin: 0 96px;color: #666;text-align: justify;background-color: #fff;padding: 40px 30px;
}
.wplp_container.default .title {font-size: 1.3em;}
.wplp_container .wpcu-front-box span.date {color: #fff;padding: 10px 0 5px 0;}

/** page programme **/
.programme h2 {clear: both;}
.programme h3 {margin: 20px 0 0px 0;text-transform: uppercase;clear: both;}

.subtitle {color: #d90842;font-size: 16px;margin: 0;}
.descriptif {width:50%;float: left;box-sizing: border-box; margin: 0 0 20px 0; padding:0 20px 0 0;}
.intervenants-pgm {font-family: 'Inter', sans-serif;box-sizing: border-box;padding: 10px 30px;color: #fff;background-color: #2d2f7a;margin:7px 0 30px 0;}
.ea-body .intervenants-pgm {width: 50%;float: left;}
.intervenants-pgm a {color: #fff;}
.intervenants-pgm ul {margin:0 0 10px 0;padding:0 0 0 14px;}
.intervenants-pgm ul + p {margin:0 0 0 13px;}
.page-id-2197 span.category {display: none;}
.txtcenter {text-align: center;padding:0 27px;}
.txtalignleft {text-align:left;}
.aligncenter {margin-top:0;}
.is-layout-flex {display: flex;}
.programme .wp-block-column {flex:1;}

/* Pages partenaires, intervenants, bio */
.partenaires, .intervenant {margin:0;}
.intervenants {max-width: 1024px; margin:0 auto;}
.partenaires img, .intervenants img, .intervenant img  {box-shadow: 0 0 10px #ccc;}
.partenaires h3, .intervenants h3, .intervenant h3  {margin: 60px 0 0 0;border: none;clear:both;}
.intervenants h4, .intervenant h4 {color: #d90842;border-bottom: 1px solid #d90842;padding: 0 0 5px 0;}
.partenaires .wp-block-column {padding: 10px;background-color: #111085;color: #fff;min-height: 292px;float: left; width:50%;box-sizing: border-box;margin: 0 0 15px 0;border-right:4px solid #fff;transition: 0.5s all ease;}
.intervenants .wp-block-column, .intervenant .wp-block-column {width: 33%;padding: 0 10px 0 0;min-height: 312px;float: left; box-sizing: border-box;margin: 0 0 15px 0;transition: 0.5s all ease;position: relative;}
.credit {position: absolute;font-size: 10px; bottom: 10px;color: #fff;background-color: #000;line-height: 10px;text-align: left;}
.intervenant .wp-block-column {width: 100%;}
.intervenants {font-size:14px;font-family: 'Inter', sans-serif;}
.intervenants h4 + p span {display: block;min-height: 100px;}
.partenaires .wp-block-column img, .intervenants .wp-block-column img, .intervenant .wp-block-column img {box-shadow: none;margin: 0;}
.partenaires .wp-block-column:after {content: " ";clear: both; }
.partenaires .wp-block-column img, .partenaires .wp-block-column > div, .intervenants .wp-block-column .img + div {float: left;width: 50%;}
.intervenant .wp-block-column .img + div {float: left;width: 80%;}
.partenaires .wp-block-column > div, .intervenants .wp-block-column > div, .intervenant .wp-block-column > div {box-sizing: border-box;padding: 0 0 0 10px;text-align: left;}
.intervenants .wp-block-column .img, .intervenant .wp-block-column .img {max-width: 200px;float: left;width: 50%;padding: 5px;box-sizing: border-box;background-color: #d90842;position: relative;}
.intervenants .wp-block-column .img {padding:5px;}
.intervenant .wp-block-column .img p {margin: 0 10px 0 0;}
.intervenants .wp-block-column .img p {margin: 0;}
.intervenant .wp-block-column .img {width: 20%;}
.intervenant .wp-block-column > div {padding: 0 0 0 30px;}
.intervenant h4 + p {margin: 0 0 20px 0;color:#d90842;}
.partenaires2 .wp-block-column, .danslesmedias .wp-block-column, .themes .wp-block-column {clear: both; padding: 30px 0 0 0;margin: 0;}
.partenaires2 .img, .themes .img  {padding: 10px;background-color: #111085;width: 30%;float: left;margin: 0;}
.partenaires2 .wp-block-image {  margin-bottom: 0;}
.danslesmedias .wp-block-column {margin: 0 10px 0 0;}
.danslesmedias .img {padding: 10px;background-color: #111085;}
.partenaires2 .img {width:90%}
.partenaires2 .img2 {width:30%}
.partenaires2 .img + div, .danslesmedias .img + div, .themes .img + div {float: left;width: 70%;box-sizing: border-box;padding: 0 0 0 20px;}
.partenaires2 h3, .danslesmedias h3, .themes h3 {clear: both;padding: 60px 0 10px 0;margin: 0;}
.infoplus {display: block; padding: 0 0 0 15px;background:url("/wp-content/uploads/2020/10/bullet.jpg") left 8px no-repeat transparent;}
.img3 {padding: 10px;background-color: #111085;}
.cadre {border: 10px solid #111085;}

/* Page Thématiques */
.themes h3 {padding: 0;}
.themes h4 {clear:both;}
.themes .partenaires + h4 {padding: 20px 0 0 0;}
.themes .img {background-color: transparent;}
.themes .partenaires img {margin: 5px;width: 20%;box-sizing: border-box;padding: 10px;background-color: #111085; float: left;}
.themes .partenaires img:hover {box-shadow: none;cursor: pointer;}
.themes .partenaires + p {clear: both;}
.themes .img + div {float: left;width: 66%;box-sizing: border-box;padding: 0 0 0 20px;margin: 13px 0 0 0;}
.themes .sommaire ul {color:#111085;text-align: center;max-width: 400px; margin: 50px auto 0 auto;}
.themes .sommaire ul li {font-weight: bold;margin: 5px 0;list-style: none;background-color: #111085;color:#ffffff;transition: all ease 1s;padding: 10px 0;}
.themes .sommaire ul li a {text-decoration: none;color:#ffffff;}
.themes .sommaire ul li:hover {background-color: #d90842;padding: 10px 0;}
.themes .sommaire ul li:hover a {text-decoration: none;color:#ffffff;}

/* Accordion */
.sp-easy-accordion .sp-ea-single .ea-header a {font-size: 23px;}
.ea-body h3 {color: #111085;clear: both;}

/* Form */
.wpcf7-form p, .wpcf7-form label {color: #039;font-weight: 600;}
.wpcf7-form input:not([type="checkbox"]), .wpcf7-form select, .wpcf7-form textarea {background-color: #dae7ee;border:none;}
.wpcf7 .wpcf7-form input[type=submit] {background-color: #039;border:none;color: #fff;border-radius: 5px;border: 1px solid #039;}
.wpcf7 .wpcf7-form input[type=submit]:hover {background-color: #fff;color: #039;}

/* Boutons réseaux sociaux */
#sfsi-widget-3 {display: none;}
.sfsi_responsive_icons .sfsi_responsive_icon_facebook_container, .sfsi_responsive_icons .sfsi_responsive_icon_twitter_container, .sfsi_responsive_icons .sfsi_responsive_icon_follow_container {background-color: #111085;}

/* Infos pratiques */
h3.taxi, h3.voiture, h3.metro, h3.bus, h3.velo {margin:40px 0 0 0;}
h3.taxi {background:url("https://laref.org/wp-content/uploads/2020/06/taxi.png") left top no-repeat transparent; padding: 12px 10px 10px 54px;}
h3.voiture {background:url("https://laref.org/wp-content/uploads/2020/06/voiture.png") left top no-repeat transparent; padding: 7px 10px 10px 54px;}
h3.metro {background:url("https://laref.org/wp-content/uploads/2020/06/metro.png") left top no-repeat transparent; padding: 40px 10px 10px 55px}
h3.velo {background:url(https://laref.org/wp-content/uploads/2024/07/velo.jpg) left 23px no-repeat transparent; padding: 40px 10px 10px 55px}
h3.bus {background:url("https://laref.org/wp-content/uploads/2020/06/bus.png") left 11px no-repeat transparent; padding: 40px 10px 10px 60px;}

/* Footer */
#custom_html-2 {clear:both; width: 100%}
#custom_html-2 ul li {display: inline;margin:0 0 0 30px;}
.clearfix::after {content: "";clear: both;display: table;}

/* Styles temporaires REFNum REFEurope */
#blog .showmob {display:none;}
#blog .hidemob {margin-bottom: 0;}
.yellow {background: rgb(2,54,156);background: linear-gradient(0deg, rgba(2,54,156,1) 50%, rgba(246,188,0,1) 100%);color:#fff;}
.home .yellow .wp-block-column {padding: 0 20px;}
.home .wp-block-column.violet {background: rgb(2,54,156);
    background: linear-gradient(0deg, rgba(2,54,156,1) 50%, rgba(167,65,175,1) 100%);flex-basis: calc(50% - 0px);}
.grey {background-color: #eee;}

/* Media queries */

@media (max-width: 1200px) {
    .partenaires .wp-block-column img, .partenaires .wp-block-column > div {float: none;width: 100%;}
    #comptearebours {padding: 40px 0 70px 0;}   
    #comptearebours h2 {font-size: 66px;padding: 0 0 10px 0;}
    .intro {margin: 50px 66px;}
    .intervenants .wp-block-column {width: 50%;}
}
@media (max-width: 991px) {
    #comptearebours {padding: 10px 0 0 0;}  
    #comptearebours h2 {font-size: 46px;padding: 0 0 10px 0;}
    .intervenants .wp-block-column {width:50%;}
    .intro {margin: 50px 0;}
    .intervenant .wp-block-column .img {width: 30%;}
    .intervenant .wp-block-column .img + div {width: 70%;}
    .intervenants h4 + p span {min-height: 80px;}
}
@media (min-width: 768px) {
    .navbar-left {float: none !important;width: 439px;margin: 0 auto;text-align:center;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0;}
    .navbar-nav > li > a {padding:20px 10px;}
    .navbar-nav li:first-child a {background:url("https://laref.org/wp-content/uploads/2020/06/home.png") center center no-repeat transparent;background-size:60%;padding:20px 72px 20px 0;text-indent:-1000em;}
    .shrink .navbar-nav li:first-child a {background-size:50%;padding:20px 60px 10px 0;}
    .navbar-nav li:first-child a:hover {background:url("/wp-content/uploads/2020/06/home-hover.png") center center no-repeat #fff;background-size:60%;padding:20px 72px 20px 0;text-indent:-1000em;}
    .shrink .navbar-nav li:first-child a:hover {background-size:50%;padding:20px 60px 10px 0;}
.programme {padding:0 80px;}
    .single-post .main-container ul {padding:0 80px 0 93px;}
    .single-post .main-container h4 {padding:20px 80px 0 80px;}
    .single-post .sfsi_responsive_icons {padding:68px;}
}
@media (max-width: 767px) {
	.brand-absolute {text-indent:-1000em;}}
@media (max-width: 782px) {.home .wp-block-column:nth-child(2n) {padding-left: 0;}}
@media (min-width: 600px) {
    .admin-bar #site-navigation.shrink {top: 0;}
    .wp-block-column:nth-child(2n) {padding-left: 22px;margin-left: 0;}
    .intervenants .wp-block-column:nth-child(2n) {padding-left: 0;}
    .page-id-15827 .wp-block-column:nth-child(2n) {padding-left: 0;margin-left:32px;}
}
@media (max-width: 781px) {
    .art-home {margin: 10px 0 0 0;}
    .lienplus {margin:0;}
}
@media (max-width: 767px) {
    .number div:nth-child(3), .number div:nth-child(4) {margin-top:30px;}   
    .open-panel span {background: #fff;}
    #site-navigation {color: #fff;}
    #site-navigation .navbar-nav a, .openNav .menu-container {border-bottom: 1px solid #fff;}
    .themes .img + div, .themes .img {width: 100%;padding:0;}
    .wplp_widget_default .insideframe ul li {margin: 0 0 40px 0;}
    .descriptif {width: 100%;margin: 0;}
    .intervenants-pgm {width: 100%;margin: 0 0 30px 0;}
    .ea-body .intervenants-pgm {width: 100%;margin: 10px 0 30px 0;}
    .intro, .intro2 {margin: 50px 0;}
    .intro2 {padding: 0;}
    h1, .strongtitle {font-size: 3em;}
}
@media (max-width: 749px) {
    .h2homeright h2 {margin-top: 13px;}
}
@media (max-width: 600px) {
    .number > div {margin-top:30px;}
    #comptearebours {padding: 10px 0;}
    #blog .partenaires .wp-block-column, #blog .intervenants .wp-block-column, #blog .intervenant .wp-block-column {width:100%;clear: both;}    
    .intervenants .wp-block-column, .intervenant .wp-block-column {float: none;width: 100%;}
    .intervenants .wp-block-column img, .intervenant .wp-block-column img {width: 100%;}
    .intervenant .wp-block-column > div {padding: 0 0 0 10px;}
}
@media (max-width: 599px) {
    #blog .hidemob {display:none;}
    #blog .showmob {display:block;}
}

@media (max-width: 480px) {
    p.site-description, .shrink p.site-description {line-height: 20px;text-align: center;}
    .strongtitle {font-size:3em;}
}
@media (max-width: 450px) {
    .partenaires2 .wp-block-column .img, .danslesmedias .wp-block-column .img {width: 100%; float: none;margin: 0 0 10px 0;}
    .partenaires2 .img + div, .danslesmedias .img + div {float: none;width: 100%;padding: 0;}
    }
@media (max-width: 413px) {
    .site-description {text-align: center;}
    /*.col-md-12 {padding:0;}*/
    .biglink {text-align: center;}
    .intervenants .wp-block-column img, .intervenants .wp-block-column > div, .intervenant .wp-block-column img {float:none;width: 100%;text-align: center;}
    #blog .intervenants .wp-block-column, #blog .intervenant .wp-block-column {text-align: center;}
}