body {
color: #333;
font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
color: #111;
font-family: 'Jost', serif;
}
.main-navigation ul.menu > li > a {
font-size: 16px;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: none;
}
.site-header .site-branding .site-title {
font-size: 25px;
line-height: 1.2;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: uppercase;
}
.site-header .site-branding .site-description {
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: none;
}
.section-banner .banner-content .entry-meta a {
font-size: 13px;
line-height: 1.6;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: capitalize;
}
.section-banner .banner-content .entry-title {
font-size: 52px;
line-height: 1.2;
font-weight: 500;
font-family: 'Jost', serif;
}
.post .feature-posts-content .cat-links a {
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
.highlight-post-slider .post .cat-links a {
font-family: 'Poppins', sans-serif;
text-transform: capitalize;
}
.highlight-post-slider .post .entry-content .entry-title {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: none;
}
.entry-content p a, .comment-content p a, .entry-content li a, .comment-content li a, .widget p a, .comments-area .comment-list .comment-content a {
color: #2e92ff;
}
.entry-content p a:hover, .entry-content p a:focus, .comment-content p a:hover, .comment-content p a:focus, .entry-content li a:hover, .entry-content li a:focus, .comment-content li a:hover, .comment-content li a:focus, .widget p a:hover, .widget p a:focus, .comments-area .comment-list .comment-content a:hover, .comments-area .comment-list .comment-content a:focus {
color: #086abd;
}
.section-banner .banner-content .entry-text p {
font-size: 15px;
line-height: 1.8;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: initial;
}
.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
font-size: 18px;
line-height: 1.4;
font-weight: 500;
font-family: 'Jost', sans-serif;
text-transform: capitalize;
}
.post .feature-posts-content .entry-meta a, #primary .entry-meta, .highlight-post-slider .post .entry-meta a {
font-size: 13px;
line-height: 1.6;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: capitalize;
}
#primary article .entry-title {
font-size: 22px;
line-height: 1.4;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: capitalize;
}
.sidebar .widget .widget-title {
font-size: 18px;
line-height: 1.4;
font-weight: 500;
font-family: 'Jost', sans-serif;
text-transform: uppercase;
}
.page-title {
font-size: 42px;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: none;
}
.site-footer .site-info, .site-footer .footer-menu ul li a {
font-size: 15px,
text-transform: none,
line-height: 1.6,;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
.header-contact ul li a {
color: #333;
}
.section-feature-pages-area, .section-info-area, .section-advertisement-area {
padding-bottom: 70px;
}
.section-feature-pages-area ~ .section-banner {
padding-bottom: 70px;
}
.section-feature-pages-area .content-wrap {
margin-bottom: -30px;
}
.post .feature-pages-content .feature-pages-title {
font-size: 18px;
display: inline-block;
margin-bottom: 0;
line-height: 1.4;
font-weight: 500;
background-color: #fff;
text-transform: uppercase;
padding: 10px 20px;
}
.feature-pages-content-wrap, .advertisement-content-wrap {
margin-bottom: 30px;
}
.feature-pages-layout-one .feature-pages-image, .section-feature-posts-two-area .feature-posts-image {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-color: #ccc;
z-index: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.feature-pages-layout-one .feature-pages-image:before, .section-feature-posts-two-area .feature-posts-image:before {
width: 100%;
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
left: 0;
top: 0;
z-index: 1;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
opacity: 1;
}
.feature-pages-layout-one .feature-pages-content, .section-feature-posts-two-area .feature-posts-content {
width: 100%;
position: relative;
z-index: 2;
padding: 0 20px;
}
.section-feature-posts-two-area {
padding-bottom: 50px;
}
.section-feature-posts-two-area .feature-posts-image {
height: 260px;
}
.section-feature-posts-two-area .feature-big-posts .feature-posts-image {
height: 550px;
}
.section-feature-posts-two-area .feature-posts-content .feature-posts-title {
margin-bottom: 15px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links {
display: block;
margin-bottom: 10px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links a {
background-color: #eb5a3e;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
letter-spacing: 0.8px;
padding: 5px;
margin: 2px;
}
.site-content .grid-thumbnail .hentry {
padding-bottom: 0;
margin-bottom: 40px;
border-bottom: none;
}
.site-content .grid-thumbnail .list-post .featured-image a {
display: block;
}
.site-content .grid-thumbnail .list-post .featured-image img {
width: 100%;
}
.site-content .grid-thumbnail .list-post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-content .grid-thumbnail .list-post .featured-image {
width: 100px;
}
.site-content .grid-thumbnail .list-post .entry-content {
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
padding-left: 20px;
}
.site-content .grid-thumbnail .list-post .entry-content h3 {
margin-bottom: 8px;
}
#offcanvas-menu .header-category-nav .menu-item-has-children a button[class*="fa-"], #offcanvas-menu .header-category-nav .page_item_has_children a button[class*="fa-"] {
width: 20px;
font-size: 15px;
float: right;
text-align: center;
height: 20px;
background-color: transparent;
border: none;
padding: 0;
}
#offcanvas-menu .header-category-nav .navbar-nav > .menu-item-has-children > a button[class*="fa-"], #offcanvas-menu .header-category-nav .navbar-nav > .page_item_has_children > a button[class*="fa-"] {
color: #fff;
}
body[class*=woocommerce] ul.products li.product .woocommerce-loop-product__title {
font-size: 17px;
line-height: 1.4;
font-weight: 500;
font-family: 'Jost', serif;
text-transform: none;
}
body[class*=woocommerce] ul.products li.product .price {
font-size: 16px;
line-height: 1.3;
font-weight: 600;
font-family: 'Jost', serif;
text-transform: none;
}
body[class*=woocommerce] .product-inner .button, body[class*=woocommerce] .product-inner .added_to_cart {
font-size: 13px;
line-height: 1.5;
font-weight: 400;
font-family: 'Jost', serif;
text-transform: uppercase;
}
.section-services-area {
padding-bottom: 70px;
}
.section-services-area .content-wrap {
margin-bottom: -30px;
}
.services-content-wrap {
margin-bottom: 30px;
}
.section-services-area .services-content-wrap {
-moz-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
padding: 25px;
}
.services-content-wrap .featured-image {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.services-content-wrap .button-container {
padding-top: 10px;
position: relative;
margin-top: 30px;
margin-bottom: -10px;
}
.services-content-wrap .button-container:before {
margin-left: -25px;
margin-right: -25px;
position: absolute;
border-top: 1px solid rgba(243, 243, 243, 0.8);
content: "";
bottom: 100%;
right: 0;
left: 0;
}
.services-content-wrap .button-container a {
display: flex;
align-items: center;
justify-content: space-between;
}
.section-client-area {
padding-bottom: 70px;
}
.section-client-area .client-item {
margin-bottom: 30px;
}
.client-content-wrap {
background-color: #f8f8f8;
padding: 35px 35px 5px;
}
.section-category-area {
padding-bottom: 70px;
}
.section-category-area .content-wrap {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.section-category-area .category-content-wrap {
display: -webkit-flex;
display: flex;
align-items: center;
background-color: #fafafa;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
padding: 10px;
}
.section-category-area .category-content-wrap .featured-image {
width: 34px;
margin-right: 20px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.section-category-area .category-content-wrap .entry-title {
margin-bottom: 0;
}
.section-category-area .category-content-wrap .entry-title i {
margin-left: 5px;
font-size: 12px;
}
.section-highlights-area {
padding-bottom: 70px;
}
.section-highlights-area .content-wrap {
margin-bottom: -30px;
}
.section-highlights-area .travel-content-wrap {
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.travel-content-wrap {
margin-bottom: 30px;
}
.travel-content-wrap .entry-title {
margin-bottom: 0;
text-align: center;
background-color: #fff;
padding: 15px;
}
@media screen and (max-width: 991px) {
.section-category-area .content-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.section-category-area .content-wrap {
grid-template-columns: repeat(2, 1fr);
}
.section-feature-pages-area {
padding-bottom: 50px;
}
.section-feature-pages-area ~ .section-banner {
padding-bottom: 50px;
}
.section-advert {
padding-bottom: 50px;
}
.advertisement-content-wrap .featured-image img {
width: 100%;
}
}
@media screen and (max-width: 576px) {
.section-info-area .info-content-wrap {
border-left: none;
border-top: 1px solid rgba(243, 243, 243, 0.8);
}
.section-info-area .row [class*="col-"]:first-child .info-content-wrap {
border-top: none;
}
}
@media screen and (max-width: 479px) {
.section-category-area .content-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (min-width: 576px) {
.site-content .grid-thumbnail:nth-last-of-type(2) .hentry {
padding-bottom: 0;
margin-bottom: 0;
}
}