*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
}
img,
picture {
max-width: 100%;
display: block;
}
button,
input,
textarea,
select {
font: inherit;
}
a {
color: inherit;
text-decoration: none;
}
button {
border: 0;
background: none;
cursor: pointer;
}
:root { --color-text: #000;
--color-gris: #c2c2c2;
--color-gris-dark: #555555;
--color-gris-alt: #f7f7f7;
--color-orange: #de9366;
--color-white: #fff;
--bg-dark: #2c2c2c;
--bg-light: #fff4ed;
--bg-menu: rgb(0, 0, 0, 0.8);
--bg-modal: rgba(0, 0, 0, 0.68);
--bg-title: rgba(0, 0, 0, 0.5);
--color-accent: #5a2c13;
--color-silver: #cccccc; --font-main: 'Montserrat', sans-serif; --font-title: 'PlayfairDisplay', serif; --text-xs: 12px;
--text-sm: 14px;
--text-base: 16px;
--text-lg: 18px;
--text-xl: 22px;
--text-2xl: 28px;
--text-3xl: 36px;
--text-4xl: 48px;
--text-5xl: 64px;
--text-6xl: 96px; --line-height-sm: 1.3;
--line-height-base: 1.6;
--line-height-lg: 1.8; --font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700; --ratio-featured: 3 / 2;
--ratio-card: 4 / 3;
--ratio-portrait: 3 / 4;
--ratio-square: 1 / 1;
--ratio-stick: 16 / 7;
--ratio-iframe: 16/9;
--card-radius: 4px;
--image-author-radius: 50px;
--card-padding: 8px;
--card-gap: 8px;
--card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
--card-shadow-hover:
0 4px 12px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(222, 147, 102, 0.14);
--modal-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);
--container-width: 1280px;
--transition: 0.3s ease;
--transform-medium: 0.45 ease;
}
@font-face {
font-family: 'Lora';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/Lora-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/Montserrat-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/Montserrat-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lora';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/Lora-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PlayfairDisplay';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/PlayfairDisplay-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PlayfairDisplay';
src: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/fonts/PlayfairDisplay-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
body{
font-family: var(--font-main);
font-weight: var(--font-regular);
font-size: var(--text-base);
line-height: var(--line-height-base);
color: var(--color-text);
}
h1, h2, h3, h4 {
font-family: var(--font-title);
font-weight: var(--font-bold);
line-height: var(--line-height-sm);
}
p{
line-height: var(--line-height-base);
}
html {
height: 100%;
min-width: 320px;
}
body {
color: var(--color-text);
background-color: #fff; padding-top: 60px;
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#content {
flex: 1 0 auto;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
transition: var(--transition);
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
button {
border: none;
background: none;
cursor: pointer;
font-family: inherit;
}
.icon path {
fill: currentColor;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .container {
width: 100%;
padding-inline: 16px;
}
@media (min-width: 768px) {
.container {
padding-inline: 24px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1280px;
padding-inline: 20px;
margin: 0 auto;
}
}
.archive-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin: 15px auto;
justify-items: center;
}
@media (min-width: 768px) {
.archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.archive-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999; background-color: var(--color-white);
transition: transform var(--transition);
}
.site-header.is-hidden {
transform: translateY(-100%);
}
.header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
border-bottom: 2px solid var(--color-orange);
} .logo-wrapper {
width: 100px;
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
transition:
opacity 0.3s ease,
visibility 0.3s ease,
transform 0.3s ease;
}
.logo-wrapper img {
image-rendering: -webkit-optimize-contrast;
}
.header-action-bloc {
display: flex;
gap: 15px;
}
.header-actions {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
.header-buy-guide-btn {
padding-bottom: 0.75rem;
border-bottom: 2px solid var(--color-white);
}
.buy-guide {
display: inline-block;
width: 100%;
text-align: center;
color: var(--color-orange);
font-size: var(--text-lg);
text-transform: uppercase;
transition: transform var(--transition);
&:hover {
transform: scale(1.1);
}
}
.social {
display: flex;
gap: 15px;
} .icon-instagram,
.icon-linkedin,
.icon-search {
width: 40px;
height: 40px;
& > path {
fill: var(--color-white);
transition: fill var(--transition);
}
&:hover > path {
fill: var(--color-orange);
}
}
.icon-close {
& > path {
fill: var(--color-text);
transition: fill var(--transition);
}
&:hover > path {
fill: var(--color-orange);
}
}
.header-desktop-only {
display: none;
}
.header-mobile-only {
display: flex;
padding-bottom: 15px;
border-bottom: 2px solid var(--color-white);
}
.burger-menu {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.icon-burgerMenu {
stroke: var(--color-text);
transition: stroke var(--transition);
&:hover {
stroke: var(--color-orange);
}
}
.burger-menu .icon-close {
display: none;
}
.burger-menu.is-open .icon-open {
display: none;
}
.burger-menu.is-open .icon-close {
display: block;
}
.no-scroll {
overflow: hidden;
}
.club-btn {
color: var(--color-white);
font-weight: var(--font-semibold);
cursor: pointer;
transition: color 0.2s ease;
}
.club-btn:hover,
.club-btn:focus-visible {
color: var(--color-orange);
}
@media (min-width: 768px) {
body.home .logo-wrapper {
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
pointer-events: none;
}
body.home .site-header.has-scroll-logo .logo-wrapper {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
}
@media (min-width: 1024px) {
.header {
height: 75px;
}
.logo-wrapper {
width: 180px;
}
.header-desktop-only {
display: flex;
}
.header-mobile-only {
display: none;
}
.icon-instagram,
.icon-linkedin,
.icon-search {
& > path {
fill: var(--color-text);
}
}
.club-btn {
color: var(--color-text);
}
}
.site-footer {
width: 100%;
flex-shrink: 0;
margin-top: auto;
padding-block: 2rem;
background-color: var(--bg-dark);
}
.footer {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 1400px;
}
.footer-copy {
padding: 10px 16px;
text-align: center;
color: var(--color-white);
border-top: 2px solid var(--color-orange);
}
.footer-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 25px 16px;
gap: 15px;
color: var(--color-white);
font-size: var(--text-sm);
}
.footer-list > li:hover {
color: var(--color-orange);
}
@media (min-width: 1024px) {
.footer {
gap: 0;
}
.footer-list {
flex-direction: row;
padding: 10px 16px;
}
} .mobile-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 999;
width: 100%;
max-width: 390px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px;
background-color: var(--bg-menu);
border-radius: 0 0 0 var(--border-radius);
opacity: 0;
visibility: hidden;
transform: scale(0.95);
transform-origin: top right;
transition:
transform var(--transition),
opacity var(--transition),
visibility var(--transition);
}
.mobile-menu.active {
opacity: 1;
visibility: visible;
transform: scale(1);
} .mobile-nav .nav-list {
display: flex;
flex-direction: column;
gap: 15px;
margin: 0;
padding: 0;
color: var(--color-white);
font-size: var(--text-lg);
list-style: none;
}
.mobile-nav .nav-list > li > a {
text-transform: uppercase;
letter-spacing: 0.1em;
}
.mobile-nav li {
list-style: none;
}
.mobile-nav a {
color: inherit;
} .mobile-nav .menu-item-has-children {
display: grid;
grid-template-columns: minmax(0, 1fr) 40px;
align-items: center;
column-gap: 8px;
}
.mobile-nav .menu-item-has-children > a {
min-width: 0;
display: block;
color: inherit;
text-decoration: none;
}
.mobile-nav .menu-item-has-children > a:hover,
.mobile-nav .menu-item-has-children > a:focus-visible {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
} .mobile-nav .submenu-toggle {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
color: inherit;
background: transparent;
border: 0;
cursor: pointer;
}
.mobile-nav .submenu-toggle::before {
content: '';
width: 24px;
height: 24px;
display: block;
background: url(//epicurisme-mag.com/wp-content/themes/epicurisme-mag/assets/images/icons/arrow-down.svg) no-repeat
center / contain;
transition: transform 0.3s ease;
}
.mobile-nav .menu-item-has-children.active > .submenu-toggle::before {
transform: rotate(180deg);
}
.mobile-nav .submenu-toggle:hover {
opacity: 0.8;
}
.mobile-nav .submenu-toggle:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
border-radius: 4px;
} .mobile-nav .sub-menu {
grid-column: 1 / -1;
display: none;
flex-direction: column;
gap: 10px;
margin: 10px 0 0;
padding-left: 15px;
list-style: none;
}
.mobile-nav .menu-item-has-children.active > .sub-menu {
display: flex;
}
.mobile-nav .sub-menu a {
display: block;
color: inherit;
text-decoration: none;
}
.mobile-nav .sub-menu a:hover,
.mobile-nav .sub-menu a:focus-visible {
color: var(--color-accent);
text-decoration: underline;
text-underline-offset: 4px;
} body.no-scroll {
overflow: hidden;
}
.post-card {
position: relative;
width: 100%;
max-width: 350px;
display: flex;
flex-direction: column;
gap: var(--card-gap);
padding: 0 0 var(--card-padding);
border-radius: var(--card-radius);
background-color: var(--color-white);
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: var(--card-shadow);
transition:
box-shadow 0.3s ease,
transform 0.3s ease;
}
.post-card:hover {
box-shadow: var(--card-shadow-hover);
transform: translateY(-3px);
}
.post-card-img {
position: relative;
width: 100%;
aspect-ratio: var(--ratio-card);
overflow: hidden; background-color: var(--bg-light);
}
.post-card-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transition: transform var(--transform-medium);
}
.post-card:hover .post-card-img img {
transform: scale(1.03);
}
.post-meta {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
margin-top: auto;
}
.post-author {
display: flex;
align-items: center;
gap: 0.25rem;
min-width: 0;
}
.post-author a {
display: block;
min-width: 0;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: inherit;
text-decoration: none;
}
.post-author a:hover {
text-decoration: underline;
}
.post-date {
flex-shrink: 0;
}
.post-title {
font-size: var(--text-lg);
font-weight: var(--font-medium);
line-height: 1.15;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-card-main-link {
color: inherit;
text-decoration: none;
}
.post-card-main-link::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
}
.post-categories {
display: flex;
flex-wrap: wrap;
height: auto;
gap: 0.35rem;
}
.post-line {
width: 90%;
height: 2px;
border: none;
background-color: var(--bg-dark);
}
.post-card-category {
background-color: var(--bg-dark);
color: var(--color-white);
text-transform: uppercase;
padding: 0 4px;
font-size: 0.65rem;
font-weight: var(--font-semibold);
letter-spacing: 0.08em;
transition: letter-spacing var(--transform-medium);
white-space: nowrap;
}
.post-card-category a {
color: inherit;
text-decoration: none;
}
.post-card-category:hover {
letter-spacing: 0.2em;
} .meta-divider {
display: inline-block;
width: 1px;
height: 18px;
background-color: var(--bg-dark);
flex-shrink: 0;
}
.post-categories,
.post-author a {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.post-title {
min-height: 2.3em;
}
.post-categories {
flex-wrap: nowrap;
min-height: 20px;
gap: var(--card-gap);
}
.post-card-category {
font-size: var(--text-xs);
letter-spacing: 0.15em;
}
}
.post-card--featured {
max-width: 1170px;
}
.post-card--featured .post-card-img {
aspect-ratio: var(--ratio-featured);
}
.post-card--featured .card-col {
display: flex;
flex-direction: column;
padding: 12px 7px;
gap: var(--card-gap);
}
@media (min-width: 768px) {
.post-card--featured {
display: grid;
grid-template-columns: 1.05fr 1fr;
align-items: stretch;
gap: 0;
padding: 0;
}
.post-card--featured .post-card-img {
min-height: 340px;
aspect-ratio: var( --ratio-featured);
border-radius: var(--card-radius) 0 0 var(--card-radius);
}
.post-card--featured .card-col:last-child {
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
gap: 20px;
}
.post-card--featured .post-line {
margin: 0 0 10px 0;
width: 100%;
}
}
.card-stick {
position: relative;
width: 100%;
overflow: hidden;
border-radius: var(--card-radius);
transition: box-shadow var(--transition);
}
.card-stick .post-card-link {
position: relative;
width: 100%;
display: block;
color: inherit;
text-decoration: none;
}
.card-stick-img {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: var(--card-radius);
}
.card-stick-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: var(--card-radius);
transition: transform 0.6s ease;
}
.card-stick:hover .card-stick-img img {
transform: scale(1.025);
}
.card-stick-info {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: min(72vw, 280px);
aspect-ratio: 1 / 1;
padding: 1.25rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--color-white);
background-color: var(--bg-title);
border-radius: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
.card-stick .post-categories {
order: 1;
width: 100%;
min-height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}
.card-stick .post-line {
order: 2;
width: 32px;
margin-block: 0.75rem;
border: 0;
border-top: 2px solid currentColor;
}
.card-stick-title {
order: 3;
max-width: 100%;
margin: 0;
color: inherit;
font-size: clamp(1.2rem, 5vw, 1.8rem);
font-weight: var(--font-regular);
line-height: 1.12;
text-wrap: balance;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.card-stick-categorie {
padding: 0;
color: inherit;
background-color: transparent;
font-size: 0.7rem;
font-weight: var(--font-semibold);
letter-spacing: 0.18em;
text-transform: uppercase;
} .sticky-slider {
position: relative;
width: 100%;
max-width: 1170px;
margin-inline: auto;
}
.sticky-slider__viewport {
width: 100%;
overflow: hidden;
border-radius: var(--card-radius);
}
.sticky-slider__track {
display: flex;
align-items: stretch;
transition: transform 0.55s ease;
will-change: transform;
}
.sticky-slider__slide {
flex: 0 0 100%;
min-width: 0;
}
.sticky-slider__slide .card-stick {
width: 100%;
max-width: none;
height: 100%;
}
.sticky-slider__controls {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
}
.sticky-slider__button {
position: absolute;
top: 50%;
width: 38px;
height: 64px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
color: var(--color-white);
border: 0;
font-size: 2.75rem;
line-height: 1;
cursor: pointer;
pointer-events: auto;
transform: translateY(-50%);
transition:
color var(--transition),
transform var(--transition);
}
.sticky-slider__button--previous {
left: 0;
}
.sticky-slider__button--next {
right: 0;
}
.sticky-slider__button:hover,
.sticky-slider__button:focus-visible {
color: var(--color-accent);
}
.sticky-slider__pagination {
position: absolute;
left: 50%;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
pointer-events: auto;
transform: translateX(-50%);
}
.sticky-slider__dot {
width: 8px;
height: 8px;
padding: 0;
border: 1px solid var(--color-white);
border-radius: 50%;
background-color: transparent;
cursor: pointer;
transition:
background-color var(--transition),
transform var(--transition);
}
.sticky-slider__dot.is-active {
background-color: var(--color-white);
transform: scale(1.15);
} @media (min-width: 768px) {
.card-stick-img {
aspect-ratio: var(--ratio-stick);
max-height: 620px;
}
.card-stick-info {
width: clamp(300px, 30vw, 480px);
padding: clamp(2rem, 4vw, 4rem);
}
.card-stick-title {
-webkit-line-clamp: 4;
}
.card-stick-categorie {
font-size: clamp(0.75rem, 1.3vw, 1rem);
letter-spacing: 0.25em;
}
.card-stick .post-line {
width: 42px;
margin-block: clamp(0.8rem, 2vw, 1.5rem);
border-top-width: 3px;
}
.sticky-slider__button {
width: clamp(42px, 5vw, 64px);
height: clamp(64px, 8vw, 100px);
font-size: clamp(2.5rem, 5vw, 4.5rem);
}
.sticky-slider__pagination {
bottom: 18px;
gap: 10px;
}
.sticky-slider__dot {
width: 11px;
height: 11px;
border-width: 2px;
}
}
.event-card-link {
color: inherit;
text-decoration: none;
}
.event-card-title {
text-align: center;
}
.event-card-meta {
justify-content: center;
}
.post-inline {
position: relative;
width: 100%;
min-width: 200px;
max-width: 320px;
overflow: hidden;
border-radius: var(--card-radius);
transition:
transform var(--transition),
box-shadow var(--transition);
}
.post-inline-link {
display: block;
color: inherit;
text-decoration: none;
}
.post-inline:hover {
transform: translateY(-3px);
box-shadow: var(--card-shadow-hover);
}
.post-inline-img {
width: 100%;
aspect-ratio: 4 / 5;
overflow: hidden;
}
.post-inline-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transition: transform 0.6s ease;
}
.post-inline:hover .post-inline-img img {
transform: scale(1.04);
}
.post-inline-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 18px 16px; }
.post-inline-title {
margin: 0;
font-size: var(--text-lg);
color: var(--color-white);
text-align: center;
line-height: 1.2;
display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-inline:hover .post-inline-title {
color: var(--color-orange);
}
.ad-banner {
width: 100%;
min-height: 120px;
grid-column: 1 / -1;
display: flex;
justify-content: center;
align-items: center;
margin-block: 32px;
border: 1px dashed rgba(0, 0, 0, 0.15);
background: rgba(0, 0, 0, 0.03);
border-radius: var(--border-radius);
}
.ad-banner span {
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: var(--text-xs);
color: var(--color-muted);
}
.article-content {
width: 100%;
margin-top: 2rem;
}
.article-content > * + * {
margin-top: 1.5rem;
}
.article-content p,
.article-content h2,
.article-content h3,
.article-content ul,
.article-content ol,
.article-content blockquote {
max-width: 85ch;
}
.article-content .wp-block-image,
.article-content .wp-block-gallery,
.article-content .wp-block-embed {
width: 100%;
max-width: 1100px;
margin-inline: 0 auto;
}
.article-content h2 {
margin-top: 3rem;
font-size: var(--text-2xl);
}
.article-content h3 {
margin-top: 2rem;
font-size: var(--text-xl);
}
.article-content h4 {
margin-top: 1.5rem;
font-size: var(--text-lg);
}
.article-content ul,
.article-content ol {
padding-left: 1.5rem;
margin-left: 0;
}
.article-content ul {
list-style: disc;
}
.article-content ol {
list-style: decimal;
}
.article-content li + li {
margin-top: 0.5rem;
}
.article-content img {
display: block;
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
}
.article-content figure {
margin: 2rem 0;
}
.article-content figure img {
display: block;
}
.article-content iframe {
width: 100%;
aspect-ratio: var(--ratio-iframe);
border: none;
}
.article-content figcaption,
.article-content .wp-element-caption {
margin-top: 0.5rem;
font-size: var(--text-sm);
line-height: var(--line-height-sm);
color: var(--color-text);
text-align: left;
font-style: italic;
border-left: 3px solid var(--color-accent);
padding-left: 0.4rem;
}
.article-content a {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.15em;
text-decoration-color: rgba(0, 0, 0, 0.35);
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
.article-content a:hover {
color: var(--color-accent);
text-decoration-color: var(--color-accent);
}
.article-content a:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.article-content figure,
.article-content .wp-block-gallery,
.article-content .wp-block-image,
.article-content .wp-block-embed {
margin-block: 2rem;
margin-inline: 0 auto;
}
.article-content blockquote,
.article-content .wp-block-quote {
margin-block: 2rem;
padding: 1rem 1.5rem;
border-left: 4px solid var(--color-accent);
background-color: rgba(0, 0, 0, 0.03);
font-size: var(--text-lg);
font-style: italic;
}
.article-content blockquote p {
max-width: none;
}
.article-content blockquote cite,
.article-content .wp-block-quote cite {
display: block;
margin-top: 0.75rem;
font-size: var(--text-sm);
font-style: normal;
color: var(--color-muted);
} .article-content .wp-block-gallery {
width: 100%;
max-width: 1100px;
margin-block: 2rem;
margin-inline: 0 auto;
}
.article-content .wp-block-gallery .wp-block-image {
margin: 0;
}
.article-content .wp-block-gallery .wp-block-image img {
max-width: 100%;
} .article-content
.wp-block-gallery.has-nested-images.is-cropped
figure.wp-block-image:not(#individual-image)
img {
height: auto !important;
object-fit: contain !important;
}
.article-content .wp-block-gallery figcaption {
width: 100%;
margin-top: 0.5rem;
} .article-content .wp-block-embed__wrapper {
position: relative;
width: 100%;
}
.article-content .wp-block-embed iframe {
display: block;
width: 100%;
max-width: 100%;
} .article-content .wp-block-separator {
width: 100%;
max-width: 180px;
height: 1px;
margin-block: 3rem;
border: 0;
background-color: var(--color-text);
opacity: 0.35;
}
.article-title {
font-family: var(--font-title);
font-size: var(--text-2xl);
font-weight: var(--font-bold);
}
.article-meta {
}
.article-meta__divider {
display: inline-block;
width: 1px;
height: 18px;
background-color: var(--bg-dark);
flex-shrink: 0;
}
.article-date {
}
.article-author {
}
.article-category {
}
@media (min-width: 1024px) {
.article-title {
font-size: var(--text-4xl);
}
}
.article-meta {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
}
.article-tags {
color: var(--color-gris);
font-size: var(--text-lg);
}
.navigation.pagination {
width: 100%;
margin-block: 2.5rem;
}
.navigation.pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.75rem;
}
.navigation.pagination .page-numbers {
min-width: 40px;
min-height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.4rem 0.75rem;
color: var(--color-text);
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: var(--border-radius);
}
.navigation.pagination .current {
color: var(--color-white);
background-color: var(--bg-dark);
border-color: var(--bg-dark);
}
.navigation.pagination a.page-numbers:hover {
color: var(--color-white);
background-color: var(--color-accent);
border-color: var(--color-accent);
}
.navigation.pagination .dots {
min-width: auto;
border-color: transparent;
}
.wpcf7-form {
width: 100%;
margin-inline: auto;
display: flex;
flex-direction: column;
gap: 1rem;
}
.wpcf7-form p {
margin: 0;
}
.wpcf7-form label {
display: block;
font-size: var(--text-sm);
font-weight: var(--font-medium);
color: var(--color-text);
}
.wpcf7-form-control-wrap {
display: block;
margin-top: 0.45rem;
} .wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='url'],
.wpcf7-form input[type='tel'],
.wpcf7-form input[type='number'],
.wpcf7-form input[type='date'],
.wpcf7-form textarea,
.wpcf7-form select {
width: 100%;
padding: 0.9rem 1rem;
font: inherit;
color: var(--color-text);
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: var(--border-radius);
outline: none;
background-color: var(--color-white);
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
color: var(--color-gris);
}
.wpcf7-form input[type='text']:focus,
.wpcf7-form input[type='email']:focus,
.wpcf7-form input[type='url']:focus,
.wpcf7-form input[type='tel']:focus,
.wpcf7-form input[type='number']:focus,
.wpcf7-form input[type='date']:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
border-color: var(--color-accent);
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
} .wpcf7-form textarea {
min-height: 160px;
resize: vertical;
} .wpcf7-form select {
cursor: pointer;
} .wpcf7-checkbox,
.wpcf7-radio {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
.wpcf7-checkbox input[type='checkbox'],
.wpcf7-radio input[type='radio'] {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--color-accent);
cursor: pointer;
}
.wpcf7-list-item-label {
font-size: var(--text-sm);
} .wpcf7-submit {
width: 100%;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.8rem 1.5rem;
font: inherit;
font-weight: var(--font-semibold);
color: var(--color-white);
background-color: var(--bg-dark);
border: 1px solid var(--bg-dark);
border-radius: var(--border-radius);
cursor: pointer;
transition:
color 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
.wpcf7-submit:hover {
color: var(--color-white);
background-color: var(--color-accent);
border-color: var(--color-accent);
transform: translateY(-1px);
}
.wpcf7-submit:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 3px;
} .wpcf7-spinner {
margin-inline: 0.75rem 0;
} .wpcf7-form .wpcf7-not-valid {
border-color: var(--color-accent);
}
.wpcf7-not-valid-tip {
display: block;
margin-top: 0.35rem;
font-size: var(--text-xs);
color: var(--color-accent);
} .wpcf7-response-output {
margin: 0 !important;
padding: 0.9rem 1rem !important;
font-size: var(--text-sm);
border: 1px solid var(--color-accent) !important;
border-radius: var(--border-radius);
background-color: var(--color-white);
}
@media (min-width: 768px) {
.wpcf7-form {
width: min(100%, 760px);
gap: 1.25rem;
}
.wpcf7-checkbox,
.wpcf7-radio {
flex-direction: row;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
}
.wpcf7-form textarea {
min-height: 180px;
}
.wpcf7-submit {
width: fit-content;
}
}
.btn-to-top {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 50;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: none;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition:
opacity 0.3s ease,
visibility 0.3s ease,
transform 0.3s ease,
background-color 0.2s ease;
}
.btn-to-top--visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.btn-to-top:hover {
background-color: var(--color-accent);
}
.btn-to-top:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 3px;
}
.btn-to-top img,
.btn-to-top svg {
width: 1rem;
height: 1rem;
}
.icon-arrow-up {
& > path {
fill: var(--color-white);
transition: fill var(--transition);
}
&:hover > path {
fill: var(--color-orange);
}
}
.club-modal {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.25s ease,
visibility 0.25s ease;
}
.club-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.club-modal__backdrop {
position: absolute;
inset: 0;
background: var(--bg-modal);
opacity: 0;
transition: opacity 0.25s ease;
}
.club-modal.is-open .club-modal__backdrop {
opacity: 1;
}
.club-modal__content {
position: relative;
z-index: 1;
width: 100%;
max-width: 620px;
padding: 48px 24px 36px;
background: var(--bg-light);
box-shadow: var(--modal-shadow);
text-align: center;
opacity: 0;
transform: translateY(16px);
transition:
opacity 0.25s ease,
transform 0.25s ease;
}
.club-modal.is-open .club-modal__content {
opacity: 1;
transform: translateY(0);
}
.club-modal__close {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
& > path {
fill: var(--color-text);
transition: fill var(--transition);
}
&:hover > path,
&:focus-visible {
fill: var(--color-orange);
}
}
.club-modal__eyebrow {
margin-bottom: 12px;
color: var(--color-orange);
font-size: 13px;
font-width: var(--font-semibold);
letter-spacing: 0.12em;
text-transform: uppercase;
}
.club-modal__title {
margin: 0 0 12px;
font-size: var(--text-2xl);
font-weight: var(--font-regular);
}
.club-modal__text {
margin-bottom: 24px;
color: var(--color-gris); }
.club-modal__form {
display: flex;
flex-direction: column;
gap: 18px;
}
.club-modal__input {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--color-silver);
font: inherit;
& :focus {
outline: none;
border-color: var(--color-accent);
}
}
.club-modal__consent {
display: flex;
align-items: flex-start;
gap: 10px;
color: var(--color-gris-dark);
font-size: var(--text-xs);
line-height: var(--line-height-base);
text-align: left;
}
.club-modal__consent input {
margin-top: 3px;
}
.club-modal__submit {
padding: 15px 20px;
background: var(--color-text);
color: var(--color-white);
font-weight: var(--font-semibold);
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}
.club-modal__footer {
margin-top: 20px;
margin-bottom: 0;
color: var(--color-gris); font-size: var(--text-xs);
}
body.club-modal {
overflow: hidden;
}
.club-modal__message {
min-height: 20px;
margin-top: 16px;
font-size: 14px;
line-height: 1.4;
}
.club-modal__message--success {
color: #277a3d;
}
.club-modal__message--error {
color: #b42318;
}
.club-modal__submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
@media (min-width: 768px) {
.club-modal {
padding: 24px;
}
.club-modal__content {
padding: 56px 64xp 48px;
}
.club-modal__close {
top: 20px;
right: 24px;
font-size: var(--text-2xl);
}
.club-modal__eyebrow {
font-size: var(--text-sm);
}
.club-modal__text {
margin-bottom: 32px;
}
.club-modal__form {
gap: 20px;
}
.club-modal__input {
padding: 16px 18px;
}
.club-modal__consent {
gap: 12px;
font-size: var(--text-sm);
}
.club-modal__submit {
padding: 17px 24px;
}
.club-modal__footer {
margin-top: 24px;
font-size: var(--text-sm);
}
} .overlay-hero {
position: relative;
min-height: 130px;
overflow: hidden;
} .overlay-hero__content {
height: 100%;
padding: 42px 32px;
border-bottom: 1px solid var(--color-gris);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-gris-alt);
text-align: center;
} .overlay-title {
font-size: var(--text-4xl);
text-transform: uppercase;
}
.overlay-description {
font-size: var(--text-sm);
font-weight: var(--font-regular);
text-align: center;
}
@media (min-width: 768px) {   .overlay-hero__content {
min-height: auto; align-items: flex-start;
text-align: left;
}
}.home-page {
display: flex;
flex-direction: column;
gap: 10px;
} .home-brand {
display: none;
} .posts-group {
padding: 5px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: center;
}
.small-cards,
.events-grid {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 10px 5px;
}
.section-more {
display: flex;
justify-content: center;
margin-top: 24px;
}
.section-more a {
color: var(--color-accent);
text-decoration: none;
font-weight: var(--font-semibold);
letter-spacing: 0.08em;
transition: 0.25s ease;
}
.section-more a:hover {
transform: translateX(4px);
} body.home {
position: relative;
}
.category-line {
height: 1px;
background-color: var(--color-orange);
} .latest-posts__grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(260px, 90%);
gap: 1rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
padding-bottom: 1rem;
}
.latest-posts__grid .post-card {
scroll-snap-align: start;
}
.latest-posts-section .section-title {
text-align: center;
text-transform: uppercase;
font-size: var(--text-xl);
font-weight: var(--font-medium);
letter-spacing: 0.08em;
}
@media (min-width: 768px) { .home-brand {
max-height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.75rem;
padding: 2.5rem 1rem 2rem;
}
.home-brand__identity {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.home-brand__icon {
width: 50px;
flex-shrink: 0;
}
.home-brand__icon img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.home-brand__title {
margin: 0;
font-family: var(--font-title);
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: var(--font-regular);
line-height: 0.9;
letter-spacing: 0.04em;
}
.home-brand__tagline {
margin: 0;
text-align: center;
font-family: var(--font-title);
font-size: var(--text-lg);
font-style: italic;
} .small-cards,
.events-grid {
flex-direction: row;
overflow-x: auto;
justify-content: space-between;
width: 100%;
}
.latest-posts__grid {
grid-auto-flow: initial;
grid-auto-columns: initial;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: visible;
scroll-snap-type: none;
padding-bottom: 0;
}
.latest-posts-section .section-title {
font-size: var(--text-3xl);
}
}
@media (min-width: 1024px) { .home-brand { padding-block: 3rem 2.5rem;
}
.home-brand__icon {
width: 80px;
}
.small-cards,
.events-grid {
padding-inline: 30px;
}
body.home::before {
content: '';
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none; }
body.home #page {
position: relative;
z-index: 1;
}
}@font-face {
font-family: 'serioussliderglyphs';
src:    url(//epicurisme-mag.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.eot?ap45ke);
src:    url(//epicurisme-mag.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.eot?ap45ke#iefix) format('embedded-opentype'),
url(//epicurisme-mag.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.ttf?ap45ke) format('truetype'),
url(//epicurisme-mag.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.woff?ap45ke) format('woff'),
url(//epicurisme-mag.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.svg?ap45ke#serioussliderglyphs) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="sicon-"],
[class*=" sicon-"] { font-family: 'serioussliderglyphs' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sicon-chevron-left:before {
content: "\f053";
}
.sicon-chevron-right:before {
content: "\f054";
}
.sicon-chevron-left2:before {
content: "\e900";
}
.sicon-chevron-right2:before {
content: "\e901";
}
.sicon-chevron-small-left:before {
content: "\e902";
}
.sicon-chevron-small-right:before {
content: "\e903";
}
.sicon-chevron-thin-left:before {
content: "\e904";
}
.sicon-chevron-thin-right:before {
content: "\e905";
}
.sicon-chevron-with-circle-left:before {
content: "\e906";
}
.sicon-chevron-with-circle-right:before {
content: "\e907";
}
.sicon-rewind:before {
content: "\e051";
}
.sicon-fast-forward:before {
content: "\e055";
}
.seriousslider-inner > .item > a {
display: block;
overflow: hidden;
} .seriousslider-inner > .item img.item-image {
position: relative;
left: 50%;
display: block;
height: auto;
width: auto;
max-width: 100.1%;
max-width: calc(100% + 1px);
line-height: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {
max-width: 100%;
}
.seriousslider {
position: relative;
width: 100%;
margin: 0 auto;
font-size: 17px;
overflow: hidden;
}
.seriousslider::after {
content: "";
display: block;
clear: both;
}
.seriousslider-inner {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.seriousslider-inner > .item {
position: relative;
display: none; }
.seriousslider .seriousslider-inner > .item p {
margin: 0 auto;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.seriousslider-inner > .item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.seriousslider-inner > .item.next,
.seriousslider-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.seriousslider-inner > .item.prev,
.seriousslider-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.seriousslider-inner > .item.next.left,
.seriousslider-inner > .item.prev.right,
.seriousslider-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.seriousslider-inner > .item {
width: 100%;
}
.seriousslider-inner > .active,
.seriousslider-inner > .next,
.seriousslider-inner > .prev {
display: block;
}
.seriousslider-inner > .active {
left: 0;
}
.seriousslider-inner > .next,
.seriousslider-inner > .prev {
position: absolute;
top: 0;
}
.seriousslider-inner > .next {
left: 100%;
}
.seriousslider-inner > .prev {
left: -100%;
}
.seriousslider-inner > .next.left,
.seriousslider-inner > .prev.right {
left: 0;
}
.seriousslider-inner > .active.left {
left: -100%;
}
.seriousslider-inner > .active.right {
left: 100%;
}
.cryout-serious-slider.seriousslider-overlay0 .seriousslider-control,
.cryout-serious-slider.seriousslider-overlay0 .seriousslider-indicators {
display: none;
}
.cryout-serious-slider.seriousslider-overlay1 .seriousslider-control,
.cryout-serious-slider.seriousslider-overlay1 .seriousslider-indicators {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: .6s ease-in-out opacity;
transition: .6s ease-in-out opacity;
}
.cryout-serious-slider.seriousslider-overlay1:hover .seriousslider-control,
.cryout-serious-slider.seriousslider-overlay1:hover .seriousslider-indicators {
opacity: 1;
filter: alpha(opacity=100);
}
.seriousslider-overlay2 .seriousslider-control { }  .seriousslider-fade .seriousslider-inner > .item {
left: 0;
opacity: 0;
-webkit-transition: .6s ease-in-out all;
transition: .6s ease-in-out all;
}
.seriousslider-fade .seriousslider-inner .active {
opacity: 1;
}
.seriousslider-fade .seriousslider-inner .active.left,
.seriousslider-fade .seriousslider-inner .active.right {
left: 0;
z-index: 1;
opacity: 0;
}
.seriousslider-fade .seriousslider-inner .next.left,
.seriousslider-fade .seriousslider-inner .prev.right {
left: 0;
opacity: 1;
}
.seriousslider-fade .seriousslider-control {
z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.seriousslider-fade .seriousslider-inner > .item.next,
.seriousslider-fade .seriousslider-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.seriousslider-fade .seriousslider-inner > .item.prev,
.seriousslider-fade .seriousslider-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.seriousslider-fade .seriousslider-inner > .item.next.left,
.seriousslider-fade .seriousslider-inner > .item.prev.right,
.seriousslider-fade .seriousslider-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .seriousslider-overslide .seriousslider-inner > .item {
-webkit-transition: .6s ease-in-out all;
transition: .6s ease-in-out all;
}
.seriousslider-overslide .seriousslider-inner > .active.left,
.seriousslider-overslide .seriousslider-inner > .active.right {
left: 0;
z-index: 0;
}
.seriousslider-overslide .seriousslider-inner > .next,
.seriousslider-overslide .seriousslider-inner > .prev {
z-index: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.seriousslider-overslide .seriousslider-inner > .active.left,
.seriousslider-overslide .seriousslider-inner > .active.right {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .seriousslider-underslide .seriousslider-inner > .item {
-webkit-transition: .6s ease-in-out all;
transition: .6s ease-in-out all;
}
.seriousslider-underslide .seriousslider-inner > .active.left,
.seriousslider-underslide .seriousslider-inner > .active.right {
z-index: 1;
}
.seriousslider-underslide .seriousslider-inner > .next,
.seriousslider-underslide .seriousslider-inner > .prev {
z-index: 0;
left: 0;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.seriousslider-underslide .seriousslider-inner > .next,
.seriousslider-underslide .seriousslider-inner > .prev {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .seriousslider-parallax .seriousslider-inner > .item {
-webkit-transition: .6s ease-in-out all;
transition: .6s ease-in-out all;
}
.seriousslider-parallax .seriousslider-inner > .active.left {
left: -30%;
z-index: 0;
}
.seriousslider-parallax .seriousslider-inner > .active.right {
left: 30%;
z-index: 0;
}
.seriousslider-parallax .seriousslider-inner > .next,
.seriousslider-parallax .seriousslider-inner > .prev {
z-index: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.seriousslider-parallax .seriousslider-inner > .active.left {
left: 0;
-webkit-transform: translate3d(-30%, 0, 0);
-ms-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
.seriousslider-parallax .seriousslider-inner > .active.right {
left: 0;
-webkit-transform: translate3d(30%, 0, 0);
-ms-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
}
} .seriousslider-hflip .seriousslider-inner {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.seriousslider-hflip .seriousslider-inner > .active {
-webkit-transform: perspective( 2000px ) rotateY( 0deg );
-ms-transform: perspective( 2000px ) rotateY( 0deg );
transform: perspective( 2000px ) rotateY( 0deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.seriousslider-hflip .seriousslider-inner > .prev {
-webkit-transform: perspective( 2000px ) rotateY( -180deg );
-ms-transform: perspective( 2000px ) rotateY( -180deg );
transform: perspective( 2000px ) rotateY( -180deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
}
.seriousslider-hflip .seriousslider-inner > .next {
-webkit-transform: perspective( 2000px ) rotateY( 180deg );
-ms-transform: perspective( 2000px ) rotateY( 180deg );
transform: perspective( 2000px ) rotateY( 180deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
}
.seriousslider-hflip .seriousslider-inner > .active.left {
-webkit-transform: perspective( 2000px ) rotateY( -180deg );
-ms-transform: perspective( 2000px ) rotateY( -180deg );
transform: perspective( 2000px ) rotateY( -180deg );
left: 0;
}
.seriousslider-hflip .seriousslider-inner > .active.right {
-webkit-transform: perspective( 2000px ) rotateY( 180deg );
-ms-transform: perspective( 2000px ) rotateY( 180deg );
transform: perspective( 2000px ) rotateY( 180deg );
left: 0;
}
.seriousslider-hflip .seriousslider-inner > .next.left,
.seriousslider-hflip .seriousslider-inner > .prev.right {
-webkit-transform: perspective( 2000px ) rotateY( 0deg );
-ms-transform: perspective( 2000px ) rotateY( 0deg );
transform: perspective( 2000px ) rotateY( 0deg );
} .seriousslider-vflip .seriousslider-inner {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.seriousslider-vflip .seriousslider-inner > .active {
-webkit-transform: perspective( 2000px ) rotateX( 0deg );
-ms-transform: perspective( 2000px ) rotateX( 0deg );
transform: perspective( 2000px ) rotateX( 0deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.seriousslider-vflip .seriousslider-inner > .prev {
-webkit-transform: perspective( 2000px ) rotateX( -180deg );
-ms-transform: perspective( 2000px ) rotateX( -180deg );
transform: perspective( 2000px ) rotateX( -180deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
}
.seriousslider-vflip .seriousslider-inner > .next {
-webkit-transform: perspective( 2000px ) rotateX( 180deg );
-ms-transform: perspective( 2000px ) rotateX( 180deg );
transform: perspective( 2000px ) rotateX( 180deg );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
}
.seriousslider-vflip .seriousslider-inner > .active.left {
-webkit-transform: perspective( 2000px ) rotateX( -180deg );
-ms-transform: perspective( 2000px ) rotateX( -180deg );
transform: perspective( 2000px ) rotateX( -180deg );
left: 0;
}
.seriousslider-vflip .seriousslider-inner > .active.right {
-webkit-transform: perspective( 2000px ) rotateX( 180deg );
-ms-transform: perspective( 2000px ) rotateX( 180deg );
transform: perspective( 2000px ) rotateX( 180deg );
left: 0;
}
.seriousslider-vflip .seriousslider-inner > .next.left,
.seriousslider-vflip .seriousslider-inner > .prev.right {
-webkit-transform: perspective( 2000px ) rotateX( 0deg );
-ms-transform: perspective( 2000px ) rotateX( 0deg );
transform: perspective( 2000px ) rotateX( 0deg );
} .seriousslider-alignleft .seriousslider-caption {
text-align: left;
}
.seriousslider-aligncenter .seriousslider-caption {
text-align: center;
}
.seriousslider-alignright .seriousslider-caption {
text-align: right;
}
.seriousslider-alignjustify .seriousslider-caption {
text-align: justify;
}
.seriousslider-caption,
.seriousslider-caption .seriousslider-caption-title {
color: #FFF;
}
.seriousslider-caption-title {
margin: 0;
font-size: 2.6em;
line-height: 1.6;
}
.seriousslider-caption-text {
margin-top: 1em;
font-size: 1.3em;
line-height: 1.5;
}
.seriousslider-caption-buttons {
margin-top: 2em;
font-size: 0.9em;
}
.seriousslider-caption-buttons a + a {
margin-left: 1em;
}
.seriousslider-control {
position: absolute;
z-index: 15;
top: 0;
bottom: 0;
left: 2%;
width: auto;
height: auto;
margin: auto;
padding: 0;
border: 0;
text-align: center;
font-size: 30px;
cursor: pointer;
background: transparent;
color: #fff;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-control:hover {
background: transparent;
}
.seriousslider-control .control-arrow {
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
}
.seriousslider-control.left {}
.seriousslider-control.right {
right: 2%;
left: auto;
}
.seriousslider-control.left:hover {
opacity: 1;
padding-right: 10px;
}
.seriousslider-control.right:hover {
opacity: 1;
padding-left: 10px;
}
.seriousslider-control:active {
opacity: .5;
}
.seriousslider-control:hover,
.seriousslider-control:focus {
outline: 0;
}
.seriousslider-control .sicon-prev:before {
content: '\f053';
}
.seriousslider-control .sicon-next:before {
content: '\f054';
}
.cryout-serious-slider .seriousslider-indicators {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: 15;
padding-left: 0;
text-align: center;
margin: 0 auto;
cursor: default;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cryout-serious-slider .seriousslider-indicators {
display: inline-block;
}
}
.cryout-serious-slider .seriousslider-indicators-inside {
margin: 0 auto;
display: block;
list-style: none;
text-align: center;
}
.seriousslider-indicators li {
display: inline-block;
width: 12px;
height: 12px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border: 2px solid #FFF;
border-radius: 100px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-indicators li:hover {
background: rgba(255, 255, 255, .5);
}
.seriousslider-indicators li.active {
background: rgba(255, 255, 255, 1);
}
.seriousslider-indicators li + li {
margin-left: 3px;
}
.seriousslider-indicators .active {}
.seriousslider-caption {
position: absolute;
right: 15%;
left: 15%;
top: 50%;
margin: 0 auto;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px; pointer-events: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.seriousslider-caption-inside {
display: block;
margin: 0 auto;
}
.seriousslider-caption > * {
pointer-events: auto;
}
.seriousslider-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.seriousslider-caption { }
.seriousslider-indicators {
bottom: 20px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}  .seriousslider-light .seriousslider-caption-title {
font-size: 3.1em;
color: #FFF;
font-weight: normal;
}
.seriousslider-light .seriousslider-caption-text {
font-size: 1.4em;
color: #EEE;
font-weight: normal;
}
.seriousslider-light .seriousslider-caption-buttons a {
display: inline-block;
padding: 10px 30px;
border: 2px solid #FFF;
border-radius: 100px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #FFF;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-light .seriousslider-caption-buttons a:hover {
background: rgba(255, 255, 255, 1);
color: #000;
}
.seriousslider-light .seriousslider-caption-buttons a:nth-child(2n+1) {
background-color: #fff;
color: #333;
}
.seriousslider-light .seriousslider-caption-buttons a:hover:nth-child(2n+1) {
background-color: #444;
border-color: #444;
color: #FFF;
}
.seriousslider-light .seriousslider-control {
width: 50px;
height: 50px;
font-size: 44px;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-light .seriousslider-control.left:hover {
opacity: 1;
padding-right: 10px;
}
.seriousslider-light .seriousslider-control.right:hover {
opacity: 1;
padding-left: 10px;
}
.seriousslider-light .seriousslider-control:active {
opacity: .5;
}
.seriousslider-light .seriousslider-control .sicon-prev:before {
content: '\e904';
}
.seriousslider-light .seriousslider-control .sicon-next:before {
content: '\e905';
}
.seriousslider-light .seriousslider-indicators li {
width: 12px;
height: 12px;
border: 2px solid #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
border-radius: 100px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-light .seriousslider-indicators li:hover {
background: rgba(255, 255, 255, .5);
}
.seriousslider-light .seriousslider-indicators li.active {
background: rgba(255, 255, 255, 1);
} .seriousslider-light2 .seriousslider-control {
font-size: 36px;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
-webkit-transition: .3s ease;
transition: .3s ease;
}
.seriousslider-light2 .seriousslider-control:hover,
.seriousslider-light2 .seriousslider-control:focus {
color: #fff;
text-decoration: none;
outline: 0;
}
.seriousslider-light2 .seriousslider-control .control-arrow {
line-height: 1;
}
.seriousslider-light2 .seriousslider-control:hover {
transform: scale(1.1);
}
.seriousslider-light2 .seriousslider-control .sicon-prev:before {
content: '\f053';
}
.seriousslider-light2 .seriousslider-control .sicon-next:before {
content: '\f054';
}
.seriousslider-light2 .seriousslider-indicators li {
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #fff;
border-radius: 10px;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-light2 .seriousslider-indicators li:hover {
background-color: rgba(0,0,0,0);
}
.seriousslider-light2 .seriousslider-indicators li.active {
background-color: rgba(255, 255, 255, .8);
}
.seriousslider-light2 .seriousslider-caption-title {
font-size: 2.5em;
color: #FFF;
}
.seriousslider-light2 .seriousslider-caption-text {
color: #EEE;
}
.seriousslider-light2 .seriousslider-caption-buttons a {
display: inline-block;
padding: 8px 24px;
border: 2px solid #FFF;
font-weight: 400;
text-shadow: 0 0;
letter-spacing: 1px;
color: #444;
background: #FFF;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-light2 .seriousslider-caption-buttons a:hover {
color: #FFF;
background: rgba(0, 0, 0, .15);
} .seriousslider-dark .seriousslider-caption-title {
font-weight: bold;
color: #FFF;
}
.seriousslider-dark .seriousslider-caption-text {
font-weight: normal;
color: #EEE;
}
.seriousslider-dark .seriousslider-caption-buttons a {
display: inline-block;
padding: 10px 30px;
border: 2px solid rgba(0, 0, 0, .75);;
border-radius: 100px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 0;
text-transform: uppercase;
color: #FFF;
background: rgba(0, 0, 0, .75);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n) {
background: #FFF;
border-color: #FFF;
}
.seriousslider-dark .seriousslider-control {
font-size: 34px;
color: #fff;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-dark .seriousslider-control:hover {
opacity: 1;
}
.seriousslider-dark .seriousslider-control:active {
opacity: .5;
}
.seriousslider-dark .seriousslider-control .sicon-prev:before {
content: '\e900';
}
.seriousslider-dark .seriousslider-control .sicon-next:before {
content: '\e901';
}
.seriousslider-dark .seriousslider-control .control-arrow {
padding: 12px;
border-radius: 100px;
background: rgba(0, 0, 0, .5);
}
.seriousslider-dark .seriousslider-indicators li {
width: 14px;
height: 14px;
border-radius: 100px;
border: 3px solid rgba(255, 255, 255, 0.2);
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-dark .seriousslider-indicators li:hover {
background-color: rgba(255, 255, 255, .5);
}
.seriousslider-dark .seriousslider-indicators li.active {
background-color: rgba(255, 255, 255, 1);
} .seriousslider-square .seriousslider-caption-title {
font-weight: bold;
text-transform: uppercase;
color: #FFF;
}
.seriousslider-square .seriousslider-caption-text {
font-weight: normal;
color: #EEE;
}
.seriousslider-square .seriousslider-caption-buttons a {
display: inline-block;
padding: 10px 30px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 0;
text-transform: uppercase;
font-weight: 300;
color: #FFF;
border-radius: 0;
background: rgba(0, 0, 0, .5);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-square .seriousslider-caption-buttons a:hover {
background: rgba(0, 0, 0, .75);
}
.seriousslider-square .seriousslider-control {
font-size: 34px;
color: #fff;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-square .seriousslider-control.left {
left: 0;
}
.seriousslider-square .seriousslider-control.right {
right: 0;
}
.seriousslider-square .seriousslider-control:hover {
opacity: 1;
}
.seriousslider-square .seriousslider-control:active {
opacity: .5;
}
.seriousslider-square .seriousslider-control .sicon-prev:before {
content: '\e902';
}
.seriousslider-square .seriousslider-control .sicon-next:before {
content: '\e903';
}
.seriousslider-square .seriousslider-control .control-arrow {
padding: 14px;
background: rgba(0, 0, 0, 0.5);
}
.seriousslider-square .seriousslider-indicators li {
width: 12px;
height: 12px;
border: none;
border-radius: 0;
background: rgba(0, 0, 0, .5);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-square .seriousslider-indicators li:hover {
background: rgba(255, 255, 255, .5);
}
.seriousslider-square .seriousslider-indicators li.active {
background: rgba(255, 255, 255, 1);
} .seriousslider-tall .seriousslider-caption-title {
font-size: 3.1em;
font-weight: 300;
color: #FFF;
}
.seriousslider-tall .seriousslider-caption-text {
font-size: 1.4em;
font-weight: 300;
color: #EEE;
}
.seriousslider-tall .seriousslider-caption-buttons a {
display: inline-block;
padding: 10px 30px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 0;
color: #FFF;
border-radius: 2px;
background: rgba(0, 0, 0, .75);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-tall .seriousslider-caption-buttons a:hover {
background: rgba(0, 0, 0, 1);
color: inherit;
}
.seriousslider-tall .seriousslider-control {
font-size: 34px;
color: #fff;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-tall .seriousslider-control.left {
left: 2%;
}
.seriousslider-tall .seriousslider-control.right {
right: 2%;
}
.seriousslider-tall .seriousslider-control:hover {
opacity: 1;
}
.seriousslider-tall .seriousslider-control:active {
opacity: .5;
}
.seriousslider-tall .seriousslider-control .sicon-prev:before {
content: '\e902';
}
.seriousslider-tall .seriousslider-control .sicon-next:before {
content: '\e903';
}
.seriousslider-tall .seriousslider-control .control-arrow {
padding: 20px 5px;
border-radius: 2px;
background: rgba(0, 0, 0, .75);
}
.seriousslider-tall .seriousslider-indicators li {
width: 8px;
height: 14px;
border: 0;
border-radius: 100px;
background: rgba(255,255,255,.8);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-tall .seriousslider-indicators li + li {
margin-left: 3px;
}
.seriousslider-tall .seriousslider-indicators li:hover {
background: rgba(255, 255, 255, 1);
height: 16px;
}
.seriousslider-tall .seriousslider-indicators li.active {
background: transparent;
height: 17px;
} .seriousslider-captionleft .seriousslider-caption {
left: 10%;
right: auto;
min-width: 33%;
max-width: 60%;
padding: 2em;
background: rgba(0,0,0,.5);
}
.seriousslider-captionleft .seriousslider-caption-title {
font-size: 1.75em;
font-weight: bold;
text-shadow: none;
color: #FFF;
}
.seriousslider-captionleft .seriousslider-caption-text {
font-weight: normal;
text-shadow: none;
color: #EEE;
font-size: 1.1em;
}
.seriousslider-captionleft .seriousslider-caption-buttons a {
display: inline-block;
padding-top: 5px;
border-bottom: 2px solid;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0;
color: #FFF;
border-radius: 0;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionleft .seriousslider-control {
font-size: 34px;
color: #fff;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionleft .seriousslider-control.left {
left: 0;
}
.seriousslider-captionleft .seriousslider-control.right {
right: 0;
}
.seriousslider-captionleft .seriousslider-control:hover {
opacity: 1;
}
.seriousslider-captionleft .seriousslider-control:active {
opacity: .5;
}
.seriousslider-captionleft .seriousslider-control .sicon-prev:before {
content: '\e902';
left: 0;
position: relative;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionleft .seriousslider-control .sicon-next:before {
content: '\e903';
right: 0;
position: relative;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionleft .seriousslider-control:hover .sicon-prev:before {
left: -5px;
}
.seriousslider-captionleft .seriousslider-control:hover .sicon-next:before {
right: -5px;
}
.seriousslider-captionleft .seriousslider-control .control-arrow {
padding: 16px 12px;
background: rgba(255, 255, 255, 1);
color: #222;
}
.seriousslider-captionleft .seriousslider-control .sicon-prev {
border-radius: 0 100px 100px 0;
box-shadow: 3px 0 2px rgba(0, 0, 0, 0.3)
}
.seriousslider-captionleft .seriousslider-control .sicon-next {
border-radius: 100px 0 0 100px;
box-shadow: -3px 0 2px rgba(0, 0, 0, 0.3)
}
.seriousslider-captionleft .seriousslider-indicators {
bottom: -1px;
display: block;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.seriousslider-captionleft .seriousslider-indicators-inside {
bottom: 0;
padding: 0.2em 2em;
border-radius: 100px 100px 0 0;
box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2);
background: rgba(255,255,255,1);
}
.seriousslider-captionleft .seriousslider-indicators li {
width: 11px;
height: 11px;
border: none;
border-radius: 100px;
background: rgba(0,0,0,.15);
box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionleft .seriousslider-indicators li:hover {
background: rgba(0,0,0,1);
}
.seriousslider-captionleft .seriousslider-indicators li.active {
background: rgba(0, 0, 0, 0.5);
} .seriousslider-captionbottom .seriousslider-caption {
left: 0;
right: 0;
top: auto;
bottom: 0;
padding: 1em 1em 4em;
background: rgba(0,0,0,.5);
-webkit-transform: none;
transform: none;
}
.seriousslider-captionbottom .seriousslider-caption-title {
font-size: 1.75em;
font-weight: normal;
text-shadow: none;
color: #FFF;
}
.seriousslider-captionbottom .seriousslider-caption-text {
font-weight: normal;
text-shadow: none;
color: #EEE;
font-size: 1.1em;
}
.seriousslider-captionbottom .seriousslider-caption-buttons a {
display: inline-block;
padding: 5px 15px;
background: rgba(0,0,0,.5);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 0;
color: #FFF;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionbottom .seriousslider-caption-buttons a:hover {
background: rgba(0,0,0,.3);
}
.seriousslider-captionbottom .seriousslider-control {
font-size: 34px;
color: #fff;
background: transparent;
box-shadow: none;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionbottom .seriousslider-control.left {
left: 0;
}
.seriousslider-captionbottom .seriousslider-control.right {
right: 0;
}
.seriousslider-captionbottom .seriousslider-control:hover {
opacity: 1;
}
.seriousslider-captionbottom .seriousslider-control:active {
opacity: .5;
}
.seriousslider-captionbottom .seriousslider-control .sicon-prev:before {
content: '\e902';
}
.seriousslider-captionbottom .seriousslider-control .sicon-next:before {
content: '\e903';
}
.seriousslider-captionbottom .seriousslider-control .control-arrow {
padding: 14px;
background: rgba(255, 255, 255, 1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
color: #222;
}
.seriousslider-captionbottom .seriousslider-control:hover .control-arrow {
color: rgba(0,0,0,.8);
}
.seriousslider-captionbottom .seriousslider-indicators-inside {
bottom: 12px;
display: table;
padding: 0.2em 2em;
}
.seriousslider-captionbottom .seriousslider-indicators li {
width: 10px;
height: 10px;
border: 0;
border-radius: 0;
background: rgba(0,0,0,.5);
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.seriousslider-captionbottom .seriousslider-indicators li:hover {
background: rgba(255,255,255,1);
} .seriousslider .seriousslider-caption {
opacity: 0;
-webkit-animation: .75s .25s animation-fadeIn ease forwards;
animation: .75s .25s animation-fadeIn ease forwards;
} .seriousslider.seriousslider-caption-animation-fade .seriousslider-caption-title,
.seriousslider.seriousslider-caption-animation-fade .seriousslider-caption-text,
.seriousslider.seriousslider-caption-animation-fade .seriousslider-caption-buttons  {
opacity: 0;
-webkit-animation: .75s .5s animation-fadeIn ease forwards;
animation: .75s .5s animation-fadeIn ease forwards;
}
.seriousslider.seriousslider-caption-animation-fade .seriousslider-caption-text {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.seriousslider.seriousslider-caption-animation-fade .seriousslider-caption-buttons {
-webkit-animation-delay: .1s;
animation-delay: 1s;
}
@-webkit-keyframes animation-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes animation-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .seriousslider.seriousslider-caption-animation-slide .seriousslider-caption-title,
.seriousslider.seriousslider-caption-animation-slide .seriousslider-caption-text,
.seriousslider.seriousslider-caption-animation-slide .seriousslider-caption-buttons  {
opacity: 0;
-webkit-animation: .75s .5s animation-slide ease forwards;
animation: .75s .5s animation-slide ease forwards;
}
.seriousslider.seriousslider-caption-animation-slide .seriousslider-caption-text {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.seriousslider.seriousslider-caption-animation-slide .seriousslider-caption-buttons {
-webkit-animation-delay: .1s;
animation-delay: 1s;
}
@-webkit-keyframes animation-slide {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes animation-slide {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
} .seriousslider.seriousslider-caption-animation-blur .seriousslider-caption-title,
.seriousslider.seriousslider-caption-animation-blur .seriousslider-caption-text,
.seriousslider.seriousslider-caption-animation-blur .seriousslider-caption-buttons  {
opacity: 0;
-webkit-animation: .75s .5s animation-blur ease forwards;
animation: .75s .5s animation-blur ease forwards;
}
.seriousslider.seriousslider-caption-animation-blur .seriousslider-caption-text {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.seriousslider.seriousslider-caption-animation-blur .seriousslider-caption-buttons {
-webkit-animation-delay: .1s;
animation-delay: 1s;
}
@-webkit-keyframes animation-blur {
0% {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
}
100% {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes animation-blur {
0% {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
}
100% {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
} .seriousslider.seriousslider-caption-animation-zoomin .seriousslider-caption-title,
.seriousslider.seriousslider-caption-animation-zoomin .seriousslider-caption-text,
.seriousslider.seriousslider-caption-animation-zoomin .seriousslider-caption-buttons  {
opacity: 0;
-webkit-animation: .75s .5s animation-zoomIn ease forwards;
animation: .75s .5s animation-zoomIn ease forwards;
}
.seriousslider.seriousslider-caption-animation-zoomin .seriousslider-caption-text {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.seriousslider.seriousslider-caption-animation-zoomin .seriousslider-caption-buttons {
-webkit-animation-delay: .1s;
animation-delay: 1s;
}
@-webkit-keyframes animation-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes animation-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
} .seriousslider.seriousslider-caption-animation-zoomout .seriousslider-caption-title,
.seriousslider.seriousslider-caption-animation-zoomout .seriousslider-caption-text,
.seriousslider.seriousslider-caption-animation-zoomout .seriousslider-caption-buttons  {
opacity: 0;
-webkit-animation: .75s .5s animation-zoomOut ease forwards;
animation: .75s .5s animation-zoomOut ease forwards;
}
.seriousslider.seriousslider-caption-animation-zoomout .seriousslider-caption-text {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.seriousslider.seriousslider-caption-animation-zoomout .seriousslider-caption-buttons {
-webkit-animation-delay: .1s;
animation-delay: 1s;
}
@-webkit-keyframes animation-zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes animation-zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
} .seriousslider-textstyle-textshadow .seriousslider-caption-title,
.seriousslider-textstyle-textshadow .seriousslider-caption-text {
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.seriousslider-textstyle-bgcolor .seriousslider-caption-title span,
.seriousslider-textstyle-bgcolor .seriousslider-caption-text > p {
display: inline;
padding: 0 20px;
background: rgba(0,0,0,.25);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
} .seriousslider-shadow-level1 {
box-shadow: 0 1px 1px rgba(0,0,0,0.15), 
0 2px 2px rgba(0,0,0,0.15), 
0 4px 4px rgba(0,0,0,0.15), 
0 8px 8px rgba(0,0,0,0.15);
}
.seriousslider-shadow-level2 {
box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
0 2px 2px rgba(0,0,0,0.12), 
0 4px 4px rgba(0,0,0,0.12), 
0 8px 8px rgba(0,0,0,0.12),
0 16px 16px rgba(0,0,0,0.12);
}
.seriousslider-shadow-level3 {
box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 8px 8px rgba(0,0,0,0.11), 
0 16px 16px rgba(0,0,0,0.11), 
0 32px 32px rgba(0,0,0,0.11);
}
.seriousslider-shadow-sharp {
box-shadow: 0 1px 1px rgba(0,0,0,0.25), 
0 2px 2px rgba(0,0,0,0.20), 
0 4px 4px rgba(0,0,0,0.15), 
0 8px 8px rgba(0,0,0,0.10),
0 16px 16px rgba(0,0,0,0.05);
}
.seriousslider-shadow-diffuse {
box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
0 2px 2px rgba(0,0,0,0.12), 
0 4px 4px rgba(0,0,0,0.16), 
0 8px 8px rgba(0,0,0,0.20);
}
.seriousslider-shadow-dreamy {
box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
0 2px 4px rgba(0,0,0,0.07), 
0 4px 8px rgba(0,0,0,0.07), 
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07), 
0 32px 64px rgba(0,0,0,0.07);
}
.seriousslider-shadow-shorter {
box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);
}
.seriousslider-shadow-longer {
box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
0 4px 2px rgba(0,0,0,0.09), 
0 8px 4px rgba(0,0,0,0.09), 
0 16px 8px rgba(0,0,0,0.09),
0 32px 16px rgba(0,0,0,0.09);
} .seriousslider-cloader  {
display: none;
}     .rtl .seriousslider-control.left {
left: auto;
right: 0;
transform: rotate(180deg);
}
.rtl .seriousslider-control.right {
right: auto;
left: 0;
transform: rotate(180deg);
}
.rtl .seriousslider-inner > .item img.item-image {
left: auto;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
} @media (max-width: 1200px) {
body .seriousslider .seriousslider-caption-title {
letter-spacing: 0;
}
.seriousslider .seriousslider-caption {
font-size: .9em;
}
}
@media (max-width: 800px) {
.seriousslider-inner > .item img.item-image {
max-height: 70vmax;
max-width: none;
width: auto;
}
.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
max-height: none;
}
.seriousslider-control {
font-size: 20px;
}
}
@media (max-width: 640px) {
.seriousslider .seriousslider-caption {
font-size: .8em;
}
.seriousslider-caption {
left: 5%;
right: 5%;
}
.seriousslider-control,
.seriousslider-indicators {
display: none;
}
}
@media (max-width: 480px) {
.seriousslider .seriousslider-caption {
font-size: .7em;
}
.seriousslider .seriousslider-caption .seriousslider-caption-title {
font-size: 2.2em;
}
.seriousslider .seriousslider-caption .seriousslider-caption-text {
font-size: 1.2em;
}
}