.wp-block-ws-library-ws-socialwall {
max-width: var(--wp--style--global--wide-size) !important;
}
.wp-block-ws-library-ws-socialwall .socialwall {
position: relative;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 0;
margin-left: calc(-1 * var(--wp--style--root--padding-left));
margin-right: calc(-1 * var(--wp--style--root--padding-right));
padding-top: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--60);
overflow: auto;
}
@media (max-width: 991.98px) {
.wp-block-ws-library-ws-socialwall .socialwall {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.wp-block-ws-library-ws-socialwall .socialwall::-webkit-scrollbar {
display: none;
}
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-socialwall .socialwall {
overflow: hidden;
}
}
.wp-block-ws-library-ws-socialwall .post-social {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.wp-block-ws-library-ws-socialwall .post-social {
width: 316px;
min-width: 316px;
margin-left: -11px;
margin-right: -11px;
position: relative;
z-index: 1;
scroll-snap-align: center;
scroll-snap-stop: always;
}
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-socialwall .post-social {
max-width: 25%;
}
}
.wp-block-ws-library-ws-socialwall .post-social .card-post {
--background-color: var(--wp--preset--color--1);
--text-color: var(--wp--preset--color--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
border-radius: var(--wp--custom--border-radius--medium);
overflow: hidden;
background-color: var(--background-color);
min-height: 200px;
-webkit-box-shadow: var(--wp--preset--shadow--normal);
box-shadow: var(--wp--preset--shadow--normal);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 2);
transition: -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 2);
transition: transform 0.4s cubic-bezier(0.5, 0, 0.5, 2);
transition: transform 0.4s cubic-bezier(0.5, 0, 0.5, 2), -webkit-transform 0.4s cubic-bezier(0.5, 0, 0.5, 2);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: var(--text-color);
margin: 0;
background-color: transparent;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-media {
height: auto;
margin: var(--wp--preset--spacing--30);
position: relative;
aspect-ratio: 1;
clip-path: url(#ws-clip-1);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-media img {
width: 100%;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-media::before {
content: none;
display: none;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-media .post-network {
display: none;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: var(--wp--preset--spacing--30);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .group-more .post-network {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-date, .wp-block-ws-library-ws-socialwall .post-social .card-post .post-author {
display: none;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-network {
display: block;
position: relative;
font-size: 0;
height: 50px;
width: 50px;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-network::before, .wp-block-ws-library-ws-socialwall .post-social .card-post .post-network::after {
content: "";
display: block;
position: absolute;
z-index: 1;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-network::before {
inset: 0;
border: 1px solid var(--text-color);
border-radius: var(--wp--custom--border-radius--rounded);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-network::after {
inset: 12px;
background-color: var(--text-color);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post .post-link::after {
content: none;
display: none;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post:hover .group-media .post-network::before, .wp-block-ws-library-ws-socialwall .post-social .card-post:focus .group-media .post-network::before {
background-color: var(--wp--preset--color--3);
}
.wp-block-ws-library-ws-socialwall .post-social .card-post:hover .group-media .post-image img, .wp-block-ws-library-ws-socialwall .post-social .card-post:focus .group-media .post-image img {
-webkit-transform: none;
transform: none;
}
.wp-block-ws-library-ws-socialwall .post-social .card-post:hover .group-more, .wp-block-ws-library-ws-socialwall .post-social .card-post:focus .group-more {
color: var(--wp--custom--color--text);
}
@media (max-width: 991.98px) {
.wp-block-ws-library-ws-socialwall .post-social:first-of-type {
margin-left: 0;
}
}
@media (max-width: 991.98px) {
.wp-block-ws-library-ws-socialwall .post-social:last-of-type {
margin-right: 0;
}
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(odd) .card-post {
-webkit-transform: rotateZ(7deg);
transform: rotateZ(7deg);
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(odd) .card-post {
-webkit-transform: rotateZ(-4deg);
transform: rotateZ(-4deg);
}
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(odd) .card-post:hover, .wp-block-ws-library-ws-socialwall .post-social:nth-of-type(odd) .card-post:focus {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(even) .card-post {
-webkit-transform: rotateZ(7deg);
transform: rotateZ(7deg);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(even) .card-post:hover, .wp-block-ws-library-ws-socialwall .post-social:nth-of-type(even) .card-post:focus {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(3n-1) .card-post {
--background-color: var(--wp--preset--color--3-b);
--text-color: var(--wp--custom--color--text);
-webkit-transform: rotateZ(7deg);
transform: rotateZ(7deg);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(3n-1) .card-post .group-media {
clip-path: url(#ws-clip-2);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(3n) .card-post {
--background-color: var(--wp--preset--color--2);
--text-color: var(--wp--custom--color--text);
}
.wp-block-ws-library-ws-socialwall .post-social:nth-of-type(3n) .card-post .group-media {
clip-path: url(#ws-clip-3);
}
@media (max-width: 991.98px) {
.wp-block-ws-library-ws-socialwall .post-social.is-active {
z-index: 2;
}
.wp-block-ws-library-ws-socialwall .post-social.is-active .card-post {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
}
.wp-block-ws-library-ws-socialwall .post-social[data-network=facebook] .card-post .post-network::after {
-webkit-mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--facebook);
mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--facebook);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-socialwall .post-social[data-network=instagram] .card-post .post-network::after {
-webkit-mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--instagram);
mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--instagram);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-socialwall .post-social[data-network=youtube] .card-post .post-network::after {
-webkit-mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--youtube);
mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--youtube);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-socialwall .post-social[data-network=twitter] .card-post .post-network::after {
-webkit-mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--twitter);
mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#social--twitter);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}