@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
body {
font-family: Montserrat, "Helvetica Neue", sans-serif;
background-color: #fff;
}
body.archive, body.archive p {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, blockquote, thead td, .comment-author b, q::before {
font-family: Montserrat, "Helvetica Neue", sans-serif !important;
}
a {
color: inherit;
}
.container {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.breadcrumb {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #999;
margin-bottom: 60px;
}
h1 {
font-weight: 700;
font-size: 40px;
line-height: 110%;
color: #000;
margin-bottom: 30px;
}
.sidebar {
margin-left: 60px;
}
.blog-categories {
max-width: 800px;
}
.blog-categories__wrap {
display: flex;
justify-content: space-between;
gap: 20px;
}
.blog-category-cards {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.blog-category-card {
margin-bottom: 50px;
}
.blog-category-card__img {
position: relative;
}
.blog-category-card__image img {
width: 100%;
min-height: 160px;
object-fit: cover;
max-height: 400px;
}
.blog-category-card__category {
color: #fff;
background: #4c32f0;
padding: 6px 12px;
border-radius: 20px;
position: absolute;
top: 20px;
left: 20px;
font-size: 11px;
}
.blog-category-card__title {
font-weight: 700;
font-size: 26px;
line-height: 100%;
color: #000;
margin: 30px 0 20px;
display: block;
}
.blog-category-card__exerpt {
font-weight: 400;
font-size: 16px;
line-height: 180%;
color: #333;
}
.blog-category-card__views {
display: flex;
align-items: center;
gap: 5px;
}
.blog-sidebar__icons-wrap {
position: absolute;
}
.blog-sidebar__icons {
display: flex;
flex-direction: column;
}
.blog-sidebar__icons a {
margin-bottom: 7px;
}
.blog-sidebar {
max-width: 300px;
width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
}
.sidebar-categories__list {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
}
.sidebar-categories__list a {
font-size: 14px;
line-height: 1;
text-decoration: none;
color: #999;
background: #F8F8F8;
border-radius: 20px;
padding: 6px 12px;
}
.sidebar-categories__list a:hover {
color: #fff;
background: #4c32f0;
}
.sidebar-tags__list a {
font-size: 14px;
line-height: 30px;
color: #666666;
margin-right: 10px;
}
.sidebar-tags__list a:before {
content: "#";
}
.sidebar-tags__list a:hover {
color: #22C993;
font-weight: 500;
text-decoration: none;
}
.sidebar-tags__list a:active, a:focus {
color: #22C993;
font-weight: 500;
text-decoration: none;
}
.sidebar-item__webinars {
margin-bottom: 18px;
}
.sidebar-item__webinars img {
margin: auto;
margin-bottom: 18px;
}
.sidebar-title__webinars {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #666666;
}
.sidebar-item__webinars > div > div {
font-size: 14px;
line-height: 16px;
color: #BBBBBB;
display: flex;
margin-right: 15px;
}
.sidebar-item__webinars > div {
display: flex;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.sidebar-item__webinars > div > div img {
margin-right: 5px;
}
.sidebar-title {
font-size: 18px;
color: #000000;
margin-bottom: 24px;
font-weight: 700;
}
.sidebar-articles__item.sidebar-article {
display: flex;
margin-bottom: 25px;
align-items: center;
}
.sidebar-article__img {
width: 48px;
height: 48px;
margin-right: 10px;
}
.sidebar-article__img img {
width: 48px;
height: 48px;
max-width: 48px;
-o-object-fit: cover;
object-fit: cover;
}
.sidebar-socials__icons a {
margin-right: 10px;
}
.sidebar-articles__item {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.sidebar-articles__item:hover .sidebar-article__title a {
color: #4c32f0;
}
.sidebar-article__title a {
display: inline-block;
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: #999;
}
@media (max-width: 991px) {
.sidebar {
display: none;
}
.blog-categories {
width: 100%;
}
}
@media (max-width: 768px) {
.breadcrumb {
margin-bottom: 30px;
}
.site {
margin: 20px;
}
.blog-categories h1 {
font-size: 22px;
}
.blog-sidebar {
display: none;
}
.blog-category-card {
margin-bottom: 30px;
}
.blog-category-card__title {
font-size: 16px;
}
.blog-category-card__exerpt {
font-size: 12px;
}
.blog-category-card__image img {
max-height: 150px;
}
}