@import url(https://use.typekit.net/ujn4rhp.css);
@font-face {
font-family: "SedgwickAve";
src: url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/SedgwickAve-Regular.ttf) format('ttf'),
url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/SedgwickAve-Regular.woff) format('woff'),
url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/SedgwickAve-Regular.woff2) format('woff2');
font-display: swap;
}
@font-face {
font-family: "TTCommons";
src: url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/TTCommons-Regular.otf) format('ttf'),
url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/TTCommons-Regular.woff) format('woff'),
url(https://nibuniconnu.fr/wp-content/themes/themenbnc/fonts/TTCommons-Regular.woff2) format('woff2');
font-display: swap;
}
*, ::before, ::after{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none;
}
html, body {
overflow-x: hidden;
}
:root{
--w: #FFFFFF;
--b: #000000;
--rougenbnc: #881a29;
--font-title: 'tt-commons-pro';
--font-p: 'TTCommons';
--h2font-size: 2rem;
--h3font-size: 1.6rem;
--h4font-size: 1rem;
} .header#masthead{
position: fixed;
width: 100%;
z-index: 999;
background-color: white;
}
.header .inside-header{
box-shadow: 0px 4px 4px rgba(41, 56, 37, 0.1);
position: relative;
}
.header .inside-header .logo-header{
width: 70%;
}
.header .inside-header .logo-header img{
width: 150px; } .main-nav .inside-nav .nav-menu{
display: none;
flex-direction: column;
}
.main-nav .inside-nav :is(.nav-menu, .nav-menu .sub-menu) li{
margin: .8rem 1.2rem;
} .main-nav .inside-nav .nav-menu li a{
font: 400 1.2rem/1rem var(--font-title);
color: #333;
}
.main-nav .inside-nav .nav-menu li a:hover{
text-decoration: underline;
} .main-nav .inside-nav .nav-menu li.current-menu-item > a{
text-decoration: underline;
} .nav-menu .sub-menu{
background-color: transparent;
}
.menu-item-has-children .sub-menu {
display: none;
position: relative;
width: max-content;
}
.menu-item-has-children:hover .sub-menu{
display: block;
}
.menu-item-7185, .menu-item-7182{
position: relative;
}
.menu-item-7185:after, .menu-item-7182:after{
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 7px;
height: 7px;
border-top: 1px solid;
border-right: 1px solid;
border-color: var(--b);
transform: rotate(135deg);
left: 40px;
top: 4px;
}
.menu-item-7182:after{
left: 65px;
}
.menu-item-has-children:hover::after{
transform: rotate(-45deg);
top: 8px;
}
.menu-item-has-children:hover::after, .menu-item-has-children:not(:hover)::after{
transition: 1s;
} .allLines{
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 35px;
right: 15px;
}
.line{
width: 75%;
height: 1px;
border-radius: 5px;
background-color: var(--rougenbnc);
position: absolute;
transition: all 0.5s ease-in-out;
}
.line:nth-child(1){
top: 0px;
}
.line:nth-child(2){
top: 8px;
}
.line:nth-child(3){
top: 16px;
}
.allLines.active .line:nth-child(1){
top: 8px;
transform: rotate(135deg);
}
.allLines.active .line:nth-child(3){
top: 8px;
transform: rotate(-135deg);
}
.allLines.active .line:nth-child(2){
opacity: 0;
transform: translateX(-20px);
} .alignfull{
margin: calc(0% - 40px); width: 100vw;
margin-bottom: 0.5rem;
} .banner .wp-block-cover__inner-container{
padding: 2rem 0;
text-align: center;
} 
.logo-in-banner{
text-align: center;
}
.logo-in-banner img{
width: 65%;
height: auto!important;
} main{
padding-top: 165px;
}
.container{
margin: 0 40px;
} input, textarea{
width: 100%;
border-radius: 0;
border: 0;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
a{
color: var(--b);
}
.very-lil-margin-b{
margin-bottom: 0.2rem;
}
.lil-margin-b{
margin-bottom: 1rem;
}
.margin-b{
margin-bottom: 2rem;
}
.categories a{
border: 1px dotted black;
padding: 5px;
}
figure img{
width: 100%;
} .searchform, .searchform .form-search input{
height: 30px;
}
.searchform .form-search{
display: flex;
align-items: center;
height: 100%;
}
.searchform button{
background-color: transparent;
color: var(--b);
margin: 0!important;
cursor: pointer;
}
.searchform button.iconSearch{
padding: 1px;
}
.searchform button.iconSearch svg.icon{
width: 2.5rem;
height: 1.5rem;
}  footer .searchform, .searchform .form-search input{
width: 100%;
cursor: initial;
} .loop-articles .wp-block-column .wp-block-query .wp-block-post-template li{
background-color: var(--w);
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template li figure img{
height: 300px;
width: 100%;
object-fit: cover;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content{
padding: 10px;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content h2{
font-size: 20px;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-date{
font-style: italic;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-excerpt__excerpt{
margin-bottom: 1rem;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template .loop-articles-content .wp-block-post-excerpt__more-text a{
background-color: red;
} .searchbar .searchform form input.input-search{
width: 60%;
}
.searchbar .searchform form input.input-search[value]{
color: var(--b);
font-style: italic;
}
.searchbar .searchform form input.input-search::placeholder{
color: var(--b);
font-style: italic;
}
.article-parent{
background-color: var(--w);
}
.article-parent a.article-img img{
width: 100%;
height: 350px;
object-fit: cover;
}
.article-parent .article-content{
padding: 10px;
}
.article-parent .article-date{
font-style: italic;
}
.article-parent .article-btn{
cursor: pointer;
} .single-section-content .single-content-img img{
width: 100%;
object-fit: contain;
height: 30vh;
}
.single-section-content .single-meta{
text-align: center;
display: block;
} .comments-section .comment-form .logged-in-as, .comments-section .comment-form .comment-notes{
font-style: italic;
margin-bottom: 1rem;
}
.comments-section .comment-form .logged-in-as .logged-user-name{
font-weight: bold;
}
.comments-section .comment-form .form-control {
border: 1px solid black;
padding: 5px;
border-radius: 5px;
margin-bottom: 1rem;
}
.comments-section .comment-form .comment-form-cookies-consent {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.comments-section .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent {
width: 25px;
height: 25px;
appearance: auto!important;
}
.comments-section .comments-list .comments-ul li.comment{
margin-bottom: 1rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body{
background-color: #EBE8E4;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .comment-author .fn{
font-weight: bold;
color: var(--rougenbnc);
}
.comments-section .comments-list .comments-ul li.comment .comment-body .comment-meta {
font-style: italic;
font-size: 15px;
margin-bottom: 0.5rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body p{
margin-bottom: 0.5rem;
font-size: 20px;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .reply{
padding: 0 0 0.5rem 0.5rem;
}
.comments-section .comments-list .comments-ul li.comment ul.children li.comment{
padding: 1rem 0 1rem 1rem;
} .container-similar-articles{
text-align: center;
}
.container-similar-articles ul{
margin-bottom: 2rem;
}
.container-similar-articles img{
width: 250px;
height: 250px;
object-fit: cover;
}
.container-similar-articles .meta-similar-articles{
font-style: italic;
font-size: 15px;
} form.wpcf7-form{
margin: 1rem 0;
}
form.wpcf7-form p{
margin: 1rem 0;
}
form.wpcf7-form p label span.wpcf7-form-control-wrap input::placeholder, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea::placeholder{
color: var(--b);
font-family: var(--font-title);
}
form.wpcf7-form p label span.wpcf7-form-control-wrap input, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
padding: 10px;
cursor: initial;
}
form.wpcf7-form p input.wpcf7-submit{
cursor: pointer;
} #tarteaucitronRoot #tarteaucitronAlertBig, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitron #tarteaucitronInfo{
background: var(--w)!important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronRoot .tarteaucitronH1, #tarteaucitron #tarteaucitronInfo, #tarteaucitron .tarteaucitronH2{
color: var(--b)!important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
margin-bottom: 1rem!important;
}
button[type=button]#tarteaucitronCloseAlert{
background: rgb(202, 202, 202)!important;
}
#tarteaucitronRoot button[type=button]::after, #tarteaucitronRoot button[type=button]:focus{
content: initial!important;
}
#tarteaucitronRoot #tarteaucitronAllAllowed:hover{
background: #1b870b!important;
}
#tarteaucitronRoot #tarteaucitronAllDenied:hover{
background: #9c1a1a!important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder{
border-color: var(--w)!important;
}
#tarteaucitronRoot button#tarteaucitronBack{
opacity: 0.6!important;
}
span.manageTarteaucitron#tarteaucitronManager{
cursor: pointer;
}
#tarteaucitronRoot button:focus-visible{
outline: none!important
}
#tarteaucitronRoot button{
text-transform: initial!important;
} .sbi_btn_text, .sbi_custom a span{
font: 400 0.875rem/1rem 'Calibri';
}
.sbi_follow_btn a{
background: #22588C!important;
}
@media (min-width: 426px) {
.comments-section .comment-form .comment-form-cookies-consent label{
margin-right: 0.5rem;
}
.logo-in-banner img{
width: 50%;
}
}
@media (min-width: 600px) {
.container-similar-articles{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.container-similar-articles h2{
width: 100%;
}
.container-similar-articles img{
width: 100%;
}
}
@media (min-width: 769px) {
.container{
margin: 0 2rem;
}
.alignfull{
margin: calc(0% - 2rem);
margin-bottom: 0.5rem;
}
footer .alignfull{
margin: calc(0% - 40px);
}
footer .inside-footer{
margin: 0 2rem;
}
.wp-block-columns{
flex-wrap: nowrap!important;
}
.loop-articles .wp-block-column .wp-block-query .wp-block-post-template li figure img{
height: 350px;
}
form.comment-form{
width: 70%;
}
.container-similar-articles{
justify-content: space-evenly;
}
.container-similar-articles ul{
width: 100%;
}
.logo-in-banner img{
width: 25%;
} .all-articles{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.article-parent{
width: 48%; margin-bottom: 40px;
}
}
@media (min-width: 1201px) { main{
padding-top: 140px;
}
h1{
margin-top: 1rem;
}
.container, footer .inside-footer{
max-width: 1200px;
margin: 0 auto!important;
} .alignfull{
margin: 0 calc(50% - 50vw);
margin-bottom: 0.5rem;
} .box-burger{
display: none;
} .main-nav {
margin-right: 1rem;
}
.main-nav .inside-nav .nav-menu{
display: flex!important;
flex-direction: initial;
}
.main-nav .inside-nav .nav-menu > li{
padding-bottom: 0;
border: none;
} .header .inside-header{
display: flex;
justify-content: space-between;
align-items: center;
}
.header .inside-header .logo-header{
width: 25%;
}
.logo-in-banner img{
width: 20%;
} .menu-item-26:after{
left: 87px;
}
.menu-item-has-children .sub-menu{
background-color: var(--w);
position: relative;
}
.menu-item-has-children:hover .sub-menu{
position: absolute;
}
.menu-item-has-children .sub-menu .menu-item{
display: flex;
align-items: center;
}
.menu-item-has-children .sub-menu .menu-item::before{
content: "•";
margin-right: 5px;
} .single main, .page-id-7178 main{
max-width: 650px;
background: white;
padding: 160px 2rem 0;
} footer .alignfull{
margin: calc(50% - 50vw);
}
}  body{
background-color: #fcfaf7;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a{
font-family: var(--font-title);
font-weight: 400;
color: #333;
}
h2, h2 a{
font-size: var(--h2font-size);
}
h3, h3 a{
font-size: var(--h3font-size);
line-height: 1.7rem;
margin-top: .4rem;
}
h4, h4 a{
font-size: var(--h4font-size);
}
p, a, time, span, ul, li, figcaption, cite, label, ::placeholder, input, textarea{
font-family: var(--font-p);
color: #666;
}
a{
color: var(--rougenbnc);
}
blockquote{
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
border-color: var(--rougenbnc);
}
strong{
font-weight: 700;
}
.pos-relative{
position: relative;
}
.no-marg-b{
margin-bottom: 0;
}
.map{
width: 100%;
margin: 2rem 0;
} .pictos{
padding: 1rem 2rem 1rem 0;
display: flex;
justify-content: flex-end;
gap: 0.5rem;
background-color: #f7f4f0;
}
.pictos a{
background-color: #444444;
border-radius: 3px;
width: 25px;
height: 25px;
position: relative;
}
.pictos a img{
width: 15px;
height: 15px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header .inside-header .logo-header{
padding-left: 1rem;
} .main-nav .inside-nav .nav-menu{
margin: 0px 10px;
background-color: var(--w);
} .rdv{
margin-bottom: 4rem;
} .loops ul li{
margin-bottom: 1.5rem;
}
.home .loops .loops-metas .wp-block-group__inner-container, .loops .loops-metas .wp-block-group__inner-container{
display: flex;
align-items: baseline;
justify-content: center;
color: #B1B1B1;
}
.loops .loops-metas .wp-block-post-author__content{
display: flex;
}
.loops .wp-block-post-author__content .wp-block-post-author__byline{
margin-right: 3px;
}
.loops .loops-metas p, .loops .loops-metas a, .loops .loops-metas span, .loops .loops-metas time{
color: #737373;
font-size: 11px;
width: inherit;
}
.loops .wp-block-read-more, .loops .wp-block-post-excerpt__more-link{
color: var(--rougenbnc);
margin: auto;
font-size: 12px;
}
.loops .wp-block-read-more:hover, .loops .wp-block-post-excerpt__more-link:hover{
text-decoration: underline;
}
.loops .wp-block-post-excerpt .wp-block-post-excerpt__excerpt{
margin-bottom: 0.5rem;
} .extras{
background-color: #f7f4f0;
padding: 2rem 0;
}
.extras .wp-block-group{
margin: 0 40px;
}
.extras .extras-card{
text-align: center;
text-shadow: 0px 0px 16px black;
}
.extras .extras-card h3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
.extras .extras-card h3 a{
color: var(--w);
}
.extras .extras-card img{
height: 210px;
object-fit: cover;
}
.extras .extras-card:last-child{
margin: 0;
}
.extras .extras-card h3.long-extras{
width: 90%;
} footer{
padding: 40px 40px 0;
background-color: #f7f4f0;
}
footer img{
width: 100%;
}
footer p a{
color: #444444;
}
footer .credits a{
color: #666;
}
footer .credits a:hover, footer .credits span:hover{
color: #111;
}
footer .credits .red-link, .link-home a, .red-link a{
color: var(--rougenbnc);
}
footer .searchform .form-group{
border: 1px solid #ebe8e4;
height: initial;
}
footer .searchform .form-search input{
height: 50px;
padding: 0 10px;
border-right: 1px solid #ebe8e4;
}
footer .credits{
background-color: #EBE8E4;
padding: 40px;
margin-top: 4rem;
margin-bottom: 0;
text-align: center;
}
footer .global-search .circle{
background-color: var(--rougenbnc);
width: 60px;
height: 60px;
bottom: 0px;
z-index: 999;
left: 0;
border-top-right-radius: 80px 80px;
position: fixed;
display: block;
cursor: pointer;
}
footer .global-search .circle:hover{
opacity: 1;
transition: 1s;
}
footer .global-search .circle:not(:hover){
opacity: .7;
transition: 1s;
}
footer .global-search .circle button.iconSearch{
bottom: 10px;
right: 25px;
background-color: transparent;
position: absolute;
cursor: pointer;
}
footer .global-search .circle button.iconSearch .icon{
width: 25px;
height: 25px;
color: var(--w);
}
footer .global-search .circle.activeSearch, footer .global-search .input-globalSearch{
display: none;
}
footer .global-search .input-globalSearch.activeInput{
display: block;
position: fixed;
z-index: 999;
width: 100%;
left: 0;
bottom: 0;
background-color: var(--rougenbnc);
}
footer .input-globalSearch.activeInput .searchform{
height: initial;
}
footer .input-globalSearch.activeInput .searchform .form-search .iconSearch svg.icon, footer .input-globalSearch.activeInput .searchform .form-search input::placeholder, footer .input-globalSearch.activeInput .searchform .form-search input[value]{
color: var(--w);
} .crew .wp-block-columns{
margin-bottom: 0;
}
.crew .name{
font-size: var(--h3font-size);
font-family: var(--font-title);
font-weight: 400;
}
.crew .position{
color: #aaa;
}
.pictos.redac{
justify-content: initial;
background-color: initial;
}
.pictos.redac a{
background-color: var(--rougenbnc);
} .author-loca{
color: var(--rougenbnc);
}
.wp-block-social-links{
display: flex;
gap: 10px;
} form.wpcf7-form p label span.wpcf7-form-control-wrap input, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea{
border-bottom: 3px solid var(--rougenbnc);
border-radius: 4px;
background-color: rgba(234, 234, 234, .2);
}
form.wpcf7-form p label span.wpcf7-form-control-wrap input::placeholder, form.wpcf7-form p label span.wpcf7-form-control-wrap textarea::placeholder{
font-family: var(--font-p);
color: #999;
}
form.wpcf7-form p input.wpcf7-submit, .article-parent .article-btn{
width: inherit;
background-color: #ebe8e4;
color: #444444;
text-transform: uppercase;
font-size: 1rem;
letter-spacing: .1rem;
padding: 0.3em 1em;
margin-bottom: 1rem;
}
.article-parent .article-btn{
margin-bottom: 0;
}
.contact-form form.wpcf7-form, .contact-form form.wpcf7-form p:last-of-type{
margin: 0;
} .wp-block-query-pagination{
text-align: center;
} .single-title{
text-align: center;
}
.single-meta, .single-meta a {
font-size: 12px;
color: #B1B1B1;
}
.single-content h2, .single-content h3, .single-content h4{
margin-bottom: 1rem;
}
.single-content p {
font-size: 15px;
line-height: 1.5rem;
margin-bottom: 1rem;
}
.single-content ul {
padding-left: 1rem;
}
.single-content ul li{
list-style-type: disc;
margin-bottom: 1rem;
}
.single-content figcaption{
text-align: center;
font-size: 12px;
font-style: italic;
}
.single-content hr{
margin: 1rem 0;
color: var(--rougenbnc);
}
.single-content .wp-block-gallery figure{
width: 100%!important;
height: 250px;
object-fit: cover;
}
.comment-author{
margin-bottom: .5rem;
}
.comments-section .comments-list .comments-ul li.comment .comment-body p, .comments-section .comments-list .comments-ul li.comment .comment-body .comment-meta{
margin: .5rem;
}
.comments-section .comment-form .form-submit input, .comments-section .comments-list .comments-ul li.comment .comment-body .reply a{
color: var(--rougenbnc); 
display: inline-block;
background-color: #EBE8E4;
padding: 10px;
text-transform: uppercase;
}
.comments-section .comments-list .comments-ul li.comment .comment-body .reply a{
padding: 0;
} .container-similar-articles img, .container-similar-articles h3 {
margin-bottom: .5rem;
} .article-parent a.article-img img.added-logo{
object-fit: contain;
} .ultp-block-6b594d .ultp-block-meta span:after, .ultp-block-6b594d .ultp-block-meta span:before{
color: var(--w)!important;
}
.ultp-block-entry-heading .ultp-block-title a{
color: var(--w)!important;
}
.ultp-block-6b594d .ultp-next-prev-wrap ul li a:hover{
background-color: var(--rougenbnc)!important;
}
.ultp-block-entry-content{
position: relative;
}
.ultp-block-title{
position: absolute;
z-index: 10;
top: 15%;
transform: translate(-50%, -50%);
left: 50%;
width: 80%;
}
div.wp-block-ultimate-post-post-list-1 .ultp-block-items-wrap .ultp-block-item .ultp-block-title a, .ultp-block-author, .ultp-block-author a, .ultp-block-date, .ultp-post-comment, .ultp-block-excerpt p, .ultp-block-readmore a{
color: var(--w)!important;
text-shadow: 1px 1px 40px rgb(0 0 0 / 50%);
}
.ultp-block-meta.ultp-block-meta-verticalbar{
position: absolute;
z-index: 10;
left: 50%;
width: 80%;
transform: translate(-50%, 0%);
top: 28%;
}
.ultp-block-4197d5 .ultp-block-readmore{
margin: 2rem 0 0!important;
}
.ultp-block-4197d5 .ultp-block-items-wrap .ultp-block-item .ultp-block-readmore a{
font-size: 1rem!important;
}
.ultp-block-row{
display: inherit!important;
}
.ultp-block-image img{
width: 100%;
height: 100vw;
filter: brightness(70%);
}
.ultp-block-content{
position: absolute;
z-index: 10;
top: 30%;
width: 80%;
left: 50%;
transform: translate(-50%, 10%);
}
.ultp-block-4197d5 .ultp-next-prev-wrap ul{
margin-bottom: 3rem!important;
}
.ultp-block-readmore a{
background-color: grey;
padding: 5px!important;
font-size: 16px!important;
}
.ultp-block-4197d5 .ultp-block-items-wrap .ultp-block-item .ultp-block-readmore a{
background-color: grey;
padding: 10px;
} .ultp-loading-blocks{
display: none!important;
}
.ultp-block-wrapper{
transition: none!important;
}
.ultp-loading-active{
background-image: url(https://tanguy.le-studio-culotte.com/nbnc/wp-content/uploads/2022/10/nibuniconnu_PICTO-LOADER.png);
background-size: 350px auto;
background-repeat: no-repeat;
background-position: center;
} #mailpoet_form_2 {
margin-bottom: 1rem;
}
@media (min-width: 426px) {
.mailpoet_form_image{
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.rdv .loops ul.wp-block-post-template, .blog .loops ul.wp-block-post-template{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.rdv .loops ul.wp-block-post-template li, .blog .loops ul.wp-block-post-template li{
width: 45%;
}
.rdv .loops ul.wp-block-post-template li img, .blog .loops ul.wp-block-post-template li img{
height: 175px;
object-fit: cover;
}
.extras .wp-block-columns{
gap: 20px;
justify-content: space-between;
}
.extras .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: initial!important;
flex-grow: initial!important;
}
.extras .wp-block-columns .wp-block-column{
width: 48%;
}
.extras .wp-block-columns .wp-block-column figure{
height: 100%;
}
.extras .wp-block-columns .wp-block-column figure img{
height: 100%;
object-fit: cover;
} .ultp-block-title{
text-align: center;
}
.ultp-block-title a{
font-size: 35px!important;
}
.ultp-block-image img{
height: 70vw;
}
.ultp-block-meta.ultp-block-meta-verticalbar{
justify-content: center!important;
}
.ultp-block-content{
text-align: center!important;
}
.ultp-block-excerpt p{
font-size: 16px!important;
} .inside-footer{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.logo-citation, .footer-extras{
width: 49%;
}
.reading, .contact{
width: 40%;
} .loops .wp-block-post-excerpt__more-link{
font-size: 15px;
} .wp-block-gallery{
display: flex;
flex-wrap: wrap;
}
.wp-block-gallery figure.wp-block-image{
width: 49%!important;
flex-grow: 0;
} .container-similar-articles ul{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.container-similar-articles ul li{
width: 49%;
}
}
@media (min-width: 769px) {
.banner{
margin-bottom: 2rem!important;
}
.first-content{
display: block;
margin-bottom: 4rem;
}
.extras .wp-block-group{
margin: 0 2rem;
}
.extras .wp-block-columns{
flex-wrap: wrap!important;
gap: 28px;
}
.loops ul li .wp-block-columns{
gap: 1rem;
}
.loops ul li .wp-block-columns .wp-block-column figure{
margin: 0;
}
.loops ul li .wp-block-columns .wp-block-column figure img{
height: 230px;
object-fit: cover;
}
.loops ul li .wp-block-columns .wp-block-column h3 {
text-align: left;
}
.loops ul li .wp-block-columns .wp-block-column .loops-metas .wp-block-group__inner-container{
justify-content: left;
}
.crew .wp-block-columns{
gap: 1rem;
}
.container-similar-articles ul{
justify-content: center;
}
.container-similar-articles ul li{
width: 32%;
}
.wp-block-ultimate-post-post-list-1{
margin-bottom: 2rem;
}
.ultp-block-author, .ultp-block-author a, .ultp-block-date, .ultp-post-comment, .ultp-block-excerpt p, .ultp-block-readmore a{
font-size: 16px!important;
} footer .inside-footer{
margin: 0;
} .single-crew{
gap: 1rem;
}
}
@media (min-width: 1025px) {
.home .loops .loops-metas .wp-block-group__inner-container, .loops .loops-metas{
flex-wrap: wrap;
}
.first-content{
display: flex;
gap: 1rem;
}
.first-content.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: initial!important;
}
.first-content .wp-block-column:first-child, .first-content .wp-block-column:last-child{
width: 50%;
}
.rdv .loops ul.wp-block-post-template li, .blog .loops ul.wp-block-post-template li{
width: 32%;
}
.ultp-block-image img{
height: 50vw;
}
.logo-citation{
width: 30%;
}
.loops ul li .wp-block-columns .wp-block-column:first-child{
width: 100%;
flex-basis: 0!important;
flex-grow: 1;
}
.loops ul li .wp-block-columns .wp-block-column figure img{
height: 300px;
}
.footer-extras, .reading, .contact{
width: 20%;
}
}
@media (min-width: 1201px) {
.extras{
padding: 0;
padding-bottom: 2rem;
}
.extras .wp-block-columns .wp-block-column{
width: 49%;
}
.extras h2{
padding-top: 2rem;
}
.extras .wp-block-group{
max-width: 1200px;
margin: 0 auto!important;
}
.extras .wp-block-columns{
gap: 24px;
justify-content: space-between;
}
.rdv{
margin: 2rem 0;
}
.ultp-block-image img{
height: 30vw;
}
.ultp-block-title{
top: 20%;
}
.loops ul li{
margin-bottom: 3rem;
}
.container #mailpoet_form_2{
max-width: 650px;
margin: 1rem auto;
}
footer{
padding: 2rem 0 0;
} .ultp-block-item h3, .ultp-block-item .ultp-block-meta, .ultp-block-item .ultp-block-content{
max-width: 800px;
margin: 0 auto;
}
.ultp-block-item .ultp-block-content .ultp-block-excerpt p{
font-size: 1.6rem!important;
line-height: 1.6rem!important;
} .single-crew{
margin-top: 1rem;
}
} .wp-block-ultimate-post-post-list-1 .ultp-block-image{
width: 100%!important;
}