.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/css/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
body.home h1,
body.category h1,
body.tag h1,
body .newsletter-area .h2,
body.single h1,body.single h2,
body .options-area h3,
body .blog-list-article h3,
body.single h3,body.single h4,
body.single h5,body.single h6 {
text-transform: uppercase;
}
ul {
list-style: none
}
button,
input,
select {
margin: 0
}
html {
box-sizing: border-box
}
*,
*::before,
*::after {
box-sizing: inherit
}
img,
video {
height: auto;
max-width: 100%
}
iframe {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.material-icons {
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
} * {
font-family: 'URWClassico';
font-weight: normal;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
*:focus {
outline: none;
}
body,
html {
overflow-x: hidden;
position: relative;
background-color: #efe9e0;
}
.wrapper {
max-width: 1440px;
margin: 0 auto;
}
.text-center{
text-align: center;
}  @font-face {
font-family: URWClassico;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassico.woff2) format("woff2"), url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassico.woff) format("woff");
}
@font-face {
font-family: URWClassico;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoMedium.woff2) format("woff2"), url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoMedium.woff) format("woff");
} @font-face {
font-family: URWClassico;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoItalic.woff2) format("woff2"), url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoItalic.woff) format("woff");
} @font-face {
font-family: URWClassico;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoBold.woff2) format("woff2"), url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/fonts/URWClassicoBold.woff) format("woff");
} h1,h2,h3,h4,h5,h6{
font-family: 'URWClassico';
color: #000000;
text-transform: uppercase;
}
h1{
font-size: 34px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4{
font-size: 20px;
}
p {
font-size: 18px;
line-height: 36px;
color:  #000;
}
hr {
width: 100%;
height: 1px;
display: inline-block;
background-color: #ebebeb;
opacity: 0.4;
margin-top: 11px;
margin-bottom: 0px;
}
a{
text-decoration: none;
color: #000;
font-weight: 400;
}
a:hover{
text-decoration: none;
color: #fbb800;
}
body .site-main .entry-content h1,
body .site-main .entry-content h2,
body .site-main .entry-content h3,
body .site-main .entry-content h4{
margin-top: 30px; text-transform: uppercase;
}
body .site-main .entry-content h2 + p {
margin-top: 20px;
} body .site-main .entry-content p{
font-family: 'URWClassico';
margin-bottom: 35px;
}
body .site-main .entry-content a.ek-link,
body .site-main .entry-content a{
color: #000000; text-decoration: underline;
}
body .site-main .entry-content .wp-block-separator{
width: 100%;
height: 1px;
margin: 0;
position: relative;
bottom: 10px;
background-color: #ebebeb;
}
body .site-main .entry-content .wp-block-buttons{
align-items: center;
justify-content: center;
}
body .site-main .entry-content .wp-block-buttons a,
body .site-main .entry-content .wp-block-button a{
font-size: 12px;
color: #fff;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
transition: all 0.4s ease 0s;
background-color:#000000;
padding: 13px 30px 13px 30px;
border-radius: 0;
margin-bottom: 15px;
}
body .site-main .entry-content .wp-block-buttons a:hover,
body .site-main .entry-content .wp-block-button a:hover{
color: #fff;
background-color: #000000;
border-color: #000000;
}
body .site-main .entry-content .wp-block-buttons a:after,
body .site-main .entry-content .wp-block-button a:after {
content: "\f054";
margin-left: 11px;
position: relative;
top: 1px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 12px;
transition: all 1s ease 0s;
transition: all .4s ease-in-out 0s;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
}
body .site-main .entry-content .wp-block-buttons a:hover:after,
body .site-main .entry-content .wp-block-button a:hover:after {
color: #fff;
}
body .site-main .entry-content ul{
list-style-type: none;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
body .site-main .entry-content ul li{
list-style-type: none;
font-size: 17px;
color: #000;
font-weight: 500;
line-height: 26px;
text-decoration: none;
}
body .site-main .entry-content ul li:before{
content: "\2022";
color: #000000;
font-size: 22px;
font-size: 500;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
body .site-main .entry-content ol{
margin-left: 30px;
margin-bottom: 30px;
}
body .site-main .entry-content ol li{
color: #000;
line-height: 26px;
margin-bottom: 5px;
}
.wp-block-columns {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.page-cabinet .wp-block-columns {
display: flex;
align-items: normal;
margin-bottom: 45px;
}
body .site-main .entry-content  h3,
body .site-main .entry-content  h4{
margin-bottom: 10px;
}
body .site-main .entry-content img{
height: auto;
margin-bottom: 30px;
}
body .site-main .entry-content .wp-block-quote {
box-sizing: border-box;
overflow-wrap: break-word;
margin-bottom: 50px;
border: 1px solid #000000;
padding: 20px;
font-style: italic;
}
body .site-main .entry-content .wp-block-quote p{
margin-bottom: 10px;
line-height: normal;
color: #000000;
}
body .site-main .entry-content .wp-block-quote cite{
display: block;
text-align: right;
} @media screen and (max-width:991px){
.wp-block-column {
flex-basis: 100%!important;
}
.wp-block-column:not(:only-child) {
flex-basis: 100% !important;
flex-grow: 0;
}
.wp-block-columns {
flex-wrap: wrap;
margin-bottom: 0px;
}
.wp-block-image{
text-align: center;
}
.wp-block-column:not(:first-child) {
margin-left: 0px;
}
body .site-main .entry-content p.has-text-align-center {
width: 95%;
}
.content-page-area.page-cabinet{
padding-bottom: 0;
}
}
@media screen and (max-width:500px){
body .site-main .entry-content p {
margin-bottom: 15px;
font-size: 17px;
line-height: 32px;
}
body .site-main .entry-content ul li {
font-size: 17px;
line-height: 23px;
}
body .site-main .entry-content .wp-block-buttons a, 
body .site-main .entry-content .wp-block-button a {
font-size: 14px;
padding: 13px 15px 13px 15px;
}
body .site-main .entry-content .wp-block-quote {
margin-left: 0;
}
} .main-menu-desktop{
padding-top: 23px;
}
.main-menu-mobile{
display: none;
}
.menu-top-level{
display: flex;
align-items: center;
justify-content: center;
}
.logo-nav{
}
.btn-menu-shop {
position: absolute;
right: 30px;
}
.btn-menu-shop a{
border: 1px solid #000;
text-decoration: none;
color: #000;
font-size: 18px;
padding: 18px 30px;
display: flex;
gap: 10px;
transition: 0.5s all;
text-transform: uppercase;
}
.btn-menu-shop a:hover{
background-color: #efe9e0;
border-color: #efe9e0;
}
.btn-menu-shop img{
width: 28px;
height: 23px;
}
.main-nav{
text-align: center;
}
.main-nav li{
display: inline-block;
}
.main-nav li a{
font-family: 'URWClassico', sans-serif;
font-size: 23px;
line-height: 27px;
color: #2F3C42;
text-transform: uppercase;
text-decoration: none;
padding: 20px 35px;
display: inline-block;
} @media only screen and (max-width: 1350px) {
.main-nav li a {
padding: 20px 16px;
}
}
@media only screen and (max-width: 1200px) {
.main-nav li a {
padding: 15px 9px;
font-size: 21px;
}
.btn-menu-shop a {
font-size: 17px;
padding: 16px 18px;
}   
}
@media only screen and (max-width: 991px) { .main-nav {
display: none;
}
.btn-menu-shop {
display: none;
}
.menu-mobile-header{
display: flex;
align-items: center;
place-content: space-between;
padding-left: 30px;
padding-right: 30px;
background-color: #fff;
}
.main-menu-mobile{
display: block;
position: fixed;
bottom: 0;
background-color: #fff;
width: 100%;
z-index: 9999999999;
box-shadow: 0px 2px 18px 0 rgb(0 0 0 / 7%);
}
.mobile-hamburger-wrapper{
display: flex;
align-items: center;
gap: 15px;
}
.main-menu-mobile{
}
.mobile-hamburger-icon span {
display: block;
width: 25px;
height: 3px;
margin-bottom: 4px;
background-color: #000;
}
#mobile-icon-toggle{
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s;
}
#mobile-icon-toggle::before{
content: "";
position: absolute;
width: 28px;
height: 2px;
background-color: #000;
transition: 0.2s;
transform: translateY(-10px);
box-shadow: 0  10px 0 #000;
}
#mobile-icon-toggle.active::before{
transform: translateY(0px) rotate(45deg);
box-shadow: 0 0 0 #fff;
}
#mobile-icon-toggle::after{
content: "";
position: absolute;
width: 28px;
height: 2px;
background-color: #000;
transition: 0.2s;
transform: translateY(10px);
}
#mobile-icon-toggle.active::after{
transform: translateY(0px) rotate(-45deg);
box-shadow: 0 0 0 #fff;
}
.shop-btn-mobile a {
text-decoration: none;
color: rgb(29, 15, 15);
font-size: 18px;
padding: 25px 0px;
display: flex;
gap: 10px;
}
.shop-btn-mobile  img {
width: 28px;
height: 23px;
} .menu-mobile-body {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -10;
}
.menu-mobile-body{
padding-top: 25px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 25px;
overflow: scroll;
}
.menu-mobile-global{
margin-top: 50px;
margin-bottom: 30px;
}
.menu-mobile-global a{
font-family: 'URWClassico', sans-serif;
font-size: 23px;
line-height: 27px;
color: #2F3C42;
text-decoration: none;
display: block;
border-bottom: 1px solid #f0f0f0;
padding-top: 20px;
padding-bottom: 20px;
}
.menu-mobile-global li:last-child a{
border-bottom: none;
}
.menu-mobile-global a i{
float: right;
font-size: 16px;
position: relative;
top: 7px;
}
.rotate{
transition: 0.2s all;
transform: rotate(90deg);
}
.mobile-dropdown-menu{
margin-left: 25px;
}
.mobile-dropdown-menu li{
display: none;
}
}
@media only screen and (max-width: 500px) {
.menu-mobile-global {
margin-top: 15px;
}
}
@media only screen and (max-width: 320px) {
.menu-mobile-header{
padding-left: 15px;
padding-right: 15px;
}
.menu-mobile-global a { line-height: 20px;
color: #2F3C42;
text-decoration: none;
display: block;
border-bottom: 1px solid #f0f0f0;
padding-top: 17px;
padding-bottom: 17px;
} } .page-titles-area{
text-align: center;
padding-top: 57px;
padding-bottom: 40px;
}
.page-titles-area h1{
font-family: 'URWClassico', sans-serif;
color: #000000;
font-size: 66px;
line-height: 66px;
}
body.home .page-titles-area h1{margin-bottom: 60px;}
.page-titles-area h1 span{
font-family: 'URWClassico', sans-serif;
color: #2F3C42;
font-size: 52px;
display: block;
}
@media only screen and (max-width: 1200px) {
.page-titles-area h1 {
font-size: 56px;
}
.page-titles-area h1 span {
font-size: 44px;
}
}
@media only screen and (max-width: 991px) {
.page-titles-area {
padding-top: 10px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.page-titles-area h1 {
font-size: 50px;
line-height: 50px;
}
.page-titles-area {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 500px) {
.page-titles-area h1 span {
font-size: 36px;
margin-top: 20px;
}
.page-titles-area h1 {
font-size: 42px;
line-height: 42px;
}
}
@media only screen and (max-width: 320px) {
} .blog-area{
background-color: #efe9e0;
position: relative;
padding-bottom: 350px;
} .blog-bloc-articles{
padding-left: 5%;
padding-top: 50px;
margin-bottom: 50px;
}
.blog-bloc-articles h2{
font-family: 'URWClassico';
font-size: 66px;
color: #000000;
font-weight: 500;text-transform: uppercase;
line-height: 1;
margin-bottom: 20px;
}
.blog-bloc-articles h2 a{
text-decoration: none;
color: #000000;
}
.blog-bloc-articles h2 a:hover{
color: #000000;
}
.blog-bloc-articles .articles-wrapper{
display: flex;
gap: 10px;   
}
.articles-wrapper .bloc-left{
flex: 0 0 22%;
max-width: 22%;
}
.articles-wrapper .bloc-right{
flex: 0 0 78%;
max-width: 78%;
}
.articles-wrapper .bloc-left p{
font-size: 18px;
color: #000;
line-height: 36px;
font-weight: normal;
margin-bottom: 25px;
}
.articles-wrapper .bloc-left a{
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #000000;
text-decoration: none;
display: flex;
align-items: center;
}
.articles-wrapper .bloc-left a img{
margin-left: 20px;
}
.blog-list-article{
display: flex;
gap: 30px;
}
.blog-list-article .item-art{
text-decoration: none;
}
.blog-list-article .item-art img{
width: 100%;
max-width: 100%;
}
.blog-list-article .item-art .content{
padding-top: 20px;
padding-bottom: 20px;
}
.blog-list-article .date-article{
font-size: 14px;
color: #000000;
}
.blog-list-article .saison-article{    font-size: 14px;
color: #000000; text-decoration: none;}
.blog-list-article .title-article{
font-family: 'URWClassico', sans-serif;
font-size: 28px;
line-height: 32px;
color: #000;
display: block;
text-transform: uppercase;
}
.owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 28%;
left: 0;
right: 0;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{
font-size: 33px;
line-height: 25px;
background-color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
outline: none !important;
}
.owl-carousel .owl-nav button.owl-prev {
float: left;    
margin-left: -15px;
}
.owl-carousel .owl-nav button.owl-next {
float: right;
margin-right: 20px;
outline: none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #000;
text-decoration: none;
} @media only screen and (min-width: 1300px) {
.owl-theme .owl-nav .disabled {
opacity: 0;display: none;
}
}
@media only screen and (max-width: 1300px) {
.blog-bloc-articles h2 {
font-size: 110px;
line-height: 1;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 991px) {
.articles-wrapper .bloc-left {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 25px;
}
.blog-bloc-articles .articles-wrapper {
flex-wrap: wrap;
}
.articles-wrapper .bloc-right {
flex: 0 0 100%;
max-width: 100%;
}
.blog-bloc-articles h2 {
font-size: 75px;
}
.articles-wrapper .bloc-left p {
width: 80%;
line-height: 1.4;
}
.blog-list-article .title-article {
font-size: 25px;
}
.blog-bloc-articles {
padding-left: 30px;
padding-right: 30px;
padding-top: 50px;
}
}
@media only screen and (max-width: 500px) {
.blog-area:before,
.blog-area:after,
.content-page-area:before,
.content-page-area:after{
display: none;
}
.blog-bloc-articles h2 {
font-size: 40px;
text-align: center;
}
.articles-wrapper .bloc-left p {
width: 100%;
text-align: center;
}
.articles-wrapper .bloc-left a img{
display: none;
}
.articles-wrapper .bloc-left a {
justify-content: center;
text-decoration: underline;
}
.owl-carousel .owl-nav button.owl-next {
margin-right: -15px;
}
.blog-bloc-articles{
border-top: 1px solid #000000;
}
}
@media only screen and (max-width: 320px) {
.blog-bloc-articles h2 {
font-size: 45px;
}
.blog-bloc-articles {
padding-top: 40px;
margin-bottom: 0px;
}
} .newsletter-area{
width: 1200px;
margin: 0 auto;
background-color: #000000; text-align: center;
padding-top: 40px;
padding-bottom: 95px;
position: relative;
margin-top: -200px;
}
.newsletter-area .h2{
font-family: 'URWClassico', sans-serif;
font-size: 52px;
line-height: 56px;
color: #FFFFFF;
margin-bottom: 10px;
}
.newsletter-area p:not(.small){
font-size: 26px;
color: #fff;
margin-bottom: 30px;
font-weight: normal;
}
.newsletter-area p.small{
color:#FFF;
width: 80%;
margin: auto;
line-height: normal;
}
.newsleter-email{
padding-bottom: 20px;
}
.newsleter-email input[type="text"],
.newsleter-email input[type="email"]{
width: 450px;
height: 56px;
padding: 15px;
outline: none;
border: none;
font-size: 16px;
color: #000;
}
#mailjetSubscriptionForm {
position: relative;
}
.newsleter-email input[type="submit"]{
background: url(//www.matierebrutelab.com/blog/wp-content/themes/matiere-brute-theme/images/icon-send.svg) no-repeat center;
height: 56px;
width: 57px;
border: none;
cursor: pointer;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
padding: 10px;
text-indent: 999999999999999px;
}
.wpcf7-not-valid-tip {
color: #f10c0c;
font-size: 18px;
}
.newsleter-email p{
margin-bottom: 0px;
}
::placeholder { color: #000;
opacity: 1; }
:-ms-input-placeholder { color: #000;
}
::-ms-input-placeholder { color: #000;
} .newsleter-email{
display: flex;
align-items: center;
justify-content: center;
}
.btn-form-send{
height: 56px;
width: 57px;
border: none;
cursor: pointer;
background-color: #fff;
}
.btn-form-send img{
position: relative;
top: 3px;
}
span.newsleter-label:before,
.mailjet-widget-form-group .mailjet-widget-label:before,
span.wpcf7-list-item-label:before {
content: "";
position: absolute;
top: 1px;
left: -18px;
width: 14px;
height: 14px;
border: solid 2px #fff;
background-color: #fff;
cursor: pointer;
}
.newsleter-checkbox[type="Checkbox"]:checked + span.newsleter-label:before,
.mailjet-widget-form-group [type="Checkbox"]:checked + .mailjet-widget-label:before,
span input[type="Checkbox"]:checked + span.wpcf7-list-item-label:before {
content: "";
background-color: #000000;
border: solid 2px #000000;
}
.newsleter-label,
.wpcf7-list-item-label,
.mailjet-widget-form-group .mailjet-widget-label{
font-size: 14px;
color: #fff;
position: relative;
}
.newsleter-label a,
.wpcf7-list-item-label a,
.mailjet-widget-form-group .mailjet-widget-label a{
font-size: 14px;
color: #fff;
text-decoration: underline;
}
.wpcf7-response-output,
.mailjet_widget_form_message {
color: #ffa644;
width: 388px;
margin: 0 auto;
max-width: 400px;
display: inline-block;
} @media only screen and (max-width: 1200px) {
.newsletter-area {
width: auto;
padding-left: 30px;
padding-right: 30px;
}
.newsletter-area p:not(.small) {
font-size: 24px;
}
.blog-area {
padding-bottom: 280px;
}
}
@media only screen and (max-width: 991px) {
.newsletter-area {
width: auto;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
margin-left: 20px;
margin-right: 20px;
}
.newsletter-area p:not(.small) {
font-size: 24px;
}
.newsletter-area::before,
.newsletter-area::after{
display: none;
}
}
@media only screen and (max-width: 767px) { .newsleter-email input[type="text"], 
.newsleter-email input[type="email"] {
width: auto;
}
}
@media only screen and (max-width: 500px) {
.newsleter-email{display:block;    padding-bottom: 0px;}
.newsletter-area{    padding-bottom: 0px;}
.newsletter-area .h2 {
font-size: 46px;
line-height: 46px;
}
.newsletter-area p:not(.small) {
font-size: 21px;
}
.newsletter-area p.small {
width: 98%;
padding-bottom: 15px;
}
.blog-area {
padding-bottom: 190px;
}
.blog-bloc-articles {
margin-bottom: 0;
padding-bottom: 50px;padding-left: 15px;
padding-right: 15px;
}
#wpcf7-f36-o1 {
width: 100%;
}
.newsleter-email input[type="text"], 
.newsleter-email input[type="email"] {
width: 220px;
}
.newsleter-email input[type="submit"] { right: 0;
}
}
@media only screen and (max-width: 500px){
.newsleter-email input[type="text"], 
.newsleter-email input[type="email"] {
width: 100%;
}
}
@media only screen and (max-width: 380px){
.blog-bloc-articles h2{
font-size: 36px;
}
} .options-area{
padding-top: 40px;
padding-bottom: 40px;
padding-left: 45px;
padding-right: 45px;
}
.options-area-wrapper{
width: 1200px;
max-width: 1200px;
margin: 0 auto;
}
.options-area-wrapper .h3{text-transform: uppercase;font-size: 1.5rem;}
.options-area-wrapper .f-border-b{border-bottom: 1px solid #efe9e0;}
.options-area-wrapper .item{
width: 33.33333%;
max-width: 33.33333%;
display: flex;
align-items: center;
gap: 15px;
}
.options-area-wrapper .item-content{padding-left: 0.625rem; padding-right: 0.625rem;}
.options-area-wrapper .item-content h3{
font-size: 1.5rem;
color: #212529;
font-family: 'URWClassico';
font-weight: 400;
font-style: normal;
line-height: 1.2;
margin-bottom: 2px;
}
.options-area-wrapper .item-content p {
font-size: 1rem;
color: #212529;
line-height: 1.5;
font-weight: 400;
} @media only screen and (max-width: 1200px) {
.options-area-wrapper {
width: auto;
gap: 8%;
}
.options-area-wrapper .item {
display: initial;
text-align: center;
}
.options-area-wrapper .item img{
margin-bottom: 10px;   
}
.options-area-wrapper .item-content h3 {
font-size: 27px;
}
}
@media only screen and (max-width: 767px) {
.options-area {
padding-top: 40px;
padding-bottom: 0px;
}
.options-area-wrapper .item {
width: 100%;
max-width: 100%;
}
.options-area-wrapper {
flex-wrap: wrap;
}
.options-area-wrapper .item {
display: flex;
text-align: left;
border-bottom: 1px solid #efe9e0;
margin-bottom: 20px;
padding-bottom: 20px;
}
.options-area-wrapper {
border-bottom: none;
}
}
@media only screen and (max-width: 500px) {
.options-area  a {
color:#000;
}
.options-area-wrapper .row .col{font-size: 0.875rem;}
.options-area-wrapper .h3{font-size: calc(.99375rem + .81653vw);}
.options-area-wrapper .item-content h3 {
font-size: 25px;
}
.options-area {
padding-left: 30px;
padding-right: 30px;
}
.options-area-wrapper .item img {
width: 40px;
}
} .footer-area{
padding-bottom: 45px;
}
.footer-wrapper{
display: flex;
width: 1200px;
max-width: 1200px;
margin: 0 auto;
gap:135px;
}
.footer-area .h3{
font-family: 'URWClassico', sans-serif;
font-size: 23px;
color: #000;
margin-bottom: 22px;
text-transform: uppercase;
}
.footer-area  a{
text-decoration: none;
color: #000;
margin-bottom: 10px;
display: inline-block;
transition: 0.5s all;
}
.footer-area  a:hover{
color: #000000;
}
.footer-sub-bloc{
}
.bloc-nous-suivre{
margin-top: 30px ;
}
.social-media-footer{
display: flex;
align-items: center;
}
.social-media-footer li a{
margin-right: 20px;
transition: 0.5s all;
}
.social-media-footer li a i{
font-size: 17px;
}
.social-media-footer li a:hover i{
color:#000000;
} @media only screen and (min-width: 991px) {
.sub-bloc ul{
display: block !important;
}
}
@media only screen and (max-width: 1230px) {
.footer-area{
padding-left: 0;
padding-right: 0;
}
.footer-wrapper {
justify-content: space-between;
width: auto;
max-width: inherit;
gap: 42px;
}
}
@media only screen and (max-width: 991px) {
.footer-area {
padding-bottom: 15px;
}
.footer-bloc.bloc01{
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.footer-bloc.bloc02,
.footer-bloc.bloc03{
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.footer-wrapper {
flex-wrap: wrap;
gap: 25px;
}
.footer-sub-bloc {
text-align: left;
}
.sub-bloc{
width: 100%;
max-width: 100%;
}
.sub-bloc h3,
.bloc-bon-plan{
margin-bottom: 0;
cursor: pointer;
}
.sub-bloc h3::after{
content: "\f107";
font-family: "";
position: absolute;
right: 50px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #000;
}
.sub-bloc ul{
border: 1px solid #000;
border-top: none;
padding: 20px 30px;
display: none;
}
.bloc-bon-plan h3{
text-align: left;
margin-bottom: 9px;
}   
.bloc-bon-plan {
text-align: left;
}
.bloc-bon-plan::after{ }
.bloc-bon-plan::after {
font-size: 23px;
}
.bloc-nous-suivre .h3{text-align: center;display: block;    margin-bottom: 5px;}
.social-media-footer {
justify-content: center;
}  
} .copyright-area{
background-color: #efe9e0;
padding-top: 23px;
padding-bottom: 33px;
text-align: center;
}
.copyright-area a{
text-decoration: none;
font-size: 12px;
color: #000;
} .site-main{
}
.title-page{
text-align: center;
padding-top: 57px;
padding-bottom: 40px;
}
.title-page h1{
font-family: 'URWClassico', sans-serif;
color: #000000;
font-size: 66px;
line-height: 66px;
text-align: center;
width: 991px;
margin: 0 auto;
margin-bottom: 30px;text-transform: uppercase;
}
.content-page-area{
background-color: #efe9e0; margin-bottom: 50px;
padding-bottom: 240px;
}
.entry-content{
width: 792px;
margin: 0 auto;
} @media only screen and (max-width: 991px) {
.entry-content{
width: auto;
padding-left: 30px;
padding-right: 30px;
}
.title-page h1{
font-size: 53px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
.entry-content{
padding-top: 80px;
}
}
@media only screen and (max-width: 500px) {
.title-page h1 {
font-size: 44px;
line-height: 45px;
}
.entry-content {
padding-left: 0;
padding-right: 0;
}
.underscore-title{
display: none;
}
} .content-page-area{
margin-top: 56px;
position: relative;
padding-top: 70px;
padding-bottom: 350px;
margin-bottom: 0px;
}
.site-main .page-titles-area h1 span{
font-size: 36px;
}
.intro-bloc{
background-color: #000000;
width: 880px;
margin: 0 auto;
padding: 20px 40px;
position: absolute;
left: 0;
right: 0;
top: 0;
transform: translateY(-50%);
text-align: center;
}
.intro-bloc p{
color: #fff;
font-size: 18px;
line-height: 36px;
text-align: center;
}
.intro-bloc a{
font-family: 'URWClassico';
font-style: italic;
color: #fff;
text-decoration: none;
}
.list-of-posts{
width: 1200px;
max-width: 1200px;
margin: 0 auto;
margin-top: 70px;
}
.list-of-posts{
display: flex;
gap: 30px;
flex-wrap: wrap;
justify-content: center;
}
.list-of-posts .item-art{
text-decoration: none;
flex: 0 0 31%;
max-width: 31%;
}
.list-of-posts .item-art img{
width: 100%;
max-width: 100%;
}
.list-of-posts .item-art .content{
padding-top: 20px;
padding-bottom: 20px;
}
.list-of-posts .date-article{
font-size: 14px;
color: #000000;
}
.list-of-posts .saison-article{
font-size: 14px;
color: #000000;
}
.list-of-posts .title-article{
font-family: 'URWClassico', sans-serif;
font-size: 28px;
line-height: 32px;
color: #000;
text-transform: uppercase;
display: block;
}
.content-page-area .extra-content{
width: 1200px;
max-width: 1200px;
margin: 0 auto;
margin-top: 65px;
}
.content-page-area .extra-content p{
font-size: 18px;
line-height: 36px;
}
.pagination {
text-align: center;
max-width: 1200px;
margin: 65px auto 0 auto;
justify-content: center;
gap: 5px;
}
.pagination .page-numbers {
font-size: 16px;
font-weight: normal;
font-style: italic;
color: #000000;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
border: 1px solid #000000;
}
.pagination .page-numbers.current {
background-color: #000000;
color: #ffffff;
} @media only screen and (max-width: 1200px) {
.intro-bloc {
width: 75%;
}
.list-of-posts,
.content-page-area .extra-content {
width: auto;
max-width: initial;
}
.site-main .content-page-area{
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 991px) {
.list-of-posts .item-art {
flex: 0 0 48%;
max-width: 48%;
}
.content-page-area .extra-content p {
font-size: 17px;
line-height: 32px;
}
.content-page-area {
padding-bottom: 280px;
}
}
@media only screen and (max-width: 862px) {
.list-of-posts .item-art {
flex: 0 0 44%;
max-width: 44%;
}
}
@media only screen and (max-width: 767px) {
.intro-bloc {
width: 80%;
position: relative;
width: 100%;
transform: none;
margin-bottom: 50px;
}
.content-page-area:before,
.content-page-area:after{
display: none;
}
.content-page-area{
margin-bottom: 0;
padding-top: 0;
margin-top: 0;
}
.list-of-posts {
margin-top: 0;
}
.intro-bloc p {
font-size: 17px;
line-height: 30px;
}
}
@media only screen and (max-width: 500px) {
.list-of-posts .item-art {
flex: 0 0 100%;
max-width: 100%;
}
} .article-meta-data{
}
.article-meta-data li{
display: inline-block;
}
.article-meta-data .category a, .article-meta-data .tag{
font-size: 18px;
color: #000000 ;
text-decoration: underline;
}
.article-meta-data .tag{
text-decoration: none;
}
.article-meta-data .timeread{color: #000000;}
.article-meta-data .date, .article-meta-data .timeread{
font-size: 18px;
}
.article-main-content{
width: 792px;
margin: 0 auto;
margin-top: -220px;
}
.article-main-content img{
margin: 0 auto;
display: block;
}
.single-page .title-page {
margin-bottom: 160px;
}
.single-page-content{
margin-top: 57px;
} .article-social-media{
display: flex;
align-items: center;
}
.article-social-media span{
font-size: 18px;
line-height: 16px;
color: #000000;
margin-right: 12px;
text-align: left;
}
.article-social-media ul{
list-style-type: none;
text-align: left;
display: inline-block;
margin-bottom: 0px;
}
.article-social-media ul li{
display: inline-block;
text-align: left;
}
.article-social-media ul li a{
display: inline-block;
background: #000000;
margin-right: 10px;
width: 40px;
height: 40px;
padding: 0px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 19px;
line-height: 40px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
.article-social-media ul li a i{
color: #fff;
}
.article-social-media ul li a:hover {
background: #000000;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
display: flex;
align-items: center;
margin-top: 0px;
padding-top: 10px;
justify-content: center;
}
.heateor_sss_sharing_title{
font-size: 18px;
line-height: 16px;
color: #000000;
margin-right: 12px;
text-align: left;
font-weight: normal !important;
}
.heateor_sss_horizontal_sharing .heateorSssSharing, 
.heateor_sss_standard_follow_icons_container .heateorSssSharing{
margin-right: 15px;
}
.classic-post .heateor_sss_sharing_container.heateor_sss_horizontal_sharing{
display: none;
}
.heateor_sss_no_fill{
fill: #efe9e0 ;
}
@media only screen and (max-width: 500px) {
div.heateor_sss_sharing_ul{
margin: 0 auto !important;
display: inline-block;
}
.heateor_sss_sharing_title{text-align: center;}
}
@media only screen and (max-width: 380px) {
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
display: block;
}
} .related-articles-section{
padding-top: 120px;
}
.related-articles-section .titles .h2{
font-family: 'URWClassico';
font-size: 66px;
color: #000000;
font-weight: 500;
line-height: 1;
margin-bottom: 20px;
}
.related-articles-section .articles-list{
}
.related-articles-section  .blog-list-article .item-art {
text-decoration: none;
}
.related-articles-section .btn-wrapper{
text-align: center;
margin-top: 56px;
}
.related-articles-section .btn-all-art{
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #000000;
text-decoration: none;
display: inline-block;
padding: 20px 30px;
border: 1px solid #000000;
}
.related-articles-section .btn-all-art img{
transform: rotateY(180deg);
margin-right: 20px;
}
.mobile-cat_desc{
display: none;
} @media only screen and (max-width: 1500px) {
.related-articles-section {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 1200px) {
.single-page .blog-area:before, 
.single-page .content-page-area:before,
.single-page .content-page-area:after{
display: none;
}
.related-articles-section .titles h2 {
font-size: 95px;
}
}
@media only screen and (max-width: 991px) {
.article-main-content {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.article-main-content {
margin-top: 0;
padding-top: 80px;
}
.single-page .title-page {
margin-bottom: 0;
}
.single-page .entry-content {
padding-top: 0px;
}
.related-articles-section .titles h2 {
font-size: 60px;
}
.related-articles-section .owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 28%;
left: 0;
right: 0;
}
.related-articles-section .owl-carousel .owl-nav button.owl-prev span,
.related-articles-section .owl-carousel .owl-nav button.owl-next span{
font-size: 33px;
line-height: 25px;
background-color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
}
.related-articles-section .owl-carousel .owl-nav button.owl-prev {
float: left;    
margin-left: -15px;
outline: none;
}
.related-articles-section .owl-carousel .owl-nav button.owl-next {
float: right;
margin-right: -15px;
outline: none;
}
.related-articles-section .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #000;
text-decoration: none;
}
.related-articles-section {
padding-left: 0;
padding-right: 0;
}
.related-articles-section {
padding-top: 70px;
}
}
@media only screen and (max-width: 500px) {
.related-articles-section .titles h2 {
font-size: 50px;
text-align: center;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
.related-articles-section .btn-all-art {
font-size: 16px;
}
.related-articles-section .btn-all-art {
font-size: 16px;
padding: 12px 12px;
}
.related-articles-section .btn-wrapper {
margin-top: 10px;
}
.article-meta-data li {
display: block;
}
.related-articles-section .bloc-right{
display: flex;
flex-wrap: wrap;
}
.related-articles-section .btn-wrapper {
order: -20;
margin-bottom: 30px;
flex: 0 0 100%;
}
.related-articles-section .btn-all-art img {
display: none;
}
.related-articles-section .btn-all-art {
border: none;
text-align: center;
text-decoration: underline;
}
.mobile-cat_desc{
display: block;
text-align: center;
}
} .site-main {
position: relative;
}
.single-nav-prev{
position: absolute;
top: 3%;
left: 40px;
width: 180px;
z-index: 99999;
text-align: left;
line-height: 1.3;
}
.single-nav-next{
position: absolute;
top: 3%;
right: 40px;
width: 160px;
z-index: 99999;
text-align: right;
line-height: 1.3;
}
.single-nav-prev .text,
.single-nav-next .text{
font-size: 18px;
color: #000000;font-style: italic;
font-family: 'URWClassico';
}
.single-nav-prev a,
.single-nav-next a{
font-size: 18px;
color: #000;
}
.single-nav-prev.mobile,
.single-nav-next.mobile{
display: none;
} @media only screen and (max-width: 991px) {
.single-nav-prev.desktop,
.single-nav-next.desktop{
display: none;
}
.single-nav-prev.mobile,
.single-nav-next.mobile{
display: block;
}
.single-nav-prev {
top: 3%;
left: 10px;
}
.single-nav-next {
top: 3%;
right: 10px;
}
} .error-page-content{
text-align: center;
padding-top: 80px;
padding-bottom: 80px;
}
.error-page-content h1{
font-size: 60px;
font-weight: 600;
color: #000000;
text-transform: uppercase;
margin-bottom: 30px;
}
.error-page-content p{
font-size: 18px;
line-height: 24px;
color: #000;
margin-bottom: 30px;
}
.error-page-content a{
font-size: 12px;
color: #fff;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
transition: all 0.4s ease 0s;
background-color: #000000;
padding: 13px 30px 13px 30px;
border-radius: 0;
margin-bottom: 15px;
}
.wp-block-image .aligncenter> figcaption { text-align: center; }#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//www.matierebrutelab.com/blog/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}