img {
display: block !important;
} .blog-hero-section .mso-logo img {
width: 150px;
margin: auto;
}
.related-posts-view .main-title h3 {
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 44px;
text-transform: initial;
color: #0D0C0C;
padding-bottom: 50px;
margin-bottom: 0;
}
.related-posts-view {
background: #F5F7F7;
padding: 44px 0;
}
.related-posts-view .slick-slide {
margin: 0 7px;
}
.related-posts-view img.post-image {
max-width: 100%;
height: 240px;
object-fit: cover;
width: 100%;
}
.post-content {
padding-left: 0;
}
.related-posts-view .post-content {
position: relative;
}
.related-posts-view .post-content .image {
position: relative;
z-index: 0;
}
.related-posts-view .post-content .image:before {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgb(0 0 0) 71%, rgb(50 50 50) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.2;
border-radius: 20px;
}
.related-posts-view .post-content .image img {
border-radius: 20px;
}
.related-posts-view .post-content .category-name {
padding: 7px 2rem;
font-family: 'Barlow';
color: #fff;
font-size: 12px;
line-height: 14px;
font-weight: 400;
background: #1CBAA8;
border-radius: 7.15px;
text-transform: initial;
justify-self: left;
height: 28px;
}
.related-posts-view .post-content .post-date {
color: #fff;
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: grid;
align-items: end;
padding-bottom: 18px;
}
.related-posts-view .post-content .post-title {
margin-bottom: 0;
color: #fff;
font-size: 20px;
line-height: 21.99px;
font-weight: bold;
font-style: normal !important;
font-family: 'Barlow';
text-transform: initial;
text-align: left !important;
}
.related-posts-view #most-viewed-posts {
position: relative;
}
.related-posts-view .slider-control div {
position: absolute;
top: 35%;
z-index: 1;
cursor: pointer;
}
.related-posts-view .slider-control .prev {
left: -55px;
}
.related-posts-view .slider-control .next {
right: -55px;
}
ul.slick-dots {
display: flex !important;
justify-content: center;
margin-top: 1rem;
}
.related-posts-view .slick-dots li {
list-style: none;
float: left;
margin-right: 0.5rem;
}
.related-posts-view .slick-dots li button {
border: none;
background-color: #949E9D;
width: 11px !important;
height: 12px !important;
font-size: 0;
border-radius: 50% !important;
}
.related-posts-view .slick-dots li.slick-active button {
background-color: #F77805;
} .newsletter {
text-align: center;
}
.newsletter .inf-rgpd {
display: none;
}
.newsletter .inf-form .inf-content {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.newsletter .inf-form .inf-input {
min-width: 43.5%;
}
.newsletter {
min-height: 400px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 2rem;
}
.newsletter .inf-form .inf-main_d80b7040b773199015de6d3b4293c8ff {
background-color: transparent;
}
.newsletter .inf-form .inf-input input {
background: #fff;
height: 64px;
border-radius: 20px 0 0 20px;
padding: 0 30px;
}
.newsletter .inf-form .inf-submit {
position: relative;
z-index: 0;
}
.newsletter .inf-form .inf-submit:before {
content: url(//business.mso.swiss/wp-content/uploads/2022/03/arrow.png);
position: absolute;
left: 30%;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 95%;
}
.newsletter .inf-form .inf-submit input[type="submit"] {
height: 64px !important;
border-radius: 0px 20px 20px 0px !important;
min-width: 180px;
background-color: #F77805;
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
padding-left: 2rem;
}
.newsletter .inf-form .inf-submit input[type="submit"]:hover {
opacity: 1 !important;
transform: translateY(0px) !important;
-webkit-transform: translateY(0px) !important;
opacity: 0.85 !important;
}
.newsletter .inf-form h4 {
color: #fff;
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 48px;
text-transform: initial;
}
.newsletter .inf-form span {
color: #fff;
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
}
@font-face {
font-family: Jeko-Black;
src: url(//business.mso.swiss/wp-content/themes/salient-child/fonts/Jeko-Black.otf);
} @media (max-width:1199.98px) {
.single-post .content.main-article .container .row {
display: block !important;
}
.single-post .content.main-article .post-links .post-content .image img {
height: 300px;
max-width: 100% !important;
width: 100%;
}
.single-post .content.main-article .previous-article {
padding-bottom: 5rem;
padding-top: 50px !important;
}
.single-post .content.main-article .container .row>.vc_col-sm-8,
.single-post .main-article .read-time {
padding-right: 0 !important;
}
.newsletter .inf-form span {
display: inline-block;
width: 60%;
}
.custom-sidebar {
width: 100%;
}
}
@media (max-width:767px) {
.newsletter .inf-form .inf-submit input[type="submit"] {
min-width: 120px;
}
.newsletter .inf-form .inf-input {
min-width: 65.5%;
}
.single-post .content.main-article .next-article {
padding-top: 35px !important;
}
.single-post .content.main-article .container .row>.vc_col-sm-8,
.single-post .main-article .read-time {
padding-right: 0 !important;
}
.single-post .content.main-article .previous-article {
padding-bottom: 4rem;
}
.newsletter .inf-form .inf-submit:before {
left: 20%;
}
.post-share {
padding-bottom: 0 !important;
}
}
@media (max-width:480px) {
.single-post .content.main-article .post-links .post-content .image img {
height: 220px;
}
.single-post .main-article .read-time {
position: unset !important;
}
.single-post .main-article .read-time {
padding-bottom: 0;
padding-top: 1.5rem;
}
.single-post .content {
padding-top: 1.5rem !important;
}
section.blog-hero-section.single-blog .post-date.white {
padding-top: 20px !important;
}
}
@media (max-width:560px) {
.related-posts-view .slider-control .prev {
left: -45px;
}
.related-posts-view .slider-control .next {
right: -45px;
}
.blog-hero-section h1 {
font-size: 30px !important;
line-height: 34.97px !important;
}
.newsletter .inf-form h4 {
font-size: 35px;
line-height: 40px;
}
.newsletter .inf-form span {
width: 95%;
}
.related-posts-view .slider-control .prev,
.related-posts-view .slider-control .next {
display: none;
}
.ajax-blog-listing .custom-tabs {
justify-content: center;
}
.ajax-blog-listing .custom-tabs li {
margin-right: 10px !important;
margin-bottom: 10px;
}
.category-title-container {
padding: 80px 20px 24px !important;
} .ajax-blog-listing .post-content .post-title {
line-height: 24px !important;
}
} .blog-hero-section {
min-height: 480px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
padding-top: 70px;
background-position:bottom;
}
.blog-hero-section .heading {
display: flex;
justify-content: center;
}
.blog-hero-section h1 {
margin: 0;
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 55px;
color: #fff;
text-transform: initial;
padding-top: 30px;
}
.blog-hero-section:before {
content: '';
background: rgba(13, 12, 12, 0.3);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
} .ajax-blog-listing .custom-tabs li {
list-style: none;
margin-right: 24px;
}
.ajax-blog-listing .custom-tabs {
display: flex;
flex-wrap: wrap;
margin-left: 0;
padding: 0px 10px 0px;
margin-bottom: 10px;
}
.ajax-blog-listing .post-content .image img {
width: 100%;
border-radius: 20px;
height: 300px;
object-fit: cover;
display: block !important;
}
.ajax-blog-listing .post-content {
position: relative;
}
.ajax-blog-listing .posts-listing .post-item {
width: 50%;
float: left;
margin-left: 0;
padding: 10px;
}
.post-content .inner-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: grid;
grid-template-rows: 0.8fr 4fr 1fr;
padding: 24px 24px 24px;
}
.ajax-blog-listing .post-content .category-name {
padding: 7px 2rem;
color: #fff;
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
background: #1CBAA8;
border-radius: 7.15px;
text-transform: initial;
justify-self: left;
height: 28px;
}
.ajax-blog-listing .post-content .post-date {
color: #fff;
font-family: 'Barlow';
font-size: 16px;
line-height: 19px;
font-weight: 400;
display: grid;
align-items: end;
padding-bottom: 18px;
}
.ajax-blog-listing .post-content .post-title {
color: #fff;
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
text-transform: initial;
text-align: left !important;
}
.ajax-blog-listing .post-content .image {
position: relative;
z-index: 0;
}
.ajax-blog-listing .post-content .image:before {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgb(0 0 0) 71%, rgb(50 50 50) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.2;
border-radius: 20px;
}
.ajax-blog-listing .custom-tabs li {
padding: 9px 20px;
border: 1px solid #DCE0E0;
box-sizing: border-box;
border-radius: 24px;
cursor: pointer;
transition: all 0.3s;
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 25px;
color: #0D0C0C;
}
.ajax-blog-listing li.filter.active,
.ajax-blog-listing li:hover {
background-color: #58B7A8;
border-color: #58B7A8;
color: #fff;
}
.section-pagination svg {
width: 20px;
transform: translateY(6px);
fill: #F77805;
}
.section-pagination .previouspostslink svg {
transform: rotate(180deg) translateY(-6px);
}
.category-title-container {
padding: 83px 100px 24px;
}
@media (max-width:999px) {
.ajax-blog-listing .container {
max-width: 90%;
}
.single-post .content.main-article .post-links .post-content .image img {
min-height: 220px;
max-width: 260px;
}
.single-post .content.main-article .container .row>.vc_col-sm-8,
.single-post .main-article .read-time {
padding-right: 2rem;
}
.ajax-blog-listing .posts-listing .post-item {
width: 100%;
}
.ajax-blog-listing .custom-tabs li {
margin-bottom: 20px;
}
.content a.nectar-button {
float: left;
margin-left: 0 !important;
}
}
.section-pagination {
text-align: center;
padding: 40px 0 80px;
} .section-pagination .pages {
display: none;
}
.section-pagination .current { color: #fff !important;
opacity: 1;
}
.section-pagination .current,
.section-pagination a {
padding: 0.78rem 1.1em;
background: transparent;
border-radius: 35px;
margin: 0 0.3rem;
color: #0D0C0C;
transition: all 0.3s;
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
}
.section-pagination a.page:hover { color: #fff;
}
.section-pagination a.page,
.section-pagination .current {
position: relative;
z-index: 1;
}
.section-pagination a.page:hover:after,
.section-pagination .current:after {
content: '';
width: 43px;
height: 43px;
background: #F77805;
position: absolute;
top: 0;
left: -3px;
z-index: -1;
border-radius: 50%;
}
section.blog-hero-section.single-blog .category-name {
color: #fff;
background: #1CBAA8;
border-radius: 20px;
padding: 5px 20px;
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-transform: initial;
}
section.blog-hero-section.single-blog .post-date.white {
color: #fff;
text-align: center !important;
padding-top: 28px;
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
}
.container.category-title-container h3 {
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 44px;
text-transform: capitalize;
color: #0D0C0C;
} .custom-sidebar h3 a {
color: #0D0C0C;
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.single-post .content {
padding-top: 2.5rem;
}
.single-post .vc_col-sm-8,
.single-post .vc_col-sm-4 {
margin-left: 0;
}
.single-post .custom-post-content .inner img {
padding-right: 1rem;
padding-left: 1rem;
}
.single-post .content.main-article {
padding-top: 80px;
}
.single-post .main-article .author-avtar {
float: left;
}
.single-post .main-article .author-avtar img {
border-radius: 50%;
margin-right: 17px;
padding: 0;
}
.single-post .main-article .author-name {
padding-bottom: 0px;
padding-top: 5px;
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #0D0C0C;
}
.single-post .main-article .author-job-description {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding-bottom: 0px;
}
.single-post .main-article .read-time {
position: absolute;
top: 18px;
right: 0;
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.single-post .content.main-article .container .row {
display: flex;
}
.single-post .content.main-article .post-links .container .row {
display: flex;
float: left;
}
.single-post .content.main-article .post-links .post-content .category-name {
padding: 7px 2rem;
color: #fff;
font-family: 'Barlow';
font-size: 12px;
line-height: 14px;
font-weight: 400;
background: #1CBAA8;
border-radius: 7.15px;
text-transform: initial;
justify-self: left;
height: 28px;
}
.single-post .content.main-article .post-links .post-content .post-date {
color: #fff !important;
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: grid;
align-items: end;
padding-bottom: 18px;
}
.single-post .content.main-article .post-links .post-content .post-title {
color: #fff;
font-size: 20px;
line-height: 21.99px;
font-weight: bold;
font-style: normal;
font-family: 'Barlow';
text-transform: initial;
text-align: left !important;
margin-bottom: 0;
}
.single-post .content.main-article .post-links .post-content .image img {
min-height: 240px;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.single-post .content.main-article .post-links .post-content {
position: relative;
}
.single-post .content.main-article .post-links h3 {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #0D0C0C;
text-transform: initial;
padding-bottom: 24px;
margin-bottom: 0;
text-align: left !important;
}
.single-post .content.main-article .container .row>.vc_col-sm-8,
.single-post .main-article .read-time {
padding-right: 7rem;
}
.single-post .content.main-article .next-article {
padding-top: 70px;
}
.single-post .content.main-article .previous-article {
padding-top: 55px;
}
.single-post .content.main-article .post-links .post-content .image {
position: relative;
}
.single-post .content.main-article .post-links .post-content .image:before {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgb(0 0 0) 71%, rgb(50 50 50) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.2;
border-radius: 20px;
}
.single-post .content.main-article .post-links h3:before {
content: url(//business.mso.swiss/wp-content/uploads/2022/03/left-arrow.png);
margin-right: 8px;
position: relative;
top: 2px;
}
.single-post .content.main-article .post-links .previous-article h3:before {
transform: rotate(180deg);
display: inline-block;
top: 0;
}
.single-post .content p span,
.single-post .content p {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #403D3D !important;
}
.single-post .content h3 {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
}
.single-post em {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
display: block;
padding-right: 0.5rem;
padding-top: 0.5rem;
}
.content .nectar-button {
margin-left: 50px !important;
}
.post-share {
padding-bottom: 24px;
border-top: 1px solid #DCE0E0;
padding-top: 24px;
}
.post-share,
.post-share .list-unstyled {
display: flex;
justify-content: center;
}
.post-share .list-unstyled li {
list-style: none;
padding-right: 1rem;
}
.post-share span {
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #0D0C0C !important;
margin-top: -4px;
} .highlight-element {
text-align: center;
background: #FFFFFF;
border: 1px solid #F5F7F7;
box-sizing: border-box;
box-shadow: 0px 0px 12px 0 rgba(128, 122, 122, 0.2);
border-radius: 8px;
padding: 24px;
}
.highlight-element .img-icon {
margin: auto;
}
.highlight-element h2 {
font-family: 'Jeko-Black';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #0D0C0C;
text-transform: initial;
padding-bottom: 15px;
padding-bottom: 10px;
}
.highlight-element .highlight-element__content span {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 25px;
color: #403D3D;
}
.highlight-element .highlight-element__content span a,
.single-post p a {
color: #f77805 !important;
transition: all 0.3s;
font-weight: bolder;
}
.highlight-element .highlight-element__content span a:hover,
.single-post p a:hover {
color: #ff891E !important;
}
@media (max-width:479px) {
.container {
max-width: 90%;
}
} @media (max-width:1199.98px) {
.post-links {
position: unset !important;
}
.single-post .content.main-article .next-article {
padding-top: 0;
}
.single-post .content.main-article {
padding-top: 2rem !important;
}
}
@media (min-width:1200px) {
.custom-sidebar {
height: auto;
width: 28%;
}
.post-links.fixed {
position: fixed;
top: 45px;
width: 335px;
}
.post-links {
width: 335px;
}
.custom-post-content {
width: 72%;
}
} a.previouspostslink,
a.nextpostslink {
background: transparent;
color: #F77805;
padding: 5px;
}
.single .content a.nectar-button {
background: #F77805 !important;
border-radius: 10px !important;
}
.single .content a.nectar-button:hover {
opacity: 0.9;
}
.single .content a.nectar-button span {
font-family: 'Barlow';
font-weight: 600;
}
.single .back-to-btn {
text-align: center;
padding-bottom: 2rem;
}
.single .back-to-btn .back-link {
background: #F77805;
padding: 1.1rem 2.5rem 1.1rem 4rem;
border-radius: 10px;
color: #fff;
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
transition: all 0.3s ease-in-out;
position:relative;
}
.single .back-to-btn .back-link:before {
content: url(//business.mso.swiss/wp-content/uploads/2022/03/arrow.png);
position: absolute;
left: 40px;
top: 3px;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
transform: rotate(180deg);
}
.single .back-to-btn .back-link:hover {
background: #ff891E;
}