@charset "UTF-8";
body:after{
content:"";
position:absolute !important;
top:0 !important;
left:-100vw !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
white-space:nowrap !important;
opacity:0.001 !important;
}
@media (min-width:1024px){
body:after{
content:"desktop";
}
}
@media (min-width:1500px){
body:after{
content:"large";
}
}
@media (max-width:1023px){
body:after{
content:"tablet";
}
}
@media (max-width:767px){
body:after{
content:"mobile";
}
}
@media (max-width:500px){
body:after{
content:"tiny";
}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
audio,canvas,datalist,details,figure,footer,header,
menu,nav,section,video,abbr,mark,meter,time,progress,output{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
outline:0;
background:transparent no-repeat top left;
}
ol,
ul{
list-style:none;
}
blockquote,
q{
quotes:none;
}
blockquote:before,blockquote:after,
q:before,
q:after{
content:"";
}
a,
ins{
text-decoration:none;
}
article,
aside,
audio,
canvas,
details,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
section,
video{
display:block;
}
abbr,
mark,
meter,
time,
progress,
output{
display:inline;
}
table{
width:100%;
border-collapse:collapse;
border-spacing:0;
}
nav ul{
list-style:none;
}
input,
button,
select{
vertical-align:middle;
}
input[type=radio],
input[type=checkbox]{
margin:0;
vertical-align:text-bottom;
}
select option{
color:#000 !important;
}
textarea{
resize:vertical;
}
input:focus{
outline:0;
}
input:-webkit-autofill{
background-color:#ccc !important;
}
input[type=number],
input[type=search]{
-webkit-appearance:textfield !important;
appearance:textfield !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
-webkit-appearance:none;
width:0;
height:0;
}
button{
font:inherit;
color:inherit;
}
input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{
display:none;
}
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
button::-moz-focus-inner{
margin:0;
padding:0;
border:0;
}
input[type=submit],
input[type=image],
button{
cursor:pointer;
}
iframe,
img,
object,
video{
max-width:100%;
border:0;
}
img{
height:auto;
}
.gm-style img,
.gmnoprint img{
max-width:none;
}
img,
input[type=image]{
vertical-align:bottom;
}
p img{
vertical-align:baseline;
}
[hidden]{
display:none;
}
html{
min-height:100%;
background:#fff;
}
body{
position:relative;
min-height:100%;
font:62.5%/1 sans-serif;
color:#212121;
background:inherit;
-webkit-text-size-adjust:none;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
display:block;
margin-bottom:0.5em;
font-weight:bold;
line-height:1.3;
}
h1,.h1{
font-size:25px;
}
h2,.h2{
font-size:20px;
}
h3,.h3{
font-size:15px;
}
h4,.h4{
font-size:13px;
}
h5,.h5{
font-size:12px;
}
h6,.h6{
font-size:11px;
}
p,
dl,
li{
font-size:13px;
line-height:1.4;
}
p{
margin-bottom:1.4em;
}
blockquote p:last-child,
p:last-child{
margin-bottom:0;
}
del{
text-decoration:line-through;
}
ins{
border-bottom:1px dotted #DDD;
}
mark{
background-color:#FF9;
}
i,
em{
font-style:italic;
}
b,
strong{
font-weight:bold;
}
sub,
sup{
position:relative;
margin:0 1px;
font-size:0.8em;
line-height:0;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
small{
font-size:0.8em;
}
abbr[title],
acronym[title]{
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
cursor:help;
}
blockquote{
display:block;
padding:0.5em 0 0.5em 1em;
border-left:5px solid rgba(0,0,0,0.1);
font-size:inherit;
}
hr{
clear:both;
margin:1em 0;
border:0;
border-top:1px solid rgba(0,0,0,0.3);
}
.cssc-content:after,
.cssc-grid:before,
.cssc-grid:after,
.clearfix:after,
.subfloat:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
max-height:0;
overflow:hidden;
}
hr[class*=clearfix]{
height:0;
margin:0;
border:0;
outline:0;
background:transparent;
}
::selection{
color:#000;
background:rgba(51,102,153,0.3);
}
a{
color:#69C;
}
a:focus,
a:hover{
color:#369;
}
a:active{
color:#000;
}
a:focus:not(:hover){
outline:1px dotted rgba(0,0,0,0.3);
outline-offset:2px;
}
a:focus:not(:focus-visible){
outline:none;
}
a{
}
a img{
opacity:0.999;
}
a:hover img{
opacity:0.8;
}
a img,
.cssc-btn{
outline:1px solid transparent;
transition:opacity 0.3s ease;
}
a,
input,
button,
textarea,
.cssc-button{
transition:border-color 0.3s ease,background 0.3s ease,color 0.3s ease;
}
@media (prefers-reduced-motion:reduce){
*:before,
*:after,
*{
animation-duration:0.01ms !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
scroll-behavior:auto !important;
}
}
script{
display:none !important;
}
i i,
em em{
font-style:normal;
}
b b,
strong strong{
font-weight:normal;
}
.cssc-visually-hidden,
.cssc-sr-only{
position:absolute !important;
top:0 !important;
left:-100vw !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
white-space:nowrap !important;
opacity:0.001 !important;
}
dialog{
padding:1em;
border:1px solid;
font:inherit;
vertical-align:baseline;
outline:0;
color:#000;
background:transparent no-repeat top left;
background-color:#FFF;
}
dialog::backdrop{
opacity:0.75;
background-color:#000;
}
.nav-toggle{
display:inline-block;
z-index:1;
position:relative;
font-size:5px;
vertical-align:middle;
-webkit-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.nav-toggle span{
right:0;
bottom:0;
margin:auto;
}
.nav-toggle span:before,
.nav-toggle span:after{
content:"";
transform-origin:center center;
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
z-index:1;
position:absolute;
top:0;
left:0;
}
.nav-toggle{
width:6em;
height:5em;
color:#000;
transition:all 0.3s ease;
}
.nav-toggle span:before{
margin-top:-2em;
}
.nav-toggle span:after{
margin-top:2em;
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
width:6em;
height:1em;
border-radius:1px;
background-color:currentColor;
transition:transform 0.3s ease;
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span,
.has--opened-main-menu .nav-toggle span{
height:1px;
background:transparent;
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span:before,
.has--opened-main-menu .nav-toggle span:before{
margin-top:0;
transform:rotate(135deg);
}
[data-bodypanel=has--opened-main-menu] .nav-toggle span:after,
.has--opened-main-menu .nav-toggle span:after{
margin-top:0;
transform:rotate(-135deg);
}
.cssc-content{
box-sizing:border-box;
width:100%;
max-width:61em;
font-size:18px;
line-height:1.6;
}
.cssc-content:after{
content:"";
display:table;
clear:both;
}
.cssc-content blockquote,
.cssc-content p,
.cssc-content ul,
.cssc-content li{
font:inherit;
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
.cssc-content h2,
.cssc-content h3,
.cssc-content h4{
margin-bottom:0.5em;
font:inherit;
font-size:1.1em;
font-weight:bold;
}
.cssc-content h2{
font-size:1.8em;
}
.cssc-content h3{
font-size:1.4em;
}
.cssc-content * + h2,
.cssc-content *:not(h2):not(h4) + h3,
.cssc-content *:not(h2):not(h3) + h4{
margin-top:1em;
}
.cssc-content ul{
list-style:inside disc;
}
.cssc-content ul ul{
list-style-type:circle;
}
.cssc-content ol{
list-style:inside decimal;
}
.cssc-content dd + dt{
margin-top:0.5em;
}
.cssc-content dt{
font-weight:bold;
}
.cssc-content>video,.cssc-content>iframe{
width:100%;
}
.cssc-content .alignleft{
float:left;
margin:0 1em 0.5em 0;
}
.cssc-content .aligncenter{
display:block;
margin-right:auto;
margin-left:auto;
}
.cssc-content .alignright{
float:right;
margin:0 0 0.5em 1em;
}
.cssc-content ul ul,
.cssc-content ol ol{
margin-bottom:0;
padding-left:1em;
}
.cssc-content blockquote p{
margin-bottom:0.5em;
}
.cssc-content p,
.cssc-content blockquote,
.cssc-content table,
.cssc-content address,
.cssc-content>iframe,
.cssc-content>video,
.cssc-content dl,
.cssc-content ol,
.cssc-content ul,
.cssc-content,
.cssc-block{
margin-bottom:1.6em;
}
.cssc-content dl:last-child,
.cssc-content ol:last-child,
.cssc-content ul:last-child,
.cssc-content blockquote:last-child,
.cssc-content blockquote p:last-child,
.cssc-content p:last-child,
.cssc-block:last-child{
margin-bottom:0;
}
.easypara-heading__pager button,
.buttonreset,
.easypara-button,
.wpunewsletter-form-wrapper button[type=submit],
.cssc-button{
display:inline-block;
z-index:1;
position:relative;
-webkit-appearance:none;
box-sizing:border-box;
margin:0;
padding:0;
border:0;
border-radius:0;
text-align:center;
text-decoration:none;
font:inherit;
white-space:nowrap;
vertical-align:inherit;
background:transparent;
-webkit-background-clip:padding-box;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
-webkit-user-drag:none;
-moz-user-drag:-moz-none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.easypara-heading__pager button::-moz-focus-inner,
.buttonreset::-moz-focus-inner,
.easypara-button::-moz-focus-inner,
.wpunewsletter-form-wrapper button[type=submit]::-moz-focus-inner,
.cssc-button::-moz-focus-inner{
padding:0;
border:0;
}
.easypara-heading__pager button:active,.easypara-heading__pager button:hover,.easypara-heading__pager button:focus,
.buttonreset:active,
.buttonreset:hover,
.buttonreset:focus,
.easypara-button:active,
.wpunewsletter-form-wrapper button[type=submit]:active,
.easypara-button:hover,
.wpunewsletter-form-wrapper button[type=submit]:hover,
.easypara-button:focus,
.wpunewsletter-form-wrapper button[type=submit]:focus,
.cssc-button:active,
.cssc-button:hover,
.cssc-button:focus{
text-decoration:none;
outline:0;
}
.easypara-heading__pager button[disabled],
.buttonreset[disabled],
[disabled].easypara-button,
.wpunewsletter-form-wrapper button[disabled][type=submit],
.cssc-button[disabled]{
cursor:default;
}
.cssc-button{
padding:0 1.5em;
font-family:sans-serif;
font-style:normal;
font-weight:normal;
line-height:2.5;
vertical-align:middle;
background:#fff;
}
.easypara-button:before,
.wpunewsletter-form-wrapper button[type=submit]:before,.easypara-button:after,
.wpunewsletter-form-wrapper button[type=submit]:after,
.cssc-button:before,
.cssc-button:after{
vertical-align:0;
}
.easypara-button:before,
.wpunewsletter-form-wrapper button[type=submit]:before,
.cssc-button:before{
margin-right:0.5em;
}
.easypara-button:after,
.wpunewsletter-form-wrapper button[type=submit]:after,
.cssc-button:after{
margin-left:0.5em;
}
.cssc-button-icn-large:before,.cssc-button-icn-large:after{
font-size:1.15em;
}
.cssc-button--wide{
display:block;
width:100%;
}
@media (max-width:767px){
.cssc-button--wide-mobile{
display:block;
width:100%;
}
}
@media (max-width:500px){
.cssc-button--wide-tiny{
display:block;
width:100%;
}
}
.cssc-form{
clear:both;
}
.cssc-form:after,
.form-append:after,
.cssc-form .twoboxes:after,
.cssc-form .box:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0;
}
.cssc-form .box{
z-index:1;
position:relative;
vertical-align:baseline;
}
.cssc-form .submit-box{
z-index:1;
position:relative;
}
.cssc-form .submit-box button{
z-index:1;
position:absolute;
top:0;
right:0;
}
.cssc-form .twoboxes .box{
float:left;
box-sizing:border-box;
width:50%;
}
.cssc-form .twoboxes .box:first-child{
padding-right:30px;
}
.cssc-form .twoboxes .box + .box{
padding-left:30px;
}
@media (max-width:1023px){
.cssc-form .twoboxes .box:first-child{
padding-right:20px;
}
.cssc-form .twoboxes .box + .box{
padding-left:20px;
}
}
@media (max-width:767px){
.cssc-form .twoboxes .box + .box,
.cssc-form .twoboxes .box{
display:block;
float:none;
width:auto;
padding-right:0 !important;
padding-left:0 !important;
}
}
.cssc-form .fake-label,
.cssc-form label{
display:block;
line-height:inherit;
}
.float-form .fake-label,
.float-form label{
position:absolute;
top:0;
left:0;
}
.cssc-form .radio-box label,
.cssc-form.block-form .radio-box label,
.cssc-form.float-form .radio-box label,
.cssc-form .checked-box label,
.cssc-form.block-form .checked-box label,
.cssc-form.float-form .checked-box label{
display:inline-block;
position:static;
width:auto;
padding:0;
font-weight:normal;
line-height:inherit;
vertical-align:baseline;
}
textarea{
max-width:100%;
overflow:auto;
resize:vertical;
}
input[type=submit],
input[type=image],
button{
cursor:pointer;
}
.cssc-form input[type=radio],
.cssc-form input[type=checkbox]{
vertical-align:0;
}
.inputreset,
.wpunewsletter-form-wrapper input[type=email],
.header-main .search-form .search-field,
.switch-lang select,
.inputbase,
.cssc-form textarea,
.cssc-form .fake-input,
.cssc-form input[type=text],
.cssc-form input[type=url],
.cssc-form input[type=email],
.cssc-form input[type=search],
.cssc-form input[type=password]{
-webkit-appearance:none;
-moz-appearance:none;
box-sizing:border-box;
width:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
font-family:inherit;
vertical-align:middle;
outline:0;
}
.cssc-form .fake-input{
display:inline-block;
}
.cssc-form .fake-input,
.cssc-form [disabled]{
cursor:not-allowed;
}
.cssc-select,
.switch-lang select{
display:block;
-webkit-appearance:none;
appearance:none;
box-sizing:border-box;
width:100%;
border:none;
border-radius:0;
overflow:hidden;
text-align:left;
text-indent:0.01px;
text-overflow:ellipsis;
font:inherit;
line-height:1;
white-space:nowrap;
color:inherit;
background:transparent;
cursor:pointer;
-ms-appearance:none;
}
.cssc-select[multiple],
.switch-lang select[multiple]{
overflow-y:auto;
}
.cssc-select::-ms-expand,
.switch-lang select::-ms-expand{
display:none;
}
.cssc-select:focus,
.switch-lang select:focus{
outline:none;
}
.cssc-form small{
display:block;
}
.cssc-form.block-form .side-small{
z-index:1;
position:absolute;
top:0;
right:0;
}
.cssc-form .box.has-autocomplete{
z-index:2;
}
.cssc-form .box-autocomplete{
z-index:1;
position:absolute;
top:100%;
right:0;
left:0;
margin-top:1px;
background-color:#fff;
}
.form-append{
min-height:1px;
}
.form-append>*{
float:left;
width:auto;
}
@media (max-width:767px){
.float-form.cssc-form--responsive .box{
padding-left:0 !important;
}
.float-form.cssc-form--responsive .fake-label,
.float-form.cssc-form--responsive .box:not(.checked-box):not(.radio-box) label{
display:block;
position:static;
width:auto !important;
padding-right:0 !important;
text-align:left;
}
.float-form.cssc-form--responsive .box .long-label{
line-height:inherit !important;
}
}
input[type=checkbox]:not(:last-child){
z-index:1;
position:absolute;
top:auto;
left:-9999px;
opacity:0.01;
}
input[type=checkbox] ~ .label-main,
input[type=checkbox] + .label,
input[type=checkbox] + label{
display:block;
z-index:1;
position:relative;
padding-left:2em;
}
input[type=checkbox] ~ .label-main:before,
input[type=checkbox] + .label:before,
input[type=checkbox] + label:before{
content:"✓";
z-index:1;
position:absolute;
top:0;
left:0;
width:1em;
height:1em;
margin:auto;
border:1px solid #000;
text-align:center;
line-height:1;
color:transparent;
transition:all 0.3s ease;
}
input[type=checkbox]:checked ~ .label-main:before,
input[type=checkbox]:checked + .label:before,
input[type=checkbox]:checked + label:before{
color:inherit;
}
@media (min-width:1024px){
.main-menu__wrapper{
z-index:1;
position:relative;
}
.main-menu{
z-index:1;
position:relative;
}
.main-menu>.menu-item{
display:inline-block;
}
.main-menu>.menu-item>.sub-menu{
visibility:hidden;
z-index:1;
position:absolute;
top:100%;
left:0;
width:100%;
opacity:0;
background-color:#fff;
}
.main-menu>.is-active.menu-item>.sub-menu,
.main-menu>.menu-item:hover>.sub-menu{
display:block;
visibility:visible;
opacity:0.999;
}
}
@media (max-width:1023px){
.header-main__menu{
visibility:hidden;
z-index:10;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
opacity:0;
background-color:#fff;
transition:opacity 0.3s ease,visibility 0.3s ease;
pointer-events:none;
}
.has--opened-main-menu .header-main__menu{
visibility:visible;
opacity:0.999;
pointer-events:initial;
}
.header-main__menu-inner{
padding:20px;
}
.main-menu>.menu-item{
z-index:1;
position:relative;
}
.main-menu>.menu-item>.sub-menu{
display:none;
}
.main-menu>.is-active.menu-item>.sub-menu{
display:block;
}
}
.cssc-grid{
display:block;
clear:both;
max-width:100%;
}
.cssc-grid:before,
.cssc-grid:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
max-height:0;
overflow:hidden;
}
.cssc-grid>*{
float:left;
min-height:1px;
}
.fluid-grid{
z-index:1;
position:relative;
width:auto;
margin:0 -12px;
max-width:none;
}
.fluid-grid>*{
box-sizing:border-box;
margin-bottom:24px;
padding:0 12px;
}
.fluid-grid--0{
margin:0;
}
.fluid-grid--0>*{
padding:0;
}
.col-8p{
width:8.33%;
}
.col-10p{
width:10%;
}
.col-16p{
width:16.66%;
}
.col-20p{
width:20%;
}
.col-25p{
width:25%;
}
.col-30p{
width:30%;
}
.col-33p{
width:33.333%;
}
.col-40p{
width:40%;
}
.col-45p{
width:45%;
}
.col-50p{
width:50%;
}
.col-55p{
width:55%;
}
.col-60p{
width:60%;
}
.col-66p{
width:66.667%;
}
.col-70p{
width:70%;
}
.col-75p{
width:75%;
}
.col-80p{
width:80%;
}
.col-90p{
width:90%;
}
.col-100p{
width:100%;
}
@media (max-width:1023px){
.fluid-grid{
margin:0 -11px;
}
.fluid-grid>*{
margin-bottom:22px;
padding:0 11px;
}
.tab--fluid-grid--20{
margin:0 -20px;
}
.tab--fluid-grid--20>*{
padding:0 20px;
}
.tab--fluid-grid--10{
margin:0 -10px;
}
.tab--fluid-grid--10>*{
padding:0 10px;
}
.tab--col-8p{
width:8.33%;
}
.tab--col-10p{
width:10%;
}
.tab--col-16p{
width:16.66%;
}
.tab--col-20p{
width:20%;
}
.tab--col-25p{
width:25%;
}
.tab--col-30p{
width:30%;
}
.tab--col-33p{
width:33.333%;
}
.tab--col-40p{
width:40%;
}
.tab--col-45p{
width:45%;
}
.tab--col-50p{
width:50%;
}
.tab--col-55p{
width:55%;
}
.tab--col-60p{
width:60%;
}
.tab--col-66p{
width:66.667%;
}
.tab--col-70p{
width:70%;
}
.tab--col-75p{
width:75%;
}
.tab--col-80p{
width:80%;
}
.tab--col-90p{
width:90%;
}
.tab--col-100p{
width:100%;
}
}
@media (max-width:767px){
.fluid-grid{
margin:0 -10px;
}
.fluid-grid>*{
margin-bottom:20px;
padding:0 10px;
}
.tabv--col-8p{
width:8.33%;
}
.tabv--col-10p{
width:10%;
}
.tabv--col-16p{
width:16.66%;
}
.tabv--col-20p{
width:20%;
}
.tabv--col-25p{
width:25%;
}
.tabv--col-30p{
width:30%;
}
.tabv--col-33p{
width:33.333%;
}
.tabv--col-40p{
width:40%;
}
.tabv--col-45p{
width:45%;
}
.tabv--col-50p{
width:50%;
}
.tabv--col-55p{
width:55%;
}
.tabv--col-60p{
width:60%;
}
.tabv--col-66p{
width:66.667%;
}
.tabv--col-70p{
width:70%;
}
.tabv--col-75p{
width:75%;
}
.tabv--col-80p{
width:80%;
}
.tabv--col-90p{
width:90%;
}
.tabv--col-100p{
width:100%;
}
}
@media (max-width:500px){
.mob--col-8p{
width:8.33%;
}
.mob--col-10p{
width:10%;
}
.mob--col-16p{
width:16.66%;
}
.mob--col-20p{
width:20%;
}
.mob--col-25p{
width:25%;
}
.mob--col-30p{
width:30%;
}
.mob--col-33p{
width:33.333%;
}
.mob--col-40p{
width:40%;
}
.mob--col-45p{
width:45%;
}
.mob--col-50p{
width:50%;
}
.mob--col-55p{
width:55%;
}
.mob--col-60p{
width:60%;
}
.mob--col-66p{
width:66.667%;
}
.mob--col-70p{
width:70%;
}
.mob--col-75p{
width:75%;
}
.mob--col-80p{
width:80%;
}
.mob--col-90p{
width:90%;
}
.mob--col-100p{
width:100%;
}
}
.centered-container{
z-index:1;
clear:both;
position:relative;
box-sizing:border-box;
width:100%;
text-align:center;
}
.centered-container>*{
box-sizing:border-box;
width:auto;
margin-right:auto;
margin-left:auto;
max-width:1320px;
text-align:left;
}
.centered-container .cc-full{
width:auto;
max-width:none;
}
.centered-container .cc-full-bg,
.centered-container .cc-full-image{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:none;
background:transparent repeat top center;
}
.centered-container .cc-full-image{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.centered-container .cc-content{
z-index:2;
position:relative;
}
.lt_ie9 .hidden-on-full,
.lt_ie9 .visible-only-tablet,
.lt_ie9 .visible-only-phone{
display:none;
}
@media (min-width:1024px){
.hidden-on-full,
.visible-only-tablet,
.visible-only-phone{
display:none;
}
}
@media (max-width:1023px) and (min-width:501px){
.hidden-on-tablet,
.visible-only-full,
.visible-only-phone{
display:none;
}
}
@media (max-width:500px){
.hidden-on-phone,
.visible-only-full,
.visible-only-tablet{
display:none;
}
}
[data-inputmode=mouse] .input-mouse-hidden,
[data-inputmode=touch] .input-touch-hidden,
[data-inputmode=touch] .input-mouse-visible,
[data-inputmode=mouse] .input-touch-visible{
display:none;
}
@media print{
body{
max-width:100%;
}
*{
float:none;
color:#000;
}
a{
text-decoration:underline;
}
a:after{
content:" (" attr(href) ") ";
font-weight:normal;
}
a:not([href]):after,
a[href="#"]:after,
a[href=""]:after{
display:none;
}
.noprint,
.no-print,
.cssc-mainnav{
display:none !important;
}
}
.cssc-content .cssc-content-video-wrapper,
.block-writer__avatar,
.videos-list__item .field-image,
.themes-list__item .field-image,
.podcasts-list__item .field-image,
.block--ingredient__grid .figure-img-wrapper,
.master-header__author .avatar,
.master-header__thumbnail,
.loop-basic__image{
display:block;
z-index:0;
position:relative;
height:0;
padding-top:100%;
overflow:hidden;
}
.centered-container .cc-full-bg img,
.centered-container .cc-full-image img,.cssc-content .cssc-content-video-wrapper>iframe,.block-writer__avatar img,.videos-list__item .field-image img,.themes-list__item .field-image img,.podcasts-list__item .field-image img,.block--ingredient__grid .figure-img-wrapper img,.master-header__author .avatar img,.master-header__thumbnail img,.loop-basic__image img{
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.cssc-content .cssc-content-video-wrapper{
padding-top:56.25%;
}
.themes-list__item .field-url:before,.podcasts-list__item .field-image,.faq-list__item .field-question button:before,.wputh-social-links a:before,.header-main .nav-toggle:before,.pagination__list .pagination__prev i,
.pagination__list .pagination__next i,.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before{
z-index:1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
.easypara-heading__pager button:before{
z-index:1;
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0);
}
.category-switcher{
overflow:auto;
-webkit-touch-overflow:auto;
}
.category-switcher::-webkit-scrollbar{
display:none;
}
.category-switcher{
-ms-overflow-style:none;
scrollbar-width:none;
}
body:after{
content:"";
position:absolute !important;
top:0 !important;
left:-100vw !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
white-space:nowrap !important;
opacity:0.001 !important;
}
@media (min-width:1024px){
body:after{
content:"desktop";
}
}
@media (min-width:1500px){
body:after{
content:"large";
}
}
@media (max-width:1023px){
body:after{
content:"tablet";
}
}
@media (max-width:767px){
body:after{
content:"mobile";
}
}
@media (max-width:500px){
body:after{
content:"tiny";
}
}
.modal-wrapper,
.modal-overlay{
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
.modal-inner,
.modal-overlay{
z-index:1;
position:absolute;
}
.modal-wrapper{
z-index:999;
position:fixed;
opacity:0;
transition:opacity 0.3s ease;
pointer-events:none;
}
[data-open="1"].modal-wrapper,.is-open.modal-wrapper{
opacity:0.999;
pointer-events:initial;
}
.modal-overlay{
background-color:rgba(0,0,0,0.1);
cursor:pointer;
}
.modal-wrapper:not([data-open="1"]):not(.is-open) iframe{
display:none;
}
.modal-inner{
z-index:2;
top:50%;
left:50%;
width:700px;
height:500px;
max-height:100%;
max-width:100%;
background-color:#fff;
transform:translate3d(-50%,-50%,0);
}
@media (max-width:767px){
.modal-inner{
height:100%;
}
}
.modal-close{
z-index:2;
position:absolute;
top:15px;
right:15px;
text-align:center;
}
.block--summary__inner,.block--quote__inner,.modal-inner{
padding:60px;
}
.loops-list>*{
padding:30px;
}
.back-to-top{
margin:60px;
}
.loops-list{
margin:-30px;
}
@media (max-width:1023px){
.block--summary__inner,.block--quote__inner,.modal-inner{
padding:40px;
}
.loops-list>*{
padding:20px;
}
.back-to-top{
margin:40px;
}
.loops-list{
margin:-20px;
}
}
@media (max-width:767px){
.block--summary__inner,.block--quote__inner,.modal-inner{
padding:20px;
}
.loops-list>*{
padding:10px;
}
.back-to-top{
margin:20px;
}
.loops-list{
margin:-10px;
}
}
.simple-grid-tab,
.simple-grid{
margin-bottom:60px;
}
@media (max-width:1023px){
.simple-grid-tab,
.simple-grid{
margin-bottom:40px;
}
}
@media (max-width:767px){
.simple-grid-tab,
.simple-grid{
margin-bottom:20px;
}
}
.category-switcher,
.centered-container{
padding-right:60px;
padding-left:60px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:30px;
padding-left:30px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-30px;
margin-left:-30px;
}
@media (max-width:1023px){
.category-switcher,
.centered-container{
padding-right:40px;
padding-left:40px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:20px;
padding-left:20px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-20px;
margin-left:-20px;
}
}
@media (max-width:767px){
.category-switcher,
.centered-container{
padding-right:20px;
padding-left:20px;
}
.list--slider.slick-slider .slick-track>*,.list--slider:not(.slick-slider)>*,.simple-grid-tab>*,
.simple-grid>*{
padding-right:10px;
padding-left:10px;
}
.list--slider.slick-slider .slick-list,.list--slider:not(.slick-slider),.simple-grid-tab,
.simple-grid{
margin-right:-10px;
margin-left:-10px;
}
}
@media (max-width:767px){
.hide-on-mobile{
display:none !important;
}
}
@media (min-width:768px){
.hide-on-desktop{
display:none !important;
}
}
@media (min-width:1024px){
.hide-above-tablet{
display:none !important;
}
}
@media (max-width:1023px){
.hide-tablet-below{
display:none !important;
}
}
.loops-list{
display:flex;
z-index:0;
position:relative;
flex-direction:row;
flex-wrap:wrap;
box-sizing:border-box;
min-width:100%;
}
.loops-list>*{
z-index:0;
position:relative;
box-sizing:border-box;
width:33.3%;
}
@font-face{
font-family:"icons";
src:url("../../assets/fonts/icons/icons.eot?1764080396");
src:url("../../assets/fonts/icons/icons.eot?1764080396#iefix") format("eot"),url("../../assets/fonts/icons/icons.woff2?1764080396") format("woff2"),url("../../assets/fonts/icons/icons.woff?1764080396") format("woff"),url("../../assets/fonts/icons/icons.ttf?1764080396") format("truetype"),url("../../assets/fonts/icons/icons.svg?1764080396#icons") format("svg");
}
.icon:before,.faq-list__item .field-question:before,.master-header__author-reading .reading-time:before,.main-menu>.menu-item.menu-item-has-children>a:before,.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before,.easypara-heading__pager button:before{
font-family:"icons";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
.icon_copy:before{
content:"\e001";
}
.icon_discord:before{
content:"\e002";
}
.icon_down:before,.faq-list__item .field-question:before,.main-menu>.menu-item.menu-item-has-children>a:before{
content:"\e003";
}
.icon_facebook:before{
content:"\e004";
}
.icon_instagram:before{
content:"\e005";
}
.icon_linkedin:before{
content:"\e006";
}
.icon_mail:before{
content:"\e007";
}
.icon_next:before,.easypara-heading__pager .pager-next:before{
content:"\e008";
}
.icon_pinterest:before{
content:"\e009";
}
.icon_play:before,.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before{
content:"\e00a";
}
.icon_prev:before,.easypara-heading__pager button:before{
content:"\e00b";
}
.icon_share:before{
content:"\e00c";
}
.icon_snapchat:before{
content:"\e00d";
}
.icon_tiktok:before{
content:"\e00e";
}
.icon_timer:before,.master-header__author-reading .reading-time:before{
content:"\e00f";
}
.icon_twitch:before{
content:"\e010";
}
.icon_twitter:before{
content:"\e011";
}
.icon_x:before{
content:"\e012";
}
.icon_youtube:before{
content:"\e013";
}
@font-face{
font-family:"CooperStd";
font-style:normal;
font-weight:400;
src:url("../fonts/CooperBlackStd/CooperBlackStd.woff2") format("woff2"),url("../fonts/CooperBlackStd/CooperBlackStd.woff") format("woff");
}
@font-face{
font-family:"CooperStd";
font-style:normal;
font-weight:700;
src:url("../fonts/CooperBlackStd/CooperBlackStd.woff2") format("woff2"),url("../fonts/CooperBlackStd/CooperBlackStd.woff") format("woff");
}
@font-face{
font-family:"LaBelleAurore";
font-style:normal;
font-weight:400;
src:url("../fonts/LaBelleAurore/LaBelleAurore.woff2") format("woff2"),url("../fonts/LaBelleAurore/LaBelleAurore.woff") format("woff");
}
@font-face{
font-family:"Spartan";
font-style:normal;
font-weight:700;
src:url("../fonts/Spartan/Spartan-Bold.woff2") format("woff2"),url("../fonts/Spartan/Spartan-Bold.woff") format("woff");
}
@font-face{
font-family:"Spartan";
font-style:normal;
font-weight:500;
src:url("../fonts/Spartan/Spartan-Medium.woff2") format("woff2"),url("../fonts/Spartan/Spartan-Medium.woff") format("woff");
}
@font-face{
font-family:"Spartan";
font-style:normal;
font-weight:400;
src:url("../fonts/Spartan/Spartan-Regular.woff2") format("woff2"),url("../fonts/Spartan/Spartan-Regular.woff") format("woff");
}
@font-face{
font-family:"Spartan";
font-style:normal;
font-weight:600;
src:url("../fonts/Spartan/Spartan-SemiBold.woff2") format("woff2"),url("../fonts/Spartan/Spartan-SemiBold.woff") format("woff");
}
:root{
--swiper-pagination-bottom:0;
--swiper-theme-color:#0B4947!important;
}
.easypara-heading__pager button{
width:40px;
height:40px;
border-radius:100px;
color:#fff;
background-color:#0B4947;
}
.easypara-heading__pager button + button{
margin-left:20px;
}
.easypara-heading__pager button:before{
padding-right:0.2em;
font-size:12px;
}
.easypara-heading__pager .pager-next:before{
padding-right:0;
padding-left:0.2em;
}
.easypara-heading__pager .swiper-button-lock{
display:none;
}
.easypara-heading__pager .swiper-button-disabled{
opacity:0.3;
pointer-events:none;
}
.swiper-pagination{
z-index:1;
position:relative !important;
bottom:0;
margin-top:20px;
}
.m-t{
margin-top:1em;
}
.ta-c{
text-align:center !important;
}
.hide-if-empty:empty{
display:none !important;
}
.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before{
z-index:2;
width:2.8em !important;
height:2.8em !important;
border-radius:3em;
text-align:center;
font-size:24px;
line-height:2.8 !important;
color:#fff;
background:rgba(255,255,255,0.3);
-webkit-backdrop-filter:blur(2px);
backdrop-filter:blur(2px);
}
.easypara-button,
.wpunewsletter-form-wrapper button[type=submit]{
padding:0 1.5em;
max-width:100%;
border-radius:8px;
overflow:hidden;
font-size:16px;
font-weight:600;
line-height:48px;
vertical-align:middle;
color:#fff;
background-color:#0B4947;
transition:all 0.3s ease;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
.easypara-button:focus,.easypara-button:hover,
.wpunewsletter-form-wrapper button[type=submit]:focus,
.wpunewsletter-form-wrapper button[type=submit]:hover{
color:#fff;
background-color:#227C7A;
box-shadow:inset 0 0 0 1px #227C7A;
}
.easypara-button i[class*=icon_],
.wpunewsletter-form-wrapper button[type=submit] i[class*=icon_]{
z-index:1;
position:relative;
width:1em;
height:1em;
vertical-align:middle;
}
.easypara-button i[class*=icon_]:first-child,
.wpunewsletter-form-wrapper button[type=submit] i[class*=icon_]:first-child{
margin-right:0.75em;
}
.easypara-button i[class*=icon_]:last-child,
.wpunewsletter-form-wrapper button[type=submit] i[class*=icon_]:last-child{
margin-left:0.75em;
}
.easypara-button i[class*=icon_]:before,
.wpunewsletter-form-wrapper button[type=submit] i[class*=icon_]:before{
z-index:1;
position:absolute;
top:50%;
left:0;
margin-top:-0.6em;
font-size:1.2em;
}
.easypara-button--inv:not(:hover):not(:focus),
.section--dark .block--similar .field-cta a:not(:hover):not(:focus),
.section--dark .easypara-heading .field-link:not(:hover):not(:focus),
.section--dark .master-header__cta a:not(:hover):not(:focus),
.section--dark .block--content-classic>.field-cta a:not(:hover):not(:focus){
color:#0B4947;
background-color:#D4F6D5;
}
.easypara-button--thin{
font-weight:normal;
}
.easypara-button--secondary{
color:#0B4947;
background-color:transparent;
box-shadow:inset 0 0 0 1px currentColor;
}
.easypara-button--big{
line-height:3.3;
}
.easypara-button--small{
font-size:16px;
line-height:2.56;
}
.easypara-button--tiny{
padding:0 1em;
font-size:14px;
line-height:2.1;
}
.easypara-button--wide{
display:block;
width:100%;
}
@media (max-width:1023px){
.easypara-button--wide-mobile-menu{
display:block;
width:100%;
}
}
.group--button{
margin:-12px;
font-size:0;
}
.group--button a,
.group--button button{
margin:12px;
}
.easypara-link{
display:inline-block;
max-width:100%;
overflow:hidden;
text-decoration:underline;
text-transform:uppercase;
font-size:16px;
font-weight:600;
white-space:nowrap;
vertical-align:middle;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.easypara-link:after{
content:"→";
display:inline-block;
padding-left:0.3em;
vertical-align:middle;
}
.easypara-link--small{
font-size:14px;
font-weight:normal;
}
dl,
p,
ul{
font-size:18px;
line-height:1.6;
}
dl:not(:last-child),
p:not(:last-child){
margin-bottom:1.6em;
}
dd,
dt,
li{
font:inherit;
}
.cssc-content blockquote,
.cssc-content p,
.cssc-content ul,
.cssc-content li{
-webkit-hyphens:auto;
hyphens:auto;
hyphenate-limit-chars:30;
}
.text--big.text--big{
font-size:20px;
}
.text--small.text--small{
font-size:16px;
}
.text--xsmall.text--xsmall{
font-size:14px;
}
.text--tiny.text--tiny{
font-size:12px;
}
.block--faq .easypara-title,
.block--ingredient__grid .easypara-title,
.block--content-classic .easypara-title{
font-family:"Spartan",Arial,sans-serif !important;
font-weight:bold;
}
.cssc-content{
max-width:100%;
font-size:18px;
line-height:1.6;
}
@media (max-width:767px){
.cssc-content{
font-size:16px;
}
}
.cssc-content:last-child{
margin-bottom:0;
}
.cssc-content h2,
.cssc-content h3,
.cssc-content h4{
font-family:"Spartan",Arial,sans-serif !important;
font-weight:bold;
}
.cssc-content a{
text-decoration:underline;
}
.cssc-content{
}
.cssc-content ol{
counter-reset:cssc-content-section;
list-style-type:none;
}
.cssc-content ul ul,
.cssc-content ul{
list-style-type:none;
}
.cssc-content ul li,
.cssc-content ol li{
z-index:0;
position:relative;
padding-left:1em;
}
.cssc-content img.size-full{
border-radius:12px;
}
.cssc-content ul li:before,
.cssc-content ol li:before{
counter-increment:cssc-content-section;
z-index:1;
position:absolute;
top:0.15em;
left:0;
font-size:0.8em;
color:#227C7A;
}
.cssc-content ul li:before{
content:"●";
}
.cssc-content ol li:before{
content:counter(cssc-content-section);
}
.cssc-content{
}
.cssc-content .cssc-content-video-wrapper:not(:last-child){
margin-bottom:1.6em;
}
.cssc-content{
}
.cssc-content .easypara-table-wrapper{
margin:0 -20px;
padding:0 20px;
max-width:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.cssc-content table{
border:1px solid #227C7A;
}
.cssc-content th,
.cssc-content td{
padding:0.5em;
border:1px solid #227C7A;
color:#0B4947;
background-color:#FFF;
}
.cssc-content th{
font-weight:bold;
}
.cssc-content thead th{
color:#fff;
background-color:#227C7A;
}
body dialog{
box-sizing:border-box;
width:767px;
padding:2em;
max-width:90vw;
font-size:18px;
background-color:#FBF2ED;
}
body dialog::backdrop{
opacity:0.3;
background:#0B4947;
}
.wpunewsletter-form-wrapper input[type=email],.header-main .search-form .search-field,.switch-lang select{
padding:0.5em 1em;
min-height:2.75em;
border-radius:8px;
font-size:16px;
font-weight:600;
line-height:1.75em;
color:#0B4947;
background:#FBF2ED;
transition:border 0.3s ease,color 0.3s ease;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
@media (max-width:767px){
.wpunewsletter-form-wrapper input[type=email],.header-main .search-form .search-field,.switch-lang select{
font-size:16px;
}
}
.switch-lang select{
padding-right:44px !important;
background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.4694 5.46935C2.53908 5.39943 2.62187 5.34395 2.71304 5.3061C2.8042 5.26824 2.90194 5.24876 3.00065 5.24876C3.09936 5.24876 3.1971 5.26824 3.28826 5.3061C3.37943 5.34395 3.46222 5.39943 3.5319 5.46935L8.00003 9.93747L12.4694 5.46935C12.6103 5.32845 12.8014 5.2493 13.0007 5.2493C13.1999 5.2493 13.391 5.32845 13.5319 5.46935C13.6728 5.61025 13.752 5.80134 13.752 6.0006C13.752 6.19986 13.6728 6.39095 13.5319 6.53185L8.5319 11.5318C8.46222 11.6018 8.37943 11.6572 8.28827 11.6951C8.1971 11.733 8.09936 11.7524 8.00065 11.7524C7.90194 11.7524 7.8042 11.733 7.71304 11.6951C7.62187 11.6572 7.53908 11.6018 7.4694 11.5318L2.4694 6.53185C2.39948 6.46217 2.344 6.37938 2.30615 6.28821C2.2683 6.19705 2.24881 6.09931 2.24881 6.0006C2.24881 5.90189 2.2683 5.80415 2.30615 5.71299C2.344 5.62182 2.39948 5.53903 2.4694 5.46935Z' fill='%230B4947'/></svg>");
background-position:right 16px center;
background-repeat:no-repeat;
}
.wpunewsletter-form-wrapper input[type=email]::placeholder,.header-main .search-form .search-field::placeholder,.switch-lang select::placeholder{
color:#0B4947;
opacity:0.8;
}
input[type=checkbox] ~ .label-main,input[type=checkbox] + label{
display:inline-block;
margin-right:1em;
padding-left:1.5em;
-webkit-user-select:none;
user-select:none;
}
input[type=checkbox] ~ .label-main,input[type=checkbox] + label{
cursor:pointer;
}
input[type=checkbox] ~ .label-main:before,input[type=checkbox] + label:before{
top:50%;
border:1px solid #227C7A !important;
background-color:#fff;
box-shadow:0 0 0 1px transparent !important;
transform:translateY(-50%);
}
input[type=checkbox]:checked ~ .label-main:before,input[type=checkbox]:checked + label:before{
border-color:#227C7A !important;
color:#227C7A;
}
input[type=checkbox] ~ .label-main,input[type=checkbox] + label{
padding-left:2em !important;
}
input[type=checkbox] ~ .label-main:before,input[type=checkbox] + label:before{
top:0;
margin-top:0.2em;
border-color:currentColor !important;
border-radius:1px;
color:inherit !important;
background-color:transparent !important;
transform:translateY(0);
}
input[type=checkbox]:not(:checked) ~ .label-main:before,input[type=checkbox]:not(:checked) + label:before{
content:"";
}
input[type=checkbox]:checked ~ .label-main:before,input[type=checkbox]:checked + label:before{
border-color:#227C7A !important;
color:#FFF;
background-color:#227C7A !important;
}
.simple-grid-tab,
.simple-grid{
display:flex;
flex-direction:row;
}
.simple-grid-tab:last-child,
.simple-grid:last-child{
margin-bottom:0;
}
.simple-grid-tab>*,
.simple-grid>*{
flex:1;
min-height:1px;
min-width:0;
}
@media (max-width:1023px){
.simple-grid>*,
.simple-grid{
display:block;
}
.simple-grid>* + *{
margin-top:40px;
}
}
@media (max-width:767px){
.simple-grid-tab>*,
.simple-grid-tab{
display:block;
}
.simple-grid-tab>* + *,
.simple-grid>* + *{
margin-top:20px;
}
}
.icon,.faq-list__item .field-question:before,.master-header__author-reading .reading-time:before,.main-menu>.menu-item.menu-item-has-children>a:before,.easypara-heading__pager button:before,.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before,
.icon:before{
display:inline-block;
height:1em;
text-align:center;
line-height:1;
}
.icon:before,.faq-list__item .field-question:before,.master-header__author-reading .reading-time:before,.main-menu>.menu-item.menu-item-has-children>a:before,.easypara-heading__pager button:before,.videos-list__item .field-image:before,.podcasts-list__item .field-podcast .field-image:before{
width:1em;
}
.icon_youtube:before{
width:1.4em;
}
.icon_discord:before{
width:1.4em;
}
.centered-container>*{
max-width:1320px;
}
.centered-container--full>*{
max-width:1432px;
}
.centered-container--thin>*{
max-width:984px;
}
.centered-container--thinner>*{
max-width:760px;
}
.centered-container--thinnest>*{
max-width:536px;
}
.section{
padding-top:80px;
padding-bottom:80px;
}
@media (max-width:1023px){
.section{
padding-top:60px;
padding-bottom:60px;
}
}
@media (max-width:767px){
.section{
padding-top:40px;
padding-bottom:40px;
}
}
.section--no-top{
padding-top:0 !important;
}
.section--thin{
padding-top:40px;
padding-bottom:40px;
}
@media (max-width:1023px){
.section--thin{
padding-top:30px;
padding-bottom:30px;
}
}
@media (max-width:767px){
.section--thin{
padding-top:20px;
padding-bottom:20px;
}
}
.section-m{
margin-top:80px;
margin-bottom:80px;
}
@media (max-width:1023px){
.section-m{
margin-top:60px;
margin-bottom:60px;
}
}
@media (max-width:767px){
.section-m{
margin-top:40px;
margin-bottom:40px;
}
}
.section-m--thin{
margin-top:40px;
margin-bottom:40px;
}
@media (max-width:1023px){
.section-m--thin{
margin-top:30px;
margin-bottom:30px;
}
}
@media (max-width:767px){
.section-m--thin{
margin-top:20px;
margin-bottom:20px;
}
}
.section-m--thin-top-inv{
margin-top:-40px;
}
@media (max-width:1023px){
.section-m--thin-top-inv{
margin-top:-30px;
}
}
@media (max-width:767px){
.section-m--thin-top-inv{
margin-top:-20px;
}
}
.section--clear{
background-color:#FFF;
}
.section--dark{
color:#D4F6D5;
background-color:#0B4947;
}
.section--orange{
background-color:rgba(255,209,183,0.2);
}
.section--green--background-c{
background-position:center center;
background-repeat:no-repeat;
background-size:150% auto;
}
.section--dark--background-lr{
background-position:-40vw 0,50vw -40vw;
background-size:auto 75vw,auto 75vw;
}
.section--yellow--background-r,.section--pink--background-r,.section--blue--background-r,.section--green--background-r,.section--dark--background-r{
background-position:40vw center;
background-size:auto 75vw;
}
.section--dark--background-lr{
background-image:url("../images/topographic-teal.png"),url("../images/topographic-teal.png");
}
.section--dark--background-r{
background-image:url("../images/topographic-teal.png");
}
.easypara-category-tag--green,
.section--green{
background-color:#D4F6D5;
}
.section--green-lighter{
background-color:rgba(212,246,213,0.4);
}
.section--green-darker{
background-color:rgba(166,210,179,0.4);
}
.section--green--background-r{
background-image:url("../images/topographic-green.png");
}
.section--green--background-c{
background-image:url("../images/topographic-green.png");
}
.easypara-category-tag--blue,
.section--blue{
background-color:#D4F0F6;
}
.section--blue-lighter{
background-color:rgba(212,240,246,0.4);
}
.section--blue-darker{
background-color:rgba(115,173,185,0.4);
}
.section--blue--background-r{
background-image:url("../images/topographic-blue.png");
}
.easypara-category-tag--pink,
.section--pink{
background-color:#FFCDC8;
}
.section--pink-lighter{
background-color:rgba(255,205,200,0.4);
}
.section--pink-lighter .has-section-color{
color:#A8324E;
}
.section--pink-darker{
background-color:rgba(225,134,125,0.4);
}
.section--pink--background-r{
background-image:url("../images/topographic-pink.png");
}
.easypara-category-tag--yellow,
.section--yellow{
background-color:#FCF3D0;
}
.section--yellow-lighter{
background-color:rgba(252,243,208,0.4);
}
.section--yellow-darker{
background-color:rgba(255,202,10,0.4);
}
.section--yellow--background-r{
background-image:url("../images/topographic-yellow.png");
}
.loops-list.loops-list>*{
width:33.3%;
}
@media (max-width:1023px){
.loops-list.loops-list>*{
width:50%;
}
}
@media (max-width:767px){
.loops-list.loops-list>*{
display:block;
width:100%;
}
}
.centered-container--slider-wrapper{
overflow:hidden;
}
.list--slider:not(.slick-slider){
z-index:1;
position:relative;
white-space:nowrap;
}
.list--slider:not(.slick-slider)>*{
display:inline-block;
box-sizing:border-box;
width:33.3%;
white-space:normal;
vertical-align:top;
}
.list--slider.slick-slider .slick-list{
overflow:visible;
}
.list--slider.slick-slider .slick-track>*{
transition:opacity 0.3s ease;
}
.list--slider.slick-slider .slick-track>*[aria-hidden=true]{
opacity:0.25;
}
@media (max-width:767px){
.list--slider.slick-slider .slick-track>*{
width:400px;
max-width:70vw;
}
}
.loop-basic{
z-index:1;
position:relative;
box-sizing:border-box;
height:100%;
overflow:hidden;
}
.loop-basic__image{
margin-bottom:1em;
padding-top:100%;
border-radius:12px;
overflow:hidden;
}
.loop-basic__image .loop-basic__tag{
z-index:2;
position:absolute;
top:1em;
left:1em;
padding:0 0.3em;
border-radius:4px;
font-size:16px;
font-weight:500;
line-height:1.7;
color:#0B4947;
background-color:#D4F6D5;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.loop-basic__image img{
transition:transform 1s ease;
transform-origin:center center;
}
.loop-basic:hover .loop-basic__image img{
transform:scale(1.1);
}
.loop-basic__metas{
margin-bottom:0.75em;
}
.loop-basic__name{
font-family:"Spartan",Arial,sans-serif;
letter-spacing:0;
-webkit-hyphens:auto;
hyphens:auto;
overflow-wrap:break-word;
}
.loop-basic time{
display:block;
margin-top:1em;
font-size:12px;
}
.loop__link:before{
content:"";
z-index:1;
position:absolute;
top:-400%;
right:-100%;
bottom:-100%;
left:-100%;
margin:auto;
background-color:rgba(11,73,71,0);
}
@media (min-width:1024px){
.loop-post--spotlight-large{
height:auto;
border-radius:12px;
overflow:hidden;
}
.loop-post--spotlight-large:after{
content:"";
z-index:2;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
}
.loop-post--spotlight-large .loop-basic__image{
margin-bottom:0;
}
.loop-post--spotlight-large .loop-basic__content{
z-index:3;
position:absolute;
right:0;
bottom:0;
left:0;
margin:auto;
padding:20px;
color:#fff;
}
.loop-post--spotlight-large .loop-basic__content a{
color:#fff !important;
}
}
.loop-post--spotlight-small{
display:flex;
flex-direction:row;
align-items:center;
gap:24px;
padding-right:16px;
}
.loop-post--spotlight-small>*{
min-width:0;
}
@media (max-width:767px){
.loop-post--spotlight-small{
gap:16px;
}
}
.loop-post--spotlight-small--bg{
border-radius:12px;
background-color:#fff;
}
.loop-post--spotlight-small .loop-basic__image{
box-sizing:border-box;
width:175px;
height:175px;
margin-bottom:0;
padding-top:0;
min-width:175px;
}
@media (max-width:767px){
.loop-post--spotlight-small .loop-basic__image{
width:95px;
height:120px;
min-width:95px;
}
}
.loop-post--spotlight-small--bg .loop-basic__image{
border-radius:12px 0 0 12px;
}
.loop-post--spotlight-small .loop-basic__name{
letter-spacing:-0.05em;
}
@media (max-width:767px){
.loop-post--spotlight-small .loop-basic__name{
font-size:14px;
}
.loop-post--spotlight-small .easypara-link{
display:none;
}
}
.list-posts-spotlight-slider{
counter-reset:spotlight-counter;
}
.loop-post--has-count .loop-basic__image:before{
content:counter(spotlight-counter);
counter-increment:spotlight-counter;
z-index:3;
position:absolute;
top:0.5em;
left:0.5em;
font-family:"CooperStd",serif;
font-size:2em;
font-weight:bold;
line-height:1;
color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.loop-basic__cta{
z-index:0;
position:relative;
margin-top:1em;
}
.loop-product .loop-basic__name{
font-size:16px;
font-weight:600;
}
.block--products .loop-product .loop-basic__image,
.block--topic__grid .loop-product .loop-basic__image,
.loops-slider .loop-product .loop-basic__image{
margin-bottom:0;
border-radius:12px 12px 0 0;
}
.block--products .loop-product .loop-basic__content,
.block--topic__grid .loop-product .loop-basic__content,
.loops-slider .loop-product .loop-basic__content{
padding:20px;
border-radius:0 0 12px 12px;
background-color:#fff;
}
.loop-basic__rating{
font-size:16px;
line-height:20px;
}
.loop-basic__rating .loop-basic__rating-count{
display:inline-block;
margin-left:0.4em;
vertical-align:middle;
}
.loop-basic__rating-stars{
display:inline-block;
font-size:20px;
vertical-align:middle;
}
.loop-basic__rating-stars .star{
margin-right:0.1em;
}
.loop-basic__rating-stars .star--partial__overlay,
.loop-basic__rating-stars .star--partial__fill,
.loop-basic__rating-stars .star{
display:inline-block;
z-index:0;
position:relative;
width:1em;
height:1em;
vertical-align:middle;
background:transparent no-repeat top left;
background-size:1em 1em;
}
.loop-basic__rating-stars .star--partial__fill,
.loop-basic__rating-stars .star--partial__overlay{
z-index:1;
position:absolute;
top:0;
left:0;
}
.loop-basic__rating-stars .star--partial__overlay,
.loop-basic__rating-stars .star--full{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEUAAAAOTEgLSUcQUE4LSUcKSUcLSUcLSUcLSkcMSEgMSUgNSUYLSUcMSUgLSkgLSkULSkoMSkcKSkYLSUfJK/B7AAAAE3RSTlMAIN8QoHC/kO9AgFDvv2AwMM9/78LIoAAAAN1JREFUOMuNk1ESgyAMRENAQLTVNve/azsyNdKAyX46T54mC3Sy72DJhkToDCDSN+hVbqEjswqGCgYVzBVcvW5mt2K2ufEHrvfcTGRzBwaTZh67vTsz0SUTPz9mlTLpSQBvMqUA2sAVyBiINu4BzuCuTXbRcF5tfNG4CWoUPV627sKYC22Fp8F+8qm90/fvbenvWObVA6PkHHUj1c/bEXJGO4+KmeOlWXNLM+LY7drZFeGW5nxUYMGBO7TNu7Y0NGCSr5fuFrf6F1tbE7mb+lHpb2Y+EOVFLpsxRvm4D4OCOZ+//qxlAAAAAElFTkSuQmCC");
}
.loop-basic__rating-stars .star--partial__fill,
.loop-basic__rating-stars .star--empty{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAP1BMVEUAAAAMSEgLSUcMSEgLSUcQUEgQUE0LSUcLSUcKSUcLSUcLSkcNSUYLSkcLSUcLSkgLSUcKSUcLSEgJSkcLSUffogctAAAAFHRSTlMAQN8gvyAQn5BwgO9QMM9g769gb+HtjPQAAAE3SURBVDjLjZSBroMgDEVL4RUUdXO7//+tzzFDnWWykxiThnigvUgN5pl+YWaAPfVhbLB0102Ae2xPd2HEQhQQuwszBqIRd+mbt4P44u6aN7jrZiSi4r5e54B5f7uOmfXLXfM3t/xVntXogEHrpVcpQynmQsCR9HIcCTUNnnFkJMbqKv4jRlpftx0DA3UZAAo/rHxmhLKXeJlTWd9J9gFgdzEsrmccy6m+kKB7K/qlobc6HwG+NdKZgSifDciAa6Q4V+1BH8610Ly3I5ZWliyLTX+0knKfHufardw0WxQzk9wYb8BKjWK4MLuYnNFYs6SSaFG3kehP7/V4LbfMz1zvx7gnVhqNkABkV4a3p1SAwbRWk6exMWNIuDtNnqZ0Ok9xxgueTzEBzGwmrj2pSATyZIctZBD93D9LLBYtjPGOTwAAAABJRU5ErkJggg==");
}
.modal-inner{
box-sizing:border-box;
width:900px;
height:auto;
padding-top:50px;
min-height:200px;
}
@media (max-width:767px){
.modal-inner{
padding-right:0;
padding-left:0;
}
}
.modal-inner iframe{
width:100%;
}
.modal-overlay{
background:rgba(11,73,71,0.75);
}
.modal-close{
margin-top:-0.25em;
font-size:40px;
line-height:1;
}
.pagination__list{
text-align:center;
font-size:16px;
}
.pagination__list .pagination__prev,
.pagination__list .pagination__next,
.pagination__list .pagination__item{
display:inline-block;
position:relative;
box-sizing:border-box;
height:2.5em;
min-width:2.5em;
text-align:center;
font-weight:500;
line-height:2.55;
vertical-align:middle;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.pagination__list .pagination__item{
margin:0 0.1em;
}
.pagination__list a{
display:block;
box-sizing:border-box;
width:100%;
height:100%;
border:1px solid transparent;
border-radius:4px;
}
.pagination__list .pagination__prev,
.pagination__list .pagination__next{
width:2.5em;
}
.pagination__list .pagination__prev a,
.pagination__list .pagination__next a{
border-color:rgba(11,73,71,0.4);
}
.pagination__list .pagination__prev{
margin-right:1em;
}
.pagination__list .pagination__next{
margin-left:1em;
}
.pagination__list .pagination__item.dots{
border-color:transparent;
}
.pagination__list .pagination__prev:hover a,
.pagination__list .pagination__next:hover a,
.pagination__list .pagination__item:hover a,
.pagination__list .pagination__item.is-active{
border-color:#D4F6D5;
border-radius:4px;
color:#0B4947;
background-color:#D4F6D5;
}
@media (max-width:767px){
.pagination__list .pagination__item:not(.is-active):not(.is-prev):not(.is-next){
display:none;
}
}
html{
scrollbar-color:#e0e0e0 #FBF2ED;
scrollbar-width:thin;
}
body::-webkit-scrollbar{
width:10px;
}
body::-webkit-scrollbar-track{
background-color:#FBF2ED;
}
body::-webkit-scrollbar-thumb{
border:2px solid #FBF2ED;
border-left-width:2px;
border-radius:5px;
background-color:#e0e0e0;
}
@media (max-width:1023px){
.videos-list,.podcasts-list{
margin:0 -40px;
padding:0 40px;
overflow:auto;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
}
.videos-list>*,.podcasts-list>*{
display:inline-block;
width:300px;
margin-right:12px;
max-width:90vw;
vertical-align:top;
scroll-snap-align:center;
}
}
@media (max-width:767px){
.videos-list,.podcasts-list{
margin:0 -20px;
padding:0 20px;
}
}
.easypara-category-tag{
display:inline-block;
box-sizing:border-box;
padding:0.6em;
max-width:100%;
border-radius:8px;
overflow:hidden;
text-overflow:ellipsis;
text-transform:uppercase;
font-size:12px;
font-weight:600;
line-height:1;
white-space:nowrap;
vertical-align:middle;
color:#0B4947;
text-box:trim-both cap alphabetic;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
::selection{
color:#0B4947;
background:rgba(34,124,122,0.5);
}
h1,
.h1,
.search-results-header__title span,
h2,
.h2,
.search-results-header__title,
h3,
.h3,
.cssc-content h2,
.block--quote .field-quote,
h4,
.h4,
.cssc-content h3,
.faq-list__item .field-question,
h5,
.h5,
.cssc-content h4{
font-weight:bold;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
h1,
.h1{
font-family:"CooperStd",serif;
font-size:48px;
line-height:1.2;
letter-spacing:-0.5px;
}
@media (max-width:767px){
h1,
.h1{
font-size:32px;
}
}
.search-results-header__title span,h2,
.h2{
font-family:"CooperStd",serif;
font-size:36px;
line-height:1.2;
letter-spacing:-0.5px;
}
@media (max-width:767px){
.search-results-header__title span,h2,
.h2{
font-size:26px;
}
}
.search-results-header__title,h3,
.h3,.cssc-content h2{
font-size:30px;
font-weight:600;
}
@media (max-width:767px){
.search-results-header__title,h3,
.h3,.cssc-content h2{
font-size:22px;
}
}
.block--quote .field-quote,h4,
.h4,.cssc-content h3{
font-size:24px;
}
@media (max-width:767px){
.block--quote .field-quote,h4,
.h4,.cssc-content h3{
font-size:20px;
}
}
.faq-list__item .field-question,h5,
.h5,.cssc-content h4{
font-size:20px;
}
@media (max-width:767px){
.faq-list__item .field-question,h5,
.h5,.cssc-content h4{
font-size:18px;
}
}
.easypara-title{
overflow-wrap:break-word;
}
.easypara-title:last-child{
margin-bottom:0;
}
.easypara-heading{
margin-bottom:1em;
overflow-wrap:break-word;
}
@media (min-width:1024px){
.easypara-heading{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:1em;
justify-content:space-between;
}
.easypara-heading>*{
margin-bottom:0;
max-width:90%;
}
}
html{
background-color:#FFF;
}
body{
font:18px "Spartan",Arial,sans-serif;
line-height:1.6;
letter-spacing:0;
color:#0B4947;
accent-color:#227C7A;
}
[data-inputmode=touch] a:hover,
[data-inputmode=touch] a:focus,
[data-inputmode=touch] a:active,
a{
text-decoration-thickness:0.1em;
text-underline-offset:0.3em;
color:inherit;
}
a:hover,
a:focus{
color:#227C7A;
}
a:active{
color:rgb(12.0506329114,43.9493670886,43.2405063291);
}
body a{
text-decoration:none;
}
picture,
picture img{
display:block;
width:100%;
}
.switch-lang select{
padding-left:44px;
text-align:left;
background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.4694 5.46935C2.53908 5.39943 2.62187 5.34395 2.71304 5.3061C2.8042 5.26824 2.90194 5.24876 3.00065 5.24876C3.09936 5.24876 3.1971 5.26824 3.28826 5.3061C3.37943 5.34395 3.46222 5.39943 3.5319 5.46935L8.00003 9.93747L12.4694 5.46935C12.6103 5.32845 12.8014 5.2493 13.0007 5.2493C13.1999 5.2493 13.391 5.32845 13.5319 5.46935C13.6728 5.61025 13.752 5.80134 13.752 6.0006C13.752 6.19986 13.6728 6.39095 13.5319 6.53185L8.5319 11.5318C8.46222 11.6018 8.37943 11.6572 8.28827 11.6951C8.1971 11.733 8.09936 11.7524 8.00065 11.7524C7.90194 11.7524 7.8042 11.733 7.71304 11.6951C7.62187 11.6572 7.53908 11.6018 7.4694 11.5318L2.4694 6.53185C2.39948 6.46217 2.344 6.37938 2.30615 6.28821C2.2683 6.19705 2.24881 6.09931 2.24881 6.0006C2.24881 5.90189 2.2683 5.80415 2.30615 5.71299C2.344 5.62182 2.39948 5.53903 2.4694 5.46935Z' fill='%230B4947'/></svg>"),url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 2C8.41775 2 6.87103 2.46919 5.55544 3.34824C4.23985 4.22729 3.21447 5.47672 2.60897 6.93853C2.00347 8.40034 1.84504 10.0089 2.15372 11.5607C2.4624 13.1126 3.22433 14.538 4.34315 15.6569C5.46197 16.7757 6.88743 17.5376 8.43928 17.8463C9.99113 18.155 11.5997 17.9965 13.0615 17.391C14.5233 16.7855 15.7727 15.7602 16.6518 14.4446C17.5308 13.129 18 11.5822 18 10C17.9977 7.87897 17.1541 5.84547 15.6543 4.34568C14.1545 2.84589 12.121 2.00229 10 2ZM15.7647 6.66667H13.6173C13.1366 5.55266 12.5037 4.51072 11.7367 3.57067C13.4343 4.03262 14.8815 5.14498 15.7647 6.66667ZM13 10C12.9945 10.6788 12.8876 11.3529 12.6827 12H7.31734C7.11244 11.3529 7.00548 10.6788 7 10C7.00548 9.32124 7.11244 8.64712 7.31734 8H12.6827C12.8876 8.64712 12.9945 9.32124 13 10ZM7.852 13.3333H12.148C11.5822 14.4505 10.8588 15.4806 10 16.392C9.14092 15.4808 8.4175 14.4507 7.852 13.3333ZM7.852 6.66667C8.41784 5.54951 9.14123 4.51944 10 3.608C10.8591 4.51918 11.5825 5.5493 12.148 6.66667H7.852ZM8.26667 3.57067C7.49844 4.51052 6.86439 5.55246 6.38267 6.66667H4.23534C5.11924 5.14429 6.56777 4.03184 8.26667 3.57067ZM3.64067 8H5.93334C5.76051 8.65276 5.67091 9.32476 5.66667 10C5.67091 10.6752 5.76051 11.3472 5.93334 12H3.64067C3.2309 10.6981 3.2309 9.30185 3.64067 8ZM4.23534 13.3333H6.38267C6.86439 14.4475 7.49844 15.4895 8.26667 16.4293C6.56777 15.9682 5.11924 14.8557 4.23534 13.3333ZM11.7367 16.4293C12.5037 15.4893 13.1366 14.4473 13.6173 13.3333H15.7647C14.8815 14.855 13.4343 15.9674 11.7367 16.4293ZM16.3593 12H14.0667C14.2395 11.3472 14.3291 10.6752 14.3333 10C14.3291 9.32476 14.2395 8.65276 14.0667 8H16.358C16.7678 9.30185 16.7678 10.6981 16.358 12H16.3593Z' fill='%230B4947'/></svg>");
background-position:right 16px center,left 16px center;
}
.cc-header-main{
padding-top:20px;
background-color:#FFF;
}
.header-main{
z-index:1;
position:relative;
height:100px;
line-height:100px;
}
@media (max-width:1023px){
.header-main{
height:32px;
line-height:32px;
}
}
.header-main__scrollbar-status{
display:none;
z-index:0;
position:absolute;
top:100%;
left:0;
width:100%;
height:8px;
max-width:100%;
background-color:#D4F6D5;
pointer-events:none;
}
.header-main__scrollbar-status .header-main__scrollbar-status-inner{
z-index:1;
position:absolute;
top:0;
left:0;
width:calc(100% * var(--scroll-percent,0));
height:100%;
background-color:#0B4947;
}
.cc-block-anchor{
z-index:0;
position:relative;
transform:translateY(-130px);
}
@media (max-width:1023px){
.cc-block-anchor{
transform:translateY(-132px);
}
}
@media (min-width:1024px){
body .cc-header-main__wrapper{
height:130px;
}
body .cc-header-main{
z-index:10;
position:relative;
top:0;
right:0;
left:0;
height:130px;
}
body[data-prepare-sticky-header="1"] .cc-header-main{
position:fixed;
height:80px;
line-height:80px;
background-color:#FFF;
transform:translate3d(0,-80px,0);
}
body[data-prepare-sticky-header="1"] .cc-header-main .main-menu__wrapper{
display:none;
}
body[data-prepare-sticky-header="1"] .header-main{
height:40px;
line-height:40px;
}
body[data-before-sticky-header="1"] .cc-header-main{
padding-top:20px;
transition:transform 0.3s ease;
}
body[data-has-sticky-header="1"] .cc-header-main{
transform:translate3d(0,0,0);
}
body[data-has-sticky-header="1"] .header-main__scrollbar-status{
display:block;
}
}
@media (max-width:1023px){
.header-main__scrollbar-status{
display:block;
}
body .cc-header-main__wrapper{
height:132px;
}
body .cc-header-main{
z-index:10;
position:fixed;
top:0;
left:0;
width:100%;
height:132px;
}
}
.main-title.main-logo{
z-index:1;
position:relative;
height:1em;
margin:0;
max-width:135px;
font-size:40px;
line-height:1;
}
body[data-prepare-sticky-header="1"] .header-main .main-title.main-logo{
font-size:40px;
}
@media (max-width:1023px){
.main-title.main-logo{
font-size:32px !important;
}
}
.main-title.main-logo a{
display:block;
height:100%;
}
.main-title.main-logo img{
z-index:1;
position:absolute;
top:50%;
left:0;
height:100%;
transform:translateY(-50%);
object-fit:contain;
}
@media (min-width:1024px){
.header-main .switch-lang select{
background-color:#FFF;
}
}
@media (max-width:1023px){
.header-main .switch-lang{
margin-top:20px;
margin-bottom:20px;
padding-top:20px;
border-top:1px solid #D4F6D5;
}
}
.header-main .nav-toggle{
z-index:1;
position:absolute;
top:50%;
right:0;
font-size:4px;
color:#0B4947;
transform:translateY(-50%);
}
.header-main .nav-toggle:before{
content:"";
margin:-10px;
}
@media (min-width:1024px){
.header-main .nav-toggle{
display:none;
}
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{
height:2px;
}
@media (min-width:1024px){
.header-main__menu{
position:absolute;
top:0;
right:0;
width:100%;
height:40px;
text-align:right;
line-height:40px;
}
}
@media (max-width:1023px){
.header-main__menu{
top:65px;
overflow:auto;
background-color:#FFF;
-webkit-overflow-scrolling:touch;
}
}
@media (max-width:1023px){
.header-main__menu-inner{
margin:auto;
padding:20px;
max-width:400px;
text-align:center;
}
}
@media (max-width:1023px){
.main-menu__wrapper{
text-align:left;
}
}
@media (min-width:1024px){
.main-menu__wrapper{
z-index:1;
position:absolute;
top:100%;
left:50%;
width:100%;
height:40px;
margin-top:17px;
text-align:center;
line-height:40px;
transform:translateX(-50%);
}
.main-menu__wrapper>.main-menu{
line-height:inherit;
}
.header-main__menu-inner>*{
display:inline-block;
vertical-align:middle;
}
}
@media (min-width:1024px){
.main-menu>.menu-item{
position:relative;
margin-left:0;
font-size:16px;
line-height:inherit;
}
}
.main-menu>.menu-item>a{
display:block;
font-weight:600;
transition:color 0.3s ease;
}
.main-menu>.menu-item.menu-item-has-children>a:before{
z-index:1;
position:absolute;
top:50%;
right:0.8em;
font-size:0.7em;
transform:translate3d(0,-50%,0);
}
.main-menu>.menu-item.menu-item-has-children.is-active>a:before{
top:0.1em;
transform:rotate(180deg) translate3d(0,-50%,0);
}
@media (max-width:1023px){
.main-menu>.menu-item + .menu-item{
margin-top:20px;
}
.main-menu>.menu-item>a{
padding:0 3em 0 0;
text-align:left;
}
.main-menu>.menu-item.menu-item-has-children>a:before{
right:0;
}
.main-menu .menu-item-has-children .toggle-sub-menu{
display:block;
}
.main-menu .toggle-sub-menu{
display:none;
z-index:1;
position:absolute;
top:0;
right:0;
width:4em;
height:2em;
border:transparent;
background:transparent;
cursor:pointer;
}
}
@media (min-width:1024px){
.main-menu>.menu-item + .menu-item{
margin-left:32px;
}
.main-menu .toggle-sub-menu{
display:none;
}
.main-menu>.menu-item.menu-item-has-children>a:before{
display:none;
}
.main-menu>.menu-item>a:after{
content:"";
position:absolute;
top:100%;
left:0;
width:100%;
height:11px;
}
.main-menu>.menu-item.current-menu-item>a,
.main-menu>.menu-item:hover>a{
color:#227C7A;
background:transparent url("data:image/svg+xml;utf8,<svg width='63' height='4' viewBox='0 0 63 4' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 2C0.734784 1.99725 0.48043 2.10019 0.292893 2.28778C0.105357 2.47527 5.96046e-08 2.73203 5.96046e-08 3C5.96046e-08 3.26797 0.105357 3.52473 0.292893 3.71222C0.48043 3.89981 0.734784 4.00275 1 4C2.01087 3.98959 3.03753 3.97913 4.05115 3.9683C11.3033 3.89167 18.5541 3.79348 25.8059 3.65175C32.861 3.41334 39.7968 2.76257 46.7892 2.51706C50.8682 2.27431 54.9351 2.03893 58.998 1.4887L58.977 1.49096C58.9786 1.49081 58.9802 1.49066 58.9818 1.49052C59.9728 1.40233 60.9857 1.38522 62 1.375C62.0984 1.37398 62.1929 1.33357 62.2625 1.26327C62.3321 1.19292 62.3712 1.09843 62.3712 1C62.3712 0.901565 62.3321 0.807078 62.2625 0.736735C62.1929 0.666426 62.0984 0.626022 62 0.625C60.9806 0.614604 59.9545 0.609876 58.9162 0.680666C58.9145 0.680785 58.9128 0.680905 58.9112 0.681025L58.8901 0.683288C54.882 1.14314 50.8086 1.29726 46.7485 1.45537C39.7554 1.5576 32.7224 2.06822 25.792 2.1595C18.5447 2.15279 11.2991 2.10256 4.05037 2.0308C3.03717 2.0208 2.01086 2.01042 1 2Z' fill='%23227C7A'/></svg>") no-repeat bottom 0.2em center;
background-size:contain;
}
}
.main-menu>.menu-item>.sub-menu{
font-size:14px !important;
font-weight:400;
}
.main-menu>.menu-item>.sub-menu li + li{
margin-top:8px;
}
.main-menu>.menu-item>.sub-menu{
}
.main-menu>.menu-item>.sub-menu li .sub-menu{
display:none;
}
@media (min-width:1024px){
.main-menu>.menu-item>.sub-menu{
width:auto;
margin-top:10px;
padding:1.5em;
min-width:300px;
border:1px solid rgba(11,73,71,0.2);
text-align:left;
background:#FFF;
}
}
@media (max-width:1023px){
.main-menu>.menu-item>.sub-menu{
padding-top:1em;
padding-left:1em;
font-size:16px !important;
}
}
.header-main .search-form{
z-index:2;
position:relative;
height:40px;
line-height:40px;
}
.header-main .search-form .search-field{
height:40px !important;
padding:0 1em;
min-height:40px !important;
border:0;
border-radius:99px;
font-weight:normal;
line-height:40px !important;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.header-main .search-form .search-submit{
z-index:1;
position:absolute;
top:0;
right:0;
height:40px;
padding:0;
border:none;
line-height:40px;
color:transparent;
background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path stroke='%230b4947' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M11.119 18.237a7.119 7.119 0 1 1 0-14.237 7.119 7.119 0 0 1 0 14.237M17.084 19.098l1.285 1.285c.279.278.643.417 1.007.417s.729-.139 1.007-.417a1.423 1.423 0 0 0 0-2.013l-3.325-3.325'/></svg>") no-repeat right 16px center;
}
@media (max-width:1023px){
.header-main .search-form{
margin-top:20px;
}
}
@media (min-width:1024px){
.header-main .search-form{
position:absolute;
top:0;
left:50%;
width:50%;
transform:translateX(-50%);
}
}
@media (min-width:1024px) and (max-width:1499px){
.header-main .search-form{
left:42%;
width:40%;
}
}
.miniheader-menu__label{
padding-right:2.5em;
cursor:pointer;
}
.miniheader-menu__label i.wpuacfflex-icn{
z-index:1;
position:absolute;
top:53%;
right:0.5em;
font-size:0.8em;
transform:translateY(-50%);
transform-origin:center;
}
.miniheader-menu.is-opened .miniheader-menu__label i.wpuacfflex-icn{
top:10%;
transform:rotate(180deg) translateY(-50%);
}
.miniheader-menu__items{
text-align:left;
font-size:0.8em;
}
.miniheader-menu__items li + li{
margin-top:0.5em;
}
.miniheader-menu__items a{
display:block;
font-weight:600;
}
.miniheader-menu:not(.is-opened) .miniheader-menu__items{
display:none;
}
@media (min-width:1024px){
.miniheader-menu{
display:inline-block;
z-index:1;
position:relative;
vertical-align:top;
}
.miniheader-menu:after{
content:"";
z-index:0;
position:absolute;
top:100%;
right:0;
left:0;
height:0.6em;
}
.miniheader-menu__items{
z-index:1;
position:absolute;
top:100%;
right:0;
margin-top:0.5em;
padding:1em;
border-radius:12px;
white-space:nowrap;
background-color:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.miniheader-menu:hover .miniheader-menu__items{
display:block;
}
}
@media (max-width:1023px){
.miniheader-menu__items{
padding-top:1em;
}
}
.wpunewsletter-form-wrapper{
z-index:1;
position:relative;
text-align:left;
}
.wpunewsletter-form-wrapper .newsletter-label{
display:none;
}
.wpunewsletter-form-wrapper .field{
margin-bottom:16px;
}
.wpunewsletter-form-wrapper input[type=email]{
padding-top:0;
padding-bottom:0;
line-height:56px;
}
.wpunewsletter-form-wrapper button[type=submit]{
z-index:1;
position:absolute;
top:4px;
right:4px;
}
.wpunewsletter-form-wrapper .wpunewsletter-gprdcheckbox__wrapper label{
font-size:12px;
}
.widget_wpunewsletter_form .messages{
margin-top:1em;
}
.widget_wpunewsletter_form .messages span{
display:block;
padding:0.5em;
border:1px solid currentColor;
font-size:12px;
}
.widget_wpunewsletter_form .messages span.error{
color:#CC0000;
}
.footer-menu>li>a,
.footer-social__title{
font-size:16px;
font-weight:600;
}
@media (min-width:1024px){
.footer-side{
max-width:260px;
}
}
.footer-logo{
margin-bottom:1.5em;
}
.footer-social{
margin-bottom:1em;
}
.footer-social__title{
margin-bottom:0.5em;
}
.wputh-social-links li{
display:inline-block;
font-size:24px;
}
.wputh-social-links li + li{
margin-left:0.5em;
}
.wputh-social-links a{
display:block;
z-index:0;
position:relative;
text-align:center;
}
.wputh-social-links a:before{
content:"";
margin:-0.5em;
}
.footer-menu{
display:flex;
flex-direction:column;
align-items:stretch;
gap:2em;
}
.footer-menu>*{
flex:1;
}
.footer-menu li li{
margin-top:0.5em;
font-size:14px;
}
@media (min-width:1024px){
.footer-menu{
flex-direction:row;
align-items:flex-start;
}
}
.footer-links{
margin-top:1em;
padding-top:2em;
border-top:1px solid #D4F6D5;
}
@media (min-width:1024px){
.footer-links li{
display:inline-block;
margin-right:1em;
vertical-align:top;
}
}
.back-to-top{
z-index:10;
position:fixed;
right:0;
bottom:0;
font-size:12px;
opacity:1;
transition:opacity 0.3s ease;
}
body:not([data-has-sticky-header="1"]) .back-to-top{
opacity:0;
pointer-events:none;
}
.back-to-top a{
display:block;
width:4em;
height:4em;
border-radius:4em;
text-align:center;
line-height:4.5;
background-color:#0B4947;
transform:rotate(180deg);
transform-origin:center center;
}
.back-to-top a:hover{
background-color:#227C7A;
}
.back-to-top .wpuacfflex-icn{
color:#FFD1B7;
}
.block-page404{
text-align:center;
}
.cc-section-top-posts{
overflow:hidden;
}
.cc-section-top-posts .swiper-wrapper,
.cc-section-top-posts .swiper{
overflow:visible;
}
.list-posts-spotlight-slider:not(.swiper-wrapper){
white-space:nowrap;
}
.list-posts-spotlight-slider:not(.swiper-wrapper)>*{
display:inline-block;
margin-right:24px;
white-space:normal;
vertical-align:top;
}
.list-posts-spotlight-slider .swiper-slide,
.list-posts-spotlight-slider .loop-post--spotlight-small--bg{
max-width:484px;
}
@media (max-width:767px){
.list-posts-spotlight-slider .swiper-slide,
.list-posts-spotlight-slider .loop-post--spotlight-small--bg{
width:100%;
max-width:100%;
}
}
@media (max-width:767px){
.cc-section-top-posts .easypara-heading__pager{
display:none;
}
.cc-section-top-posts .swiper-wrapper{
flex-direction:column;
flex-wrap:nowrap;
transform:translateZ(0) !important;
}
.cc-section-top-posts .swiper-slide + .swiper-slide{
margin-top:20px;
}
}
.category-switcher{
max-width:100%;
overflow:auto;
text-align:center;
}
.category-switcher ul{
margin:0 auto;
max-width:1320px;
}
.category-switcher li{
display:inline-block;
margin:0.5em;
vertical-align:top;
}
@media (max-width:767px){
.category-switcher{
white-space:nowrap;
}
.category-switcher li{
margin:0 0.5em 0 0;
}
}
.search-results-header__title{
text-align:center;
font-family:"Spartan",Arial,sans-serif;
font-weight:600;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.search-results-header__title span{
display:block;
font-family:"CooperStd",serif;
}
.centered-container .wrapper-breadcrumbs{
padding:20px 0 40px;
max-width:1320px;
}
@media (max-width:767px){
.centered-container .wrapper-breadcrumbs{
padding:10px 0 20px;
}
}
.breadcrumbs{
-webkit-hyphens:auto;
hyphens:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
overflow-wrap:break-word;
}
.breadcrumbs li{
display:inline-block;
font-size:12px;
vertical-align:0;
}
.breadcrumbs li + li:before{
content:"›";
margin:0 0.3em;
}
.breadcrumbs li:last-child a{
font-weight:bold;
}
.master-header__grid{
display:flex;
flex-direction:column-reverse;
align-items:stretch;
gap:20px;
}
.master-header__grid>*{
flex:1;
}
@media (min-width:1024px){
.master-header__grid{
flex-direction:row;
align-items:center;
gap:7%;
}
.master-header__grid .col-content{
max-width:51%;
}
.master-header__grid .col-image{
max-width:42%;
}
}
.master-header__tag{
margin-bottom:1em;
}
.master-header__time{
margin-bottom:1em;
font-size:14px;
}
.master-header__thumbnail{
padding-top:66.25%;
border-radius:12px;
}
.master-header__author-reading{
margin:2em 0;
font-size:14px;
line-height:60px;
}
.master-header__author-reading.master-header__author-reading--small{
line-height:50px;
}
@media (max-width:767px){
.master-header__author-reading{
line-height:50px;
}
}
.master-header__author-reading>*{
display:inline-block;
margin-right:2em;
vertical-align:middle;
}
.master-header__author.has-avatar{
z-index:1;
position:relative;
padding-left:70px;
}
@media (max-width:767px){
.master-header__author.has-avatar{
padding-left:60px;
}
}
.master-header__author-reading--small .master-header__author.has-avatar{
padding-left:60px;
}
.master-header__author .avatar{
z-index:1;
position:absolute;
top:0;
left:0;
width:56px;
height:56px;
padding-top:0;
border-radius:100px;
}
.master-header__author .avatar img{
border-radius:100px;
}
@media (max-width:767px){
.master-header__author .avatar{
width:46px;
height:46px;
}
}
.master-header__author-reading--small .master-header__author .avatar{
width:46px;
height:46px;
}
.master-header__author-reading .reading-time{
display:inline-block;
z-index:1;
position:relative;
padding-left:1.7em;
vertical-align:middle;
}
.master-header__author-reading .reading-time:before{
z-index:1;
position:absolute;
top:50%;
left:0;
margin-top:-0.15em;
font-size:1.2em;
transform:translateY(-50%);
}
.cc-block--extratext>*{
max-width:760px;
}
.faq-list__item.faq-list__item{
z-index:1;
position:relative;
margin-bottom:2em;
}
.faq-list__item.faq-list__item + .faq-list__item{
padding-top:2em;
}
.faq-list__item.faq-list__item + .faq-list__item:before{
content:"";
z-index:1;
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
opacity:0.3;
background-color:currentColor;
}
.wpuacfflexfaq-list__item .field-question{
z-index:1;
position:relative;
margin-bottom:0;
}
.wpuacfflexfaq-list__item .field-question button{
display:block;
position:relative;
width:100%;
margin:0;
padding:0;
border:0;
text-align:inherit;
font:inherit;
white-space:normal;
-webkit-hyphens:auto;
hyphens:auto;
color:inherit;
background:transparent;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
overflow-wrap:break-word;
}
.wpuacfflexfaq-list__item:not([data-is-open=true]) .block-answer{
display:none;
}
.faq-list__items{
margin-top:2em;
}
.faq-list__item .field-question{
padding-right:2em;
font-family:"Spartan",Arial,sans-serif;
font-weight:600;
color:inherit;
}
.faq-list__item .field-answer{
margin-top:1em;
}
.faq-list__item .field-question:before{
z-index:1;
position:absolute;
top:0;
right:0;
}
.faq-list__item[data-is-open=true] .field-question:before{
transform:rotate(180deg);
}
.faq-list__item .field-question button{
position:static;
}
.faq-list__item .field-question button:before{
content:"";
}
.faq-list__item .field-question button:after{
display:none;
}
.block--ingredient__grid{
display:flex;
flex-direction:row;
align-items:stretch;
gap:60px;
justify-content:space-between;
overflow-wrap:break-word;
}
.block--ingredient__grid[data-order=row-reverse]{
flex-direction:row-reverse;
}
.block--ingredient__grid>*{
flex:1;
box-sizing:border-box;
max-width:calc(50% - 30px);
}
@media (max-width:767px){
.block--ingredient__grid{
flex-direction:column !important;
gap:40px;
}
.block--ingredient__grid>*{
max-width:100%;
}
}
.block--ingredient__grid .figure-img-wrapper{
margin-bottom:30px;
border-radius:999em;
}
.block--ingredient__grid .ingredient-name{
text-align:center;
font-family:"LaBelleAurore",serif;
font-size:28px;
line-height:1;
}
@media (min-width:1024px){
.podcasts-list__wrapper{
margin-top:2em;
}
.podcasts-list{
margin:-12px;
}
.podcasts-list>*{
display:inline-block;
box-sizing:border-box;
width:20%;
padding:12px;
vertical-align:top;
}
}
.podcasts-list__item{
position:relative;
height:0;
padding-top:100%;
border-radius:12px;
overflow:hidden;
color:#fff;
background-color:#0B4947;
overflow-wrap:break-word;
}
.podcasts-list__item .field-image{
display:block;
box-sizing:border-box;
}
.podcasts-list__item .field-image img{
transition:all 1s ease;
transform:scale(1);
transform-origin:center center;
}
.podcasts-list__item a:hover .field-image img,
.podcasts-list__item a:focus .field-image img{
transform:scale(1.3);
}
.podcasts-list__item .field-podcast .field-image:before{
top:20% !important;
bottom:auto;
}
.podcasts-list__item .field-title{
display:-webkit-box;
z-index:1;
position:absolute;
right:1em;
bottom:1em;
left:1em;
margin:auto;
overflow:hidden;
font-family:"CooperStd",serif;
font-weight:bold;
line-height:1.2;
letter-spacing:-0.5px;
color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-line-clamp:3;
line-clamp:3;
-webkit-box-orient:vertical;
}
@media (max-width:1023px){
.podcasts-list__item .field-podcast .field-image:before{
top:33% !important;
}
}
.cc-block--product_theme{
overflow:hidden;
}
.block--product_theme__grid{
display:flex;
flex-direction:row;
align-items:stretch;
gap:60px;
justify-content:space-between;
overflow-wrap:break-word;
}
.block--product_theme__grid>*{
flex:1;
box-sizing:border-box;
}
.block--product_theme__grid>.col-products{
max-width:43%;
}
.block--product_theme__grid>.col-image{
max-width:57%;
}
@media (max-width:767px){
.block--product_theme__grid{
flex-direction:column;
gap:30px;
}
.block--product_theme__grid>*{
max-width:100% !important;
}
}
.block--product_theme .col-image img{
display:block;
width:100%;
height:auto;
border-radius:12px;
}
.block--product_theme .col-image img + .text-content{
margin-top:1em;
}
.block--product_theme .loop-basic__image img{
border-radius:12px;
}
.block--product_theme .products-list:not(.swiper-wrapper)>* + *{
display:none;
}
.cc-block--products{
overflow:hidden;
}
@media (max-width:767px){
.cc-block--products .swiper-slide{
max-width:280px;
}
.cc-block--products .swiper{
overflow:visible;
}
}
.cc-block--products .products-list:not(.swiper-wrapper){
margin:0 -15px;
}
.cc-block--products .products-list:not(.swiper-wrapper)>*{
display:inline-block;
box-sizing:border-box;
width:33.3%;
padding:0 15px;
vertical-align:top;
}
.cc-block--products .products-list:not(.swiper-wrapper)>*:nth-child(n+4){
display:none;
}
.block--quote__inner{
border-radius:12px;
text-align:center;
color:#227C7A;
overflow-wrap:break-word;
}
.block--quote .field-quote{
padding:0;
border:0;
font-family:"CooperStd",serif;
line-height:1.4;
}
.block--quote .field-author{
margin-top:1em;
font-weight:bold;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.loops-slider--post{
display:flex;
flex-direction:row;
align-items:stretch;
gap:24px;
margin:2em 0;
}
@media (max-width:767px){
.loops-slider--post{
flex-direction:column;
margin:1em 0;
}
}
.loops-slider--post>*{
flex:1;
}
.block--spotlight__grid{
display:flex;
flex-direction:row;
align-items:stretch;
gap:32px;
}
.block--spotlight__grid>*{
flex:1;
}
@media (max-width:1023px){
.block--spotlight__grid{
flex-direction:column;
gap:24px;
}
}
.block--spotlight .tips-posts li + li{
margin-top:22px;
}
.cc-block--stories{
overflow:hidden;
}
.stories-list__item{
max-width:100%;
overflow:hidden;
}
@media (max-width:1023px){
.block--stories .swiper,
.block--stories .swiper-wrapper{
overflow:visible;
}
.block--stories .swiper-slide,
.stories-list__item{
max-width:330px;
overflow:hidden;
}
}
.stories-list__item blockquote{
margin:0 !important;
padding:0;
border:0 !important;
}
.stories-list__item blockquote .instagram-media{
padding-top:150%;
background-color:#227C7A;
}
.block--summary__inner{
border-radius:12px;
color:#227C7A;
overflow-wrap:break-word;
}
.block--summary__links{
counter-reset:summary_links;
}
.block--summary__links li{
counter-increment:summary_links;
}
.block--summary__links li:before{
content:counter(summary_links) ".";
display:inline-block;
margin-right:0.3em;
min-width:1em;
font-variant-numeric:tabular-nums;
}
.cc-block--themes{
overflow:hidden;
}
.block--themes .swiper-slide,
.themes-list__item{
width:160px;
}
@media (max-width:767px){
.block--themes .swiper-slide,
.themes-list__item{
width:100px;
}
}
.themes-list:not(.swiper-wrapper){
white-space:nowrap;
}
.themes-list:not(.swiper-wrapper)>*{
display:inline-block;
margin-right:70px;
white-space:normal;
vertical-align:top;
}
@media (max-width:1023px){
.themes-list:not(.swiper-wrapper)>*{
margin-right:36px;
}
.block--themes .swiper,
.block--themes .swiper-wrapper{
overflow:visible;
}
}
.themes-list__item{
z-index:1;
position:relative;
overflow:hidden;
text-align:center;
font-size:16px;
font-weight:600;
-webkit-hyphens:auto;
hyphens:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
overflow-wrap:break-word;
}
@media (max-width:767px){
.themes-list__item{
font-size:14px;
}
}
.themes-list__item .field-image{
margin-bottom:20px;
border-radius:12px;
background-color:#227C7A;
}
.themes-list__item .field-url{
display:block;
}
.themes-list__item .field-url:before{
content:"";
}
.block--tips__grid .tips-posts,
.block--tips__grid{
display:flex;
flex-direction:row;
align-items:stretch;
gap:24px;
}
@media (max-width:1023px){
.block--tips__grid .tips-posts,
.block--tips__grid{
flex-direction:column;
}
}
.block--tips__grid .tips-posts>*,
.block--tips__grid>*{
flex:1;
}
@media (min-width:1024px){
.block--tips__grid>.col-content{
max-width:calc(33.3% - 16px);
}
}
.block--tips__grid .field-avatars{
margin-bottom:24px;
overflow:hidden;
font-size:80px;
line-height:1;
white-space:nowrap;
}
@media (max-width:767px){
.block--tips__grid .field-avatars{
font-size:60px;
}
}
.block--tips__grid .field-avatars img{
display:inline-block;
width:1em !important;
height:1em !important;
border-radius:1em;
background-color:transparent;
}
.block--tips__grid .field-avatars img + img{
margin-left:-0.3em;
}
.cc-block--topic{
overflow:hidden;
}
.block--topic__grid{
display:flex;
flex-direction:row;
align-items:stretch;
gap:60px;
justify-content:space-between;
overflow-wrap:break-word;
}
.block--topic__grid>*{
flex:1;
box-sizing:border-box;
}
.block--topic__grid>.col-products{
max-width:55%;
}
.block--topic__grid>.col-post{
max-width:45%;
}
@media (max-width:1023px){
.block--topic__grid .swiper-slide{
max-width:280px;
}
.block--topic__grid>*{
max-width:50% !important;
}
}
@media (max-width:767px){
.cc-block--topic .swiper{
overflow:visible;
}
.block--topic__grid{
flex-direction:column !important;
gap:40px;
}
.block--topic__grid>*{
max-width:100% !important;
}
}
.block--topic__grid .products-list:not(.swiper-wrapper)>*{
display:inline-block;
box-sizing:border-box;
width:calc(50% - 15px);
vertical-align:top;
}
.block--topic__grid .products-list:not(.swiper-wrapper)>* + *{
margin-left:30px;
}
.block--topic__grid .products-list:not(.swiper-wrapper)>*:nth-child(n+3){
display:none;
}
@media (min-width:1024px){
.videos-list__wrapper{
z-index:1;
position:relative;
padding-left:50%;
min-height:500px;
border-left:12px solid transparent;
}
.videos-list{
z-index:1;
position:relative;
margin:-12px;
}
.videos-list>*{
display:inline-block;
box-sizing:border-box;
width:50%;
padding:12px;
overflow:hidden;
vertical-align:top;
}
.videos-list>*:first-child{
z-index:1;
position:absolute;
top:0;
left:-100%;
width:100%;
}
}
.videos-list__item{
font-weight:600;
white-space:normal;
overflow-wrap:break-word;
}
@media (max-width:1023px){
.videos-list__item{
font-size:16px;
}
}
.videos-list__item a{
display:block;
z-index:1;
position:relative;
}
.videos-list__item .field-image{
position:relative;
margin-bottom:1em;
padding-top:59.75%;
border-radius:12px;
background-color:currentColor;
}
@media (min-width:1024px){
.videos-list li + li .videos-list__item .field-title{
font-size:16px;
}
}
.block--writer__inner{
padding:24px;
border-radius:12px;
}
@media (min-width:768px){
.block--writer__grid{
display:flex;
flex-direction:row;
align-items:center;
gap:20px;
}
}
@media (max-width:767px){
.block--writer__grid{
z-index:1;
position:relative;
}
.block--writer__grid .col-avatar{
z-index:1;
position:absolute;
top:0;
left:0;
}
.block--writer__content{
padding-left:120px;
min-height:100px;
}
}
.block-writer__avatar{
width:160px;
padding-top:100%;
border-radius:999em;
}
@media (max-width:767px){
.block-writer__avatar{
width:100px;
padding-top:100px;
}
}
.block--writer__content{
margin-bottom:1em;
}