@media screen and (min-width: 768px) {
.partners-list {
margin-bottom: 5rem;
}
}
.partners-list ul {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.partners-list ul li {
width: 100%;
margin-bottom: 4.125rem;
}
@media (min-width: 768px){
.partners-list ul li {
margin-bottom: 7.125rem;
}
}
@media screen and (min-width: 768px) {
.partners-list ul li {
width: 48.5%;
margin-bottom: 4.125rem;
}
.partners-list ul li:nth-of-type(2n+2) {
margin-left: 3%;
}
}
@media screen and (min-width: 1280px) {
.partners-list ul li {
width: 24.25%;
}
.partners-list ul li:nth-of-type(2n+2) {
margin-left: 0;
}
.partners-list ul li:nth-of-type(3n+2),
.partners-list ul li:nth-of-type(3n+3) {
margin-left: 0;
}
.partners-list ul li:nth-of-type(4n+2),
.partners-list ul li:nth-of-type(4n+3),
.partners-list ul li:nth-of-type(4n+4) {
margin-left: 1%;
}
}
.partners-list ul li img {
display: block;
width: 100%;
}
.partners-list ul li p {
margin-bottom: 0.85rem;
line-height: initial;
}
.partners-list ul li span {
color: #AC6829;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 400;
line-height: 1rem;
display: block;
}
@media (min-width: 768px){
.partners-list ul li span {
font-size: 0.875rem;
line-height: 1.2rem;
}
}
.partners-list ul li .description {
height: 100%;
position: absolute;
width: 100%;
top: 0;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
font-size: 1.125rem;
line-height: 1.35rem;
padding: 0.75rem;
color: white;
font-weight: 500;
opacity: 0;
}
@media screen and (min-width: 768px) {
.partners-list ul li .description {
font-size: 1.125rem;
line-height: 1.35rem;
padding: 1.5rem;
}
.partners-list ul li .description.transi {
-webkit-transition: ease-in-out 0.5s opacity;
-moz-transition: ease-in-out 0.5s opacity;
-o-transition: ease-in-out 0.5s opacity;
transition: ease-in-out 0.5s opacity;
}
}
@media screen and (max-width: 415px) {
.partners-list ul li .description {
display: none;
}
}
.partners-list ul li .description:hover {
opacity: 1;
}
.z-index-nul {
z-index: -1 !important;
}
.partners-list ul li .desc-img {
position: relative;
width: 100%;
}
.pop-up-partner {
position: absolute;
top: 20vh;
left: 0;
width: 100%;
height: 100vh;
display: none;
z-index: 999;
justify-content: center;
justify-self: center;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.pop-up-partner {
top: 10vh;
}
}
.pop-up-partner.flex-partner {
display: flex;
}
.inside-pop-up-partner {
padding: 2.25rem;
width: 90vw;
position: relative;
z-index: 1000;
}
@media screen and (min-width: 768px) {
.inside-pop-up-partner {
width: 60vw;
padding: 6.5rem;
padding-top: 5rem;
}
}
.inside-pop-up-partner .before-partner {
display: block;
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer;
}
.open-pop-up {
cursor: pointer;
}