@media screen and (max-width: 1450px) {
html{
font-size: 13px;
.navbar{
nav{
li:nth-last-child(1){
width: 20px;
}
}
}
}
}
@media screen and (max-width: 1000px) {
.blog, .home{
#item{
.card:nth-child(5n+1){
width: 100%!important;
}
}
}
.slider{
width: 100%!important;
}
.item{
width: 100%!important;
.item_content{
width: 100%!important;
flex-direction: column;
.side{
padding-left: 0!important;
}
}
}
.default, .event{
#body-wrapper{
.item {
.item_content{
width: 100%!important;
}
}
}
}
.archives, .news{
#body-wrapper{
width: 100%!important;
.card{
width: calc(50% - 1.4rem)!important;
margin: 0!important;
&:nth-child(even){
margin: 0 1.4rem!important;
}
}
}
}
#top{
&.modular{
.visit-us{
#body-wrapper{
width: 100%!important;
}
}
}
}
.form{
section{
body-wrapper{
#custom-form{
width: 100%!important;
.form-field{
&:nth-child(1){
grid-column: 1 / 4;
grid-row: 1;
}
&:nth-child(2){
grid-column: 4 / 7;
grid-row: 1;
}
&:nth-child(3){
grid-column: 1 / 4;
grid-row: 2;
}
&:nth-child(4){
grid-column: 4 / 7;
grid-row: 2;
}
&:nth-child(5){
grid-column: 1 / 4;
grid-row: 3;
}
&:nth-child(6){
grid-column: 4 / 7;
grid-row: 3;
}
&:nth-child(7){
grid-column: 1 / 4;
grid-row: 4;
}
&:nth-child(8){
grid-column: 4 / 7;
grid-row: 4;
}
&:nth-child(9){
grid-column: 1 / 7;
grid-row: 5;
}
&:nth-child(10){
grid-column: 1/ 7;
grid-row: 6/8;
}
}
.buttons{
grid-column: 1/ 1;
grid-row: 8;
}
}
}
}
}
}
@media screen and (max-width: 768px) {
h2{
font-size: 3.5rem;
line-height: 3.5rem;
}
.item{
.item_title{
margin-bottom: 2rem!important;
}
}
.blog, .home{
#item{
.card{
width: 100%!important;
&:nth-child(5n+1){
.card-header{
margin-bottom: 2rem;
}
h5{
font-size: 3.5rem;
line-height: 3.7rem;
}
time{
font-size: 3.5rem;
line-height: 3.7rem;
}
}
}
}
}
#top{
&.modular{
.visit-us{
#body-wrapper{
width: 100%!important;
.map_container{
width: 100%!important;
.map_content{
width: 100%!important;
}
}
}
}
.press{
#body-wrapper{
width: 100%!important;
}
}
}
}
.newsletter .mc-field-group input{
min-width: 340px!important;
text-overflow: ellipsis!important;
}
footer{
&>div{
width: 100%!important;
margin-bottom: 20px!important;
}
}
.simplesearch_results{
.section{
.simplesearch{
.search-wrapper{
form{
display: block!important;
.search-input, button{
font-size: 2rem!important;
height: 50px!important;
text-align: left!important;
}
}
}
}
}
}
.search-results{
.section{
.simplesearch{
.center{
width: 100%!important;
margin-top: 8rem!important;
}
}
}
.results{
display: block!important;
.search-row{
width: 100%!important;
padding: 0!important;
}
}
}
}
@media screen and (max-width: 440px) {
.navbar{
nav{
li:nth-last-child(1){
position: absolute!important;
bottom: 20px!important;
width: 30px!important;
}
}
}
header{
.desktop-menu{
ul{
li{
ul{
li{
a{
line-height: 2rem!important;
}
}
}
}
}
}
}
.home, .blog{
#item{
.card{
margin-bottom: 3rem!important;
.card-header{
margin-bottom: 1rem!important;
.card-cat{
margin-bottom: 0rem;
font-size: 1rem!important;
line-height: 1rem!important;
span{
font-size: 1rem!important;
line-height: 1rem!important;
}
}
.card-title{
h5{
font-size: 2rem!important;
line-height: 2rem!important;
}
span{
font-size: 2rem!important;
line-height: 2rem!important;
}
}
}
.card-date{
font-size: 2rem!important;
line-height: 2rem!important;
time{
font-size: 2rem!important;
line-height: 2rem!important;
}
}
}
}
}
p{
font-size: 1rem;
line-height: 1.3rem;
}
h3{
font-size: 1.6rem;
}
.blog{
.current-upcoming, .upcoming{
.card-image{
width: calc(100% + 1.4rem)!important;
margin-left: - 0.7rem!important;
}
}
}
#top{
&.archives, .news{
#body-wrapper {
#item{
.card{
margin: 0 0 3rem 0!important;
.card-cat{
span{
font-size: 1rem;
}
}
}
.card-image{
width: calc(100% + 1.4rem)!important;
margin-left: -0.7rem!important;
}
.card:nth-child(3n+2){
margin: 0 0 3rem 0rem!important;
.card-image{
width: calc(100% + 1.4rem)!important;
}
}
}
}
}
}
.item{
margin-bottom: 3rem!important;
width: 100%!important;
.item_title{
margin-bottom: 1rem!important;
}
.item_img{
margin-bottom: 1rem!important;
}
.item_content{
width: 100%!important;
}
.item_date{
font-size: 1.5rem!important;
}
}
.card-lieux{
font-size: 1rem;
}
.slider{
width: calc(100% + 1.4rem)!important;
margin: 0 0 0 -0.7rem!important;
.slick-list .slick-track .slick-slide div img{
padding-bottom: 3rem!important;
}
}
.caption{
font-size: 1rem!important;
margin-top: -3rem!important;
}
.events{
h2{
font-size: 2rem;
line-height: 2rem;
span{
font-size: 2rem;
line-height: 2rem;
}
}
}
.form section#body-wrapper{
form{
width: 100%!important;
}
width: 100%!important;
#custom-form{
display: block;
.form-field{
margin-bottom: 2rem;
&:nth-child(9){
display: block;
.form-data{
flex-direction: column;
.radio{
margin-top: 10px;
}
}
}
}
.form-field:nth-child(10) textarea{
min-height: 200px;
}
}
}
#top{
&.modular{
.press{
#body-wrapper{
width: 100%!important;
.card{
flex-direction: column;
}
}
}
.visit-us{
section:not(:nth-last-child(1)){
margin-bottom: 3rem;
}
#body-wrapper{
width: 100%!important;
.list_card{
.map_content{
flex-direction: column;
&> div{
width: 100%!important;
.img{
width: 100%!important;
height: auto!important;
img{
width: 100%!important;
height: auto!important;
}
}
}
}
.map_header{
margin-bottom: 1rem!important;
}
}
}
.adress{
span{
font-size: 1rem!important;
}
}
.open{
time{
display: block;
font-size: 1rem!important;
}
}
}
}
}
footer{
font-size: 1.2rem;
line-height: 1.3rem;
margin-top: 3rem!important;
p{
font-size: 1.2rem;
line-height: 1.3rem;
margin: 0;
}
& > div{
width: 100%!important;
min-width: auto!important;
margin: 10px 0;
&.partenair{
.logo{
height: 20px!important;
}
}
}
}
body{
margin: 0 0.7rem!important;
header#header{
position: fixed!important;
z-index: 999;
.logo{
left: 0.7rem!important;
top: 1rem!important;
width: 100%;
transform: translate(0) rotate(0deg)!important;
a{
width: 80%;
display: block;
img{
width: 15rem;
}
}
}
.desktop-menu{
display:none;
.dropmenu{
& > ul {
& > li {
&:hover{
& > ul{
position: relative!important;
}
}
}
}
}
}
}
.mobile-menu{
display: block!important;
z-index: 999;
position: fixed;
right: 0.7rem;
top: 1rem;
.close{
display:none;
}
.open{
display: block;
}
}
&.mobile-nav-open{
header{
.desktop-menu{
display: block!important;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
.dropmenu{
margin: 6rem auto 0 0.7rem;
}
ul{
display: block!important;
li{
a{
font-size: 2rem;
line-height: 4rem;
}
}
}
}
}
.mobile-menu{
.open{
display:none;
}
.close{
display:block;
}
}
}
}
#start{
#body-wrapper{
margin-top: 2rem;
padding-top: 0rem!important;
#item{
.card{
width: 100%!important;
padding-right: 0!important;
padding-left: 0!important;
.card-header{
.card-title{
h5{
a{
font-size: 2.3rem!important;
line-height: 2.5rem!important;
}
}
}
.card-date{
// font-size: 2.4rem!important;
// line-height: 2.5rem!important;
}
}
}
}
}
}
.events{
#start{
margin-top: 8rem;
}
}
.content-item{
width: 100%!important;
h2{
font-size: 2.3rem;
line-height: 2.5rem;
}
.slider{
margin-left: -0.7rem;
width: 100vw;
.caption{
margin-left: 0.7rem;
}
}
.e-content{
width: 100%!important;
}
}
#start{
&.home{
margin-top: 8rem;
}
margin-top: 4rem;
#body-wrapper{
}
}
.default{
#start{
section{
body-wrapper{
margin-top: 6rem;
h2{
font-size: 2.3rem;
line-height: 2.5rem;
}
width: 100%!important;
p{
width: 100%;
}
}
}
}
}
.archives section#body-wrapper, .news section#body-wrapper{
width: 100%!important;
#item{
margin-left: 0!important;
}
}
.modular{
#body-wrapper.blog-listing{
margin-top: 8rem!important;
#item{
flex-direction: column;
.content-warp{
flex-direction: column;
& > div{
width: 100%!important;
padding: 0!important;
margin-bottom: 2rem;
}
}
}
}
h2{
font-size: 2.3rem;
}
#start #body-wrapper .list_press{
width: 100%!important;
flex-direction: column;
.date{
margin-bottom: 0.5rem;
}
}
}
footer{
flex-direction: column;
& > div{
margin-bottom: 1rem;
}
}
}