.front-page__bestseller,
.front-page__blog,
.front-page__instagram {
background-color: #d7f1e5;
}
.front-page__bestseller .front-page__section-title {
margin-bottom: 0px;
}
.front-page__bestseller .front-page__section-title h2 {
margin-bottom: 0px;
}
.front-page__bestseller .container_slider {
max-width: 1700px;
}
.front-page__blog {
padding-bottom: 10rem;
}
footer {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d7f1e5), color-stop(0%, transparent));
background: -o-linear-gradient(top, #d7f1e5 50%, transparent 0%);
background: linear-gradient(to bottom, #d7f1e5 50%, transparent 0%);
}
.section__separator {
margin-bottom: -10px;
}
@media screen and (min-width: 1920px) {
.section__separator {
width: 100%;
}
}
.thumbnail_page {
width: calc(100% + 60px);
margin-bottom: 80px;
}
@media (max-width: 992px) {
.thumbnail_page {
width: 100%;
margin-bottom: 40px;
}
}
.thumbnail_page img {
border-radius: 10px;
}
.simple_header {
background-color: #d7f1e5;
padding-top: 50px;
padding-bottom: 0px;
}
.simple_header .container {
margin-top: -105px;
}
@media (max-width: 1600px) {
.simple_header .container {
margin-top: 0px;
}
}
.simple_header .post_detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 60px;
margin-top: 25px;
}
@media (max-width: 568px) {
.simple_header .post_detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
}
}
.simple_header .post_detail .cat p {
font-size: 15px;
font-weight: 700;
margin-top: 0px;
margin-bottom: 0px;
}
.simple_header .post_detail .date p {
font-size: 15px;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.page_content {
background-color: #d7f1e5;
padding: 40px 0px 50px;
}
.page_content .container {
display: grid;
grid-template-columns: 1fr 190px;
gap: 40px;
padding-right: 17%;
}
@media (max-width: 1500px) {
.page_content .container {
padding-right: 100px;
}
}
@media (max-width: 992px) {
.page_content .container {
grid-template-columns: 1fr;
padding-right: 1rem;
}
}
.page_content .gutenberg {
max-width: 960px;
padding-right: 70px;
}
@media (max-width: 992px) {
.page_content .gutenberg {
padding-right: 0rem;
}
}
.page_content .gutenberg p, .page_content .gutenberg li {
font-size: 1.8rem;
line-height: 1.5;
}
.page_content .sidebar .bg {
padding: 20px 10px 110px 10px;
text-align: center;
background-color: #FFF;
border-radius: 10px;
position: -webkit-sticky;
position: sticky;
top: 100px;
width: 150px;
}
.page_content .sidebar .bg .share_wrapper--image {
position: absolute;
top: 25px;
left: 70%;
}
.page_content .sidebar .bg p {
font-size: 15px;
font-weight: 700;
}
.page_content .sidebar .bg .share_buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 45px;
margin-top: 80px;
}
.page_content .sidebar .bg .share_buttons a {
display: block;
text-decoration: none;
}
.page_content .sidebar .bg .share_buttons a img {
max-width: 30px;
}