/* BLOG INDEX
Category -- Full width
blog-page blog-page-list layout-1220 wide mobile-sticky page-layout-2columns-left blog-index-index page-layout-category-full-width
1 column
blog-page blog-page-list layout-1220 wide mobile-sticky blog-index-index page-layout-1column
*/
/* BLOG POST
Page -- Full width
blog-page blog-post-14-comment-bien-huiler-son-destructeur-de-papier layout-1220 wide mobile-sticky page-layout-1column blog-post-view page-layout-cms-full-width
1 column
blog-page blog-post-14-comment-bien-huiler-son-destructeur-de-papier layout-1220 wide mobile-sticky blog-post-view page-layout-1column
*/
/* BLOG CATEGORY
Category -- Full width
blog-page blog-page-list blog-category-1-conseils layout-1220 wide mobile-sticky page-layout-2columns-left blog-category-view page-layout-category-full-width
2 Columns With left bar
blog-page blog-page-list blog-category-1-conseils layout-1220 wide mobile-sticky blog-category-view page-layout-2columns-left
*/
/* BLOG TAG
Tag -- Full width
blog-page blog-page-list blog-category-1-conseils layout-1220 wide mobile-sticky page-layout-2columns-left blog-tag-view page-layout-tag-full-width
2 Columns With left bar
blog-page blog-page-list blog-tag-2-cisailles layout-1220 wide mobile-sticky blog-tag-view page-layout-2columns-left
*/
/**** Blog Page ****/
body.blog-page-list div.page-wrapper {
--page-bg: var(--ws-blue-000);
}
body.blog-page-list div.page-wrapper main.page-main {
--h1-font-family: Poly, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h2-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h3-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h1-font-color: var(--ws-gray-900);
--h2-font-color: var(--ws-gray-900);
--h3-font-color: var(--ws-gray-900);
--h1-font-size: 3.5rem;
--h2-font-size: var(--ws-5xl);
--h3-font-size: var(--ws-2xl);
--h1-font-weight:400;
--h1-font-style: italic;
--h2-font-style: normal;
--h3-font-style: normal;
--h1-line-height: 1.25;
--h2-line-height: 1.15;
--h3-line-height: 1;
--h1-letter-spacing: -0.10rem;
--h2-letter-spacing: -0.15rem;
--h3-letter-spacing: -0.05rem;
--bg-gradient: var(--gradient-dark-blue);
--bg-gradient1: var(--gradient-blue);
--link: var(--w03ui-link-blue);
}
body.blog-post-view main.page-main-full-width {
--page-bg: var(--gradient-dark-red);
--h1-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h2-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h3-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h4-font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--h1-font-color: var(--ws-white);
--h2-font-color: var(--ws-gray-900);
--h3-font-color: var(--ws-gray-900);
--h4-font-color: var(--ws-gray-900);
--h1-font-size: 2.5rem;
--h2-font-size: var(--ws-5xl);
--h3-font-size: var(--ws-4xl);
--h4-font-size: var(--ws-4xl);
--h1-font-weight: 700;
--h2-font-weight: 600;
--h3-font-weight: 500;
--h4-font-weight: 500;
--h1-line-height: 1.25;
--h2-line-height: 1.15;
--h3-line-height: 1.2;
--h4-line-height: 1;
--h1-letter-spacing: -0.10rem;
--h2-letter-spacing: -0.15rem;
--h3-letter-spacing: -0.05rem;
--h4-letter-spacing: -0.05rem;
--h1-span-bg:var(--gradient-hot-red);
--h2-bg: var(--gradient-hot-red);
--bg-gradient: var(--gradient-dark-red);
--bg-gradient1: var(--gradient-hot-red);
--link: var(--w03ui-link-red);
--bg-image-blockquote:url('data:image/svg+xml,');
}
@media (min-width: 576px) {
body.blog-page-list div.page-wrapper main.page-main {
--h1-font-size: 3.5rem;
--h3-font-size: var(--ws-2xl);
}
body.blog-post-view main.page-main-full-width {
--h1-font-size: 3rem;
--h2-font-size: 2.4rem;
--h3-font-size: 2.1rem;
--h4-font-size: 2.1rem;
--h5-font-size: 2.1rem;
--h6-font-size: 2.1rem;
}
}
@media (min-width: 768px) {
body.blog-page-list div.page-wrapper main.page-main {
--h1-font-size: 4rem;
--h3-font-size: var(--ws-3xl);
}
body.blog-post-view main.page-main-full-width {
--h1-font-size: 3.5rem;
--h2-font-size: 2.8rem;
--h3-font-size: 2.4rem;
--h4-font-size: 2.1rem;
--h5-font-size: 2.1rem;
--h6-font-size: 2.1rem;
}
}
@media (min-width: 992px) {
body.blog-page-list div.page-wrapper main.page-main {
--h1-font-size: 4.8rem;
--h3-font-size: var(--ws-4xl);
}
body.blog-page-list.page-layout-2columns-left div.page-wrapper main.page-main {
--h3-font-size: var(--ws-3xl);
}
body.blog-post-view main.page-main-full-width {
--h1-font-size: 5rem;
--h2-font-size: 3.2rem;
--h3-font-size: 2.6rem;
--h4-font-size: 2.1rem;
--h5-font-size: 2.1rem;
--h6-font-size: 2.1rem;
}
}
body.blog-post-view.wynstor-theme-red main.page-main-full-width {
--page-bg: var(--gradient-dark-red);
--h1-span-bg: var(--gradient-hot-red);
--h2-bg: var(--gradient-hot-red);
--bg-gradient: var(--gradient-dark-red);
--bg-gradient1: var(--gradient-hot-red);
--link: var(--w03ui-link-red);
--bg-image-blockquote:url('data:image/svg+xml,');
}
body.blog-post-view.wynstor-theme-blue main.page-main-full-width {
--page-bg:var(--gradient-dark-blue);
--h1-span-bg:var(--gradient-blue);
--h2-bg: var(--gradient-blue);
--bg-gradient: var(--gradient-dark-blue);
--bg-gradient1: var(--gradient-blue);
--link: var(--w03ui-link-blue);
--bg-image-blockquote:url('data:image/svg+xml,');
}
body.blog-page-list div.page-wrapper {
background: var(--page-bg);
}
body.blog-post-view main.page-main-full-width {
background: var(--page-bg);
}
body.blog-page-list div.page-title-wrapper div.widget.blog-search {
width: 80%;
border-radius: 8px;
background-color: var(--ws-white);
font-size: var(--ws-xs);
box-shadow: none;
}
body.blog-page-list div.page-title-wrapper div.widget.blog-search div.block-content form div.field.search label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
text-decoration: none;
display: inline-block;
float: right;
}
body.blog-page-list div.page-title-wrapper div.widget.blog-search div.block-content form div.field.search div.control input {
border: none;
margin: 0;
background: none;
padding: 0 0 0 2rem !important;
font-style: italic;
}
body.blog-page-list div.page-title-wrapper div.widget.blog-search div.block-content form div.actions button.action.search {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
column-gap: 0.7rem !important;
font-family: Poppins, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: var(--ws-x) !important;
font-style: normal !important;
font-weight: 500 !important;
color: var(--ws-white) !important;
line-height: 4rem !important;
letter-spacing: -0.325px !important;
text-transform: lowercase !important;
text-decoration: none !important;
overflow: hidden !important;
border: 0 !important;
border-radius: 8px !important;
transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.2s !important;
cursor: pointer !important;
box-sizing: border-box;
opacity: 1;
width: 4rem !important;
height: 4rem !important;
min-width: 4rem !important;
padding: 0 !important;
margin: 2px 2px 2px 0 !important;
right: 0;
background-color: var(--ws-white) !important;
}
body.blog-page-list div.page-title-wrapper div.widget.blog-search button.action.search > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
body.blog-page div.page-main-inner {
padding-bottom: 3rem;
}
body.blog-page div.columns::after {
all:inherit;
}
/*CATEGORIE & TAGS */
body.blog-page.page-layout-2columns-left div.columns {
display: grid;
grid-template-columns: 350px 1fr;
column-gap: 3rem;
}
body.blog-page div.columns div.column.main {
max-width: 100%;
padding-bottom: 40px;
box-sizing: border-box;
}
@media (min-width: 768px) {
body.blog-page div.columns div.column.main {
transition: all .5s;
}
}
body.blog-page.page-layout-2columns-left div.columns div.column.main {
width: 100%;
padding: 0;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main {
padding: 2rem;
width: 100%;
order: 1;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional {
display: flex;
flex-direction: column;
gap: 3rem;
padding: 0;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.block-title {
font-size: var(--ws-4xl);
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.block-title strong {
color:var(--bs-primary);
font-size:2rem;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-categories ul.accordion li {
/* padding:0;
margin: 0;*/
line-height: 1;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-list-posts div.block-content div.item div.post-item div.post-item-date {
color: var(--bs-primary) !important;
line-height: 2rem;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-list-posts div.block-content div.item div.post-image {
flex-basis: 60px;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-list-posts div.block-content div.item div.post-image a.post-item-link img {
width: 100%;
aspect-ratio: 1;
object-fit: cover !important;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-archive div.item:after {
content: "\\";
display:inline-block;
padding-left: 5px;
}
body.blog-page h1 {
font-family: var(--h1-font-family) !important;
color: var(--h1-font-color) !important;
font-size: var(--h1-font-size) !important;
font-weight: var(--h1-font-weight) !important;
font-style: var(--h1-font-style) !important;
letter-spacing: var(--h1-letter-spacing) !important;
line-height: var(--h1-line-height) !important;
text-align: center !important;
display: inline-block !important;
padding: 3rem 0px 5rem !important;
margin: 0 !important;
}
body.blog-page-list h1 {
padding: 0 !important;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header h1 span {
background: var(--h1-span-bg);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.blog-page-list div.page-title-wrapper div.index-description {
font-size: var(--ws-3xl);
font-weight: 400;
font-style: normal;
line-height: 2.4rem;
color: var(--ws-gray-600);
text-align: center;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description h2 {
font-family: var(--h2-font-family);
color: var(--h2-font-color);
font-size: var(--h2-font-size);
font-weight: var(--h2-font-weight);
font-style: var(--h2-font-style);
line-height: var(--h2-line-height);
letter-spacing: var(--h2-letter-spacing);
margin: 0 0 2.2rem 0;
background: var(--h2-bg);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.blog-page h3 {
font-family: var(--h3-font-family) !important;
color: var(--h3-font-color) !important;
font-size: var(--h3-font-size) !important;
font-weight: var(--h3-font-weight) !important;
font-style: var(--h3-font-style) !important;
line-height: var(--h3-line-height) !important;
letter-spacing: var(--h3-letter-spacing) !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description h3 {
margin: 2.5rem 0 0.8rem 0 !important;
padding: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description h4 {
font-family: var(--h4-font-family) !important;
color: var(--h4-font-color) !important;
font-size: var(--h4-font-size) !important;
font-weight: var(--h4-font-weight)!important;
font-style: var(--h4-font-style) !important;
line-height: var(--h4-line-height) !important;
letter-spacing: var(--h4-letter-spacing) !important;
}
body.blog-post-view div.post-view-modern section.block-related-posts div._block-related-posts div.block-related-title {
font-size: var(--ws-5xl);
color:var(--ws-gray-500);
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main,
body.blog-page-list section.post-list-wrapper div.post-list article.post-item,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item {
border-radius: 1.6rem;
background:var(--bs-secondary-bg);
box-shadow: 0 .2rem .4rem 0 rgba(var(--bs-black-rgb), .05);
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item:hover,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item:hover,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item:hover {
box-shadow: 0 .8rem 1.6rem 0 rgba(var(--bs-black-rgb), .12);
}
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item,
body.blog-page-list section.post-list-wrapper div.post-list article.post-item {
grid-template-columns: 100px 1fr;
}
@media (min-width: 576px) {
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item,
body.blog-page-list section.post-list-wrapper div.post-list article.post-item {
grid-template-columns: 120px 1fr;
}
}
@media (min-width: 768px) {
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item,
body.blog-page-list section.post-list-wrapper div.post-list article.post-item {
grid-template-columns: 276px 1fr;
}
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.image-container a.image-wrap,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.image-container a.image-wrap,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.image-container a.image-wrap {
display: block;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 70%;
border-radius: 1.6rem 0 0 1.6rem;
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.image-container a.image-wrap .bg-img,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.image-container a.image-wrap .bg-img,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.image-container a.image-wrap .bg-img {
position: absolute;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
/* Animation Zoom */
.image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1);}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-title-wrap h3.post-title a.post-item-name,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-categories ul.accordion li a,
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-list-posts div.block-content a.post-item-link {
all: inherit;
display: inline-block;
text-decoration: none;
color: var(--ws-gray-900);
font-weight: 500;
cursor: pointer;
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-title-wrap h3.post-title a.post-item-name,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name {
line-height: 2rem !important;
}
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-categories ul.accordion a,
body.blog-page.page-layout-2columns-left div.columns div.sidebar-main div.sidebar-additional div.widget.block-list-posts div.block-content a.post-item-link {
font-size:var(--ws-x);
line-height: 1.6rem !important;
}
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name {
font-size: var(--ws-x);
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name {
font-size: var(--ws-2xl);
}
}
@media (min-width: 768px) {
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name {
font-size: var(--ws-3xl);
}
}
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-title a.post-item-name,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-title a.post-item-name {
font-size: var(--ws-4xl);
}
}
/* Post Data */
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-data-wrap,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-data-wrap,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-data-wrap {
font-size: 1rem;
color: var(--bs-primary) !important;
}
@media (min-width: 768px) {
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-data-wrap,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-data-wrap,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-data-wrap {
font-size: var(--ws-x);
}
}
/* Post Description */
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-short-description,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-short-description,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-short-description {
flex-grow: 1;
display: none;
color: var(--ws-gray-600);
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-short-description p,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-short-description p,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-short-description p {
margin: 0;
color: var(--ws-gray-600);
line-height: 1.4;
letter-spacing: 0;
font-size: var(--ws-x);
font-weight: 400;
}
@media (min-width: 768px) {
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-short-description,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-short-description,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-short-description {
display: block;
}
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-bottom-info div.post-read-more i,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item div.block-info div.post-bottom-info div.post-read-more i,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item div.block-info div.post-bottom-info div.post-read-more i {
width: 1.3rem;
height: 1.2rem;
}
/* Post Image ************************************/
/* SECTION TOOLBAR */
body.blog-page-list section.post-list-toolbar div.toolbar {
background:transparent;
font-size: inherit;
letter-spacing: -.025em;
color: inherit;
}
body.blog-page-list section.post-list-toolbar div.toolbar > * {
margin: 0;
}
/**************** SECTION FOOTER ***********************/
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer {
padding-top: 3rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire h2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages h2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages h3,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages h4,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion h2 {
background:none !important;
-webkit-text-fill-color: var(--ws-white) !important;
color:var(--ws-white) !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name {
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: capitalize;
vertical-align: middle;
}
body.blog-page div.block-tagclaud div.tagclaud-hld a.tag-name,
body.blog-page-list section.post-list-wrapper div.post-list article.post-holder div.post-info div.post-category a.category-name,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name {
text-decoration: none;
cursor: pointer;
transition: color .1s ease-out, background .1s ease-out, border-color .1s ease-out;
}
body.blog-page div.block-tagclaud div.tagclaud-hld a.tag-name,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name {
font-size: var(--ws-3xl);
font-weight: 500;
line-height: 2rem;
color: rgba(var(--bs-white-rgb), 0.7);
border: .200rem solid rgba(var(--bs-white-rgb), 0.7);
border-radius: 290394px;
cursor: pointer;
background: transparent;
padding: .40rem 1.2rem;
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-holder div.post-info div.post-category a.category-name {
border-radius: 0.8rem;
border: 1px solid var(--ws-blue-080);
color: var(--ws-gray-700);
font-size: var(--ws-x);
line-height: 1;
font-weight: 400;
padding: .30rem 1rem;
z-index: 2;
}
body.blog-page div.block-tagclaud div.tagclaud-hld a.tag-name {
background: var(--bg-gradient1);
color: var(--ws-white);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a {
border: .200rem solid var(--link);
color: var(--link);
}
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name i::before,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name i::before {
content: "#";
margin-right: 0.5rem;
color: rgba(var(--bs-white-rgb), 0.7);
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-holder div.post-info div.post-category a.category-name:hover {
background: var(--ws-blue-080);
text-decoration: none;
transition: background .1s cubic-bezier(.45,0,.55,1);
}
body.blog-page div.block-tagclaud div.tagclaud-hld a.tag-name:hover,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a:hover,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name:hover,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name:hover {
background: var(--bg-gradient1);
color: var(--ws-white);
text-decoration: none;
transition: background .4s cubic-bezier(.45,0,.55,1), color .4s cubic-bezier(.45,0,.55,1), border-color .4s cubic-bezier(.45,0,.55,1), outline-color .4s cubic-bezier(.45,0,.55,1);
}
body.blog-page div.block-tagclaud div.tagclaud-hld a.tag-name:hover,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name:hover,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name:hover {
border-color: var(--ws-white);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title:not(h3) > a:hover {
border-color: var(--link);
}
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags a.tag-name:hover i::before,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a.category-name:hover i::before {
content: "#"; /* Vous pouvez garder ou modifier le contenu */
color:var(--ws-white);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion a {
text-decoration: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description.call-to-action a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion a {
color:var(--ws-white) !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description a {
color:var(--ws-gray-900);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages a,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion a {
position: relative;
text-decoration: underline;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.2rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol {
margin:0;
padding: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description ol,
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description ul,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description ol,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description ul {
margin-bottom:1.25rem;
padding-left: 4rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol {
position: relative;
list-style: none;
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol {
padding-left: 4rem;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description ol li,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description ul li,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul li,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol li {
margin:0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description ol li {
padding-left:0.5rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion {
background: var(--bg-gradient1);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image img,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.w03-experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-video figure iframe,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts {
border-radius: 1.6rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.w03-experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts {
padding: 2rem;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header,
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire ul,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion div.conclusion {
color:var(--ws-white) !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts {
background-color: var(--ws-white);
display: flex;
flex-direction: column;
gap: 1rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart {
background: rgba(var(--bs-white-rgb), 0.7);
}
div._post-view.post-view-modern ol,
div._post-view.post-view-modern ul,
body.blog-page-list div.page-title-wrapper,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-comments,
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description div.container,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.container,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.container,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.contactez-nos-experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul li,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol.block-content li,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements {
display: flex;
}
div._post-view.post-view-modern ol,
div._post-view.post-view-modern ul,
body.blog-page-list div.page-title-wrapper,
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description div.container,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.container,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.contactez-nos-experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer {
flex-direction: column;
-ms-flex-direction: column !important;
}
/*
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap {
flex-direction: row;
-ms-flex-direction: row !important;
}
}
*/
body.blog-page-list div.page-title-wrapper,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-comments,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.contactez-nos-experts,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer div.post-sharing div.share-elements {
align-items: center;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements {
justify-content: center;
}
body.blog-page-list div.page-title-wrapper,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer {
gap: 3rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2 {
gap: 2rem;
}
div._post-view.post-view-modern ol,
div._post-view.post-view-modern ul,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul li,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer div.post-sharing div.share-elements,
body.blog-post-view div.post-view-modern section.block-related-category-posts div.post-article-header span.post-article-header__time,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol.block-content li {
gap: 1rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-comments,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-category div._post-category a {
white-space: nowrap !important;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-author-featured-image {
align-self: flex-start;
flex-basis: 6rem;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-author-featured-image img,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.icon-wrapper div.icon img {
aspect-ratio: 1;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header {
position: relative;
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-holder div.post-info div.post-data-wrap span.post-article-header__time i,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-article-header__time i,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-article-header__time i,
body.catalog-product-view section.block-related-posts div._block-related-posts div.post-list article.post-item span.post-article-header__time i,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-comments i {
flex-basis: 1.7rem;
width: 1.7rem;
height: 2rem;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-article-reading-time i {
flex-basis: 2rem;
width: 2rem;
height: 2rem;
}
/*body.blog-page-list section.post-list-wrapper div.post-list article.post-holder div.post-info div.post-data-wrap span.post-article-header__time i,*/
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-article-header__time i
/* body.catalog-product-view section.block-related-posts div._block-related-posts div.post-list article.post-item span.post-article-header__time i */{
background-image: url('data:image/svg+xml,');
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-article-header__time i {
background-image: url('data:image/svg+xml,');
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-article-reading-time i {
background-image: url('data:image/svg+xml,');
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-comments i {
background-image: url('data:image/svg+xml,')
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-data-wrap span.post-author,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-author,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-author,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item span.post-author,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-coauthor-name {
color: var(--ws-gray-600);
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-author,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-author,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-coauthor-name {
font-style: italic;
}
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-author {
display: none;
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-author {
display: flex;
}
}
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-author-jobtitle::before {
content:"\00A0- ";
}
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-author-name a,
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-coauthor-name a {
color: rgba(var(--bs-white-rgb), 0.5);
}
body.blog-page-list section.post-list-wrapper div.post-list article.post-item div.post-info div.post-data-wrap span.post-author-name a,
body.blog-post-view div.post-view-modern section.block-related-posts div.post-list article.post-item span.post-author a,
body.catalog-product-view section.block-related-posts div._block-related-posts div.block-content div.post-list article.post-item span.post-author a {
color: var(--bs-primary);
z-index: 2;
position: relative;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div._post-data-wrap div.post-article-header span.post-coauthor-name a:not(:last-child)::after {
content:",\00A0";
font-style: italic;
color: var(--ws-gray-600);
line-height: 1.2;
}
@media (min-width: 768px) {
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing {
margin-left: 7rem;
}
}
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements div.share-elements-title,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-tag div._post-tags div.post-tag-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.share-elements-title {
color: rgba(var(--bs-white-rgb), 0.5);
line-height: 3rem;
}
/*
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.share-elements-title {
display: block;
}
}
*/
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.icon-wrapper,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements div.icon-wrapper {
cursor: pointer;
transition: all .2s ease-in-out;
overflow: hidden;
/*
text-decoration: none;
text-transform: none;
background-color: transparent;
color: inherit;
border-radius: 0;*/
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.icon-wrapper:hover,
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements div.icon-wrapper:hover{
transform: translateY(-4px);
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap div.post-sharing div.share-elements div.icon-wrapper div.icon {
line-height: 3rem;
height: 3rem;
width: 3rem;
overflow: hidden;
}
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section.post-sharing-bottom div.share-elements div.icon-wrapper div.icon {
line-height: 4rem;
height: 4rem;
width: 4rem;
overflow: hidden;
}
span.post-article-header__time._dateModified span.is-hidden-mobile {
display: none !important;
}
@media (min-width: 576px) {
span.post-article-header__time._dateModified span.is-hidden-tablet {
display: none !important;
}
span.post-article-header__time._dateModified span.is-hidden-mobile {
display: block !important;
}
}
body.blog-post-view div.post-view-modern article.post-holder header.post-header section.post-data-wrap time {
position:relative;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
text-align:center;
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-imagee {
max-width:540px
}
}
@media (min-width: 768px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image {
max-width:720px
}
}
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image {
max-width:960px
}
}
@media (min-width: 1200px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image {
max-width:1140px
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image img {
box-shadow: 30px 30px 60px rgba(var(--bs-black-rgb), .05);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-featured-image figcaption {
color: var(--ws-white);
font-size: 1.125rem;
line-height: 1.25rem;
font-style: italic;
text-decoration: none;
padding-top: .5rem;
}
body.blog-post-view div.post-view-modern article.post-holder section:not(section.post-content):not(section.post-description):not(footer > section) {
padding-bottom: 5rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section:not(section.post-sommaire),
body.blog-post-view div.post-view-modern section.block-related-posts,
body.catalog-product-view section.block-related-posts
{
/*background-color: var(--ws-gray-150);*/
background-color:var(--ws-blue-000);
}
body.blog-post-view div.post-view-modern article.post-holder footer.post-footer section:not(section.post-tag):not(section.post-gallery):not(section.post-nextprev):not(section.post-sharing-bottom):not(section.block-comments) {
background-color: var(--ws-gray-150);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description img {
margin-bottom: 1.25rem;
border-radius: 8px;
}
@media(min-width: 768px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description figcaption {
font-size: 1.125rem;
line-height: 1.25rem;
font-style: italic;
text-decoration: none;
text-align: center;
border: 0;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul li::before,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol li::before {
content: "➜";
background: var(--bg-gradient1);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire ul li a,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts ol li a {
position: relative;
text-decoration: underline;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.2rem;
font-size: var(--ws-3xl);
line-height: 2rem;
color:var(--link);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description p.chapo {
font-size: var(--ws-3xl);
font-weight: 500;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.column {
display: grid;
gap: 1.5rem;
grid-template-columns: 1fr;
}
@media (min-width: 992px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.column {
grid-template-columns: 1.2fr 0.8fr;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.column1 h2:not(:first-child) {
margin-top:5rem
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description div.post-avantages.column2 {
flex: 1;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea {
padding-bottom: 17rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column {
grid-template-columns: 1fr;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2 figure {
margin-bottom: 3rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2 figcaption {
font-size: var(--ws-x);
line-height: 1.25rem;
font-style: normal;
text-decoration: none;
text-align: left;
border: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.w03-experts {
color: var(--ws-gray-900);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description {
position: relative !important;
padding-left: 0;
line-height: 1.5;
font-size:var(--ws-3xl);
font-weight: 500;
letter-spacing: 0;
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description {
padding-left: 3rem;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description::before {
background: var(--bg-gradient1);
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content div.post-short-description::before {
margin-left: 1.5rem;
border-radius: 290394px;
bottom: 1rem;
content: " ";
display: block;
left: 0;
padding: 3px;
position: absolute;
top: 0;
width: .3125em;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire {
padding-bottom: 17rem !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire {
background:rgba(var(--bs-white-rgb), 0.3);
min-width: 350px;
max-width: 780px;
margin-right: auto;
margin-left: auto;
border:0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire ol {
list-style: decimal;
padding-left: 1.5rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents-toc.som-content {
list-style: decimal;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents.som-content li {
display: list-item;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents li {display: list-item;}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents.som-content li::before {
content: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents-toc.som-content li a {
display: inline;
margin: 0;
text-decoration: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description div.mfblog-contents-toc li:before {
content: none;
}
@media (min-width: 576px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire ol {
padding-left: 4rem;
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire div.som-item {
transition: border 0.2s ease;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire div.som-item h2.som-header {
position: relative;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire div.som-item h2.som-header:not(.active) {
margin: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire div.som-item h2.som-header i::before {
content: '';
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none"%3E%3Cg clip-path="url(%23clip0_2381_2199)"%3E%3Cpath d="M7.10536 7.17881C6.77053 7.51363 6.22678 7.51363 5.89196 7.17881L0.749105 2.03595C0.414283 1.70113 0.414283 1.15738 0.749105 0.822557C1.08393 0.487736 1.62768 0.487736 1.9625 0.822557L6.5 5.36006L11.0375 0.825236C11.3723 0.490415 11.9161 0.490415 12.2509 0.825236C12.5857 1.16006 12.5857 1.70381 12.2509 2.03863L7.10803 7.18149L7.10536 7.17881Z" fill="%23FFFFFF"%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2381_2199"%3E%3Crect width="6.85714" height="12" fill="white" transform="translate(12.5 0.571442) rotate(90)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
width: 13px;
height: 8px;
position: absolute;
right: 10px;
top: 1.2rem;
cursor: pointer;
transition: transform 0.3s ease;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire .som-item .som-header.active i::before {
transform: rotate(180deg);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-sommaire div.sommaire .som-content {
font-size: var(--ws-x);
overflow: hidden;
transition: max-height 0.2s ease-out;
max-height: 1500px;
margin: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts {
display: grid;
gap: 3rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
width: 100%;
margin-top: -12rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart {
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
overflow: hidden;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart div.cart_cover {
width: 100%;
padding: 2rem 6rem 0 6rem;
text-align: center;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart img,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2 img {
transition: transform 0.3s ease;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart:hover img,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-mea div.column2 img:hover {
transform: scale(1.1);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title {
display: grid!important;
grid-template-rows: 4rem 8rem;
text-align: center;
padding-top: 2rem;
width: 100%;
justify-items: center;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title h3 {
font-size: var(--ws-3xl) !important;
align-self: flex-start;
margin:0 !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title h3 a {
background: none!important;
-webkit-text-fill-color: var(--ws-gray-900)!important;
color: var(--ws-gray-900) !important;
text-decoration: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-carts div.carts div.cart_title a {
align-self: center;
margin: 0 !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section._post-description.faq-accordion div.accordion-header h3 {
font-size: var(--ws-3xl) !important;
margin: 0 !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.contactez-nos-experts span:first-child {
font-size: var(--ws-4xl);
font-weight: 500;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone a {
color: var(--ws-gray-900);
font-size: var(--ws-3xl);
font-style: normal;
font-weight: 500;
line-height: 1;
border-radius: 0.8rem;
padding: 0.7rem 1rem 0.7rem 1rem ;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column1 div.w03-phone span.w03-phone-offer{
font-size: var(--ws-x);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column2 {
position:relative;
flex: 2.5;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column2 blockquote::before {
content: '';
position: absolute;
top: -3.75rem;
left:-1.5rem;
height: 6.2rem;
width: 9.7rem;
background-repeat: no-repeat;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column2 blockquote::before {
background-image:var(--bg-image-blockquote);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-experts div.experts div.column2 blockquote {
position: relative;
color: var(--ws-gray-900);
font-size: var(--ws-3xl);
padding: 3rem 1rem 4rem 1rem;
margin-top:2rem;
border-radius: 0.8rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire {
z-index: 1;
position: relative;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire{
width:100%;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-alire div.alire div.titre,
body.blog-post-view div.post-view-modern section.block-related-category-posts div._block-related-category-posts div.block-related-title {
font-size: var(--ws-5xl);
line-height: 1;
font-weight: 600;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description.call-to-action {
text-align: center;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description.call-to-action a {
padding: 1.5rem 3rem;
background: var(--bg-gradient1);
color: var(--ws-white);
font-size: var(--ws-2xl);
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 1.6rem;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(var(--bs-black-rgb), 0.1);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description.call-to-action a:hover {
background: var(--bg-gradient1);
box-shadow: 0 6px 15px rgba(var(--bs-black-rgb), 0.2);
transform: translateY(-3px);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-description section._post-description.call-to-action a:active {
transform: translateY(0);
box-shadow: 0 4px 10px rgba(var(--bs-black-rgb), 0.1);
}
.secondary-links {
display: flex;
gap: 1rem;
margin-top: 2rem;
}
.secondary-links a {
display: inline-block;
color: var(--ws-gray-600);
border: 1px solid var(--ws-gray-400);
padding: 1rem 2rem;
font-size: var(--ws-2xl);
border-radius: 0.8rem;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
background-color: var(--ws-white);
}
.secondary-links a:hover {
background-color: var(--ws-gray-400);
border-color: var(--ws-gray-500);
color: var(--ws-gray-700);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
padding: 4rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section {
padding: 3rem;
border-radius: 1.6rem;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 8px rgba(var(--bs-black-rgb), 0.1);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section:hover,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section:hover {
transform: translateY(-5px);
box-shadow: 0 16px 24px rgba(var(--bs-black-rgb), 0.15);
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section h3,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section h3 {
margin-bottom: 2rem;
font-size: var(--ws-5xl);
color: var(--ws-gray-800);
font-weight: 600;
position: relative;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section h3::after,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section h3::after {
content: "";
display: block;
width: 8rem;
height: 0.4rem;
background-color: var(--bs-success);
position: absolute;
bottom: -1rem;
left: 0;
border-radius: 0.2rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section h3::after {
background-color:var(--bs-danger) ;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul {
list-style-type: none;
padding: 0;
margin: 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li {
display: flex;
align-items: center;
font-size: var(--ws-3xl);
color: var(--ws-gray-600);
padding: 1rem 0;
border-bottom: 1px solid var(--ws-gray-200);
transition: color 0.2s ease;
margin: 0 !important;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li:last-child,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li:last-child {
border-bottom: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li:hover,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li:hover {
color: #111;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li::before,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li::before {
font-size: var(--ws-4xl);
margin-right: 1.5rem;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li::before {
content: "✔️";
margin-right: 1rem;
background: var(--bs-success);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li::before {
content: "❌";
margin-right: 1rem;
background: var(--bs-danger);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins {
grid-template-columns: 1fr;
padding: 20px;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section {
padding: 20px;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.plus-section ul li,
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-plus-moins div.moins-section ul li {
font-size: var(--ws-3xl);
}
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-video div.container {
max-width: fit-content;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-video figure {
margin: 0;
text-align: center;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-video .bottom-text {
display: flex;
justify-content: space-between;
width: 100%; margin: 0 auto;
}
body.blog-post-view div.post-view-modern article.post-holder section.post-content section.post-conclusion {
z-index: 1;
position: relative;
}
/* Post Gallery */
body.blog-post-view div.post-view-modern section.post-gallery div._post-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
grid-gap: 1rem;
margin-bottom: 20px;
}
body.blog-post-view section.post-gallery div._post-gallery .gallery-image-hld {display: inline-block;}
body.blog-post-view div.post-view-modern section.post-nextprev::before,
body.blog-post-view div.post-view-modern section.post-nextprev::after {
border-radius: 290394px;
content: " ";
display: block;
margin: 0 auto;
width: 20%;
height: .9rem;
background: var(--bg-gradient1);
}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev {
display: flex;
padding: 1rem 0;
position: relative;
justify-content: space-between;
gap: 1.5rem;
}
body.blog-post-view div.post-view-modern section.post-nextprev div.post-prev {
flex:1;
text-align: left;
}
body.blog-post-view div.post-view-modern section.post-nextprev div.post-next {
flex:1;
text-align: right;
}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link {
display: inline-flex;
gap: 1.2rem;
align-items: center;
font-size: var(--ws-xl);
font-weight: 400;
/*opacity: 0.7;*/
line-height: 1.2;
letter-spacing: -0.03rem;
color:var(--ws-gray-500);
}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link.prev-link i,
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link.next-link i {
width: 2.4rem;
height: 2.4rem;
display: inline-block;
flex: 0 0 2.4rem;
}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link.prev-link i{
background-image: url('data:image/svg+xml,');}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link.next-link i{
background-image: url('data:image/svg+xml,');
}
body.blog-post-view div.post-view-modern section.post-nextprev div._post-nextprev a.nextprev-link:hover {
text-decoration: none;
}
@media (max-width: 767px) {
body.blog-post-view div.post-view-modern.post-nextprev .nextprev-link {font-size: var(--ws-x);line-height: 1.4;}
}
/* Post View */
/* Post Comments */
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments {
margin-right: 20px;
}
/* Block Comments */
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-count {
margin: 0 0 20px;
padding: 0;
border-bottom: 1px solid var(--ws-gray-900);
font-weight: 400;
font-size: var(--ws-2xl);
color: var(--ws-gray-900);
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-count strong {
border-bottom: 3px solid var(--ws-gray-900);
padding-bottom: 2px;
font-weight: 400;
font-size: var(--ws-3xl);
display: inline-block;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply,
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-comment {
position: relative;
margin-bottom: 18px;
}
/* Reply Form */
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform textarea,
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform input {
color: #var(--ws-gray-900);
background: var(--ws-white) !important;
display: block;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform textarea {
padding: 8px;
height: 70px;
border: 1px solid var(--ws-gray-500);
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform.no-active textarea {
border-bottom: 1px solid var(--ws-gray-500);
height: 60px;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform textarea:focus,
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform input:focus {
box-shadow:none;
}
/* Form */
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.c-btn-hld {
margin-top: 20px;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform.no-active div.c-btn-hld {
display: none;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.c-btn-hld div.lr-hld {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.c-btn-hld div.lr-hld div.left-hld,
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.c-btn-hld div.lr-hld div.right-hld {
width: 49%;
padding: 0;
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
}
@media screen and (max-width: 480px) {
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.c-btn-hld {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.lr-hld {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform form .c-btn-hld .input-box {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#recaptcha-append-to {
-webkit-order: 2;-ms-flex-order: 2;order: 2;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform button {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform div.left-hld {
padding: 0 0 20px 0;
}
}
/* Button */
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform button {
-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;
display: inline-block;
color: var(--bs-white-rgb);
background-color: var(--ws-blue-400);
border: none;
border-radius: 0;
font-size: var(--ws-xs);
font-weight: 500;
line-height: 1;
padding: 10px 15px;
margin-top: 20px;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform button:hover {
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
color: var(--bs-white-rgb);
background-color: var(--ws-gray-900);
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform button.cancel {
background-color: var(--ws-gray-150);
border-color: var(--ws-gray-400);
color: var(--ws-gray-700);
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform button.cancel:hover {
background-color: var(--ws-gray-200);
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform form div.c-btn-hld .input-box {
width: 100%;
text-align: left;
padding: 6px 0;
display: inline-block;
float: left;
margin: 20px 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform form div.c-btn-hld .input-box .checkbox.required-entry {
float: left;
margin: 2px 10px 0 0;
}
body.blog-post-view div.post-view-modern article.post-holder section.block-comments div._block-comments div.c-reply div.c-replyform form div.c-btn-hld .input-box .checkbox.required-entry.mage-error {
-webkit-box-shadow: 0 0 5px 0 rgb(250, 166, 166);
-moz-box-shadow: 0 0 5px 0 rgb(250, 166, 166);
box-shadow: 0 0 5px 0 rgb(250, 166, 166);
}
body.blog-post-view div.post-view-modern article.post-holder div._block-comments div.c-comments {
margin-top: 20px;
border-top: 1px solid var(--ws-gray-300);
padding-top: 30px;
padding-left: 25px;
}
body.blog-post-view div.post-view-modern article.post-holder div._block-comments div.c-comments div.c-comment {
border-bottom: 1px dashed var(--ws-gray-200);
}
body.blog-post-view div.post-view-modern article.post-holder div._block-comments div.c-comments div.c-comment:last-child{
border-bottom: none;
}
/* Comment */
.c-post .p-info {margin-bottom: 10px;}
.c-post .p-name {font-weight: 700;/*color: #222222;*/display: inline-block;margin-right: 10px;font-size: var(--ws-x);line-height: 20px;}
.c-post .publish-date {font-size: var(--ws-3xs);color: #bbbbbb;display: inline-block;line-height: 20px;}
.c-post .p-actions {padding: 8px 0 10px;}
.c-post .p-actions {font-size: var(--ws-2xs);}
.c-post .p-actions a {color: #bbbbbb;}
.c-post .p-actions a:hover {text-decoration: underline; }
.c-post .p-actions span {color: #90949c;}
/* Post's replies and reply form */
.p-replies {border-left: 1px dotted #bdbdbd; padding-left: 10px;}
.p-replies .c-img {width: 36px;}
.p-replies .c-post, .p-replies .c-replyform {margin-left: 20px;}
.p-replies .c-comment {margin-bottom: 10px;}
.p-replies .c-more {background: #d7eaf9;padding: 5px;font-size: var(--ws-2xs);border-radius: 3px;margin-bottom: 10px;}
.p-replies .c-more a {color: #4267b2; font-weight: 700; font-size: var(--ws-3xs);}
.p-replies .c-more a:hover {text-decoration: underline;}
.p-replies .c-more i{width: 0;height: 0;border-left: 3px solid rgba(0, 0, 0, 0);border-right: 3px solid rgba(0, 0, 0, 0);border-top: 3px solid #768196;vertical-align: middle;margin-left: 3px;position: relative;top: 7px;}
/* MSP recaptcha */
#post-comments .c-replyform .c-btn-hld #msp-recaptcha-container {margin-top: 20px;}
@media screen and (max-width: 450px) {
.c-img {width: 38px;}
.c-post {font-size: var(--ws-xs);}
.c-post .p-actions {font-size: var(--ws-3xs);}
.c-reply, .c-comment {position: relative;margin-bottom: 18px;}
.c-replyform, .c-post {margin-left: 0}
.p-replies {padding-left: 5px;}
.p-replies .c-img {width: 28px;}
.p-replies .c-post, .p-replies .c-replyform {margin-left: 34px;}
.p-replies .c-more a {font-size: var(--ws-4xs);padding: 3px;}
.c-replyform .left-hld,
.c-replyform .right-hld {float:none;width: 100%;}
}
body.blog-post-view.wynstor-guide section.post-content-header {
background: var(--ws-yellow-400);
position: relative;
padding-bottom: 0 !important;
}
body.blog-post-view.wynstor-guide section.post-content-header::before {
top: 0;
}
body.blog-post-view.wynstor-guide section.post-content-header::after {
bottom: 0;
}
body.blog-post-view.wynstor-guide section.post-content-header::before,
body.blog-post-view.wynstor-guide section.post-content-header::after {
background: var(--ws-gray-200);
border-right: 0;
content: "";
height: 80px;
left: 0;
opacity: .65;
position: absolute;
right: 51%;
z-index: 1;
}
body.blog-post-view.wynstor-guide section.post-content-header div.container-fluid {
max-width: 1590px;
padding: 0 135px;
}
@media (max-width: 1279px) {
body.blog-post-view.wynstor-guide section.post-content-header div.container-fluid {
padding: 0 30px;
}
}
@media (max-width: 1366px) {
body.blog-post-view.wynstor-guide section.post-content-header div.container-fluid {
padding: 0 50px;
}
}
body.blog-post-view.wynstor-guide div._post-content-header {
position: relative;
}
body.blog-post-view.wynstor-guide div._post-content-header::before {
background: var(--ws-gray-200);
border-right: 0;
bottom: 80px;
content: "";
opacity: .65;
position: absolute;
right: 100%;
top: 80px;
width: 100%;
z-index: 1;
}
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image {
width: auto !important;
height: 100%;
left: calc(-50vw + 50%);
padding: 0!important;
position: absolute;
right: 51%;
top: 0;
margin: 0!important;
}
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image::before {
top: 0;
}
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image::after{
bottom: 0;
}
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image::before,
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image::after {
background: var(--ws-yellow-400);
content: "";
height: 80px;
position: absolute;
right: 0;
width: 95px;
z-index: 2;
}
body.blog-post-view.wynstor-guide div._post-content-header div.post-featured-image img{
height: 100%;
left: 0;
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
width: 100%;
}
body.blog-post-view.wynstor-guide article.post-holder section.post-content div._post-content-header div.post-short-description {
margin-left: auto;
max-width: 50%;
padding: 110px 0 110px 30px;
font-family: Inter, sans-serif;
color: var(--ws-black) !important;
}
@media (max-width: 1366px) {
body.blog-post-view.wynstor-guide article.post-holder section.post-content div._post-content-header div.post-short-description {
padding: 110px 0 110px 30px;
}
}
@media (max-width: 1600px) {
body.blog-post-view.wynstor-guide article.post-holder section.post-content div._post-content-header div.post-short-description {
padding: 120px 0 120px 70px;
}
}
.test-full-width {
margin-left: calc((-100vw - 1440px) / 2);
margin-right: calc((-100vw - 1440px) / 2);
padding-left: calc((100vw - 700px) / 2);
padding-right: calc((100vw - 700px) / 2);
}