| Server IP : 195.130.67.5 / Your IP : 216.73.217.154 Web Server : Microsoft-IIS/10.0 System : Windows NT WEBSERVER1 10.0 build 17763 (Windows Server 2016) i586 User : IUSR ( 0) PHP Version : 7.4.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/inetpub/wwwroot/stirizo/wp-content/plugins/widgetkit-pro/dist/css/ |
Upload File : |
@charset "UTF-8";
/* fonts */
/* 400, 700 */
/* 400, 700 */
/* 400, 700 */
/* 400 */
/* 400 */
/* 400 */
/* 400, 700 */
/* 400, 700 */
/* 400, 700 */
/* font size */
/* colors */
/**
element
title = #3d3d3d
category = #707070
excerpt = #707070
*/
svg {
height: auto;
}
/**
LearnDash
*/
.dynamic-cat-post-list {
position: relative;
display: inline-block;
width: 100%;
}
.dynamic-cat-post-list .ajax-contents {
position: absolute;
width: 100%;
height: 100%;
background: rgba(236, 177, 1, 0.6);
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
text-align: center;
z-index: 2;
}
/**
Ajax Loader
============
*/
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #ecb101;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
/* LearnDash */
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld_course_grid_price {
background: #ecb101;
box-shadow: none;
color: white;
text-shadow: none;
position: absolute;
font-size: 14px;
left: 8px;
top: 10px;
padding: 3px 10px;
z-index: 2;
font-weight: bold;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld_course_grid_price:before {
border: 4px solid transparent;
border-top: 4px solid #ecb101;
border-right: 4px solid #ecb101;
content: "";
position: absolute;
left: 0;
bottom: -8px;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course {
padding: 0;
border: 1px solid #ddd;
margin-bottom: 30px;
}
.learndash-dynamic-category-wrapper {
text-align: center;
margin-bottom: 35px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}
.learndash-dynamic-category-wrapper .multiple-cat .cat-item {
padding: 0 8px;
font-weight: 500;
}
.learndash-dynamic-category-wrapper .multiple-cat .cat-item .tab-text {
position: relative;
font-size: 16px;
}
.learndash-dynamic-category-wrapper .multiple-cat a.cat-item:nth-child(1) > span:nth-child(1):before {
background: none;
}
.learndash-dynamic-category-wrapper .multiple-cat a {
text-decoration: none;
color: #444;
}
.learndash-dynamic-category-wrapper .multiple-cat .cat-item.active {
color: #ecb101;
position: relative;
}
.learndash-dynamic-category-wrapper .multiple-cat .cat-item.active:after {
background: #ecb101;
height: 4px;
width: 85%;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -23px;
text-align: center;
margin: auto;
}
.widgetkit-lp-course-1 .owl-nav .owl-carousel-left,
.widgetkit-lp-course-1 .owl-nav .owl-carousel-right,
.widgetkit-course-1 .owl-nav .owl-carousel-left,
.widgetkit-course-1 .owl-nav .owl-carousel-right,
.dynamic-category-body .owl-nav .owl-carousel-left,
.dynamic-category-body .owl-nav .owl-carousel-right {
background-color: #FFF;
border-radius: 50%;
border-width: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
color: #ecb101;
font-size: 18px;
height: 47px;
line-height: 1;
padding: 11px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
width: 47px;
z-index: 3;
position: absolute;
}
.widgetkit-lp-course-1 .owl-carousel-left,
.widgetkit-lp-course-1 .owl-carousel-left,
.widgetkit-course-1 .owl-carousel-left,
.widgetkit-course-1 .owl-carousel-left,
.dynamic-category-body .owl-carousel-left,
.dynamic-category-body .owl-carousel-left {
left: -10px !important;
left: auto;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-lp-course-1:hover .owl-carousel-left,
.widgetkit-lp-course-1:hover .owl-carousel-left,
.widgetkit-course-1:hover .owl-carousel-left,
.widgetkit-course-1:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left {
opacity: 1;
left: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-lp-course-1 .owl-carousel-right,
.widgetkit-lp-course-1 .owl-carousel-right,
.widgetkit-course-1 .owl-carousel-right,
.widgetkit-course-1 .owl-carousel-right,
.dynamic-category-body .owl-carousel-right,
.dynamic-category-body .owl-carousel-right {
right: -10px !important;
left: auto;
opacity: 0;
}
.widgetkit-lp-course-1:hover .owl-carousel-right,
.widgetkit-lp-course-1:hover .owl-carousel-right,
.widgetkit-course-1:hover .owl-carousel-right,
.widgetkit-course-1:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right {
opacity: 1;
right: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld-caption {
padding: 30px 25px;
}
.thumbnail {
border: none;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld-caption .wk-entry-title {
margin: 0 0 15px 0;
font-size: 20px;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld-caption a.course-title-link {
color: #333;
text-decoration: none;
font-weight: 700;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld-caption .wk-entry-title:hover a.course-title-link {
color: #ecb101;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .course .ld-caption .ld-entry-content {
margin-bottom: 20px;
font-size: 16px;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .ld_course_grid_button {
margin-bottom: 0;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab #lp-dynamic-course-carousel {
display: flex;
flex-wrap: wrap;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .cat-post-list img {
max-height: 210px;
height: 210px;
object-fit: cover;
width: 100%;
display: block;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .plugin-active-massage {
text-align: center;
border: 5px solid #EEB90E;
padding: 100px 0;
}
.elementor-widget-widgetkit-learndash-dynamic-category-tab .plugin-active-massage h3 {
display: inline-block;
color: #fff;
background: #EEB90E;
color: white;
padding: 10px;
margin: 0;
}
/**
New added
*/
.dynamic-category-body .owl-carousel-left i,
.dynamic-category-body .owl-carousel-right i {
font-size: 16px;
line-height: 1.5;
}
.dynamic-category-body:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-right {
color: #EEB90E;
}
.dynamic-category-body:hover .owl-carousel-left i,
.dynamic-category-body:hover .owl-carousel-right i {
color: #EEB90E;
}
@media (max-width: 992px) {
.dynamic-category-body .wkp-ld-single-course {
width: 100%;
}
}
.ld_course_grid {
position: relative;
}
.ld_course_grid .wk-entry-title {
font-size: 20px;
padding-top: 0;
font-weight: 700;
line-height: 26px;
margin: 0;
}
#ld_course_list .thumbnail.course .ld_course_grid_price,
.ld_course_grid_button .course .ld_course_grid_price {
text-shadow: none;
z-index: 1;
}
#ld_course_list .thumbnail .caption,
.ld_course_grid_button .thumbnail .caption {
padding: 20px !important;
}
#ld_course_list .btn-primary,
.ld_course_grid_button .btn-primary {
border-radius: 50px ;
background: transparent;
border-color: #ecb101 ;
font-weight: 600 ;
padding: 7px 20px ;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#ld_course_list .btn-primary:hover,
.ld_course_grid_button .btn-primary:hover {
background: #ecb101 ;
border-color: #ecb101 ;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: white ;
}
#ld_course_list .btn,
.ld_course_grid_button .btn {
color: #ecb101 ;
border-width: 2px;
}
.widgetkit-ld-courses .lpcourse-sidebar.ldcourse-sidebar .learndash_checkout_buttons .learndash_checkout_button {
max-width: inherit;
margin-right: 0;
width: 100%;
}
.widgetkit-ld-courses .lpcourse-sidebar.ldcourse-sidebar .btn-join,
.widgetkit-ld-courses .lpcourse-sidebar.ldcourse-sidebar #btn-join,
.widgetkit-ld-courses .lpcourse-sidebar.ldcourse-sidebar .learndash_checkout_buttons input.btn-join[type="button"],
.widgetkit-ld-courses .lpcourse-sidebar.ldcourse-sidebar a#quiz_continue_link {
padding: 10px 28px;
border-radius: 100px;
text-transform: uppercase;
}
.widgetkit-ld-courses .tx-course {
height: 450px;
}
.widgetkit-ld-courses .thumbnail {
padding: 0;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
border: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-ld-courses .ld-entry-content {
margin-bottom: 15px;
}
.elementor-widget-widgetkit-pro-learndash-course .widgetkit-ld-courses .ld-entry-content {
font-size: 16px;
}
.widgetkit-ld-courses .ld_course_grid_button {
margin: 0;
}
.widgetkit-ld-courses .course {
padding: 0;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 0px;
position: relative;
}
.widgetkit-ld-courses .course .caption {
padding: 30px;
}
.widgetkit-ld-courses .course .ld_course_grid_price {
background: #ecb101;
box-shadow: none;
color: white;
text-shadow: none;
position: absolute;
font-size: 14px;
left: -8px;
top: 10px;
padding: 3px 10px;
z-index: 2;
font-weight: 700;
}
.widgetkit-ld-courses .ld_course_grid_price:before {
border: 4px solid transparent;
border-top: 4px solid #ecb101;
border-right: 4px solid #ecb101;
content: "";
position: absolute;
left: 0;
bottom: -8px;
}
.widgetkit-ld-courses .ld_course_grid {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-ld-courses .ld_course_grid:hover .thumbnail {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-ld-courses .thumbnail .caption {
padding: 30px;
}
.widgetkit-ld-courses .ld_course_grid .wk-entry-title {
margin: 0 0 15px 0;
}
.elementor-widget-widgetkit-pro-learndash-course .widgetkit-ld-courses .ld_course_grid .wk-entry-title {
font-size: 20px;
font-weight: 700;
}
.widgetkit-ld-courses .ld_course_grid .wk-entry-title a {
color: #333;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-ld-courses .ld_course_grid .wk-entry-title:hover {
color: #ecb101;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-ld-courses .course_navigation .learndash_navigation_lesson_topics_list .lesson {
margin: 0 0 5px 5px;
}
.widgetkit-ld-courses .learndash-pager a {
background-color: #ecb101;
padding: 4px 15px;
color: white;
font-size: 22px;
}
.widgetkit-ld-courses .learndash-pager {
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
}
.widgetkit-ld-courses .addon-price-wapper {
position: absolute;
left: -10px;
top: 25px;
z-index: 1;
background: #fffffff2;
padding: 5px 10px;
border-radius: 0 2px 3px 0;
}
.widgetkit-ld-courses .addon-price-wapper::before {
content: "";
position: absolute;
left: 10px;
right: 0;
width: 10px;
height: 100%;
top: 10px;
border: 8px solid transparent;
border-bottom-color: #fff;
transform: rotate(45deg);
}
.widgetkit-ld-courses {
display: flex;
flex-wrap: wrap;
}
.widgetkit-ld-courses .thumbnail img {
max-height: 210px;
height: 210px;
width: 100%;
object-fit: cover;
display: block;
}
.widgetkit-ld-courses .ld_course_grid_price {
background-color: #ecb101;
text-shadow: none;
font-weight: 700;
}
.plugin-active-massage {
text-align: center;
border: 5px solid #EEB90E;
padding: 100px 0;
}
.plugin-active-massage h3 {
display: inline-block;
color: #fff;
background: #EEB90E;
color: white;
padding: 10px;
margin: 0;
}
.widgetkit-ld-courses {
margin: 0;
}
.widgetkit-ld-courses .column-grid {
display: grid;
}
.widgetkit-ld-courses .column-grid .ld_course_grid img {
width: 100%;
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-ld-courses .column-desktop-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-ld-courses .column-tablet-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-ld-courses .column-mobile-1 {
grid-template-columns: repeat(1, 1fr);
}
}
/**
lifter
*/
.widgetkit-lifter-courses .lifter_course_grid {
padding: 0;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 0px;
position: relative;
transition: all 0.3s ease;
}
.widgetkit-lifter-courses .lifter_course_grid a.course-featured-image {
display: inline-block;
width: 100%;
}
.widgetkit-lifter-courses .lifter_course_grid .course-title a {
transition: all 0.3s ease;
}
.widgetkit-lifter-courses .lifter_course_grid .course-meta {
display: flex;
align-items: center;
justify-content: space-between;
}
.widgetkit-lifter-courses .lifter_course_grid .course-meta p {
margin: 0;
}
.widgetkit-lifter-courses .lifter_course_grid .course-meta .icon {
margin-right: 3px;
}
.plugin-active-massage {
text-align: center;
border: 5px solid #EEB90E;
padding: 100px 0;
}
.plugin-active-massage h3 {
display: inline-block;
color: #fff;
background: #EEB90E;
color: white;
padding: 10px;
margin: 0;
}
.widgetkit-lifter-courses {
margin: 0;
}
.widgetkit-lifter-courses .column-grid {
display: grid;
}
.widgetkit-lifter-courses .column-grid .lifter_course_grid img {
width: 100%;
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.widgetkit-lifter-courses .column-desktop-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.widgetkit-lifter-courses .column-tablet-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-lifter-courses .column-mobile-1 {
grid-template-columns: repeat(1, 1fr);
}
}
/**
Others
*/
.wk-smart-toggle .toggle-wrapper {
display: flex;
align-items: center;
width: 100%;
text-align: center;
justify-content: center;
}
.wk-smart-toggle .toggle {
position: relative;
width: 60px;
margin: 0 15px;
height: 40px;
border-radius: 100px;
background-color: #ddd;
box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.wk-smart-toggle .toggle .b {
display: block;
}
.wk-smart-toggle .toggle .check {
position: absolute;
display: block;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
}
.wk-smart-toggle .toggle .check:checked ~ .track {
box-shadow: inset 0 0 0 20px #4bd863;
}
.wk-smart-toggle .toggle .check:checked ~ .switch {
right: 2px;
left: 22px;
transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: .05s, 0s;
}
.wk-smart-toggle .toggle .switch {
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 22px;
background-color: #fff;
border-radius: 36px;
z-index: 1;
transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: 0s, .05s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wk-smart-toggle .toggle .track {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
border-radius: 40px;
}
.wk-smart-toggle .smart-toggle-content-wrapper.active-primary .secondary-content {
display: none;
}
.wk-smart-toggle .smart-toggle-content-wrapper.active-secondary .primary-content {
display: none;
}
.layout-1,
.query-layout-1,
.layout-5 {
/**
video icon style
================
*/
}
.layout-1 .highlight-post-style-tiles .featured-post,
.query-layout-1 .highlight-post-style-tiles .featured-post,
.layout-5 .highlight-post-style-tiles .featured-post {
position: relative;
transition: all 0.5s ease;
transform: translateY(0px);
}
.layout-1 .highlight-post-style-tiles .featured-post .post-thumb,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-thumb,
.layout-5 .highlight-post-style-tiles .featured-post .post-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
transition: all 0.5s ease;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-thumb a,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-thumb a,
.layout-5 .highlight-post-style-tiles .featured-post .post-thumb a {
height: 100%;
position: relative;
transition: all 0.5s ease;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-thumb a:before,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-thumb a:before,
.layout-5 .highlight-post-style-tiles .featured-post .post-thumb a:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-thumb a img,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-thumb a img,
.layout-5 .highlight-post-style-tiles .featured-post .post-thumb a img {
height: 100%;
object-fit: cover;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-data,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-data,
.layout-5 .highlight-post-style-tiles .featured-post .post-data {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
transition: all 0.4s ease;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-data a,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-data a,
.layout-5 .highlight-post-style-tiles .featured-post .post-data a {
color: white;
}
.layout-1 .highlight-post-style-tiles .featured-post .post-data .post-meta,
.query-layout-1 .highlight-post-style-tiles .featured-post .post-data .post-meta,
.layout-5 .highlight-post-style-tiles .featured-post .post-data .post-meta {
color: white;
padding-top: 5px;
}
.layout-1 .highlight-post-style-tiles .featured-post:hover,
.query-layout-1 .highlight-post-style-tiles .featured-post:hover,
.layout-5 .highlight-post-style-tiles .featured-post:hover {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.layout-1 .highlight-post-style-tiles .featured-post:hover .post-thumb a img,
.query-layout-1 .highlight-post-style-tiles .featured-post:hover .post-thumb a img,
.layout-5 .highlight-post-style-tiles .featured-post:hover .post-thumb a img {
transform: scale(1) rotate(0deg);
}
.layout-1 .highlight-post-style-tiles .featured-post:hover .post-data,
.query-layout-1 .highlight-post-style-tiles .featured-post:hover .post-data,
.layout-5 .highlight-post-style-tiles .featured-post:hover .post-data {
bottom: 25px;
}
.layout-1 .highlight-post-style-tiles .regular-post .post-thumb,
.query-layout-1 .highlight-post-style-tiles .regular-post .post-thumb,
.layout-5 .highlight-post-style-tiles .regular-post .post-thumb {
line-height: 0;
}
.layout-1 .post-category a,
.query-layout-1 .post-category a,
.layout-5 .post-category a {
color: white;
}
.layout-1 .featured-post:hover .video-post-icon img,
.query-layout-1 .featured-post:hover .video-post-icon img,
.layout-5 .featured-post:hover .video-post-icon img,
.layout-1 .regular-post:hover .video-post-icon img,
.query-layout-1 .regular-post:hover .video-post-icon img,
.layout-5 .regular-post:hover .video-post-icon img,
.layout-1 .featured-post:hover .video-post-popup img,
.query-layout-1 .featured-post:hover .video-post-popup img,
.layout-5 .featured-post:hover .video-post-popup img,
.layout-1 .regular-post:hover .video-post-popup img,
.query-layout-1 .regular-post:hover .video-post-popup img,
.layout-5 .regular-post:hover .video-post-popup img {
transform: scale(1) rotate(0deg) !important;
}
.layout-1 div.post-thumb,
.query-layout-1 div.post-thumb,
.layout-5 div.post-thumb {
position: relative;
}
.layout-1 div.post-thumb .video-post-icon,
.query-layout-1 div.post-thumb .video-post-icon,
.layout-5 div.post-thumb .video-post-icon,
.layout-1 div.post-thumb .video-post-popup,
.query-layout-1 div.post-thumb .video-post-popup,
.layout-5 div.post-thumb .video-post-popup {
position: absolute;
width: 35px !important;
top: 5%;
right: 5%;
}
.layout-1 div.post-thumb .video-post-icon iframe,
.query-layout-1 div.post-thumb .video-post-icon iframe,
.layout-5 div.post-thumb .video-post-icon iframe,
.layout-1 div.post-thumb .video-post-popup iframe,
.query-layout-1 div.post-thumb .video-post-popup iframe,
.layout-5 div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-1 div.post-thumb .video-post-icon:focus,
.query-layout-1 div.post-thumb .video-post-icon:focus,
.layout-5 div.post-thumb .video-post-icon:focus,
.layout-1 div.post-thumb .video-post-popup:focus,
.query-layout-1 div.post-thumb .video-post-popup:focus,
.layout-5 div.post-thumb .video-post-popup:focus {
outline: none;
}
.layout-1 .vertical div.post-thumb,
.query-layout-1 .vertical div.post-thumb,
.layout-5 .vertical div.post-thumb {
position: relative;
}
.layout-1 .vertical div.post-thumb .video-post-icon,
.query-layout-1 .vertical div.post-thumb .video-post-icon,
.layout-5 .vertical div.post-thumb .video-post-icon,
.layout-1 .vertical div.post-thumb .video-post-popup,
.query-layout-1 .vertical div.post-thumb .video-post-popup,
.layout-5 .vertical div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 7%;
}
.layout-1 .vertical div.post-thumb .video-post-icon iframe,
.query-layout-1 .vertical div.post-thumb .video-post-icon iframe,
.layout-5 .vertical div.post-thumb .video-post-icon iframe,
.layout-1 .vertical div.post-thumb .video-post-popup iframe,
.query-layout-1 .vertical div.post-thumb .video-post-popup iframe,
.layout-5 .vertical div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-1 .vertical div.post-thumb .video-post-icon:focus,
.query-layout-1 .vertical div.post-thumb .video-post-icon:focus,
.layout-5 .vertical div.post-thumb .video-post-icon:focus,
.layout-1 .vertical div.post-thumb .video-post-popup:focus,
.query-layout-1 .vertical div.post-thumb .video-post-popup:focus,
.layout-5 .vertical div.post-thumb .video-post-popup:focus {
outline: none;
}
.layout-1 .highlight-post-style-tiles .video-post-icon,
.query-layout-1 .highlight-post-style-tiles .video-post-icon,
.layout-5 .highlight-post-style-tiles .video-post-icon,
.layout-1 .highlight-post-style-tiles .video-post-popup,
.query-layout-1 .highlight-post-style-tiles .video-post-popup,
.layout-5 .highlight-post-style-tiles .video-post-popup {
position: absolute !important;
width: 35px;
height: 35px !important;
top: 5%;
right: 7%;
z-index: 3;
}
.layout-1 .highlight-post-style-tiles .video-post-icon:before,
.query-layout-1 .highlight-post-style-tiles .video-post-icon:before,
.layout-5 .highlight-post-style-tiles .video-post-icon:before,
.layout-1 .highlight-post-style-tiles .video-post-popup:before,
.query-layout-1 .highlight-post-style-tiles .video-post-popup:before,
.layout-5 .highlight-post-style-tiles .video-post-popup:before {
content: none !important;
}
.layout-1 .highlight-post-style-tiles .video-post-icon iframe,
.query-layout-1 .highlight-post-style-tiles .video-post-icon iframe,
.layout-5 .highlight-post-style-tiles .video-post-icon iframe,
.layout-1 .highlight-post-style-tiles .video-post-popup iframe,
.query-layout-1 .highlight-post-style-tiles .video-post-popup iframe,
.layout-5 .highlight-post-style-tiles .video-post-popup iframe {
display: none;
}
.layout-1 .highlight-post-style-tiles .video-post-icon:focus,
.query-layout-1 .highlight-post-style-tiles .video-post-icon:focus,
.layout-5 .highlight-post-style-tiles .video-post-icon:focus,
.layout-1 .highlight-post-style-tiles .video-post-popup:focus,
.query-layout-1 .highlight-post-style-tiles .video-post-popup:focus,
.layout-5 .highlight-post-style-tiles .video-post-popup:focus {
outline: none;
}
.layout-1 .regular-post .video-post-icon,
.query-layout-1 .regular-post .video-post-icon,
.layout-5 .regular-post .video-post-icon,
.layout-1 .regular-post .video-post-popup,
.query-layout-1 .regular-post .video-post-popup,
.layout-5 .regular-post .video-post-popup {
width: 25px !important;
}
.post-grid-1 .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
.post-grid-2 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: 30px;
}
@media (max-width: 768px) {
.post-grid-2 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
.post-grid-2 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 3;
grid-row: span 2;
}
}
.post-grid-3 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 30px;
}
@media (max-width: 768px) {
.post-grid-3 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
.post-grid-3 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 4;
grid-row: span 3;
}
}
.post-grid-4 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(4, auto);
grid-gap: 30px;
}
@media (max-width: 768px) {
.post-grid-4 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
.post-grid-4 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 5;
grid-row: span 4;
}
}
/**
header layout
============
*/
.layout-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0px 0px 15px;
border-bottom: solid 1px #cacaca;
margin-bottom: 25px;
}
.layout-header .layout-title h4 {
margin: 0;
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
font-weight: bold;
}
.layout-header .view-all {
line-height: 0;
}
.layout-header .view-all a {
background: #cacaca;
color: #707070;
font-size: 10px;
display: inline-block;
padding: 0px 5px;
line-height: 20px;
border-radius: 2px;
text-transform: capitalize;
}
.layout-header .view-all a:hover {
background: #EEB90E;
color: white;
}
/**
layout-body
============
*/
.cat-post-list img {
margin-bottom: 0px;
}
.cat-post-list .featured-post .post-meta {
margin-top: 5px;
}
.cat-post-list .highlight-post-tag,
.cat-post-list .post-tag {
margin-top: -4px;
}
.cat-post-list .highlight-post-tag a,
.cat-post-list .post-tag a {
display: inline-block;
font-size: 12px;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
border-radius: 2px;
line-height: 20px;
margin-bottom: 10px;
}
.cat-post-list .post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.cat-post-list .post-meta div {
display: inline-block;
}
.cat-post-list .post-excerpt {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.cat-post-list .featured-post .post-thumb {
margin-bottom: 10px;
}
.cat-post-list .regular-post .post-thumb {
padding-right: 0px;
}
.cat-post-list .regular-post .post-thumb a,
.cat-post-list .featured-post .post-thumb a {
display: inline-block;
overflow: hidden;
width: 100%;
}
.cat-post-list .regular-post .post-thumb a img,
.cat-post-list .featured-post .post-thumb a img {
width: 100%;
transition: all 0.5s ease;
}
.cat-post-list .regular-post:hover .post-thumb a img,
.cat-post-list .featured-post:hover .post-thumb a img {
transform: scale(1.1) rotate(1deg);
}
.cat-post-list .regular-post {
overflow: inherit;
}
.cat-post-list .regular-post .vertical {
display: grid;
}
.cat-post-list .regular-post .vertical .post-thumb {
line-height: 0;
}
.cat-post-list .regular-post .vertical .post-thumb,
.cat-post-list .regular-post .vertical .post-data {
width: 100%;
padding: 15px;
padding-top: 0;
padding-bottom: 0;
}
.cat-post-list .regular-post .vertical .post-data {
margin-top: 15px;
}
/**
layout style 4
*/
#layout-4 .highlight-post-style-tiles .featured-post {
position: relative;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-thumb a {
height: 100%;
position: relative;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-thumb a:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-thumb a img {
height: 100%;
object-fit: cover;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-data {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-data a {
color: white;
}
#layout-4 .highlight-post-style-tiles .featured-post .post-data .post-meta {
color: white;
}
#layout-4 .highlight-post-style-tiles .regular-post .post-thumb {
line-height: 0;
}
#layout-4 .cat-post-list-wrapper .featured-post .post-thumb {
margin-bottom: 0;
line-height: 0;
}
#layout-4 .cat-post-list-wrapper .featured-post img {
margin-bottom: 0px;
}
#layout-4 .cat-post-list-wrapper .featured-post .post-data {
padding: 15px;
}
#layout-4 .regular-post {
overflow: inherit;
}
#layout-4 .regular-post .vertical {
display: grid;
}
#layout-4 .regular-post .vertical .post-thumb {
line-height: 0;
}
#layout-4 .regular-post .vertical .post-thumb,
#layout-4 .regular-post .vertical .post-data {
width: auto;
}
#layout-4 .regular-post .vertical .post-thumb {
padding: 0;
}
#layout-4 .regular-post .vertical .post-data {
margin-top: 0px;
}
#layout-4 .regular-post .horizontal {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}
#layout-4 .regular-post .horizontal .post-thumb {
line-height: 0;
flex: 1 0 0;
}
#layout-4 .regular-post .horizontal .post-thumb a {
display: inline-block;
width: 100%;
height: 100%;
}
#layout-4 .regular-post .horizontal .post-thumb a img {
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover;
}
#layout-4 .regular-post .horizontal .post-data {
flex: 2 0 0;
}
/**
Layout 5
*/
.layout-5 .post-cat,
.layout-5 .highlight-post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.layout-5 .post-cat a,
.layout-5 .highlight-post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.layout-5 .post-cat a:hover,
.layout-5 .highlight-post-cat a:hover {
color: #EEB90E;
}
.layout-5 .featured-post .post-thumb > a img.wp-post-image {
object-fit: cover;
}
.layout-5 .featured-post .highlight-title h3 {
margin-right: 20px;
}
.layout-5 .highlight-post-style-list .featured-post .post-thumb {
transition: all 0.4s ease;
line-height: 0;
transform: translateY(0px);
}
.layout-5 .highlight-post-style-list .featured-post .post-thumb > a {
line-height: 0;
}
.layout-5 .highlight-post-style-list .featured-post .post-thumb > a img.wp-post-image {
object-fit: cover;
}
.layout-5 .highlight-post-style-list .featured-post .highlight-title h3 {
margin-right: 20px;
}
.layout-5 .highlight-post-style-list .featured-post:hover img {
transform: scale(1) rotate(0deg);
}
.layout-5 .highlight-post-style-list .featured-post:hover .post-thumb {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.layout-5 .highlight-post-style-tiles .featured-post .post-thumb {
width: 100%;
}
.layout-5 .regular-post {
position: relative;
overflow: inherit;
}
.layout-5 .regular-post:before {
content: '';
width: 100%;
height: 1px;
background: rgba(202, 202, 202, 0.5);
display: block;
margin: 0;
position: absolute;
top: -18px;
left: 0;
}
@media (max-width: 768px) {
.layout-5 .regular-post .post-data {
margin-top: 10px;
}
}
/**
#layout-2
==========
*/
#layout-2 .cat-post-list .cat-post-list-wrapper,
.query-layout-2 .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
#layout-2 .cat-post-list .cat-post-list-wrapper,
.query-layout-2 .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(2, auto);
}
}
@media (min-width: 768px) {
#layout-2 .highlight-post-style-tiles .cat-post-list-wrapper,
.query-layout-2 .highlight-post-style-tiles .cat-post-list-wrapper {
grid-template-columns: minmax(50%, 1fr) 1fr !important;
}
}
#layout-2 .highlight-post-style-tiles .featured-post,
.query-layout-2 .highlight-post-style-tiles .featured-post {
position: relative;
}
@media (max-width: 768px) {
#layout-2 .highlight-post-style-tiles .featured-post,
.query-layout-2 .highlight-post-style-tiles .featured-post {
min-height: 450px;
}
}
#layout-2 .highlight-post-style-tiles .featured-post .post-thumb,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-thumb a,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-thumb a {
height: 100%;
position: relative;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-thumb a:before,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-thumb a:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-thumb a img,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-thumb a img {
height: 100%;
object-fit: cover;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-data,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-data {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-data a,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-data a {
color: white;
}
#layout-2 .highlight-post-style-tiles .featured-post .post-data .post-meta,
.query-layout-2 .highlight-post-style-tiles .featured-post .post-data .post-meta {
color: white;
}
#layout-2 .highlight-post-style-tiles .regular-post .post-thumb,
.query-layout-2 .highlight-post-style-tiles .regular-post .post-thumb {
line-height: 0;
}
#layout-2 .post-category a,
.query-layout-2 .post-category a {
color: white;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.dynamic-layout .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(2, auto);
}
}
/**
#layout-2
==========
*/
#layout-3 .featured-post,
.query-layout-3 .featured-post,
#layout-3 .regular-post.has-post-thumbnail,
.query-layout-3 .regular-post.has-post-thumbnail {
position: relative;
}
#layout-3 .featured-post:before,
.query-layout-3 .featured-post:before,
#layout-3 .regular-post.has-post-thumbnail:before,
.query-layout-3 .regular-post.has-post-thumbnail:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
left: 0;
bottom: 0;
z-index: 1;
}
#layout-3 .featured-post .post-thumb,
.query-layout-3 .featured-post .post-thumb,
#layout-3 .regular-post.has-post-thumbnail .post-thumb,
.query-layout-3 .regular-post.has-post-thumbnail .post-thumb {
margin: 0;
line-height: 0;
}
#layout-3 .featured-post .post-data,
.query-layout-3 .featured-post .post-data,
#layout-3 .regular-post.has-post-thumbnail .post-data,
.query-layout-3 .regular-post.has-post-thumbnail .post-data {
position: absolute;
bottom: 30px;
left: 15px;
z-index: 2;
}
#layout-3 .regular-post .post-thumb,
.query-layout-3 .regular-post .post-thumb {
padding-right: 15px;
}
#layout-3 .regular-post.no-post-thumbnail,
.query-layout-3 .regular-post.no-post-thumbnail {
position: relative;
padding: 15px;
}
#layout-3 .regular-post.no-post-thumbnail:before,
.query-layout-3 .regular-post.no-post-thumbnail:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 1;
}
#layout-3 .regular-post.no-post-thumbnail .post-data,
.query-layout-3 .regular-post.no-post-thumbnail .post-data {
z-index: 2;
}
#layout-3 .regular-post .post-thumb {
padding-right: 0px;
}
#layout-3 .regular-post .post-data h3 {
padding-right: 10px;
}
/**
#layout-2
==========
*/
.layout-single-1 {
/**
video icon style
================
*/
}
.layout-single-1 img {
margin-bottom: 0px;
}
.layout-single-1 .post-cat a {
font-size: 12px;
font-weight: normal;
border-radius: 2px;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
line-height: 20px;
display: inline-block;
}
.layout-single-1 .post-meta {
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.layout-single-1 .post-meta div {
display: inline-block;
}
.layout-single-1 .single-post-title {
display: inline-block;
margin: 10px 0px;
}
.layout-single-1 .post-excerpt {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.layout-single-1 .single-post-by-id {
overflow: hidden;
}
.layout-single-1 .single-post-by-id .post-thumb {
padding-right: 0px;
}
.layout-single-1 .single-post-by-id .post-thumb a {
display: inline-block;
overflow: hidden;
}
.layout-single-1 .single-post-by-id .post-thumb a img {
transition: all 0.5s ease;
}
.layout-single-1 .single-post-by-id:hover .post-thumb a img {
transform: scale(1.1) rotate(1deg);
}
.layout-single-1 .single-post-by-id .horizontal .post-data .post-cat {
padding-top: 10px;
}
.layout-single-1 .single-post-by-id .vertical {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.layout-single-1 .single-post-by-id .vertical .post-thumb,
.layout-single-1 .single-post-by-id .vertical .post-data {
width: 100%;
padding: 15px;
padding-top: 0;
padding-bottom: 0;
}
.layout-single-1 .single-post-by-id .vertical .post-data {
margin-top: 15px;
}
.layout-single-1 .single-post-by-id .vertical .post-thumb {
line-height: 0;
padding: 0 !important;
}
.layout-single-1 .single-post-by-id .vertical .post-thumb a {
display: inline-block;
height: 100%;
width: 100%;
}
.layout-single-1 .single-post-by-id .vertical .post-thumb a img {
display: inline-block;
height: 100%;
width: 100%;
object-fit: cover;
}
.layout-single-1 .featured-post:hover .video-post-icon img,
.layout-single-1 .regular-post:hover .video-post-icon img,
.layout-single-1 .featured-post:hover .video-post-popup img,
.layout-single-1 .regular-post:hover .video-post-popup img {
transform: scale(1) rotate(0deg) !important;
}
.layout-single-1 div.post-thumb {
position: relative;
}
.layout-single-1 div.post-thumb .video-post-icon,
.layout-single-1 div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 5%;
}
.layout-single-1 div.post-thumb .video-post-icon iframe,
.layout-single-1 div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-single-1 div.post-thumb .video-post-icon:focus,
.layout-single-1 div.post-thumb .video-post-popup:focus {
outline: none;
}
.layout-single-1 .vertical div.post-thumb {
position: relative;
}
.layout-single-1 .vertical div.post-thumb .video-post-icon,
.layout-single-1 .vertical div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 7%;
}
.layout-single-1 .vertical div.post-thumb .video-post-icon iframe,
.layout-single-1 .vertical div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-single-1 .vertical div.post-thumb .video-post-icon:focus,
.layout-single-1 .vertical div.post-thumb .video-post-popup:focus {
outline: none;
}
/**
#layout-2
==========
*/
.layout-single-2 {
/**
video icon style
================
*/
}
.layout-single-2 .single-post-by-id.has-post-thumbnail {
position: relative;
}
.layout-single-2 .single-post-by-id.has-post-thumbnail:before {
content: '';
width: 100%;
height: 70%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
left: 0;
bottom: 0;
z-index: 1;
}
.layout-single-2 .single-post-by-id.has-post-thumbnail .post-thumb {
margin: 0;
line-height: 0;
}
.layout-single-2 .single-post-by-id.has-post-thumbnail .post-thumb img {
object-fit: cover;
}
.layout-single-2 .single-post-by-id.has-post-thumbnail .post-data {
position: absolute;
bottom: 30px;
left: 15px;
z-index: 2;
}
.layout-single-2 .single-post-list-wrapper.bg-overlay .single-post-by-id.has-post-thumbnail:before {
height: 100%;
}
.layout-single-2 .post-cat a {
font-size: 12px;
font-weight: normal;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
padding: 0px 7px;
line-height: 20px;
display: inline-block;
}
.layout-single-2 .single-post-title {
display: inline-block;
margin: 10px 0px;
}
.layout-single-2 .single-post-by-id.no-post-thumbnail {
position: relative;
padding: 15px;
}
.layout-single-2 .single-post-by-id.no-post-thumbnail:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 1;
}
.layout-single-2 .single-post-by-id.no-post-thumbnail .single-post-wrapper {
position: relative;
z-index: 2;
padding: 15px;
}
.layout-single-2 .featured-post:hover .video-post-icon img,
.layout-single-2 .regular-post:hover .video-post-icon img,
.layout-single-2 .featured-post:hover .video-post-popup img,
.layout-single-2 .regular-post:hover .video-post-popup img {
transform: scale(1) rotate(0deg) !important;
}
.layout-single-2 div.post-thumb {
position: relative;
}
.layout-single-2 div.post-thumb .video-post-icon,
.layout-single-2 div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 5%;
height: 35px;
z-index: 3;
}
.layout-single-2 div.post-thumb .video-post-icon img,
.layout-single-2 div.post-thumb .video-post-popup img {
height: auto !important;
}
.layout-single-2 div.post-thumb .video-post-icon iframe,
.layout-single-2 div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-single-2 div.post-thumb .video-post-icon:focus,
.layout-single-2 div.post-thumb .video-post-popup:focus {
outline: none;
}
.layout-single-2 .vertical div.post-thumb {
position: relative;
}
.layout-single-2 .vertical div.post-thumb .video-post-icon,
.layout-single-2 .vertical div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 7%;
}
.layout-single-2 .vertical div.post-thumb .video-post-icon iframe,
.layout-single-2 .vertical div.post-thumb .video-post-popup iframe {
display: none;
}
.layout-single-2 .vertical div.post-thumb .video-post-icon:focus,
.layout-single-2 .vertical div.post-thumb .video-post-popup:focus {
outline: none;
}
.dynamic-layout {
position: relative;
/**
common style
*/
/**
Horizontal layout
*/
/**
Vertical layout
*/
}
.dynamic-layout .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 2px #EEB90E;
}
.dynamic-layout .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.dynamic-layout .ajax-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.5);
z-index: 3;
top: 57px;
display: none;
}
.dynamic-layout .ajax-overlay.loading {
display: block;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper {
border-bottom: solid 1px #cacaca;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .dynamic-layout-header {
border-bottom: none;
margin-bottom: 0;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .dynamic-layout-header h4 {
font-family: 'Rajdhani', sans-serif;
font-weight: bold;
font-size: 18px;
margin: 0;
padding: 0px 0px 10px;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .multiple-cat a.cat-item {
display: inline-block;
padding: 0px 10px 10px;
font-family: 'Rajdhani', sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .multiple-cat a.cat-item.active {
position: relative;
color: #EEB90E;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .multiple-cat a.cat-item.active:after {
content: '';
width: 100%;
display: block;
background: #EEB90E;
height: 2px;
position: absolute;
left: 0;
bottom: -1px;
}
@media (max-width: 768px) {
.dynamic-layout #dynamic-category .dynamic-category-wrapper {
display: block;
}
.dynamic-layout #dynamic-category .dynamic-category-wrapper .dynamic-layout-header {
margin-bottom: 5px;
}
}
.dynamic-layout .dynamic-cat-post-list {
position: relative;
}
.dynamic-layout .dynamic-cat-post-list .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.dynamic-layout .post-thumb,
.dynamic-layout .post-data {
padding: 0;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.dynamic-layout .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(2, auto);
}
}
@media (max-width: 768px) {
.dynamic-layout .cat-post-list .cat-post-list-wrapper {
grid-gap: 20px;
}
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper h3 {
font-size: 18px;
margin: 0px;
margin-bottom: 7px;
transition: all 0.3s ease;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .featured-post h3 {
font-size: 24px;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .featured-post .post-thumb,
.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .post-thumb {
line-height: 0;
margin-bottom: 10px;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .featured-post .post-thumb a,
.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .post-thumb a {
line-height: 0;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .featured-post .wkp-post-meta,
.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .wkp-post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .featured-post .wkp-post-meta div,
.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .wkp-post-meta div {
display: inline-block;
}
.dynamic-layout .cat-post-list .cat-post-list-wrapper .post-excerpt {
font-size: 15px;
margin-top: 5px;
line-height: 1.4;
}
@media (min-width: 768px) {
.dynamic-layout .layout-horizontal .featured-style-overlay {
grid-template-columns: minmax(50%, 1fr) 1fr !important;
}
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post {
position: relative;
}
@media (max-width: 768px) {
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post {
min-height: 500px;
}
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-thumb a {
height: 100%;
position: relative;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-thumb a:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-thumb a img {
height: 100%;
object-fit: cover;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-data {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
width: 100%;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-data a {
color: white;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-data .wkp-post-meta {
color: white;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .featured-post .post-data .post-title h3 {
color: white;
font-size: 24px;
margin: 0px;
margin-bottom: 7px;
}
.dynamic-layout .layout-horizontal .featured-style-overlay .post-thumb {
line-height: 0;
}
@media (max-width: 768px) {
.dynamic-layout .layout-horizontal .featured-style-overlay .regular-post .post-data .wkp-post-meta {
margin-top: 5px;
}
}
.dynamic-layout .layout-horizontal .regular-post .regular-post-wrapper {
display: flex;
}
.dynamic-layout .layout-horizontal .regular-post .regular-post-wrapper .post-thumb {
margin-right: 15px;
flex: 1 0 0;
margin-bottom: 0px;
}
.dynamic-layout .layout-horizontal .regular-post .regular-post-wrapper .post-data {
flex: 2 0 0;
}
.dynamic-layout .regular-grid-horizontal .regular-post .regular-post-wrapper {
display: flex;
}
.dynamic-layout .regular-grid-horizontal .regular-post .regular-post-wrapper .post-thumb {
margin-right: 15px;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post {
position: relative;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-thumb {
height: 100%;
margin: 0;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-thumb a {
height: 100%;
position: relative;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-thumb a:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-thumb a img {
height: 100%;
object-fit: cover;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data a {
color: white;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data .post-title {
margin-right: 30px;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data .post-title a,
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data .post-title h3 {
color: white;
}
.dynamic-layout .layout-vertical .featured-style-overlay .featured-post .post-data .wkp-post-meta {
color: white;
}
@media (max-width: 768px) {
.dynamic-layout .layout-vertical .featured-style-overlay .regular-post .post-data {
margin-top: 10px;
}
.dynamic-layout .layout-vertical .featured-style-overlay .regular-post .post-data .wkp-post-meta {
margin-top: 5px;
}
}
.dynamic-layout .layout-vertical .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: -1;
grid-row: inherit !important;
}
@media (max-width: 768px) {
}
.dynamic-layout .layout-vertical.grid-1 .cat-post-list-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.dynamic-layout .layout-vertical.grid-2 .cat-post-list-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.dynamic-layout .layout-vertical.grid-3 .cat-post-list-wrapper {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.dynamic-layout .layout-vertical.grid-3 .cat-post-list-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) and (max-width: 768px) {
.dynamic-layout .layout-vertical.grid-3 .cat-post-list-wrapper .regular-post-wrapper {
flex-direction: column;
}
.dynamic-layout .layout-vertical.grid-3 .cat-post-list-wrapper .regular-post-wrapper .post-thumb,
.dynamic-layout .layout-vertical.grid-3 .cat-post-list-wrapper .regular-post-wrapper .post-data {
flex: 1 !important;
}
}
.dynamic-layout .layout-vertical.grid-4 .cat-post-list-wrapper {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.dynamic-layout .layout-vertical.grid-4 .cat-post-list-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) and (max-width: 768px) {
.dynamic-layout .layout-vertical.grid-4 .cat-post-list-wrapper .regular-post-wrapper {
flex-direction: column;
}
.dynamic-layout .layout-vertical.grid-4 .cat-post-list-wrapper .regular-post-wrapper .post-thumb,
.dynamic-layout .layout-vertical.grid-4 .cat-post-list-wrapper .regular-post-wrapper .post-data {
flex: 1 !important;
}
}
.dynamic-layout .layout-vertical.regular-grid-vertical .regular-post .regular-post-wrapper {
display: flex;
flex-direction: column;
}
.dynamic-layout .layout-vertical.regular-grid-vertical .regular-post .regular-post-wrapper .post-thumb,
.dynamic-layout .layout-vertical.regular-grid-vertical .regular-post .regular-post-wrapper .post-data {
width: 100% !important;
}
.dynamic-layout .layout-vertical.regular-grid-horizontal .regular-post .regular-post-wrapper {
display: flex;
}
.dynamic-layout .layout-vertical.regular-grid-horizontal .regular-post .regular-post-wrapper .post-thumb {
margin-right: 15px;
flex: 1 0 0;
}
.dynamic-layout .layout-vertical.regular-grid-horizontal .regular-post .regular-post-wrapper .post-data {
flex: 2 0 0;
}
.dynamic-category-tab .post-list-wrapper {
display: grid;
grid-template-columns: minmax(50%, 1fr) 1fr;
}
@media (max-width: 768px) {
.dynamic-category-tab .post-list-wrapper {
grid-template-columns: 1fr;
grid-template-rows: minmax(500px, 1fr) 1fr;
}
}
.dynamic-category-tab .post-content {
position: relative;
}
.dynamic-category-tab .post-content .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.dynamic-category-tab .post-content .tab-post-thumb {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.dynamic-category-tab .post-content .tab-post-thumb a {
position: relative;
width: 100%;
height: 100%;
display: inline-block;
}
.dynamic-category-tab .post-content .tab-post-thumb a:after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.dynamic-category-tab .post-content .tab-post-thumb a img {
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover;
margin-bottom: 0px;
}
.dynamic-category-tab .post-content .tab-post-thumb a .dynamic-post-title {
position: absolute;
left: 50px;
bottom: 50px;
margin-right: 35px;
z-index: 9;
}
.dynamic-category-tab .post-content .tab-post-thumb .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.dynamic-category-tab .post-content .tab-post-thumb .tab-video-thumbnail,
.dynamic-category-tab .post-content .tab-post-thumb .tab-entry-video {
display: inline-block;
width: 100%;
height: 100%;
}
.dynamic-category-tab .post-content .tab-post-thumb .tab-video-thumbnail iframe,
.dynamic-category-tab .post-content .tab-post-thumb .tab-entry-video iframe {
display: inline-block;
width: 100%;
height: 100%;
background: black;
}
.dynamic-category-tab .regular-post {
display: grid;
}
.dynamic-category-tab .regular-post .regular-post-wrapper {
border-radius: 2px;
padding: 15px;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.5s ease;
}
.dynamic-category-tab .regular-post .regular-post-wrapper .post-title h3 {
transition: all 0.5s ease;
margin-bottom: 10px;
}
.dynamic-category-tab .regular-post .regular-post-wrapper .wkp-post-meta div {
transition: all 0.5s ease;
}
.dynamic-category-tab .regular-post .regular-post-wrapper .wkp-post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.dynamic-category-tab .regular-post .regular-post-wrapper .wkp-post-meta div {
display: inline-block;
}
/**
layout - 2
===========
*/
.layout-2-dynamic-category-tab {
position: relative;
}
.layout-2-dynamic-category-tab .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
border: solid 2px #EEB90E;
}
.layout-2-dynamic-category-tab .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.layout-2-dynamic-category-tab .post-content .dynamic-post-title {
font-size: 28px;
}
.layout-2-dynamic-category-tab .post-list-wrapper {
grid-template-columns: minmax(65%, 1fr) 1fr;
}
@media (max-width: 768px) {
.layout-2-dynamic-category-tab .post-list-wrapper {
grid-template-columns: 1fr;
}
}
.layout-2-dynamic-category-tab a.regular-post-title.regular-title {
display: flex;
align-items: flex-start;
}
.layout-2-dynamic-category-tab a.regular-post-title.regular-title span.icon-wrapper {
display: inline-block;
transition: all 0.5s ease;
margin-right: 15px;
margin-top: 3px;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper,
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active {
border-radius: 0px;
transition: all 0.75s ease;
padding-left: 30px;
position: relative;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper .layout-2-title-wrapper,
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active .layout-2-title-wrapper {
transition: all 0.75s ease;
display: inline-block;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper .layout-2-title-wrapper h3,
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active .layout-2-title-wrapper h3 {
display: inline-block;
margin-top: 0;
font-size: 20px;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper .layout-2-title-wrapper .wkp-post-meta,
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active .layout-2-title-wrapper .wkp-post-meta {
font-size: 14px;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper .regular-post-title:hover,
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active .regular-post-title:hover {
text-decoration: none;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active {
margin-left: -15px;
z-index: 9;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active a.regular-post-title {
margin-right: 15px;
}
.layout-2-dynamic-category-tab .regular-post .regular-post-wrapper.active a.regular-post-title span.icon-wrapper {
transform: rotate(180deg);
}
.dynamic-header-tab {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
height: 100vh;
}
@media (max-width: 768px) {
.dynamic-header-tab {
height: 500px !important;
}
}
.dynamic-header-tab:after {
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(to top, #090e1d 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
z-index: 1;
}
.dynamic-header-tab .dynamic-recent-post-tab {
position: absolute;
bottom: 0;
left: 0;
right: 0px;
z-index: 2;
}
.dynamic-header-tab .dynamic-recent-post-tab .active-post-content a {
display: inline-block;
transition: all 1s ease;
}
.dynamic-header-tab .cat-post-list-wrapper {
margin: 50px 0px;
}
.dynamic-header-tab .regular-post.active {
background: rgba(255, 255, 255, 0.05);
}
.dynamic-header-tab .regular-post {
padding: 10px;
transition: all 0.5s ease;
}
.dynamic-header-tab .regular-post:hover {
cursor: all-scroll;
background: rgba(255, 255, 255, 0.05);
}
.dynamic-header-tab .regular-post a:hover {
cursor: all-scroll;
}
.dynamic-header-tab .regular-post .regular-post-wrapper {
display: flex;
}
.dynamic-header-tab .regular-post .regular-post-wrapper .post-thumb {
flex: 1 0 0;
margin-right: 15px;
}
.dynamic-header-tab .regular-post .regular-post-wrapper .post-data {
flex: 2 0 0;
}
.dynamic-header-tab-2 .active-post-content .post-data {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab {
position: relative;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content {
position: relative;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data {
padding: 30px;
position: relative;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data:before {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
display: block;
position: absolute;
left: 0;
top: 0;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data .post-cat,
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data .post-title {
position: relative;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data .post-title {
margin-right: 55px;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-data .post-title h3 {
margin: 0;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-cat {
line-height: 1;
font-family: 'Nunito', sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .video-post-popup {
position: absolute;
right: 5%;
top: 5%;
width: 50px;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .active-post-content .video-post-popup:focus {
outline: 0;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .cat-post-list-wrapper {
position: absolute;
left: 0;
bottom: 0;
padding: 20px 35px 10px;
background: rgba(255, 255, 255, 0.5);
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post {
padding: 10px;
transition: all 0.5s ease;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post:hover {
cursor: all-scroll;
background: rgba(255, 255, 255, 0.05);
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post a:hover {
cursor: all-scroll;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .regular-post-wrapper {
display: flex;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .regular-post-wrapper .post-thumb {
flex: 1 0 0;
margin-right: 15px;
position: relative;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .regular-post-wrapper .post-thumb .video-post-popup {
position: absolute;
right: 5%;
top: 5%;
width: 25px;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .regular-post-wrapper .post-data {
flex: 2 0 0;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.dynamic-header-tab-2 .dynamic-recent-post-tab .regular-post .post-cat a:hover {
color: #EEB90E;
}
.dynamic-header-tab-2 .owl-nav {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0;
transition: all 0.5s ease;
}
.dynamic-header-tab-2 .owl-nav .owl-carousel-left,
.dynamic-header-tab-2 .owl-nav .owl-carousel-right {
height: 100%;
background: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 0px;
padding: 2px;
font-size: 22px;
}
.dynamic-header-tab-2 .owl-nav .owl-carousel-left:focus,
.dynamic-header-tab-2 .owl-nav .owl-carousel-right:focus {
outline: none;
}
.dynamic-header-tab-2 .owl-nav .owl-carousel-right {
position: absolute;
right: 0;
}
.dynamic-header-tab-2:hover .owl-nav {
opacity: 1;
}
.single-catgory-layout {
padding: 20px;
background-color: #f7f7f7;
}
.single-catgory-layout .regular-post .post-title h3 {
font-size: 16px;
font-weight: 700;
}
.single-catgory-layout .single-layout.dynamic-layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
/**
Regular post style
*/
/**
Regular grid layout
*/
}
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list {
grid-column-start: 1;
grid-column-end: 3;
}
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper {
display: flex;
}
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb {
flex: 1;
margin-right: 15px;
}
.single-catgory-layout .single-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data {
flex: 2;
}
.single-catgory-layout .single-layout.dynamic-layout .single-category-navigation ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
.single-catgory-layout .single-layout.dynamic-layout .single-category-navigation ul li {
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 23px;
font-size: 18px;
cursor: pointer;
}
.single-catgory-layout .single-layout.dynamic-layout .dynamic-cat-post-list {
position: relative;
}
.single-catgory-layout .single-layout.dynamic-layout .dynamic-cat-post-list:before {
content: '';
width: 100%;
height: 1px;
background: #cacaca;
display: block;
margin: 15px 0px 20px;
}
.single-catgory-layout .single-layout.dynamic-layout .dynamic-cat-post-list .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.single-catgory-layout .single-layout.dynamic-layout .layout-header {
border-bottom: none;
padding: 0;
margin: 0;
margin-top: 2px;
}
.single-catgory-layout .single-layout.dynamic-layout .dynamic-cat-post-list.vertical .regular-post .regular-post-wrapper {
flex-direction: column;
}
.single-catgory-layout .single-layout.dynamic-layout .dynamic-cat-post-list.vertical .regular-post .regular-post-wrapper .post-thumb {
margin-right: 0px;
}
.single-catgory-layout .single-layout.dynamic-layout .grid-2 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.single-catgory-layout .single-layout.dynamic-layout .grid-2 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 3;
}
@media (max-width: 768px) {
.single-catgory-layout .single-layout.dynamic-layout .grid-2 .cat-post-list-wrapper .regular-post {
grid-column: span 2;
}
}
.single-catgory-layout .single-layout.dynamic-layout .grid-3 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.single-catgory-layout .single-layout.dynamic-layout .grid-3 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 4;
}
@media (max-width: 768px) {
.single-catgory-layout .single-layout.dynamic-layout .grid-3 .cat-post-list-wrapper .regular-post {
grid-column: span 3;
}
}
.single-catgory-layout .single-layout.dynamic-layout .grid-4 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.single-catgory-layout .single-layout.dynamic-layout .grid-4 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 5;
}
@media (max-width: 768px) {
.single-catgory-layout .single-layout.dynamic-layout .grid-4 .cat-post-list-wrapper .regular-post {
grid-column: span 4;
}
}
.dynamic-single-category .last-page .single-cateogry-next {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.75);
transition: all 0.5s ease;
border-radius: 4px;
display: inline-block;
pointer-events: none;
color: #ddd;
}
.dynamic-single-category .first-page .single-cateogry-prev {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.75);
transition: all 0.5s ease;
border-radius: 4px;
display: inline-block;
pointer-events: none;
color: #ddd;
}
.dynamic-single-category nav li {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.5s ease;
border-radius: 4px;
margin: 0px 2px;
}
.dynamic-single-category nav li:hover {
background: #EEB90E;
color: white;
}
/**
Ajax Loader
============
*/
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
.post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.post-meta div {
display: inline-block;
}
.grid-layout {
/**
Grid 1
==========
*/
/**
Grid 2
*/
/**
Grid 3
*/
/**
Grid 4
*/
/**
Grid 5
*/
/**
Grid 6
*/
/**
Grid 7
*/
/**
Grid 8
*/
/**
Grid 9
*/
/**
Grid 10
*/
/**
Grid 11
*/
}
.grid-layout .single-column {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
}
.grid-layout .single-column .post-thumb {
display: inline-block;
overflow: hidden;
margin-bottom: 10px;
line-height: 0;
}
.grid-layout .single-column .post-thumb a {
display: inline-block;
overflow: hidden;
}
.grid-layout .single-column .post-thumb a img {
transition: all 0.5s ease;
margin: 0;
}
.grid-layout .single-column .post-content {
padding: 0px 15px 15px 15px;
}
.grid-layout .single-column .post-content .post-tag {
margin-top: -4px;
}
.grid-layout .single-column .post-content .post-tag a {
display: inline-block;
font-size: 12px;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
border-radius: 2px;
line-height: 20px;
margin-bottom: 10px;
}
.grid-layout .single-column .post-content .post-excerpt {
display: inline-block;
font-size: 15px;
font-family: 'Roboto', sans-serif;
margin-top: 5px;
margin-bottom: 5px;
}
.grid-layout .single-column .post-content .post-title h3 {
font-size: 20px;
margin: 0;
}
@media (min-width: 768px) {
.grid-layout .single-column .post-content .post-title h3 {
font-size: 16px;
}
.grid-layout .single-column .post-content .post-excerpt {
display: none;
}
}
.grid-layout .single-column .post-content .single-post-link a {
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
font-weight: bold;
}
.grid-layout .single-column:hover {
box-shadow: 0px 3px 20px #d6d6d6;
}
.grid-layout .single-column:hover .post-thumb a img {
transform: scale(1.1) rotate(1deg);
}
.grid-layout .grid-1-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-1-wrapper {
grid-template-columns: 2fr 1fr 2fr;
}
}
.grid-layout .grid-1-wrapper .single-column:first-child .post-title h3,
.grid-layout .grid-1-wrapper .single-column:nth-of-type(4) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-1-wrapper .single-column:first-child .post-excerpt,
.grid-layout .grid-1-wrapper .single-column:nth-of-type(4) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-1-wrapper .single-column:first-child {
grid-column-start: 1;
grid-column-end: 1;
grid-row: span 2;
}
.grid-layout .grid-1-wrapper .single-column:nth-of-type(4) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-2-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-2-wrapper {
grid-template-columns: 2fr 1fr 1fr 2fr;
}
}
.grid-layout .grid-2-wrapper .single-column:first-child .post-title h3,
.grid-layout .grid-2-wrapper .single-column:nth-of-type(6) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-2-wrapper .single-column:first-child .post-excerpt,
.grid-layout .grid-2-wrapper .single-column:nth-of-type(6) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-2-wrapper .single-column:first-child {
grid-column-start: 1;
grid-column-end: 1;
grid-row: span 2;
}
.grid-layout .grid-2-wrapper .single-column:nth-of-type(6) {
grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-3-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-3-wrapper {
grid-template-columns: 1fr 2fr 1fr 2fr;
}
}
.grid-layout .grid-3-wrapper .single-column:nth-of-type(3) .post-title h3,
.grid-layout .grid-3-wrapper .single-column:nth-of-type(6) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-3-wrapper .single-column:nth-of-type(3) .post-excerpt,
.grid-layout .grid-3-wrapper .single-column:nth-of-type(6) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-3-wrapper .single-column:nth-of-type(3) {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.grid-layout .grid-3-wrapper .single-column:nth-of-type(6) {
grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-4-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-4-wrapper {
grid-template-columns: 2fr 1fr 2fr 1fr;
}
}
.grid-layout .grid-4-wrapper .single-column:nth-of-type(1) .post-title h3,
.grid-layout .grid-4-wrapper .single-column:nth-of-type(4) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-4-wrapper .single-column:nth-of-type(1) .post-excerpt,
.grid-layout .grid-4-wrapper .single-column:nth-of-type(4) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-4-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.grid-layout .grid-4-wrapper .single-column:nth-of-type(4) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-5-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-5-wrapper {
grid-template-columns: 2fr 1fr 1fr;
}
}
.grid-layout .grid-5-wrapper .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-5-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-5-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-6-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-6-wrapper {
grid-template-columns: 1fr 2fr 1fr;
}
}
.grid-layout .grid-6-wrapper .single-column:nth-of-type(3) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-6-wrapper .single-column:nth-of-type(3) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-6-wrapper .single-column:nth-of-type(3) {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-7-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-7-wrapper {
grid-template-columns: 2fr 0.5fr 0.5fr;
}
}
.grid-layout .grid-7-wrapper .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-7-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-7-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.grid-layout .grid-7-wrapper .single-column:nth-of-type(2) {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
}
.grid-layout .grid-8-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-8-wrapper {
grid-template-columns: repeat(4, 1fr);
}
}
.grid-layout .grid-8-wrapper .single-column:nth-of-type(1) .post-title h3,
.grid-layout .grid-8-wrapper .single-column:nth-of-type(2) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-8-wrapper .single-column:nth-of-type(1) .post-excerpt,
.grid-layout .grid-8-wrapper .single-column:nth-of-type(2) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-8-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.grid-layout .grid-8-wrapper .single-column:nth-of-type(2) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-9-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-9-wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
.grid-layout .grid-9-wrapper .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-9-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-9-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.grid-layout .grid-10-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-10-wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
.grid-layout .grid-10-wrapper .single-column:nth-of-type(3) .post-title h3 {
font-size: 22px;
}
.grid-layout .grid-10-wrapper .single-column:nth-of-type(3) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.grid-layout .grid-10-wrapper .single-column:nth-of-type(3) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
}
}
.grid-layout .grid-11-wrapper {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-gap: 30px;
}
@media (min-width: 768px) {
.grid-layout .grid-11-wrapper {
grid-auto-flow: column;
}
}
.post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.post-meta div {
display: inline-block;
}
.tiles-layout {
/**
Grid 1
==========
*/
/**
Grid 2
*/
/**
Grid 3
*/
/**
Grid 4
*/
/**
Grid 5
*/
/**
Grid 6
*/
/**
Grid 7
*/
/**
Grid 8
*/
/**
Grid 9
*/
/**
Grid 10
*/
/**
Grid 11
*/
}
.tiles-layout .single-column {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
display: inherit;
}
.tiles-layout .single-column .single-item-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: stretch;
align-items: flex-start;
position: relative;
transition: all 0.5s ease-out;
overflow: hidden;
}
.tiles-layout .single-column .single-item-wrapper a.layout-thumb {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
.tiles-layout .single-column .single-item-wrapper a.layout-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s ease;
}
@media (max-width: 768px) {
.tiles-layout .single-column .single-item-wrapper {
padding-top: 250px;
}
}
.tiles-layout .single-column .single-item-wrapper:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
.tiles-layout .single-column .single-item-wrapper .post-content {
align-self: flex-end;
position: relative;
z-index: 2;
}
.tiles-layout .single-column .single-item-wrapper .make-full-thumb-linkable {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.tiles-layout .single-column .post-thumb {
display: inline-block;
overflow: hidden;
margin-bottom: 10px;
line-height: 0;
}
.tiles-layout .single-column .post-thumb a {
display: inline-block;
overflow: hidden;
}
.tiles-layout .single-column .post-thumb a img {
transition: all 0.5s ease;
margin: 0;
}
.tiles-layout .single-column .post-content {
padding: 0px 15px 25px 25px;
}
.tiles-layout .single-column .post-content .post-tag {
margin-top: -4px;
}
.tiles-layout .single-column .post-content .post-tag a {
display: inline-block;
font-size: 12px;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
border-radius: 2px;
line-height: 20px;
margin-bottom: 10px;
}
.tiles-layout .single-column .post-content .post-excerpt {
display: inline-block;
font-size: 15px;
font-family: 'Roboto', sans-serif;
margin-top: 5px;
margin-bottom: 5px;
}
.tiles-layout .single-column .post-content .post-title h3 {
font-size: 20px;
margin: 0;
transition: all 0.5s ease;
}
.tiles-layout .single-column .post-content .post-title:hover h3 {
color: #EEB90E !important;
}
@media (min-width: 768px) {
.tiles-layout .single-column .post-content .post-title h3 {
font-size: 16px;
}
.tiles-layout .single-column .post-content .post-excerpt {
display: none;
}
}
.tiles-layout .single-column .post-content .single-post-link a {
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
font-weight: bold;
}
.tiles-layout .single-column:hover {
box-shadow: 0px 3px 20px #d6d6d6;
}
.tiles-layout .single-column:hover .single-item-wrapper img {
transform: scale(1.1);
}
.tiles-layout .single-column:hover .post-thumb a img {
transform: scale(1.1) rotate(1deg);
}
.tiles-layout .tiles-1-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-1-wrapper {
grid-template-columns: 2fr 1fr 2fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-1-wrapper .single-column:first-child .post-title h3,
.tiles-layout .tiles-1-wrapper .single-column:nth-of-type(4) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-1-wrapper .single-column:first-child .post-excerpt,
.tiles-layout .tiles-1-wrapper .single-column:nth-of-type(4) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-1-wrapper .single-column:first-child {
grid-column-start: 1;
grid-column-end: 1;
grid-row: span 2;
}
.tiles-layout .tiles-1-wrapper .single-column:nth-of-type(4) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-2-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-2-wrapper {
grid-template-columns: 2fr 1fr 1fr 2fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-2-wrapper .single-column:first-child .post-title h3,
.tiles-layout .tiles-2-wrapper .single-column:nth-of-type(6) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-2-wrapper .single-column:first-child .post-excerpt,
.tiles-layout .tiles-2-wrapper .single-column:nth-of-type(6) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-2-wrapper .single-column:first-child {
grid-column-start: 1;
grid-column-end: 1;
grid-row: span 2;
}
.tiles-layout .tiles-2-wrapper .single-column:nth-of-type(6) {
grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-3-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-3-wrapper {
grid-template-columns: 1fr 2fr 1fr 2fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(3) .post-title h3,
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(6) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(3) .post-excerpt,
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(6) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(3) {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.tiles-layout .tiles-3-wrapper .single-column:nth-of-type(6) {
grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-4-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-4-wrapper {
grid-template-columns: 2fr 1fr 2fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(1) .post-title h3,
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(4) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(1) .post-excerpt,
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(4) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.tiles-layout .tiles-4-wrapper .single-column:nth-of-type(4) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-5-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-5-wrapper {
grid-template-columns: 2fr 1fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-5-wrapper .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-5-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-5-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-6-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-6-wrapper {
grid-template-columns: 1fr 2fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-6-wrapper .single-column:nth-of-type(3) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-6-wrapper .single-column:nth-of-type(3) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-6-wrapper .single-column:nth-of-type(3) {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-7-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-7-wrapper {
grid-template-columns: 2fr 1fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-7-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
.tiles-layout .tiles-7-wrapper .single-column:nth-of-type(1) .post-title h3,
.tiles-layout .tiles-7-wrapper .single-column:nth-of-type(2) .post-title h3 {
font-size: 22px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-7-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.tiles-layout .tiles-7-wrapper .single-column:nth-of-type(2) {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
}
.tiles-layout .tiles-8-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-8-wrapper {
grid-template-columns: repeat(4, 1fr);
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(1) .post-title h3,
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(2) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(1) .post-excerpt,
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(2) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.tiles-layout .tiles-8-wrapper .single-column:nth-of-type(2) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-9-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-9-wrapper {
grid-template-columns: repeat(3, 1fr);
min-height: 548px;
grid-template-rows: 1fr 1fr 1fr;
}
}
.tiles-layout .tiles-9-wrapper .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-9-wrapper .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-9-wrapper .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
}
.tiles-layout .tiles-10-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-10-wrapper {
grid-template-columns: repeat(3, 1fr);
min-height: 548px;
grid-template-rows: 1fr 1fr 1fr;
}
}
.tiles-layout .tiles-10-wrapper .single-column:nth-of-type(4) .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-10-wrapper .single-column:nth-of-type(4) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.tiles-layout .tiles-10-wrapper .single-column:nth-of-type(4) {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 4;
}
}
.tiles-layout .tiles-11-wrapper {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-gap: 30px;
}
@media (min-width: 768px) {
.tiles-layout .tiles-11-wrapper {
grid-auto-flow: column;
min-height: 548px;
grid-template-rows: 1fr;
}
}
.tiles-layout .tiles-11-wrapper .single-column .post-title {
font-size: 22px;
}
.tiles-layout .tiles-11-wrapper .single-column .post-title h3 {
font-size: 22px;
}
.tiles-layout .tiles-11-wrapper .single-column .post-excerpt {
display: inline-block;
}
#ajax-loading-for-post {
position: relative;
display: inline-block;
border: solid 1px rgba(202, 202, 202, 0.3);
font-weight: bold;
padding: 10px 30px;
border-radius: 4px;
color: #707070;
background: white;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
cursor: pointer;
margin: 30px 0px;
width: 100%;
text-align: center;
font-size: 18px;
}
#ajax-loading-for-post:hover {
box-shadow: 0px 3px 20px #d6d6d6;
background: #EEB90E;
color: white;
}
#posts-with-load-more-button .cat-post-list {
grid-column-start: 1;
grid-column-end: 3;
}
#posts-with-load-more-button .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 20px;
}
@media (min-width: 768px) {
#posts-with-load-more-button .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
#posts-with-load-more-button .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper {
display: flex;
}
#posts-with-load-more-button .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb {
flex: 1;
margin-right: 15px;
}
#posts-with-load-more-button .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data {
flex: 2;
}
#posts-with-load-more-button .post-category a.cat-item {
font-weight: normal;
font-family: 'Roboto', sans-serif;
padding: 2px 6px;
border-radius: 2px;
color: white;
font-size: 14px;
}
#posts-with-load-more-button .regular-title {
display: inline-block;
width: 100%;
margin: 7px 0px 5px;
}
#posts-with-load-more-button .post-full-article-link a {
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
font-size: 18px;
}
#posts-with-load-more-button .post-full-article-link a:hover {
color: #EEB90E;
}
#posts-with-load-more-button .dynamic-cat-post-list {
position: relative;
}
#posts-with-load-more-button .dynamic-cat-post-list .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
#posts-with-load-more-button .vertical .cat-post-list-wrapper {
display: grid;
grid-gap: 20px;
}
@media (min-width: 768px) {
#posts-with-load-more-button .vertical .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
#posts-with-load-more-button .vertical .cat-post-list-wrapper .regular-post .regular-post-wrapper {
display: grid;
grid-gap: 6px;
}
#posts-with-load-more-button .vertical .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb {
margin-right: 0px;
}
#posts-with-load-more-button .post-grid-1 .cat-post-list-wrapper {
display: grid;
grid-gap: 20px;
}
#posts-with-load-more-button .post-grid-2 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: 20px;
}
@media (max-width: 768px) {
#posts-with-load-more-button .post-grid-2 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
#posts-with-load-more-button .post-grid-2 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 3;
grid-row: span 2;
}
}
#posts-with-load-more-button .post-grid-3 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 20px;
}
@media (max-width: 768px) {
#posts-with-load-more-button .post-grid-3 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
#posts-with-load-more-button .post-grid-3 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 4;
grid-row: span 3;
}
}
#posts-with-load-more-button .post-grid-4 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(4, auto);
grid-gap: 20px;
}
@media (max-width: 768px) {
#posts-with-load-more-button .post-grid-4 .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
@media (min-width: 768px) {
#posts-with-load-more-button .post-grid-4 .cat-post-list-wrapper .featured-post {
grid-column-start: 1 ;
grid-column-end: 5;
grid-row: span 4;
}
}
#posts-with-load-more-button .magmax_pagination {
margin: 35px 0px;
padding: 20px 35px;
}
#posts-with-load-more-button .magmax_pagination ul {
display: inline-block;
}
#posts-with-load-more-button .vertical .magmax_pagination {
text-align: center;
}
#posts-with-load-more-button .horizontal .magmax_pagination {
text-align: left;
}
.recent-post-slides a,
.popular-post-slides a,
.featured-post-slides a,
.trending-post-slides a {
transition: all 0.3s ease;
}
.recent-post-slides a h3,
.popular-post-slides a h3,
.featured-post-slides a h3,
.trending-post-slides a h3 {
transition: all 0.3s ease;
}
.recent-post-slides .cat-post-list-wrapper,
.popular-post-slides .cat-post-list-wrapper,
.featured-post-slides .cat-post-list-wrapper,
.trending-post-slides .cat-post-list-wrapper {
display: flex !important;
align-items: center;
transition: all 0.5s ease;
}
.recent-post-slides .cat-post-list-wrapper .post-thumb.no-thumbanil,
.popular-post-slides .cat-post-list-wrapper .post-thumb.no-thumbanil,
.featured-post-slides .cat-post-list-wrapper .post-thumb.no-thumbanil,
.trending-post-slides .cat-post-list-wrapper .post-thumb.no-thumbanil {
background: #ffcd00;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav,
.popular-post-slides .cat-post-list-wrapper .owl-nav,
.featured-post-slides .cat-post-list-wrapper .owl-nav,
.trending-post-slides .cat-post-list-wrapper .owl-nav {
opacity: 0;
position: absolute;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 10px;
transition: all 0.5s ease;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right {
position: relative;
display: inline-block;
color: #090e1d;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
background: white;
font-size: 18px;
transition: all 0.5s ease;
cursor: pointer;
padding: 0;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.recent-post-slides .cat-post-list-wrapper:hover .owl-nav,
.popular-post-slides .cat-post-list-wrapper:hover .owl-nav,
.featured-post-slides .cat-post-list-wrapper:hover .owl-nav,
.trending-post-slides .cat-post-list-wrapper:hover .owl-nav {
opacity: 1;
}
.recent-post-slides .post-slides,
.popular-post-slides .post-slides,
.featured-post-slides .post-slides,
.trending-post-slides .post-slides {
display: grid;
min-height: 500px;
grid-template-columns: minmax(50%, 1fr) 1fr 1fr;
grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 768px) {
.recent-post-slides .post-slides,
.popular-post-slides .post-slides,
.featured-post-slides .post-slides,
.trending-post-slides .post-slides {
grid-template-columns: minmax(50%, 1fr) 1fr;
grid-template-rows: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.recent-post-slides .post-slides .regular-post:first-child,
.popular-post-slides .post-slides .regular-post:first-child,
.featured-post-slides .post-slides .regular-post:first-child,
.trending-post-slides .post-slides .regular-post:first-child {
grid-row: span 2;
}
}
@media (max-width: 768px) {
.recent-post-slides .post-slides .regular-post:first-child,
.popular-post-slides .post-slides .regular-post:first-child,
.featured-post-slides .post-slides .regular-post:first-child,
.trending-post-slides .post-slides .regular-post:first-child {
grid-column: span 2;
}
}
.recent-post-slides .post-slides .regular-post:first-child .post-title a h3,
.popular-post-slides .post-slides .regular-post:first-child .post-title a h3,
.featured-post-slides .post-slides .regular-post:first-child .post-title a h3,
.trending-post-slides .post-slides .regular-post:first-child .post-title a h3 {
font-size: 24px;
color: white;
}
.recent-post-slides .post-slides .regular-post:nth-child(2),
.popular-post-slides .post-slides .regular-post:nth-child(2),
.featured-post-slides .post-slides .regular-post:nth-child(2),
.trending-post-slides .post-slides .regular-post:nth-child(2) {
grid-column-start: 2;
grid-column-end: 4;
}
@media (max-width: 768px) {
.recent-post-slides .post-slides .regular-post:nth-child(2),
.popular-post-slides .post-slides .regular-post:nth-child(2),
.featured-post-slides .post-slides .regular-post:nth-child(2),
.trending-post-slides .post-slides .regular-post:nth-child(2) {
grid-column: span 2;
}
}
.recent-post-slides .post-slides .regular-post:nth-child(2) .post-title a h3,
.popular-post-slides .post-slides .regular-post:nth-child(2) .post-title a h3,
.featured-post-slides .post-slides .regular-post:nth-child(2) .post-title a h3,
.trending-post-slides .post-slides .regular-post:nth-child(2) .post-title a h3 {
font-size: 24px;
color: white;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper {
position: relative;
display: inline-block;
height: 100%;
width: 100%;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper div.post-thumb,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper div.post-thumb,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper div.post-thumb,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper div.post-thumb,
.recent-post-slides .post-slides .regular-post .regular-post-wrapper a,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper a,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper a,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper a {
display: inline-block;
height: 100%;
width: 100%;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb {
position: absolute;
left: 0;
top: 0;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb img,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb img,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb img,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb img {
display: inline-block;
height: 100%;
object-fit: cover;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a {
position: relative;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a:after,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a:after,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a:after,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
color: white;
padding-right: 10px;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data a,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data a,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data a,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data a,
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data div,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data div,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data div,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data div {
color: white;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta div,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta div,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta div,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .wkp-post-meta div {
display: inline-block;
}
.recent-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .post-title a h3,
.popular-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .post-title a h3,
.featured-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .post-title a h3,
.trending-post-slides .post-slides .regular-post .regular-post-wrapper .post-data .post-title a h3 {
font-size: 18px;
color: white;
}
@media (max-width: 768px) {
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper {
position: relative;
display: inline-block;
height: 100%;
width: 100%;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a {
position: relative;
display: inline-block;
height: 100%;
width: 100%;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a img,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a img,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a img,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a img {
margin-bottom: 0px;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a:after,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a:after,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a:after,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
color: white;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data a,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data a,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data a,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data a,
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data div,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data div,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data div,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data div {
color: white;
}
.recent-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data .post-title h3,
.popular-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data .post-title h3,
.featured-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data .post-title h3,
.trending-post-slides .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data .post-title h3 {
font-size: 24px !important;
margin-right: 10px;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav,
.popular-post-slides .cat-post-list-wrapper .owl-nav,
.featured-post-slides .cat-post-list-wrapper .owl-nav,
.trending-post-slides .cat-post-list-wrapper .owl-nav {
opacity: 1;
position: absolute;
width: 100%;
display: inline-block;
align-items: center;
justify-content: space-between;
padding: 0px 10px;
text-align: right;
top: 7px;
transition: all 0.5s ease;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right {
display: inline-block;
color: #090e1d;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 4px;
margin: 0px 2px;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
border: none;
background: white;
font-size: 18px;
transition: all 0.5s ease;
cursor: pointer;
padding: 0;
}
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.recent-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.popular-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.featured-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.trending-post-slides .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.recent-post-slides .cat-post-list-wrapper:hover .owl-nav,
.popular-post-slides .cat-post-list-wrapper:hover .owl-nav,
.featured-post-slides .cat-post-list-wrapper:hover .owl-nav,
.trending-post-slides .cat-post-list-wrapper:hover .owl-nav {
opacity: 1;
}
}
.recent-post-slides.grid-slider {
position: relative;
}
.recent-post-slides.grid-slider .cat-post-list-wrapper {
display: flex !important;
}
.recent-post-slides.grid-slider .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.9);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.recent-post-slides.grid-slider .owl-nav button {
border: none;
}
.post-carousel .layout-header {
border-bottom: none;
margin-bottom: 10px;
}
.post-carousel .regular-post .post-category {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.post-carousel .regular-post .post-category a.cat-item {
font-size: 12px;
padding: 0px 6px;
border-radius: 2px;
font-family: 'Nunito', sans-serif;
font-weight: normal;
line-height: 20px;
color: white;
margin: 2px 2px;
}
.post-carousel .regular-post .post-category a.cat-item:hover {
color: white;
}
.post-carousel .cat-post-list-wrapper {
position: relative;
}
.post-carousel .cat-post-list-wrapper .owl-nav {
position: absolute;
right: 0;
top: -50px;
display: inline-block;
}
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-right {
display: inline-block;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 16px;
padding: 0px 7px;
cursor: pointer;
border-radius: 4px;
border: none;
}
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-left:hover,
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-right:hover {
box-shadow: 0px 3px 20px #d6d6d6;
background: #EEB90E;
color: white;
}
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.post-carousel .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.post-carousel.layout-2 {
position: relative;
}
.post-carousel.layout-2 .cat-post-list-wrapper {
position: inherit;
}
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav {
position: absolute;
right: -50px;
top: -10px;
height: 100%;
display: inline-block;
}
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right {
display: block;
background: white;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 20px;
padding: 0px 7px;
cursor: pointer;
border-radius: 0px;
border: none;
clear: both;
height: 54.1%;
}
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left:hover,
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right:hover {
background: inherit;
color: inherit;
box-shadow: none;
}
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.post-carousel.layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: inherit;
}
.post-carousel.layout-2 .post-meta {
display: none;
}
.meteor-social .social-item-list {
display: inline-block;
}
.meteor-social .social-single-item {
display: inline-block;
float: left;
}
.meteor-social .social-single-item-wrapper {
display: flex;
transition: all 0.5s ease;
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
color: white;
}
.meteor-social .social-single-item-wrapper i,
.meteor-social .social-single-item-wrapper p,
.meteor-social .social-single-item-wrapper span {
color: white;
}
.meteor-social .social-single-item-wrapper .social-icon-wrapper {
border-radius: 50%;
}
.meteor-social .social-single-item-wrapper .social-counter,
.meteor-social .social-single-item-wrapper .social-text {
display: block;
}
.magmax-newsletter .newsletter-image img {
margin-bottom: 0px;
}
.magmax-newsletter .newsletter-title {
margin: 15px 0px 0px;
}
.magmax-newsletter form input[type="email"] {
padding: 5px 10px;
margin: 5px 0px 10px;
transition: all 0.5s ease;
text-align: center;
}
.magmax-newsletter form input[type="email"]:focus {
outline: none;
border: solid 1px #EEB90E;
}
.magmax-newsletter form input[type="submit"] {
padding: 8px 32px;
margin: 5px 0px 10px;
transition: all 0.5s ease;
box-shadow: none;
text-shadow: none;
background: #EEB90E;
color: white;
border: none;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border-radius: 3px;
}
.magmax-newsletter form input[type="submit"]:focus {
outline: none;
}
.magmax-news-ticker {
padding: 10px;
}
.magmax-news-ticker .magmax-news-ticker-1 {
transition: all 0.5s ease;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.magmax-news-ticker .magmax-news-ticker-1 {
display: block;
}
}
.magmax-news-ticker .magmax-news-ticker-1 h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
font-family: 'Rajdhani', sans-serif;
}
.magmax-news-ticker .magmax-news-ticker-1 .ticker-title {
display: inline-block;
background: #EEB90E;
color: white;
padding: 5px 9px;
text-align: center;
margin: 0 15px 0 1px;
position: relative;
}
.magmax-news-ticker .magmax-news-ticker-1 .ticker-title:before {
position: absolute;
content: "";
left: 0;
right: 0;
width: 5px;
height: 5px;
border-left: 5px solid transparent;
border-right: 5px solid #EEB90E;
border-top: 5px solid transparent;
border-bottom: 5px solid #EEB90E;
transform: rotate(315deg);
top: 14px;
left: 97%;
}
@media (max-width: 768px) {
.magmax-news-ticker .magmax-news-ticker-1 .ticker-title {
width: auto;
margin-bottom: 10px;
border-right: none !important;
padding-left: 0;
text-align: left;
}
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper {
width: 89% !important;
position: relative;
}
@media (max-width: 768px) {
.magmax-news-ticker .magmax-news-post-ticker-wrapper {
width: 100% !important;
}
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .recent-post-ticker-title .recent-post-time {
font-size: 14px;
color: #707070;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 {
font-size: 16px;
margin-bottom: 0px;
font-weight: normal;
margin-top: 0px;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 a {
font-weight: normal;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 a:hover {
color: #EEB90E;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav {
display: flex;
align-items: center;
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 768px) {
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav {
bottom: auto;
top: -30px;
}
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-left,
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-right {
background: transparent;
display: inline-block;
cursor: pointer;
float: left;
width: auto;
height: auto;
line-height: 15px;
text-align: center;
border: 1px solid #ddd;
color: #cacaca;
margin: 0px 3px;
border-radius: 0px;
transition: all 0.5s ease;
padding: 5px 5px;
position: relative;
box-shadow: none;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-left:focus,
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-left i,
.magmax-news-ticker .magmax-news-post-ticker-wrapper .owl-nav .owl-carousel-right i {
line-height: 18px;
}
.magmax-element-title .element-title {
border-bottom: solid 1px #cacaca;
}
.magmax-element-title .element-title h4 {
display: inline-block;
position: relative;
}
.magmax-element-title .element-title h4:after {
content: '';
display: block;
width: 100%;
height: 2px;
background: #EEB90E;
position: absolute;
left: 0;
bottom: -11px;
}
.single-category-carousel {
position: relative;
min-height: 300px;
/**
video icon style
================
*/
}
.single-category-carousel .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
border: solid 2px #EEB90E;
min-height: 300px;
}
.single-category-carousel .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.single-category-carousel .layout-header {
display: block;
border-bottom: none;
padding-bottom: 0px;
}
.single-category-carousel .layout-header h2 {
font-size: 20px;
}
.single-category-carousel .layout-header h2:before {
content: none;
}
.single-category-carousel .regular-post {
overflow: inherit;
}
.single-category-carousel .regular-post .post-title h3 {
font-size: 20px;
margin: 5px 0px;
}
.single-category-carousel .regular-post .post-thumb {
line-height: 0;
}
.single-category-carousel .regular-post .post-thumb .post-thumb-wrapper {
display: inline-block;
width: 100%;
height: 100%;
}
.single-category-carousel .regular-post .post-data .wkp-post-meta {
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
color: #707070;
}
.single-category-carousel .regular-post .post-data .wkp-post-meta div {
display: inline-block;
}
.single-category-carousel .post-category a {
color: white;
}
.single-category-carousel .cat-post-list-wrapper {
position: relative;
}
.single-category-carousel .featured-post:hover .video-post-icon img,
.single-category-carousel .regular-post:hover .video-post-icon img,
.single-category-carousel .featured-post:hover .video-post-popup img,
.single-category-carousel .regular-post:hover .video-post-popup img {
transform: scale(1) rotate(0deg) !important;
}
.single-category-carousel div.post-thumb {
position: relative;
}
.single-category-carousel div.post-thumb .video-post-icon,
.single-category-carousel div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 5%;
}
.single-category-carousel div.post-thumb .video-post-icon iframe,
.single-category-carousel div.post-thumb .video-post-popup iframe {
display: none;
}
.single-category-carousel div.post-thumb .video-post-icon:focus,
.single-category-carousel div.post-thumb .video-post-popup:focus {
outline: none;
}
.single-category-carousel .regular-post-wrapper.horizontal {
display: grid;
grid-auto-flow: column;
grid-template-columns: minmax(40%, 1fr) 1fr;
grid-gap: 15px;
}
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb {
padding: 0;
position: relative;
}
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-icon,
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-popup {
position: absolute;
width: 35px;
top: 5%;
right: 7%;
}
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-icon iframe,
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-popup iframe {
display: none;
}
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-icon:focus,
.single-category-carousel .regular-post-wrapper.vertical div.post-thumb .video-post-popup:focus {
outline: none;
}
.single-category-carousel .regular-post-wrapper.vertical div.post-data {
padding: 0;
}
.single-category-carousel .video-post-icon,
.single-category-carousel .video-post-popup {
position: absolute !important;
width: 35px;
height: 35px !important;
top: 5%;
right: 7%;
z-index: 3;
}
.single-category-carousel .video-post-icon:before,
.single-category-carousel .video-post-popup:before {
content: none !important;
}
.single-category-carousel .video-post-icon iframe,
.single-category-carousel .video-post-popup iframe {
display: none;
}
.single-category-carousel .video-post-icon:focus,
.single-category-carousel .video-post-popup:focus {
outline: none;
}
.single-category-carousel .video-post-icon:after,
.single-category-carousel .video-post-popup:after {
content: none !important;
}
.single-category-carousel .navigation-center-center .owl-nav {
position: absolute;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.5s ease;
top: 36%;
opacity: 0;
}
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-left,
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-right {
display: inline-block;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 20px;
padding: 0;
cursor: pointer;
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
}
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-left:hover,
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-right:hover {
box-shadow: none;
background: #EEB90E;
color: white;
}
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-left:focus,
.single-category-carousel .navigation-center-center .owl-nav .owl-carousel-right:focus {
outline: none;
}
.single-category-carousel .navigation-center-center:hover .owl-nav {
opacity: 1;
}
/**
Tiles layout
*/
.single-category-carousel-layout-2 .regular-post {
transition: all 0.5s ease;
}
.single-category-carousel-layout-2 .regular-post .post-data {
position: absolute;
left: 20px;
bottom: 20px;
}
.single-category-carousel-layout-2 .regular-post .post-data .post-title {
margin-right: 20px;
}
.single-category-carousel-layout-2 .regular-post .post-thumb {
transition: all 0.5s ease;
}
.single-category-carousel-layout-2 .regular-post .post-thumb a {
transition: all 0.5s ease;
}
.single-category-carousel-layout-2 .regular-post .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 0;
display: block;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper,
.single-category-carousel-layout-2 .cat-post-list-wrapper {
position: relative;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav {
position: absolute;
right: 0;
top: -55px;
display: inline-block;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right {
position: relative;
display: inline-block;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 16px;
padding: 0px 7px;
cursor: pointer;
border-radius: 4px;
border: none;
width: 36px;
height: 30px;
color: black;
line-height: 0;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-left i,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left i,
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-right i,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right i {
line-height: 1;
font-size: inherit;
color: inherit;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-left:hover,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left:hover,
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-right:hover,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right:hover {
box-shadow: 0px 3px 20px #d6d6d6;
background: #EEB90E;
color: white;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-left {
left: 0;
}
.single-category-carousel-layout-1 .cat-post-list-wrapper .owl-nav .owl-carousel-right,
.single-category-carousel-layout-2 .cat-post-list-wrapper .owl-nav .owl-carousel-right {
right: 0;
}
/**
layout 2
*/
.single-category-carousel-layout-2 .post-data h3 {
color: white;
}
.single-category-carousel-layout-2 .post-data .wkp-post-meta,
.single-category-carousel-layout-2 .post-data .post-excerpt {
color: white;
}
/**
layout 3
single carousel
*/
.single-category-carousel-layout-3 .post-thumb a {
width: 100%;
}
.single-category-carousel-layout-3 .cat-post-list {
text-align: center;
}
.single-category-carousel-layout-3 .cat-post-list .owl-dots {
position: absolute;
width: auto;
display: inline-block;
left: 0;
right: auto;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 9;
padding: 15px 15px;
line-height: 0;
}
@media (max-width: 992px) {
.single-category-carousel-layout-3 .cat-post-list .owl-dots {
margin-left: 0;
bottom: auto !important;
left: 0;
top: 0%;
display: grid;
}
.single-category-carousel-layout-3 .cat-post-list .owl-dots .owl-dot {
margin: 3px 0px !important;
}
}
.single-category-carousel-layout-3 .cat-post-list .owl-dots .owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
background: transparent;
margin: 0px 3px;
border: solid 2px white;
}
.single-category-carousel-layout-3 .cat-post-list .owl-dots .owl-dot:focus {
outline: none;
}
.single-category-carousel-layout-3 .cat-post-list .owl-dots .owl-dot.active {
background: white;
}
.single-category-carousel-layout-3 .cat-post-list.nav-align-right .owl-dots {
left: auto;
right: 0;
}
/**
layout style 4
*/
.single-category-carousel-layout-4 {
position: relative;
min-height: 300px;
}
.single-category-carousel-layout-4 .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
border: solid 2px #EEB90E;
min-height: 300px;
}
.single-category-carousel-layout-4 .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper {
position: relative;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper {
position: relative;
transition: all 0.5s ease;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-thumb {
transition: all 0.5s ease;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-thumb a {
transition: all 0.5s ease;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 0;
display: block;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-thumb-wrapper img {
object-fit: cover;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-data {
position: absolute;
left: 20px;
bottom: 20px;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-data .post-title h3 {
font-size: 24px;
color: white;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-data .wkp-post-meta {
font-size: 14px;
color: white;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .regular-post-wrapper .post-data .post-excerpt {
font-size: 14px;
color: white;
font-size: 16px;
margin-top: 5px;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav {
position: absolute;
right: 10px;
top: auto;
bottom: 10px;
width: auto;
height: auto;
display: flex;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-left,
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-right {
width: auto;
position: relative;
display: inline-block;
box-shadow: none;
background: transparent;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 16px;
padding: 0px;
cursor: pointer;
border-radius: 4px;
border: none;
color: white;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-left i,
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-right i {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: inherit;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-left:hover,
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-right:hover {
box-shadow: none;
background: transparent;
color: white;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-left:focus,
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-left {
left: 0;
}
.single-category-carousel-layout-4 .cat-post-list-wrapper .owl-nav .owl-carousel-right {
right: 0;
}
.single-category-dynamic-carousel-layout-1 .featured-post,
.single-category-dynamic-carousel-layout-2 .featured-post,
.single-category-dynamic-carousel-layout-3 .featured-post {
transition: all 0.5s ease;
}
.single-category-dynamic-carousel-layout-1 .featured-post .post-thumb,
.single-category-dynamic-carousel-layout-2 .featured-post .post-thumb,
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb {
transition: top 0.5s ease;
}
.single-category-dynamic-carousel-layout-1 .featured-post .post-thumb a,
.single-category-dynamic-carousel-layout-2 .featured-post .post-thumb a,
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb a {
transition: background 0.5s ease !important;
}
.single-category-dynamic-carousel-layout-1 .featured-post .post-thumb a:after,
.single-category-dynamic-carousel-layout-2 .featured-post .post-thumb a:after,
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb a:after {
transition: all 0.5s ease;
}
.single-category-dynamic-carousel-layout-1 .featured-post .post-thumb a img,
.single-category-dynamic-carousel-layout-2 .featured-post .post-thumb a img,
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb a img {
transition: all 0.5s ease;
object-fit: cover;
}
/**
Layout 1
*/
.single-category-dynamic-carousel-layout-1.tiles .featured-post {
position: relative;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-thumb {
margin-bottom: 0px;
line-height: 0;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
top: 0;
display: block;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-data {
position: absolute;
left: 10px;
bottom: 10px;
padding: 10px;
color: white;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-data .post-meta div {
color: white;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-data a {
color: white;
}
.single-category-dynamic-carousel-layout-1.tiles .featured-post .post-data .post-cat a {
color: white;
}
/**
Layout 2
*/
.single-category-dynamic-carousel-layout-2 .layout-header {
position: relative;
margin-bottom: 20px !important;
box-sizing: border-box;
padding-bottom: 15px !important;
}
.single-category-dynamic-carousel-layout-2 .layout-header:after {
content: '';
width: 200%;
height: 1px;
background: #cacaca;
display: block;
position: absolute;
left: 0;
bottom: -3px;
}
.single-category-dynamic-carousel-layout-2 .layout-header .layout-title {
position: relative;
}
.single-category-dynamic-carousel-layout-2 .layout-header .layout-title:after {
content: '';
width: 105%;
height: 2px;
background: #EEB90E;
display: block;
position: absolute;
left: 0px;
bottom: -18px;
z-index: 2;
}
.single-category-dynamic-carousel-layout-2 .dynamic-cat-post-list:before {
content: none !important;
}
.single-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .cat-post-list-wrapper {
grid-gap: 0px !important;
}
.single-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .regular-post:after {
content: '';
width: 100%;
height: 1px;
background: rgba(202, 202, 202, 0.5);
display: block;
margin: 13px 0px 18px;
}
.single-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .regular-post:last-child:after {
content: none;
}
.single-category-dynamic-carousel-layout-2 .featured-post {
position: relative;
}
.single-category-dynamic-carousel-layout-2 .featured-post:after {
content: '';
width: 100%;
height: 1px;
background: rgba(202, 202, 202, 0.5);
display: block;
margin: 15px 0px 20px;
}
.single-category-dynamic-carousel-layout-2 .post-data .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.single-category-dynamic-carousel-layout-2 .post-data .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.single-category-dynamic-carousel-layout-2 .post-data .post-cat a:hover {
color: #EEB90E;
}
.single-category-dynamic-carousel-layout-2 .post-data .post-meta {
display: none;
}
.single-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.vertical .regular-post .post-data {
padding: 10px 0px 0px;
}
.single-category-dynamic-carousel-layout-2.list .featured-post .post-thumb {
transition: all 0.5s ease;
line-height: 0;
}
.single-category-dynamic-carousel-layout-2.list .featured-post:hover img {
transform: scale(1) rotate(0deg) !important;
}
.single-category-dynamic-carousel-layout-2.list .featured-post:hover .post-thumb {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
/**
Titles and gradient layout
=========================
*/
.single-category-dynamic-carousel-layout-2.tiles .featured-post {
position: relative;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post:after {
content: none;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post .post-thumb {
margin-bottom: 0px;
line-height: 0;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
top: 0;
display: block;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post .post-data {
position: absolute;
left: 10px;
bottom: 10px;
padding: 10px;
color: white;
transition: all 0.4s ease;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post .post-data a {
color: white;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post .post-data .post-cat a {
color: white;
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post:hover {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post:hover .post-thumb a img {
transform: scale(1) rotate(0deg);
}
.single-category-dynamic-carousel-layout-2.tiles .featured-post:hover .post-data {
bottom: 15px;
}
.single-category-dynamic-carousel-layout-2.tiles .dynamic-cat-post-list.horizontal .featured-post {
margin-bottom: 20px;
}
/**
layout 3
*/
.single-category-dynamic-carousel-layout-3 .layout-header {
position: relative;
margin-bottom: 20px !important;
box-sizing: border-box;
padding-bottom: 15px !important;
}
.single-category-dynamic-carousel-layout-3 .layout-header:after {
content: '';
width: 200%;
height: 1px;
background: #cacaca;
display: block;
position: absolute;
left: 0;
bottom: -3px;
}
.single-category-dynamic-carousel-layout-3 .layout-header .layout-title {
position: relative;
}
.single-category-dynamic-carousel-layout-3 .layout-header .layout-title:after {
content: '';
width: 105%;
height: 2px;
background: #EEB90E;
display: block;
position: absolute;
left: 0px;
bottom: -18px;
z-index: 2;
}
.single-category-dynamic-carousel-layout-3 .post-meta {
display: none;
}
.single-category-dynamic-carousel-layout-3 .featured-post {
position: relative;
transition: all 0.5s ease;
}
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb {
margin-bottom: 0px;
line-height: 0;
}
.single-category-dynamic-carousel-layout-3 .featured-post .post-thumb a img {
object-fit: cover;
}
.single-category-dynamic-carousel-layout-3 .featured-post .post-data {
position: absolute;
left: 0px;
bottom: 00px;
background: white;
padding: 25px 30px 25px;
width: 80%;
}
@media (max-width: 768px) {
.single-category-dynamic-carousel-layout-3 .featured-post .post-data {
position: relative;
width: 100%;
}
}
.single-category-dynamic-carousel-layout-3 .featured-post:hover {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.single-category-dynamic-carousel-layout-3 .featured-post:hover img {
transform: scale(1) rotate(0deg) !important;
}
.single-category-dynamic-carousel-layout-3 .post-data .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.single-category-dynamic-carousel-layout-3 .post-data .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.single-category-dynamic-carousel-layout-3 .post-data .post-cat a:hover {
color: #EEB90E;
}
.single-category-dynamic-carousel-layout-3 .post-data .post-meta {
display: none;
}
.single-category-dynamic-carousel-layout-3 .dynamic-cat-post-list.vertical .regular-post .post-data {
padding: 10px 0px 0px;
}
.single-category-dynamic-carousel-layout-3 .dynamic-cat-post-list:before {
content: none !important;
}
.multiple-category-dynamic-carousel-layout-1 .featured-post .post-thumb a img,
.multiple-category-dynamic-carousel-layout-2 .featured-post .post-thumb a img,
.multiple-category-dynamic-carousel-layout-3 .featured-post .post-thumb a img {
object-fit: cover;
}
/**
Layout 1
*/
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post {
position: relative;
transition: all 0.5s ease;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-thumb {
margin-bottom: 0px;
line-height: 0;
transition: all 0.5s ease;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-thumb a {
transition: all 0.5s ease;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 0;
display: block;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-data {
position: absolute;
left: 10px;
bottom: 10px;
padding: 10px;
color: white;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-data .post-meta div {
color: white;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-data a {
color: white;
}
.multiple-category-dynamic-carousel-layout-1.tiles .featured-post .post-data .post-cat a {
color: white;
}
/**
Layout 2
*/
.multiple-category-dynamic-carousel-layout-2 {
position: relative;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-layout {
align-items: center;
}
.multiple-category-dynamic-carousel-layout-2 .layout-header .layout-title h4 {
line-height: 2;
}
.multiple-category-dynamic-carousel-layout-2 .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
border: solid 2px #EEB90E;
}
.multiple-category-dynamic-carousel-layout-2 .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.multiple-category-dynamic-carousel-layout-2 .layout-header {
position: relative;
margin-bottom: 20px !important;
box-sizing: border-box;
padding-bottom: 15px !important;
}
.multiple-category-dynamic-carousel-layout-2 .layout-header:after {
content: '';
width: 200%;
height: 1px;
background: #cacaca;
display: block;
position: absolute;
left: 0;
bottom: -3px;
}
.multiple-category-dynamic-carousel-layout-2 .layout-header .layout-title {
position: relative;
}
.multiple-category-dynamic-carousel-layout-2 .layout-header .layout-title:after {
content: '';
width: 105%;
height: 2px;
background: #EEB90E;
display: block;
position: absolute;
left: 0px;
bottom: -18px;
z-index: 2;
}
.multiple-category-dynamic-carousel-layout-2 .post-data .post-cat {
font-size: 11px;
margin-bottom: 5px;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list:before {
content: none !important;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .cat-post-list-wrapper {
grid-gap: 20px;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .regular-post {
position: relative;
overflow: inherit;
}
@media (max-width: 768px) {
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .regular-post .regular-post-wrapper {
flex-direction: column;
}
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.horizontal .regular-post:before {
content: '';
width: 100%;
height: 1px;
background: rgba(202, 202, 202, 0.5);
display: block;
margin: 0;
position: absolute;
top: -18px;
left: 0;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.vertical .regular-post .post-data {
padding: 10px 0px 0px;
}
.multiple-category-dynamic-carousel-layout-2 .featured-post {
position: relative;
}
.multiple-category-dynamic-carousel-layout-2 .post-data .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.multiple-category-dynamic-carousel-layout-2 .post-data .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.multiple-category-dynamic-carousel-layout-2 .post-data .post-cat a:hover {
color: #EEB90E;
}
.multiple-category-dynamic-carousel-layout-2 .post-data .post-meta {
display: none;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.grid-2 .featured-post:after,
.multiple-category-dynamic-carousel-layout-2 .dynamic-cat-post-list.grid-2 .regular-post:after {
content: none;
}
/**
Titles and gradient layout
=========================
*/
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post {
transition: all 0.5s ease;
position: relative;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post:after {
content: none;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-thumb {
margin-bottom: 0px !important;
line-height: 0;
transition: all 0.5s ease;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-thumb a:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
transition: all 0.5s ease;
left: 0;
top: 0;
display: block;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-data {
position: absolute;
left: 10px;
bottom: 10px;
padding: 10px;
color: white;
transition: all 0.4s ease;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-data a,
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-data h3 {
color: white;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post .post-data .post-cat a {
color: white;
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post:hover {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post:hover .post-thumb a img {
transform: scale(1) rotate(0deg);
}
.multiple-category-dynamic-carousel-layout-2.tiles .featured-post:hover .post-data {
bottom: 15px;
}
.multiple-category-dynamic-carousel-layout-2.tiles .dynamic-cat-post-list.horizontal .featured-post {
margin-bottom: 7px;
}
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2 .regular-post:nth-child(2):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2 .regular-post:nth-child(3):before {
content: none;
}
.multiple-category-dynamic-carousel-layout-2.tiles .grid-3 .regular-post:nth-child(2):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-3 .regular-post:nth-child(3):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-3 .regular-post:nth-child(4):before {
content: none;
}
.multiple-category-dynamic-carousel-layout-2.tiles .grid-4 .regular-post:nth-child(2):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-4 .regular-post:nth-child(3):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-4 .regular-post:nth-child(4):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-4 .regular-post:nth-child(5):before {
content: none;
}
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2.horizontal .regular-post:nth-child(2),
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2.horizontal .regular-post:nth-child(3) {
margin-top: -17px;
}
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2.horizontal .regular-post:nth-child(2):before,
.multiple-category-dynamic-carousel-layout-2.tiles .grid-2.horizontal .regular-post:nth-child(3):before {
content: none;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-layout .featured-post .post-thumb {
margin-bottom: 0px ;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-layout .regular-post .post-thumb {
margin-right: 0px !important;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-layout .regular-post .post-data {
padding-left: 15px;
}
.multiple-category-dynamic-carousel-layout-2 .dynamic-layout div.vertical .regular-post .post-thumb {
margin-bottom: 0px;
}
/**
layout 3
*/
.multiple-category-dynamic-carousel-layout-3 .layout-header .layout-title {
position: relative;
}
.multiple-category-dynamic-carousel-layout-3 .layout-header .layout-title:after {
content: '';
width: 105%;
height: 2px;
background: #EEB90E;
display: block;
position: absolute;
left: 0px;
bottom: -18px;
z-index: 2;
}
.multiple-category-dynamic-carousel-layout-3 .post-meta {
display: none;
}
.multiple-category-dynamic-carousel-layout-3 .featured-post {
position: relative;
transition: all 0.5s ease;
}
.multiple-category-dynamic-carousel-layout-3 .featured-post .post-thumb {
margin-bottom: 0px;
line-height: 0;
}
.multiple-category-dynamic-carousel-layout-3 .featured-post .post-thumb a img {
object-fit: cover;
}
.multiple-category-dynamic-carousel-layout-3 .featured-post .post-data {
position: absolute;
left: 0px;
bottom: 00px;
background: white;
padding: 25px 30px 25px;
width: 80%;
}
@media (max-width: 768px) {
.multiple-category-dynamic-carousel-layout-3 .featured-post .post-data {
position: relative;
width: 100%;
}
}
.multiple-category-dynamic-carousel-layout-3 .featured-post:hover {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
.multiple-category-dynamic-carousel-layout-3 .featured-post:hover img {
transform: scale(1) rotate(0deg) !important;
}
.multiple-category-dynamic-carousel-layout-3 .post-data .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.multiple-category-dynamic-carousel-layout-3 .post-data .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.multiple-category-dynamic-carousel-layout-3 .post-data .post-cat a:hover {
color: #EEB90E;
}
.multiple-category-dynamic-carousel-layout-3 .post-data .post-meta {
display: none;
}
.multiple-category-dynamic-carousel-layout-3 .dynamic-cat-post-list.vertical .regular-post .post-data {
padding: 10px 0px 0px;
}
.multiple-category-dynamic-carousel-layout-3 .regular-post .post-thumb {
transition: all 0.5s ease;
line-height: 0;
}
.multiple-category-dynamic-carousel-layout-3 .regular-post:hover img {
transform: scale(1) rotate(0deg) !important;
}
.multiple-category-dynamic-carousel-layout-3 .regular-post:hover .post-thumb {
box-shadow: 0px 3px 20px #b7b7b7;
transform: translateY(-5px);
}
/**
Common settings
*/
.multiple-layout.dynamic-layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
/**
Regular post style
*/
/**
Regular grid layout
*/
}
.multiple-layout.dynamic-layout .cat-post-list {
grid-column-start: 1;
grid-column-end: 3;
}
.multiple-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper {
display: grid;
grid-gap: 30px;
}
@media (min-width: 768px) {
.multiple-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper {
grid-template-columns: repeat(1, auto);
}
}
.multiple-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper {
display: flex;
}
.multiple-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-thumb {
flex: 1;
margin-right: 15px;
}
.multiple-layout.dynamic-layout .cat-post-list .cat-post-list-wrapper .regular-post .regular-post-wrapper .post-data {
flex: 2;
}
.multiple-layout.dynamic-layout .multiple-category-navigation ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
.multiple-layout.dynamic-layout .multiple-category-navigation ul li {
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 23px;
font-size: 18px;
cursor: pointer;
}
.multiple-layout.dynamic-layout .dynamic-cat-post-list {
position: relative;
}
.multiple-layout.dynamic-layout .dynamic-cat-post-list:before {
content: '';
width: 100%;
height: 1px;
background: #cacaca;
display: block;
margin: 15px 0px 20px;
}
.multiple-layout.dynamic-layout .dynamic-cat-post-list .ajax-content {
position: absolute;
width: 100%;
height: 100%;
background: rgba(238, 185, 14, 0.5);
left: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.multiple-layout.dynamic-layout .layout-header {
border-bottom: none;
padding: 0;
margin: 0;
margin-top: 2px;
}
.multiple-layout.dynamic-layout .dynamic-cat-post-list.vertical .regular-post .regular-post-wrapper {
flex-direction: column;
}
.multiple-layout.dynamic-layout .dynamic-cat-post-list.vertical .regular-post .regular-post-wrapper .post-thumb {
margin-right: 0px;
}
.multiple-layout.dynamic-layout .grid-2 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.multiple-layout.dynamic-layout .grid-2 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 3;
}
.multiple-layout.dynamic-layout .grid-3 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.multiple-layout.dynamic-layout .grid-3 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 4;
}
.multiple-layout.dynamic-layout .grid-4 .cat-post-list-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.multiple-layout.dynamic-layout .grid-4 .cat-post-list-wrapper .featured-post {
grid-column-start: 1;
grid-column-end: 5;
}
.dynamic-multiple-category .last-page .multiple-cateogry-next {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.75);
transition: all 0.5s ease;
border-radius: 4px;
display: inline-block;
pointer-events: none;
color: #ddd;
}
.dynamic-multiple-category .first-page .multiple-cateogry-prev {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: rgba(255, 255, 255, 0.75);
transition: all 0.5s ease;
border-radius: 4px;
display: inline-block;
pointer-events: none;
color: #ddd;
}
.dynamic-multiple-category nav li {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.5s ease;
border-radius: 4px;
margin: 0px 2px;
}
.dynamic-multiple-category nav li:hover {
background: #EEB90E;
color: white;
}
.static-post-tab .cat-single-item {
display: flex;
line-height: 0;
margin-bottom: 15px;
}
.static-post-tab .cat-single-item .post-thumb-wrapper {
flex: 1 0 0;
margin-right: 15px;
position: relative;
}
.static-post-tab .cat-single-item .post-thumb-wrapper a.post-thumb {
display: inline-block;
overflow: hidden;
transition: all 0.5s ease;
}
.static-post-tab .cat-single-item .post-thumb-wrapper a.post-thumb img {
transition: all 0.5s ease;
margin-bottom: 0px;
}
.static-post-tab .cat-single-item .post-thumb-wrapper .video-post-popup {
position: absolute;
right: 5%;
top: 5%;
width: 35px;
}
.static-post-tab .cat-single-item .post-data-wrapper {
flex: 2 0 0;
}
.static-post-tab .cat-single-item .post-data-wrapper .post-cat {
line-height: 1;
font-family: inherit;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.static-post-tab .cat-single-item .post-data-wrapper .post-cat a {
color: #707070;
display: inline-block;
margin-bottom: 5px;
}
.static-post-tab .cat-single-item .post-data-wrapper .post-cat a:hover {
color: #EEB90E;
}
.static-post-tab .cat-single-item:hover a.post-thumb img {
transform: scale(1.1) rotate(1deg);
}
.static-post-tab .show-border .cat-single-item {
border-bottom: solid 1px #cacaca;
margin-bottom: 20px;
}
.static-post-tab .show-border .cat-single-item .post-thumb-wrapper .post-thumb img {
margin-bottom: 20px;
}
.static-post-tab .show-border .cat-single-item:last-child {
border-bottom: none;
}
/**
WooCommerce
*/
.woo-featured-product .image_left .column {
display: flex;
}
.woo-featured-product .image_left .column .product-thumb {
flex: 1 0 0;
margin-right: 10px;
}
.woo-featured-product .image_left .column .product-content {
flex: 2 0 0;
}
.woo-featured-product .image_left .column .product-content .button {
display: block;
}
.woo-recent-product .active-woocommerce,
.woo-recent-product .site-has-no-woocommerce {
width: 100%;
min-height: 300px;
border: solid 5px #EEB90E;
display: flex;
align-items: center;
justify-content: center;
}
.woo-recent-product .active-woocommerce h2,
.woo-recent-product .site-has-no-woocommerce h2 {
font-size: 40px;
color: white;
background: #EEB90E;
padding: 10px;
}
.woo-recent-product .active-woocommerce h2:before,
.woo-recent-product .site-has-no-woocommerce h2:before {
content: none;
}
.woo-recent-product .woo-layout-header {
font-size: 35px;
margin-bottom: 35px;
}
.woo-recent-product .column {
font-size: 16px;
}
.woo-recent-product .column ul,
.woo-recent-product .column p {
margin: 0;
}
.woo-recent-product .column .product-thumb {
position: relative;
text-align: center;
transition: all 0.4s ease;
line-height: 0;
/**
sale badge
*/
}
.woo-recent-product .column .product-thumb:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.woo-recent-product .column .product-thumb .product-thumb-wrapper {
position: relative;
}
.woo-recent-product .column .product-thumb .product-thumb-wrapper a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: all 0.2s ease;
}
.woo-recent-product .column .product-thumb .overlay {
transition: all 0.4s ease;
display: flex;
position: absolute;
bottom: 10px;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
opacity: 0;
}
.woo-recent-product .column .product-thumb .overlay .star-rating {
margin: 0 auto 5px;
position: relative;
}
.woo-recent-product .column .product-thumb .overlay .woocommerce-product-rating {
margin-bottom: 10px;
}
.woo-recent-product .column .product-thumb .overlay .woocommerce-product-rating .woocommerce-review-link {
display: inline-block;
margin-top: 10px;
}
.woo-recent-product .column .product-thumb .overlay a.button {
margin: 10px 7px 0px;
padding: 10px 20px;
font-size: 16px;
text-transform: inherit;
border-radius: 4px;
}
.woo-recent-product .column .product-thumb .onsale {
position: absolute;
font-size: 14px;
right: 10px;
left: inherit;
top: 10px;
display: inherit;
min-height: inherit;
min-width: inherit;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
z-index: 1;
line-height: 1;
}
.woo-recent-product .column .product-thumb .no-thumbnail {
width: 100%;
}
.woo-recent-product .column .product-thumb .no-thumbnail img {
border: solid 1px #f7f7f7;
}
.woo-recent-product .column .product-content {
text-align: center;
padding: 20px;
/**
title
*/
/**
category
*/
/**
price
*/
/**
button
*/
}
.woo-recent-product .column .product-content h4 {
margin-top: 0;
margin-bottom: 10px;
}
.woo-recent-product .column .product-content h4 a {
font-size: 20px;
}
.woo-recent-product .column .product-content .cat-lists {
margin-bottom: 10px;
}
.woo-recent-product .column .product-content .cat-lists ul {
padding: 0;
}
.woo-recent-product .column .product-content .cat-lists ul li {
list-style-type: none;
display: inline-block;
text-transform: capitalize;
margin: 0px 1px;
}
.woo-recent-product .column .product-content .cat-lists ul li a {
text-decoration: none;
font-weight: 500;
}
.woo-recent-product .column .product-content .cat-lists ul li a:hover {
text-decoration: none;
}
.woo-recent-product .column .product-content .price {
font-size: 16px;
font-weight: 500;
}
.woo-recent-product .column .product-content .price ins {
margin-left: 3px;
background: transparent;
}
.woo-recent-product .column .product-content a.button {
margin: 10px 0px;
padding: 10px 20px;
font-size: 16px;
text-transform: inherit;
border: solid 1px #EEB90E;
transition: all 0.3s ease;
display: inline-block;
}
.woo-recent-product .column:hover .overlay {
opacity: 1;
bottom: 25px;
z-index: 9;
}
.woo-recent-product .column:hover .overlay .woocommerce-product-rating {
color: white;
}
.woo-recent-product .column:hover .overlay .woocommerce-product-rating a {
color: white;
}
.woo-recent-product .column:hover .product-thumb-wrapper a:before {
background: rgba(0, 0, 0, 0.5);
}
.woo-recent-product .image_left .column {
display: flex;
}
.woo-recent-product .image_left .column .product-thumb {
flex: 1 0 0;
margin-right: 10px;
}
.woo-recent-product .image_left .column .product-thumb:before {
content: none;
}
.woo-recent-product .image_left .column .product-thumb .no-thumbnail {
width: 100%;
}
.woo-recent-product .image_left .column .product-content {
flex: 2 0 0;
text-align: left;
}
.woo-recent-product .image_left .column .product-content .woocommerce-product-rating {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #7c7000;
flex-wrap: wrap;
}
.woo-recent-product .image_left .column .product-content .woocommerce-product-rating a {
color: #3d3d3d;
}
.woo-recent-product .image_left .column .product-content .product .button {
width: auto;
display: inline-block;
margin-left: 0;
}
.woo-recent-product .grid {
display: grid;
grid-gap: 30px;
}
.woo-recent-product .grid .column {
width: 100%;
}
.woo-recent-product .grid-1 {
grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
.woo-recent-product .grid-1 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-recent-product .grid-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.woo-recent-product .grid-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-recent-product .grid-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.woo-recent-product .grid-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-recent-product .grid-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.woo-recent-product .grid-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.recent-prodcut-layout_2 .column .product-thumb:before {
content: none !important;
}
.recent-prodcut-layout_2 .column .product-thumb .product-thumb-wrapper a {
display: inline-block;
transform-style: preserve-3d;
box-shadow: 0 3px 47px rgba(0, 0, 0, 0);
background: transparent;
overflow: hidden;
}
.recent-prodcut-layout_2 .column .product-thumb .product-thumb-wrapper a:hover {
box-shadow: 0 3px 47px rgba(0, 0, 0, 0.2);
}
.recent-prodcut-layout_2 .column .product-thumb .product-thumb-wrapper a:before {
content: none !important;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline {
display: inline-flex;
flex-direction: row-reverse;
align-items: center;
padding: 10px 20px;
background: #EEB90E;
transition: all 0.4s ease;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline a.button,
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline a.add_to_cart_button {
padding: 0;
margin: 0;
background: transparent !important;
margin-right: 8px;
position: relative;
border: none;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline a.added {
display: none;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline a.added_to_cart {
margin-right: 8px;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline ins {
margin-right: 5px;
color: inherit;
}
.recent-prodcut-layout_2 .column .product-content .add_to_cart_inline del {
opacity: 0.5;
color: inherit;
}
.recent-prodcut-layout_2 .column .product-content .button-type-external .add_to_cart_inline {
flex-direction: column;
}
.woo-product-carousel .active-woocommerce,
.woo-product-carousel .site-has-no-woocommerce {
width: 100%;
min-height: 300px;
border: solid 5px #EEB90E;
display: flex;
align-items: center;
justify-content: center;
}
.woo-product-carousel .active-woocommerce h2,
.woo-product-carousel .site-has-no-woocommerce h2 {
font-size: 40px;
color: white;
background: #EEB90E;
padding: 10px;
}
.woo-product-carousel .active-woocommerce h2:before,
.woo-product-carousel .site-has-no-woocommerce h2:before {
content: none;
}
.woo-product-carousel .woo-layout-header {
font-size: 35px;
margin-bottom: 35px;
}
.woo-product-carousel .column {
font-size: 16px;
}
.woo-product-carousel .column ul,
.woo-product-carousel .column p {
margin: 0;
}
.woo-product-carousel .column .product-thumb {
position: relative;
text-align: center;
transition: all 0.4s ease;
line-height: 0;
/**
sale badge
*/
}
.woo-product-carousel .column .product-thumb:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.woo-product-carousel .column .product-thumb .product-thumb-wrapper {
position: relative;
}
.woo-product-carousel .column .product-thumb .product-thumb-wrapper a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: all 0.2s ease;
}
.woo-product-carousel .column .product-thumb .overlay {
transition: all 0.4s ease;
display: flex;
position: absolute;
bottom: 10px;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
opacity: 0;
}
.woo-product-carousel .column .product-thumb .overlay .star-rating {
margin: 0 auto 5px;
}
.woo-product-carousel .column .product-thumb .overlay .woocommerce-product-rating {
margin-bottom: 10px;
}
.woo-product-carousel .column .product-thumb .overlay .woocommerce-product-rating .woocommerce-review-link {
display: inline-block;
margin-top: 10px;
}
.woo-product-carousel .column .product-thumb .overlay a.button {
margin: 10px 7px 0px;
padding: 10px 20px;
font-size: 16px;
text-transform: inherit;
border-radius: 4px;
}
.woo-product-carousel .column .product-thumb .onsale {
position: absolute;
font-size: 14px;
right: 10px;
left: inherit;
top: 10px;
display: inherit;
min-height: inherit;
min-width: inherit;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
z-index: 1;
line-height: 1;
}
.woo-product-carousel .column .product-thumb .no-thumbnail {
width: 100%;
}
.woo-product-carousel .column .product-thumb .no-thumbnail img {
border: solid 1px #f7f7f7;
}
.woo-product-carousel .column .product-content {
text-align: center;
padding: 20px;
/**
title
*/
/**
category
*/
/**
price
*/
/**
button
*/
}
.woo-product-carousel .column .product-content h4 {
margin-top: 0;
margin-bottom: 10px;
}
.woo-product-carousel .column .product-content h4 a {
font-size: 20px;
}
.woo-product-carousel .column .product-content .cat-lists {
margin-bottom: 10px;
}
.woo-product-carousel .column .product-content .cat-lists ul {
padding: 0;
}
.woo-product-carousel .column .product-content .cat-lists ul li {
list-style-type: none;
display: inline-block;
text-transform: capitalize;
margin: 0px 1px;
}
.woo-product-carousel .column .product-content .cat-lists ul li a {
text-decoration: none;
font-weight: 500;
}
.woo-product-carousel .column .product-content .cat-lists ul li a:hover {
text-decoration: none;
}
.woo-product-carousel .column .product-content .price {
font-size: 16px;
font-weight: 500;
}
.woo-product-carousel .column .product-content .price ins {
margin-left: 3px;
background: transparent;
}
.woo-product-carousel .column .product-content a.button {
margin: 10px 7px 0px;
padding: 10px 20px;
font-size: 16px;
text-transform: inherit;
border: solid 1px #EEB90E;
transition: all 0.3s ease;
}
.woo-product-carousel .column:hover .overlay {
opacity: 1;
bottom: 25px;
z-index: 9;
}
.woo-product-carousel .column:hover .overlay .woocommerce-product-rating {
color: white;
}
.woo-product-carousel .column:hover .overlay .woocommerce-product-rating a {
color: white;
}
.woo-product-carousel .column:hover .product-thumb-wrapper a:before {
background: rgba(0, 0, 0, 0.5);
}
.woo-product-carousel .image_left .column {
display: flex;
}
.woo-product-carousel .image_left .column .product-thumb {
flex: 1 0 0;
margin-right: 10px;
}
.woo-product-carousel .image_left .column .product-thumb:before {
content: none;
}
.woo-product-carousel .image_left .column .product-thumb .no-thumbnail {
width: 100%;
}
.woo-product-carousel .image_left .column .product-content {
flex: 2 0 0;
text-align: left;
}
.woo-product-carousel .image_left .column .product-content .woocommerce-product-rating {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #7c7000;
flex-wrap: wrap;
}
.woo-product-carousel .image_left .column .product-content .woocommerce-product-rating a {
color: #3d3d3d;
}
.woo-product-carousel .image_left .column .product-content .product .button {
width: auto;
display: inline-block;
margin-left: 0;
}
.woo-product-carousel .carousel-wrapper .owl-nav {
opacity: 1;
position: absolute;
width: 100%;
top: 45%;
display: flex;
justify-content: space-between;
padding: 0px 10px;
transition: all 0.5s ease;
}
.woo-product-carousel .carousel-wrapper .owl-nav .owl-carousel-left,
.woo-product-carousel .carousel-wrapper .owl-nav .owl-carousel-right {
position: relative;
display: inline-block;
color: #090e1d;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
background: white;
font-size: 18px;
transition: all 0.5s ease;
cursor: pointer;
padding: 0;
border: none;
}
.woo-product-carousel .carousel-wrapper .owl-nav .owl-carousel-left:focus,
.woo-product-carousel .carousel-wrapper .owl-nav .owl-carousel-right:focus {
outline: none;
}
.woo-product-carousel .carousel-wrapper .owl-nav.disabled {
display: none;
}
.woo-product-categories {
/**
headline
*/
/**
content
*/
}
.woo-product-categories .active-woocommerce,
.woo-product-categories .site-has-no-woocommerce {
width: 100%;
min-height: 300px;
border: solid 5px #EEB90E;
display: flex;
align-items: center;
justify-content: center;
}
.woo-product-categories .active-woocommerce h2,
.woo-product-categories .site-has-no-woocommerce h2 {
font-size: 40px;
color: white;
background: #EEB90E;
padding: 10px;
}
.woo-product-categories .active-woocommerce h2:before,
.woo-product-categories .site-has-no-woocommerce h2:before {
content: none;
}
.woo-product-categories .no-category {
display: flex;
align-items: center;
justify-content: center;
border: solid 5px #EEB90E;
padding: 100px;
}
.woo-product-categories .no-category .no-category-text {
color: #EEB90E;
font-size: 35px;
}
.woo-product-categories .grid {
display: grid;
grid-gap: 30px;
}
.woo-product-categories .grid .column {
width: 100%;
}
.woo-product-categories .grid-1 {
grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-1 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-5 {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-5 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-6 {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-6 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-7 {
grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-7 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-8 {
grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 768px) {
.woo-product-categories .grid-8 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-product-categories .grid-skin-1 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, minmax(250px, 1fr));
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-1 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto !important;
}
}
.woo-product-categories .grid-skin-1 .column {
position: relative;
}
.woo-product-categories .grid-skin-1 .column .cat-thumb img {
position: absolute;
left: 0;
top: 0;
height: 100%;
min-height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-1 .column .cat-thumb img {
position: relative;
}
}
.woo-product-categories .grid-skin-1 .column .cat-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-1 .column .cat-content {
position: relative;
}
}
.woo-product-categories .grid-skin-1 .primary {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-1 .primary {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
}
.woo-product-categories .grid-skin-2 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, minmax(250px, 1fr));
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-2 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto !important;
}
}
.woo-product-categories .grid-skin-2 .column {
position: relative;
}
.woo-product-categories .grid-skin-2 .column .cat-thumb img {
position: absolute;
left: 0;
top: 0;
height: 100%;
min-height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-2 .column .cat-thumb img {
position: relative;
}
}
.woo-product-categories .grid-skin-2 .column .cat-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-2 .column .cat-content {
position: relative;
}
}
.woo-product-categories .grid-skin-2 .primary {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-2 .primary {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
}
.woo-product-categories .grid-skin-3 {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.woo-product-categories .grid-skin-3 .column {
position: relative;
flex: 1 0 30%;
margin: 16px;
min-height: 300px;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-3 .column {
min-height: auto;
}
}
.woo-product-categories .grid-skin-3 .column:nth-child(1),
.woo-product-categories .grid-skin-3 .column:nth-child(2) {
flex: 1 0 33%;
}
.woo-product-categories .grid-skin-3 .column .cat-thumb img {
position: absolute;
left: 0;
top: 0;
height: 100%;
min-height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-3 .column .cat-thumb img {
position: relative;
}
}
.woo-product-categories .grid-skin-3 .column .cat-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-3 .column .cat-content {
position: relative;
}
}
.woo-product-categories .grid-skin-4 {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, minmax(300px, 1fr));
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-4 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto !important;
}
}
.woo-product-categories .grid-skin-4 .column {
position: relative;
}
.woo-product-categories .grid-skin-4 .column .cat-thumb img {
position: absolute;
left: 0;
top: 0;
height: 100%;
min-height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-4 .column .cat-thumb img {
position: relative;
}
}
.woo-product-categories .grid-skin-4 .column .cat-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-4 .column .cat-content {
position: relative;
}
}
.woo-product-categories .grid-skin-4 .primary {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
@media (max-width: 992px) {
.woo-product-categories .grid-skin-4 .primary {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
}
.woo-product-categories .woo-layout-header {
font-size: 35px;
}
.woo-product-categories .column .no-thumb img {
border: solid 1px #f7f7f7;
}
.woo-product-categories .column .cat-thumb a {
display: inline-block;
}
.woo-product-categories .column .cat-content {
font-size: 16px;
}
.woo-product-categories .column .cat-content a {
transition: all 0.3s ease;
}
.woo-product-categories .column .cat-content a h3 {
transition: all 0.3s ease;
margin-top: 0px;
margin-bottom: 6px;
font-size: 20px;
}
.woo-product-categories .column .cat-content p {
margin: 0;
}
.woo-product-categories .layout .style-1 {
overflow: hidden;
}
.woo-product-categories .layout .style-1 .cat-thumb {
overflow: hidden;
}
.woo-product-categories .layout .style-1 .cat-thumb img {
transition: all 0.3s ease;
transform: scale(1);
}
.woo-product-categories .layout .style-1 .cat-content {
padding: 0;
}
.woo-product-categories .layout .style-1 .cat-content a {
transform: translateY(10px);
display: inline-block;
transition: all 0.3s ease;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-1 .cat-content a {
transform: translateY(0px);
}
}
.woo-product-categories .layout .style-1 .cat-content .product-count {
transform: translateY(10px);
transition: all 0.3s ease;
opacity: 0;
animation-delay: 3s;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-1 .cat-content .product-count {
transform: translateY(0px);
opacity: 1;
}
}
.woo-product-categories .layout .style-1:hover .cat-thumb img {
transform: scale(1.1);
}
.woo-product-categories .layout .style-1:hover .cat-content a {
transform: translateY(-5px);
}
.woo-product-categories .layout .style-1:hover .cat-content .product-count {
transform: translateY(-10px);
opacity: 1;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-1:hover .cat-content a {
transform: translateY(0px);
}
.woo-product-categories .layout .style-1:hover .cat-content .product-count {
transform: translateY(0px);
opacity: 1;
}
}
.woo-product-categories .layout .style-2 .cat-content {
padding: 0;
top: 40%;
bottom: auto;
}
.woo-product-categories .layout .style-2 .cat-content a {
transform: translateY(10px);
display: inline-block;
transition: all 0.3s ease;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-2 .cat-content a {
transform: translateY(0px);
}
}
.woo-product-categories .layout .style-2 .cat-content .product-count {
transform: translateY(10px);
transition: all 0.3s ease;
opacity: 0;
animation-delay: 3s;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-2 .cat-content .product-count {
transform: translateY(0px);
opacity: 1;
}
}
.woo-product-categories .layout .style-2:hover .cat-content a {
transform: translateY(-5px);
}
.woo-product-categories .layout .style-2:hover .cat-content .product-count {
transform: translateY(-10px);
opacity: 1;
}
@media (max-width: 992px) {
.woo-product-categories .layout .style-2:hover .cat-content a {
transform: translateY(0px);
}
.woo-product-categories .layout .style-2:hover .cat-content .product-count {
transform: translateY(0px);
opacity: 1;
}
}
.woo-product-categories .product-category-wrapper.grid .content-inside {
position: relative;
}
.woo-product-categories .product-category-wrapper.grid .content-inside .thumb-wrapper {
position: relative;
}
.woo-product-categories .product-category-wrapper.grid .content-inside .thumb-wrapper:before {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.woo-product-categories .product-category-wrapper.grid .content-inside .cat-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.woo-products *:focus {
outline: none;
}
.woo-products .active-woocommerce,
.woo-products .site-has-no-woocommerce {
width: 100%;
min-height: 300px;
border: solid 5px #EEB90E;
display: flex;
align-items: center;
justify-content: center;
}
.woo-products .active-woocommerce h2,
.woo-products .site-has-no-woocommerce h2 {
font-size: 40px;
color: white;
background: #EEB90E;
padding: 10px;
}
.woo-products .active-woocommerce h2:before,
.woo-products .site-has-no-woocommerce h2:before {
content: none;
}
.woo-products .woo-layout-header {
font-size: 35px;
margin-bottom: 35px;
}
.woo-products .column {
font-size: 16px;
overflow: hidden;
}
.woo-products .column ul,
.woo-products .column p {
margin: 0;
}
.woo-products .column .wk-quick-view-button svg {
width: 15px;
fill: white;
}
.woo-products .column .product-thumb {
position: relative;
text-align: center;
transition: all 0.4s ease;
line-height: 0;
overflow: hidden;
/**
sale badge
*/
}
.woo-products .column .product-thumb:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.woo-products .column .product-thumb .product-thumb-wrapper {
position: relative;
}
.woo-products .column .product-thumb .product-thumb-wrapper a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: all 0.2s ease;
}
.woo-products .column .product-thumb .product-thumb-wrapper a img {
width: 100%;
}
.woo-products .column .product-thumb .hover-product-image {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.5s ease;
overflow: hidden;
width: 100%;
}
.woo-products .column .product-thumb .hover-product-image img {
transition: all 2s ease;
width: 100%;
}
.woo-products .column .product-thumb .overlay {
transition: all 0.4s ease;
display: flex;
position: absolute;
bottom: 10px;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
opacity: 0;
}
.woo-products .column .product-thumb .overlay .woocommerce-product-rating {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.woo-products .column .product-thumb .overlay .star-rating {
color: #EEB90E;
margin: 0 auto 5px;
}
.woo-products .column .product-thumb .overlay .woocommerce-product-rating {
margin-bottom: 10px;
}
.woo-products .column .product-thumb .overlay .woocommerce-product-rating .woocommerce-review-link {
display: inline-block;
margin-top: 10px;
}
.woo-products .column .product-thumb .overlay .add_to_cart_inline {
display: flex;
align-items: center;
}
.woo-products .column .product-thumb .overlay .add_to_cart_inline a.button {
margin: 10px 7px 0px;
font-size: 16px;
text-transform: inherit;
}
.woo-products .column .product-thumb .overlay .add_to_cart_inline a.added_to_cart {
margin-top: 15px;
color: white;
}
.woo-products .column .product-thumb .wk-button {
background: #EEB90E;
color: white;
position: absolute;
font-size: 14px;
right: -10px;
opacity: 0;
left: inherit;
top: 10px;
display: inherit;
min-height: inherit;
min-width: inherit;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
z-index: 1;
line-height: 1;
transition: all 0.3s ease;
}
.woo-products .column .product-thumb .onsale {
position: absolute;
font-size: 14px;
right: inherit;
left: 10px;
top: 10px;
display: inherit;
min-height: inherit;
min-width: inherit;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
z-index: 1;
line-height: 1;
}
.woo-products .column .product-thumb .no-thumbnail {
width: 100%;
}
.woo-products .column .product-thumb .no-thumbnail img {
border: solid 1px #f7f7f7;
}
.woo-products .column .product-content {
text-align: center;
padding: 20px;
/**
title
*/
/**
category
*/
/**
price
*/
/**
button
*/
}
.woo-products .column .product-content h4 {
margin-top: 0;
margin-bottom: 10px;
}
.woo-products .column .product-content h4 a {
font-size: 20px;
}
.woo-products .column .product-content .cat-lists {
margin-bottom: 10px;
}
.woo-products .column .product-content .cat-lists ul {
padding: 0;
}
.woo-products .column .product-content .cat-lists ul li {
list-style-type: none;
display: inline-block;
text-transform: capitalize;
margin: 0px 1px;
}
.woo-products .column .product-content .cat-lists ul li a {
text-decoration: none;
font-weight: 500;
}
.woo-products .column .product-content .cat-lists ul li a:hover {
text-decoration: none;
}
.woo-products .column .product-content .price {
font-size: 16px;
font-weight: 500;
}
.woo-products .column .product-content .price ins {
margin-left: 3px;
background: transparent;
}
.woo-products .column .product-content a.button {
margin: 10px 7px 0px;
font-size: 16px;
text-transform: inherit;
border: solid 1px #EEB90E;
transition: all 0.3s ease;
}
.woo-products .column .product-content .add_to_cart_inline a.added_to_cart {
color: #3d3d3d;
display: inline-block;
padding: 5px 0px;
}
.woo-products .column:hover .overlay {
opacity: 1;
bottom: 25px;
z-index: 9;
}
.woo-products .column:hover .overlay .woocommerce-product-rating {
color: white;
}
.woo-products .column:hover .overlay .woocommerce-product-rating a {
color: white;
}
.woo-products .column:hover .wk-button {
right: 10px;
opacity: 1;
}
.woo-products .column:hover .product-thumb-wrapper a:before {
background: rgba(0, 0, 0, 0.5);
}
.woo-products .column:hover .product-thumb .hover-product-image {
opacity: 1;
}
.woo-products .column:hover .product-thumb .hover-product-image img {
transform: scale(1.2, 1.2);
}
.woo-products .grid {
display: grid;
grid-gap: 30px;
}
.woo-products .grid .column {
width: 100%;
}
.woo-products .grid-1 {
grid-template-columns: repeat(1, 1fr);
}
.woo-products .grid-2 {
grid-template-columns: repeat(2, 1fr);
}
.woo-products .grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.woo-products .grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.woo-products .grid-5 {
grid-template-columns: repeat(5, 1fr);
}
.woo-products .grid-6 {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) and (min-width: 768px) {
.woo-products .grid-tablet-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.woo-products .grid-mobile-1 {
grid-template-columns: repeat(1, 1fr);
}
}
.woo-products .wk-slidenav {
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}
.wk-product-quick-view-modal {
display: none;
}
.wk-product-quick-view-modal .product a.button {
margin: 10px 7px 0px;
padding: 10px 20px;
font-size: 16px;
text-transform: inherit;
border: solid 1px #EEB90E;
background: #EEB90E;
transition: all 0.3s ease;
color: white;
border-radius: 4px;
}
.wk-product-quick-view-modal .price {
font-size: 16px;
font-weight: 500;
color: #7c7000;
}
.wk-product-quick-view-modal .price ins {
margin-left: 3px;
background: transparent;
}
.wk-product-quick-view-modal .content {
font-size: 18px;
}
.wk-product-quick-view-modal .content .product_meta span.sku_wrapper,
.wk-product-quick-view-modal .content .product_meta span.posted_in {
display: block;
font-weight: bold;
}
.wk-product-quick-view-modal .content .product_meta span.sku_wrapper span,
.wk-product-quick-view-modal .content .product_meta span.posted_in span {
font-weight: normal;
}
.wk-product-quick-view-modal .content .product_meta span.sku_wrapper a,
.wk-product-quick-view-modal .content .product_meta span.posted_in a {
color: #7c7000;
}
.wk-product-quick-view-modal .wk-close:hover {
background: white;
color: black;
}
/**
skin modern
*/
.woo-products-skin-modern .column .product a.button {
padding: 6px 15px;
}
.woo-products-skin-modern .column .product a.button svg {
width: 15px;
fill: white;
}
.woo-products-skin-modern .column .product a.button i {
font-size: 14px;
}
.woo-products-skin-modern .column .overlay .cart-button {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.woo-products-skin-modern .column .overlay .cart-button .add_to_cart_inline a.button {
font-size: 14px;
margin-top: 0;
font-size: 0px;
}
.woo-products-skin-modern .column .overlay .cart-button .add_to_cart_inline a.added_to_cart {
margin-top: 0;
}
.woo-products-skin-modern .column .overlay .cart-button .quick-view-button {
background: #EEB90E;
color: white;
position: relative;
font-size: 14px;
right: inherit;
opacity: 1;
left: inherit;
top: inherit;
display: inherit;
min-height: inherit;
min-width: inherit;
text-transform: uppercase;
z-index: 1;
line-height: 1;
transition: all 0.3s ease;
}
.woo-products-skin-modern .column .wk-quick-view-button {
padding: 7px 15px;
}
/**
skin - skin 3
==============
*/
.woo-products-skin-skin3 .column .wk-quick-view-button svg {
width: 15px;
fill: white;
}
.woo-products-skin-skin3 .column .product a.button svg {
width: 15px;
fill: white;
}
.woo-products-skin-skin3 .column .product a.button i {
font-size: 14px;
}
.woo-products-skin-skin3 .column .overlay .cart-button {
display: grid;
align-items: center;
justify-content: center;
margin-top: 10px;
background: white;
width: 95%;
margin: 10px auto 0px;
grid-auto-flow: column;
grid-gap: 16px;
padding: 10px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.woo-products-skin-skin3 .column .overlay .cart-button .add_to_cart_inline a.button {
color: black;
margin: 0px;
}
.woo-products-skin-skin3 .column .overlay .cart-button .add_to_cart_inline a.added_to_cart {
margin-top: 0;
color: black;
margin-left: 10px;
}
.woo-products-skin-skin3 .column .overlay .cart-button .only-cart-icon a.button {
color: black;
font-size: 0;
}
.woo-products-skin-skin3 .column .overlay .cart-button .wk-quick-view-button {
color: black;
position: relative;
font-size: 16px;
right: inherit;
opacity: 1;
left: inherit;
top: inherit;
display: inherit;
height: 100%;
text-transform: uppercase;
z-index: 1;
line-height: 1;
transition: all 0.3s ease;
}
.woo-products-skin-skin3 .column .overlay .cart-button .wk-quick-view-button i {
margin-top: 2px;
}
.woo-products-skin-skin3 .column .product-thumb {
position: relative;
}
.woo-products-skin-skin3 .column .product-thumb:before {
content: none;
}
.woo-products-skin-skin3 .column .product-thumb .product-thumb-wrapper a:before {
content: none;
}
.woo-products-skin-skin3 .column .product-thumb .overlay {
bottom: 0;
}
.woo-products-skin-skin3 .column .product-thumb .hover-product-image {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.5s ease;
overflow: hidden;
}
.woo-products-skin-skin3 .column .product-thumb .hover-product-image img {
transition: all 2s ease;
}
.woo-products-skin-skin3 .column:hover .overlay {
bottom: 10px;
}
.woo-products-skin-skin3 .column:hover .overlay .woocommerce-product-rating {
color: #7c7000;
}
.woo-products-skin-skin3 .column:hover .overlay .woocommerce-product-rating a {
color: #7c7000;
}
.woo-products-skin-skin3 .column:hover .product-thumb .hover-product-image {
opacity: 1;
}
.woo-products-skin-skin3 .column:hover .product-thumb .hover-product-image img {
transform: scale(1.2, 1.2);
}
.woo-products-skin-skin3 .column a.wk-quick-view-button {
background: transparent;
fill: black;
align-items: center;
}
.woo-products-skin-skin3 .column a.wk-quick-view-button svg {
fill: black;
}
.woo-products-skin-skin3 .column a.wk-quick-view-button i {
color: black;
}
.woo-products-skin-skin3 .column a.button {
padding: 0;
}
.woo-products-skin-skin3 .column a.button .wk-icon {
color: black;
}
.woo-products-skin-skin3 .column a.button svg {
fill: black;
}
.woo-products-skin-skin3 .column a.button i {
color: black;
}
/**
skin - skin 4
==============
*/
.woo-products-skin-skin4 .column .product a.button svg {
width: 15px;
fill: white;
}
.woo-products-skin-skin4 .column .product a.button i {
font-size: 14px;
}
.woo-products-skin-skin4 .column .product a.added_to_cart {
font-size: 0px;
}
.woo-products-skin-skin4 .column .product .padded {
display: block;
margin-top: 10px;
}
.woo-products-skin-skin4 .column .overlay .cart-button {
display: grid;
align-items: center;
justify-content: center;
margin-top: 10px;
background: white;
width: auto;
margin: 10px auto 0px;
grid-auto-flow: row;
grid-gap: 16px;
padding: 10px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.woo-products-skin-skin4 .column .overlay .cart-button .add_to_cart_inline a.button {
color: black;
margin: 0px;
padding: 0px;
}
.woo-products-skin-skin4 .column .overlay .cart-button .add_to_cart_inline a.added_to_cart {
margin-top: 0;
color: black;
margin-left: 10px;
}
.woo-products-skin-skin4 .column .overlay .cart-button .only-cart-icon a.button {
color: black;
font-size: 0;
}
.woo-products-skin-skin4 .column .overlay .cart-button .quick-view-button {
color: black;
position: relative;
font-size: 16px;
right: inherit;
opacity: 1;
left: inherit;
top: inherit;
display: inherit;
height: 100%;
padding: 0;
text-transform: uppercase;
border-radius: 0px;
z-index: 1;
line-height: 1;
transition: all 0.3s ease;
}
.woo-products-skin-skin4 .column .overlay .cart-button .quick-view-button i {
margin-top: 2px;
}
.woo-products-skin-skin4 .column .product-thumb {
position: relative;
}
.woo-products-skin-skin4 .column .product-thumb:before {
content: none;
}
.woo-products-skin-skin4 .column .product-thumb .product-thumb-wrapper a:before {
content: none;
}
.woo-products-skin-skin4 .column .product-thumb .overlay {
width: 50px;
height: 150px;
right: 0px;
top: 0;
justify-content: flex-start;
}
.woo-products-skin-skin4 .column .product-thumb .onsale {
left: inherit;
right: 10px;
top: inherit;
bottom: 10px;
}
.woo-products-skin-skin4 .column .product-thumb .hover-product-image {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.5s ease;
overflow: hidden;
}
.woo-products-skin-skin4 .column .product-thumb .hover-product-image img {
transition: all 2s ease;
}
.woo-products-skin-skin4 .column .product-column-wrapper {
position: relative;
}
.woo-products-skin-skin4 .column .product-column-wrapper .product-content {
padding: 0;
}
.woo-products-skin-skin4 .column .product-column-wrapper .title-and-cat {
position: absolute;
left: 10px;
top: 10px;
width: 100%;
text-align-last: left;
}
.woo-products-skin-skin4 .column .product-column-wrapper .product-price {
position: absolute;
left: 10px;
bottom: 10px;
}
.woo-products-skin-skin4 .column .product-column-wrapper .product-price del {
display: block;
line-height: 1;
}
.woo-products-skin-skin4 .column:hover .overlay {
right: 10px;
}
.woo-products-skin-skin4 .column:hover .overlay .woocommerce-product-rating {
color: #7c7000;
}
.woo-products-skin-skin4 .column:hover .overlay .woocommerce-product-rating a {
color: #7c7000;
}
.woo-products-skin-skin4 .column:hover .product-thumb .hover-product-image {
opacity: 1;
}
.woo-products-skin-skin4 .column:hover .product-thumb .hover-product-image img {
transform: scale(1.2, 1.2);
}
/**
skin - skin 5
==============
*/
.woo-products-skin-skin5 .column {
position: relative;
overflow: inherit;
transition: all 0.3s ease;
}
.woo-products-skin-skin5 .column .wk-quick-view-button svg {
width: 15px;
fill: white;
}
.woo-products-skin-skin5 .column .product a.button svg {
width: 15px;
fill: white;
}
.woo-products-skin-skin5 .column .product a.button i {
font-size: 14px;
}
.woo-products-skin-skin5 .column .wrap-product-in-hover {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
opacity: 0;
visibility: hidden;
background: white;
transition: all 0.5s ease;
transform: scale(0.98);
}
.woo-products-skin-skin5 .column .product-column-wrapper {
position: relative;
}
.woo-products-skin-skin5 .column .product-column-wrapper .product-thumb .hover-product-image {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.5s ease;
overflow: hidden;
}
.woo-products-skin-skin5 .column .product-column-wrapper .product-thumb .hover-product-image img {
transition: all 2s ease;
}
.woo-products-skin-skin5 .column .product-column-wrapper .hover-content {
position: absolute;
top: calc(95%);
right: 0;
left: 0;
visibility: hidden;
padding: 0 10px 10px 10px;
opacity: 0;
transition: all 0.2s ease;
}
.woo-products-skin-skin5 .column .product-column-wrapper .hover-content a.button.add_to_cart_button {
margin: 10px 0px 0px;
}
.woo-products-skin-skin5 .column:hover {
z-index: 99;
transform: translateY(-7px);
}
.woo-products-skin-skin5 .column:hover .product-thumb .hover-product-image {
opacity: 1;
}
.woo-products-skin-skin5 .column:hover .product-thumb .hover-product-image img {
transform: scale(1.2, 1.2);
}
.woo-products-skin-skin5 .column:hover .wrap-product-in-hover {
opacity: 1;
visibility: visible;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
transform: scale(1);
}
.woo-products-skin-skin5 .column:hover .product-column-wrapper .hover-content {
visibility: visible ;
opacity: 1;
}
/**
WooCommerce Single
*/
/**
title
*/
.woo-single-product-title .single-product-title {
margin: 0;
}
/**
price
*/
.woo-single-product-price .single-product-price {
margin: 0;
}
/**
description
*/
.woo-single-product-short-description .product-short-description {
margin: 0;
}
/**
category
*/
.woo-single-product-categories .single-product-category-wrapper .cat-label {
display: inline-block;
}
.woo-single-product-categories .single-product-category-wrapper .cat-thumb-image {
border: solid 1px #ddd;
}
/**
woo-single-product-stock-status
*/
.woo-single-product-stock-status .stock-status-wrapper {
display: inline-block;
border: solid 1px #ddd;
}
.woo-single-product-stock-status .stock-status-wrapper p {
margin-bottom: 0;
}
/**
woo-single-product-stock-status
*/
.woo-single-product-cart-button .type-simple {
/**
hide stock status
*/
}
.woo-single-product-cart-button .type-simple .stock.in-stock {
display: none;
}
.woo-single-product-cart-button .type-simple form.cart {
display: flex;
}
.woo-single-product-cart-button .type-variable .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
margin-top: 20px;
}
/**
woo-single-product-stock-status
*/
.woo-single-product-thumbnail .product-thumbs-wrapper .product-featured-image {
margin-bottom: 20px;
}
.woo-single-product-thumbnail .product-thumbs-wrapper .product-gallery {
display: grid;
grid-auto-flow: row;
}
/**
woo-single-product-rating
*/
.woo-single-product-rating .rating-wrapper .woocommerce-product-rating {
display: flex;
margin: 0;
align-items: center;
}
/**
woo-single-product-rating
*/
.woo-single-product-related-product ul.products li .woocommerce-loop-product__link {
width: 100%;
display: flex;
flex-flow: column;
}
.woo-single-product-related-product ul.products li .woocommerce-loop-product__link img {
width: 100%;
}
/**
LearnPress
*/
.lp-course-list-element .plugin-is-deactive,
.lp-course-list-element .plugin-is-not-exists {
position: relative;
min-height: 300px;
height: 300px;
}
.lp-course-list-element .plugin-is-deactive .wrapper,
.lp-course-list-element .plugin-is-not-exists .wrapper {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 5px #EEB90E;
flex-wrap: wrap;
flex-direction: column;
}
.lp-course-list-element .plugin-is-deactive .wrapper h3,
.lp-course-list-element .plugin-is-not-exists .wrapper h3 {
background: #EEB90E;
color: white;
padding: 10px;
margin: 20px 0px;
}
.edumodo-lp-course-1 span.post-view i {
padding-right: 4px;
}
.edumodo-lp-course-1 .lp-course-1 {
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0px 5px 25px 0px rgba(46, 61, 73, 0.2);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail {
position: relative;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .lp-img {
overflow: hidden;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .lp-img img {
transition: 0.5s ease-in-out;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .author-wrapper {
position: absolute;
right: 18px;
bottom: -25px;
z-index: 1;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .author-wrapper img {
border-radius: 50px;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail:hover .lp-img a img {
transform: scale(1.2);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body {
padding: 20px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .course-entry-title {
font-size: 16px;
line-height: 25px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .wkp-entry-content {
font-size: 14px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body {
font-size: 13px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body .lp-enroll i {
color: #808080;
font-size: 12px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body .lp-enroll span {
color: #808080;
margin-right: 5px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body span.lp-enroll-btn a {
color: #ecb101;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body span.lp-enroll-btn a:hover {
color: #242c5e;
}
/*-------------------------------------------
---------- Course Archive Page / Element -------------
--------------------------------------------*/
.edumodo-course-1 article.tx-course,
.type-tx-course article.tx-course {
background: white;
border: 0px solid #000;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
margin-bottom: 30px;
overflow: hidden;
}
.edumodo-course-1 article.tx-course:hover,
.type-tx-course article.tx-course:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
}
.edumodo-course-1 article.tx-course figure,
.type-tx-course article.tx-course figure {
position: relative;
}
.edumodo-course-1 article.tx-course figure a:before,
.type-tx-course article.tx-course figure a:before {
position: absolute;
content: "";
background-color: rgba(36, 44, 94, 0.8);
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.edumodo-course-1 article.tx-course figure a:after,
.type-tx-course article.tx-course figure a:after {
position: absolute;
background: #fff;
color: #242c5e;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 45px;
width: 45px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
opacity: 0;
transition: all 0.3s ease;
content: "\f02d";
font-family: FontAwesome;
border-radius: 50%;
}
.edumodo-course-1 article.tx-course .course-details,
.type-tx-course article.tx-course .course-details {
padding: 30px;
}
.edumodo-course-1 article.tx-course .course-details .wkp-entry-header .course-entry-title,
.type-tx-course article.tx-course .course-details .wkp-entry-header .course-entry-title {
font-size: 22px;
font-weight: 700;
}
.edumodo-course-1 article.tx-course .course-details .course-meta,
.type-tx-course article.tx-course .course-details .course-meta {
margin-bottom: 10px;
}
.edumodo-course-1 article.tx-course .course-details .course-meta span,
.type-tx-course article.tx-course .course-details .course-meta span {
margin-right: 10px;
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .course-meta span a,
.type-tx-course article.tx-course .course-details .course-meta span a {
font-size: 14px;
}
.edumodo-course-1 article.tx-course .course-details .course-meta .post-view,
.type-tx-course article.tx-course .course-details .course-meta .post-view {
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .course-meta .post-view i,
.type-tx-course article.tx-course .course-details .course-meta .post-view i {
padding-right: 3px;
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .wkp-entry-content p,
.type-tx-course article.tx-course .course-details .wkp-entry-content p {
margin-bottom: 5px;
}
.edumodo-course-1 .edumodo-course-1 article.tx-course .lp-cat a,
.type-tx-course .edumodo-course-1 article.tx-course .lp-cat a {
background: red;
}
.edumodo-course-1 article.tx-course:hover figure a:before,
.type-tx-course article.tx-course:hover figure a:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.edumodo-course-1 article.tx-course:hover figure a:after,
.type-tx-course article.tx-course:hover figure a:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.lp-cat .cat-links a {
color: rgba(236, 177, 1, 0.8);
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
background: rgba(236, 177, 1, 0.2);
padding: 3px 8px;
border-radius: 2px;
}
div.col-md-4:nth-child(6n+2) .lp-cat .cat-links a {
color: rgba(2, 204, 186, 0.8);
background: rgba(2, 204, 186, 0.2);
}
div.col-md-4:nth-child(6n+3) .lp-cat .cat-links a {
color: rgba(115, 83, 255, 0.8);
background: rgba(115, 83, 255, 0.2);
}
div.col-md-4:nth-child(6n+4) .lp-cat .cat-links a {
color: rgba(229, 80, 57, 0.8);
background: rgba(229, 80, 57, 0.2);
}
div.col-md-4:nth-child(6n+5) .lp-cat .cat-links a {
color: rgba(0, 134, 252, 0.8);
background: rgba(0, 134, 252, 0.2);
}
.course-meta.addons-course-meta span.post-view {
float: right;
}
.edumodo-lp-course-1 .owl-nav .owl-carousel-left,
.edumodo-lp-course-1 .owl-nav .owl-carousel-right,
.edumodo-course-1 .owl-nav .owl-carousel-left,
.edumodo-course-1 .owl-nav .owl-carousel-right,
.dynamic-category-body .owl-nav .owl-carousel-left,
.dynamic-category-body .owl-nav .owl-carousel-right {
background-color: #FFF;
border-radius: 50%;
border-width: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
color: #ecb101;
font-size: 24px;
height: 47px;
line-height: 1;
padding: 11px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
width: 47px;
z-index: 3;
position: absolute;
}
.edumodo-lp-course-1 .owl-carousel-left,
.edumodo-lp-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.dynamic-category-body .owl-carousel-left,
.dynamic-category-body .owl-carousel-left {
left: -10px !important;
left: auto;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.edumodo-lp-course-1:hover .owl-carousel-left,
.edumodo-lp-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left {
opacity: 1;
left: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .owl-carousel-right,
.edumodo-lp-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.dynamic-category-body .owl-carousel-right,
.dynamic-category-body .owl-carousel-right {
right: -10px !important;
left: auto;
opacity: 0;
}
.edumodo-lp-course-1:hover .owl-carousel-right,
.edumodo-lp-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right {
opacity: 1;
right: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**
newly added
*/
.learnpress-course-list .wk-slider-container {
padding: 10px;
}
.learnpress-course-list .wk-slider-container .wk-slidenav {
display: flex;
align-items: center;
justify-content: center;
}
.learnpress-course-list .column article .addon-origin-price {
text-decoration: line-through;
}
.learnpress-course-list .column article .lp-img img {
width: 100%;
}
.learnpress-course-list .learnpress-course-list-wrapper {
display: flex;
flex-wrap: wrap;
}
.learnpress-course-list .lp-course-1 {
overflow: hidden;
}
.learnpress-course-list .lp-course-1 .course-meta {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.learnpress-course-list .lp-course-1 .course-meta .price-and-cat {
display: flex;
align-items: center;
}
.learnpress-course-list .lp-course-1 .course-meta .price-and-cat .addon-price {
margin-right: 7px;
}
.learnpress-course-list .lp-course-1 .course-meta .price-and-cat .cat-links {
margin-bottom: 0;
}
.learnpress-course-list .lp-course-1 .course-entry-title {
margin: 15px 0px;
}
/**
learnpress-course-list-style-2
*/
.learnpress-course-list-style-2 article {
padding: 0;
}
.learnpress-course-list-style-2 article .course-author-and-rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.learnpress-course-list-style-2 article .course-author-and-rating .author-wrapper {
display: flex;
align-items: center;
}
.learnpress-course-list-style-2 article .course-author-and-rating .author-wrapper .course-author-img img {
border-radius: 50%;
margin-right: 10px;
width: 30px;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .lp-course-rate-wapper .lp-course-rate .star-rating {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 3px;
font-size: 15px;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating ul.lp-course-rate {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating ul.lp-course-rate li {
font-size: 14px;
letter-spacing: -0.5px;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .star-rating {
overflow: hidden;
height: 1em;
line-height: 1em;
width: 5.1em;
font-family: "fontawesome";
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #fbfeff;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .star-rating:before {
color: #ccc;
}
.learnpress-course-list-style-2 article .course-author-and-rating .rating .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #ecb101;
}
.learnpress-course-list-style-2 article .course-cat {
margin-bottom: 15px;
}
.learnpress-course-list-style-2 article .course-cat ul {
margin: 0;
padding: 0;
}
.learnpress-course-list-style-2 article .course-cat ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
background: #eee;
color: black;
font-size: 12px;
padding: 0px 6px;
border-radius: 2px;
}
.learnpress-course-list-style-2 article .course-meta {
border-top: solid 1px #ddd;
padding-top: 15px;
margin-bottom: 0px;
font-size: 12px;
}
.learnpress-course-list-style-2 article .course-meta .meta-icon {
margin-right: 5px;
line-height: 0;
}
.learnpress-course-list-style-2 article .course-meta .meta-icon svg {
width: 14px;
}
.learnpress-course-list-style-2 article .course-meta .enroll-student,
.learnpress-course-list-style-2 article .course-meta .duraton {
display: flex;
align-items: center;
}
.learnpress-course-list-style-2 article .course-meta .enroll-student .meta-icon svg {
width: 18px;
}
.learnpress-course-list-style-2 article .addon-origin-price {
text-decoration: line-through;
}
.learnpress-course-list-style-2 article .course-price {
background: #eee;
padding: 0px 7px;
border-radius: 2px;
font-size: 14px;
}
.learnpress-course-list-style-2 article .author-wrapper .course-author-name {
font-size: 16px -2px;
}
.learnpress-course-list-style-2 article .course-title .course-entry-title a {
font-size: 18px;
font-weight: bold;
}
.learnpress-course-list-style-2 article .wkp-entry-content p {
font-size: 16px;
}
/**
hover icon
rating
*/
.learnpress-course-list .column article .lp-course-thumbnail a {
display: inline-block;
width: 100%;
height: 100%;
position: relative;
}
.learnpress-course-list .column article .lp-course-thumbnail a span {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.learnpress-course-list .column article .lp-course-thumbnail a span i {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
opacity: 0;
transition: all 0.3s ease;
border-radius: 50%;
}
.learnpress-course-list .column article .lp-course-thumbnail:hover a span {
opacity: 1;
}
.learnpress-course-list .column article .lp-course-thumbnail:hover a span i {
opacity: 1;
}
.learnpress-course-list .column article .rating .lp-course-rate-wapper .lp-course-rate .star-rating {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 3px;
font-size: 15px;
}
.learnpress-course-list .column article .rating ul.lp-course-rate {
list-style: none;
padding-left: 0;
margin-bottom: 0;
margin-left: 0;
}
.learnpress-course-list .column article .rating ul.lp-course-rate li {
font-size: 14px;
letter-spacing: -0.5px;
}
.learnpress-course-list .column article .rating .star-rating {
overflow: hidden;
height: 1em;
line-height: 1em;
width: 5.1em;
font-family: "fontawesome";
}
.learnpress-course-list .column article .rating .star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #fbfeff;
}
.learnpress-course-list .column article .rating .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.learnpress-course-list .column article .rating .star-rating:before {
color: #ccc;
}
.learnpress-course-list .column article .rating .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #ecb101;
}
.learnpress-course-tab-element .plugin-is-deactive,
.learnpress-course-tab-element .plugin-is-not-exists {
position: relative;
min-height: 300px;
height: 300px;
}
.learnpress-course-tab-element .plugin-is-deactive .wrapper,
.learnpress-course-tab-element .plugin-is-not-exists .wrapper {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 5px #EEB90E;
flex-wrap: wrap;
flex-direction: column;
}
.learnpress-course-tab-element .plugin-is-deactive .wrapper h3,
.learnpress-course-tab-element .plugin-is-not-exists .wrapper h3 {
background: #EEB90E;
color: white;
padding: 10px;
margin: 20px 0px;
}
.edumodo-lp-course-1 span.post-view i {
padding-right: 4px;
}
.edumodo-lp-course-1 .lp-course-1 {
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0px 5px 25px 0px rgba(46, 61, 73, 0.2);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail {
position: relative;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .lp-img {
overflow: hidden;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .lp-img img {
transition: 0.5s ease-in-out;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .author-wrapper {
position: absolute;
right: 18px;
bottom: -25px;
z-index: 1;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail .author-wrapper img {
border-radius: 50px;
}
.edumodo-lp-course-1 .lp-course-1 .lp-course-thumbnail:hover .lp-img a img {
transform: scale(1.2);
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body {
padding: 20px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .course-entry-title {
font-size: 16px;
line-height: 25px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .wkp-entry-content {
font-size: 14px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body {
font-size: 13px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body .lp-enroll i {
color: #808080;
font-size: 12px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body .lp-enroll span {
color: #808080;
margin-right: 5px;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body span.lp-enroll-btn a {
color: #ecb101;
}
.edumodo-lp-course-1 .lp-course-1 .course-content-body .footer-body span.lp-enroll-btn a:hover {
color: #242c5e;
}
/*-------------------------------------------
---------- Course Archive Page / Element -------------
--------------------------------------------*/
.edumodo-course-1 article.tx-course,
.type-tx-course article.tx-course {
background: white;
border: 0px solid #000;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
margin-bottom: 30px;
overflow: hidden;
}
.edumodo-course-1 article.tx-course:hover,
.type-tx-course article.tx-course:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
}
.edumodo-course-1 article.tx-course figure,
.type-tx-course article.tx-course figure {
position: relative;
}
.edumodo-course-1 article.tx-course figure a:before,
.type-tx-course article.tx-course figure a:before {
position: absolute;
content: "";
background-color: rgba(36, 44, 94, 0.8);
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.edumodo-course-1 article.tx-course figure a:after,
.type-tx-course article.tx-course figure a:after {
position: absolute;
background: #fff;
color: #242c5e;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 45px;
width: 45px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
opacity: 0;
transition: all 0.3s ease;
content: "\f02d";
font-family: FontAwesome;
border-radius: 50%;
}
.edumodo-course-1 article.tx-course .course-details,
.type-tx-course article.tx-course .course-details {
padding: 30px;
}
.edumodo-course-1 article.tx-course .course-details .wkp-entry-header .course-entry-title,
.type-tx-course article.tx-course .course-details .wkp-entry-header .course-entry-title {
font-size: 22px;
font-weight: 700;
}
.edumodo-course-1 article.tx-course .course-details .course-meta,
.type-tx-course article.tx-course .course-details .course-meta {
margin-bottom: 10px;
}
.edumodo-course-1 article.tx-course .course-details .course-meta span,
.type-tx-course article.tx-course .course-details .course-meta span {
margin-right: 10px;
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .course-meta span a,
.type-tx-course article.tx-course .course-details .course-meta span a {
font-size: 14px;
}
.edumodo-course-1 article.tx-course .course-details .course-meta .post-view,
.type-tx-course article.tx-course .course-details .course-meta .post-view {
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .course-meta .post-view i,
.type-tx-course article.tx-course .course-details .course-meta .post-view i {
padding-right: 3px;
color: #808080;
}
.edumodo-course-1 article.tx-course .course-details .wkp-entry-content p,
.type-tx-course article.tx-course .course-details .wkp-entry-content p {
margin-bottom: 5px;
}
.edumodo-course-1 .edumodo-course-1 article.tx-course .lp-cat a,
.type-tx-course .edumodo-course-1 article.tx-course .lp-cat a {
background: red;
}
.edumodo-course-1 article.tx-course:hover figure a:before,
.type-tx-course article.tx-course:hover figure a:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.edumodo-course-1 article.tx-course:hover figure a:after,
.type-tx-course article.tx-course:hover figure a:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.lp-cat .cat-links a {
color: rgba(236, 177, 1, 0.8);
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
background: rgba(236, 177, 1, 0.2);
padding: 3px 8px;
border-radius: 2px;
}
div.col-md-4:nth-child(6n+2) .lp-cat .cat-links a {
color: rgba(2, 204, 186, 0.8);
background: rgba(2, 204, 186, 0.2);
}
div.col-md-4:nth-child(6n+3) .lp-cat .cat-links a {
color: rgba(115, 83, 255, 0.8);
background: rgba(115, 83, 255, 0.2);
}
div.col-md-4:nth-child(6n+4) .lp-cat .cat-links a {
color: rgba(229, 80, 57, 0.8);
background: rgba(229, 80, 57, 0.2);
}
div.col-md-4:nth-child(6n+5) .lp-cat .cat-links a {
color: rgba(0, 134, 252, 0.8);
background: rgba(0, 134, 252, 0.2);
}
.course-meta.addons-course-meta span.post-view {
float: right;
}
.course-meta.addons-course-meta span.post-view i {
padding-right: 5px;
}
.edumodo-lp-course-1 .owl-nav .owl-carousel-left,
.edumodo-lp-course-1 .owl-nav .owl-carousel-right,
.edumodo-course-1 .owl-nav .owl-carousel-left,
.edumodo-course-1 .owl-nav .owl-carousel-right,
.learnpress-course-tab-body .owl-nav .owl-carousel-left,
.learnpress-course-tab-body .owl-nav .owl-carousel-right {
background-color: #FFF;
border-radius: 50%;
border-width: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
color: #ecb101;
font-size: 24px;
height: 47px;
line-height: 1;
padding: 11px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
width: 47px;
z-index: 3;
position: absolute;
}
.edumodo-lp-course-1 .owl-carousel-left,
.edumodo-lp-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.learnpress-course-tab-body .owl-carousel-left,
.learnpress-course-tab-body .owl-carousel-left {
left: -10px !important;
left: auto;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.edumodo-lp-course-1:hover .owl-carousel-left,
.edumodo-lp-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.learnpress-course-tab-body:hover .owl-carousel-left,
.learnpress-course-tab-body:hover .owl-carousel-left {
opacity: 1;
left: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.edumodo-lp-course-1 .owl-carousel-right,
.edumodo-lp-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.learnpress-course-tab-body .owl-carousel-right,
.learnpress-course-tab-body .owl-carousel-right {
right: -10px !important;
left: auto;
opacity: 0;
}
.edumodo-lp-course-1:hover .owl-carousel-right,
.edumodo-lp-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.learnpress-course-tab-body:hover .owl-carousel-right,
.learnpress-course-tab-body:hover .owl-carousel-right {
opacity: 1;
right: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**
newly added
*/
.learnpress-course-tab-element {
position: relative;
}
.learnpress-course-tab-element .no-category {
min-height: 300px;
}
.learnpress-course-tab-element .no-category .empty-cat {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 2px #EEB90E;
}
.learnpress-course-tab-element .no-category .empty-cat h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.learnpress-course-tab-element .course-thumbnail {
padding: 0;
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper {
text-align: center;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item {
padding: 0 8px;
font-weight: 500;
font-size: 16px;
}
@media (max-width: 480px) {
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item {
display: inline-block;
margin: 15px 0;
}
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item .tab-text {
position: relative;
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat a.cat-item:nth-child(1) > span:nth-child(1):before {
background: none;
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item.active {
color: #ecb101;
position: relative;
}
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item.active:after {
background: #ecb101;
height: 4px;
width: 85%;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -20px;
text-align: center;
margin: auto;
}
@media (max-width: 480px) {
.learnpress-course-tab-element .learnpress-course-tab-cat-wrapper .multiple-cat .cat-item.active:after {
width: 70%;
bottom: -8px;
}
}
.learnpress-course-tab-element .course-details .course-entry-title {
font-size: 18px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1.3;
}
.learnpress-course-tab-element .course-meta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
}
.learnpress-course-tab-element .course-meta .price-and-cat {
display: flex;
align-items: center;
}
.learnpress-course-tab-element .course-meta .price-and-cat .addon-price {
padding: 0px 5px;
border-radius: 4px;
margin-right: 7px;
background: #EEB90E;
color: white;
}
.learnpress-course-tab-element .course-meta .price-and-cat .cat-links {
margin-bottom: 0;
}
.learnpress-course-tab-element .course-meta .price-and-cat .cat-links a {
display: inline-block;
padding: 0px 5px;
border-radius: 4px;
background: #ddd;
color: #777777;
}
.learnpress-course-tab-element .course-meta .enroll-student {
font-size: 14px;
}
.learnpress-course-tab-element .course-meta .enroll-student .fa-users {
margin-right: 5px;
}
.learnpress-course-tab-element .learnpress-course-tab-content .no-course {
text-align: center;
width: 100%;
background: #EEB90E;
color: white;
padding: 20px;
}
@media (max-width: 992px) {
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course {
width: 100%;
}
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .addon-origin-price {
text-decoration: line-through;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .lp-course-rate-wapper .lp-course-rate .star-rating {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 3px;
font-size: 15px;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating ul.lp-course-rate {
list-style: none;
padding-left: 0;
margin-bottom: 0;
margin-left: 0px;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating ul.lp-course-rate li {
font-size: 14px;
letter-spacing: -0.5px;
display: flex;
align-items: center;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .star-rating {
overflow: hidden;
height: 1em;
line-height: 1em;
width: 5.1em;
font-family: "fontawesome";
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #fbfeff;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .star-rating:before {
color: #ccc;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-single-course .rating .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #ecb101;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-course-tab-grid {
display: flex;
flex-wrap: wrap;
}
.learnpress-course-tab-element .learnpress-course-tab-content .wkp-lp-course-tab-grid .wkp-lp-single-course {
margin-bottom: 20px;
}
/**
learnpress-course-tab-style-2
*/
.learnpress-course-tab-style-2 article {
padding: 0;
}
.learnpress-course-tab-style-2 article .course-author-and-rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .author-wrapper {
display: flex;
align-items: center;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .author-wrapper .course-author-img img {
border-radius: 50%;
margin-right: 10px;
width: 30px;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .lp-course-rate-wapper .lp-course-rate .star-rating {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
margin-right: 3px;
font-size: 15px;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating ul.lp-course-rate {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating ul.lp-course-rate li {
font-size: 14px;
letter-spacing: -0.5px;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .star-rating {
overflow: hidden;
height: 1em;
line-height: 1em;
width: 5.1em;
font-family: "fontawesome";
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #fbfeff;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .star-rating:before {
color: #ccc;
}
.learnpress-course-tab-style-2 article .course-author-and-rating .rating .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #ecb101;
}
.learnpress-course-tab-style-2 article .course-cat {
margin-bottom: 15px;
}
.learnpress-course-tab-style-2 article .course-cat ul {
margin: 0;
padding: 0;
}
.learnpress-course-tab-style-2 article .course-cat ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
background: #eee;
color: black;
font-size: 12px;
padding: 0px 6px;
border-radius: 2px;
}
.learnpress-course-tab-style-2 article .course-meta {
border-top: solid 1px #ddd;
padding-top: 15px;
margin-bottom: 0px;
font-size: 12px;
}
.learnpress-course-tab-style-2 article .course-meta .meta-icon {
margin-right: 5px;
line-height: 0;
}
.learnpress-course-tab-style-2 article .course-meta .meta-icon svg {
width: 14px;
}
.learnpress-course-tab-style-2 article .course-meta .enroll-student,
.learnpress-course-tab-style-2 article .course-meta .duraton {
display: flex;
align-items: center;
}
.learnpress-course-tab-style-2 article .course-meta .enroll-student .meta-icon svg {
width: 18px;
}
.learnpress-course-tab-style-2 article .course-price {
background: #eee;
padding: 0px 7px;
border-radius: 2px;
font-size: 14px;
}
.learnpress-course-tab-style-2 article .author-wrapper .course-author-name {
font-size: 16px -2px;
}
.learnpress-course-tab-style-2 article .course-title .course-entry-title {
margin: 15px 0px;
}
.learnpress-course-tab-style-2 article .course-title .course-entry-title a {
font-size: 18px;
font-weight: bold;
}
.learnpress-course-tab-style-2 article .wkp-entry-content p {
font-size: 16px;
}
.learnpress-course-category-element .lp-course-categories {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.learnpress-course-category-element .lp-course-categories img {
transition: 0.5s ease-in-out;
object-fit: cover;
width: 100%;
}
.learnpress-course-category-element .lp-course-categories:hover img {
transform: scale(1.1, 1.1);
}
.learnpress-course-category-element .lp-course-categories:before {
background: rgba(236, 177, 1, 0.8);
position: absolute;
content: "";
height: 100%;
width: 100%;
z-index: 1;
}
.learnpress-course-category-element .lp-course-categories .content-body {
padding: 30px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.learnpress-course-category-element .lp-course-categories .content-body .lp-course-meta a .lp-categories {
font-size: 22px;
margin-top: 0;
margin-bottom: 5px;
color: white;
font-weight: 700;
}
.learnpress-course-category-element .lp-course-categories .content-body .lp-course-meta a:hover {
color: #ecb101;
}
.learnpress-course-category-element .lp-course-categories .content-body .lp-course-meta .lp-course {
font-size: 14px;
color: white;
}
.learnpress-course-category-element .lp-course-categories .content-body .lp-course-meta .lp-lesson {
font-size: 14px;
color: white;
}
/**
Single Learndash Template
*/
.ld-single-course-item {
margin-bottom: 50px;
}
figure.ld-course-post-thumbnail img {
border-radius: 4px 4px 0 0;
}
.ld-single-course-item .ld-course-content {
padding: 34px;
box-shadow: 0 3px 4px rgba(155, 164, 184, 0.19);
border-radius: 0 0 4px 4px;
}
.ld-single-course-item .ld-course-content .ld-course-title {
font-size: 30px;
line-height: 1.2666;
margin: 0;
font-weight: 700;
}
.ld-single-course-item .ld-course-content .ld-course-title a {
color: #263345;
transition: 0.2s ease-out;
}
.ld-single-course-item .ld-course-content .ld-course-title a:hover {
color: #5842f0;
}
.ld-single-course-item .ld-course-content .ld-course-meta a {
color: #5842f0;
font-size: 14px;
display: inline-block;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 10px;
text-transform: uppercase;
transition: 0.2s ease-out;
}
/* Certificate */
.learndash-wrapper .ld-alert.ld-alert-certificate {
padding: 30px;
background-color: rgba(88, 66, 255, 0.05);
border: 1px solid rgba(25, 79, 255, 0.3);
border-radius: 4px;
margin-bottom: 30px;
}
.learndash-wrapper .ld-alert.ld-alert-certificate .ld-alert-content {
position: relative;
}
.learndash-wrapper .ld-alert-certificate .ld-alert-icon.ld-icon-certificate {
width: 55px;
height: 55px;
background-color: #194FFF;
}
.learndash-wrapper .ld-alert-certificate .ld-alert-messages {
padding-left: 85px;
font-size: 18px;
font-weight: 700;
color: #263345;
}
.learndash-wrapper .ld-alert-certificate .ld-alert-icon.ld-icon-certificate:before {
display: none;
}
.learndash-wrapper .ld-alert-certificate.ld-alert-success .ld-button {
padding: 12px 20px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
background-color: #194FFF;
}
/* Course Content */
.learndash-wrapper .ld-item-list .ld-item-list-item {
border: none !important;
border-radius: 0 !important;
position: relative;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
background-color: rgba(179, 184, 193, 0.15);
border-radius: 4px;
padding: 15px 25px !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-expand-button {
margin-left: 0;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
order: 2;
align-items: center;
}
.learndash-wrapper .ld-expand-button .ld-text {
display: none;
}
.learndash-wrapper .ld-expand-button .ld-icon {
background-color: transparent !important;
color: #B3B8C1 !important;
font-size: 16px;
}
.learndash-wrapper .ld-status-icon {
margin: 0 !important;
background-color: transparent !important;
border-width: 2px !important;
width: 22px;
height: 22px;
flex-basis: 22px;
order: 2;
}
.learndash-wrapper .ld-status-icon.ld-status-complete {
background-color: #194FFF !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-complete {
background-color: #194FFF !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-in-progress {
border-left-color: #194FFF;
border-top-color: #194FFF;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
width: calc(98%);
color: #263344;
font-size: 16px;
font-weight: 700;
transition: 0.2s ease-out;
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title .ld-item-components {
margin-top: 0;
font-size: 12px;
color: #263345 !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview a:hover .ld-item-title {
color: #194FFF !important;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
background-color: transparent !important;
padding: 20px !important;
color: #4d5866 !important;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-topic-list .ld-table-list-header .ld-table-list-title .ld-text {
font-size: 16px;
font-weight: 400;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-topic-list .ld-table-list-header .ld-table-list-lesson-details {
font-weight: 400;
}
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview {
justify-content: space-between !important;
font-size: 16px;
color: #4d5866 !important;
transition: 0.2s ease-out;
}
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {
color: #194FFF !important;
}
.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading,
.learndash-wrapper .ld-expand-button {
color: #263345 !important;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
font-size: 18px !important;
font-weight: 700;
}
.learndash-wrapper .ld-expand-button {
background-color: transparent !important;
}
.ld-tooltip {
position: absolute;
left: 2%;
top: 0;
background-color: #194FFF !important;
color: white;
font-weight: 700;
border-radius: 6px;
padding: .25em 1em;
-webkit-transform: translateX(1%) translateY(-25px);
-ms-transform: translateX(1%) translateY(-25px);
transform: translateX(1%) translateY(-25px);
font-size: 12px;
opacity: 0;
-webkit-transition: opacity .1s linear;
transition: opacity .1s linear;
text-align: center;
min-width: 150px;
max-width: 300px;
}
.ld-tooltip:after {
content: '';
height: 5px;
width: 5px;
background-color: #194FFF !important;
position: absolute;
bottom: -4px;
-webkit-transform: rotate(45deg) translateX(-50%);
-ms-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
left: 5%;
}
.learndash-wrapper.wkpro-tooltip .ld-item-list .ld-item-list-item:hover .ld-tooltip {
opacity: 1;
}
#learndash-tooltips {
display: none;
}
/* Course Curriculum Grid */
.learndash-grid-curriculum-wrapper .single-lesson-grid {
padding: 40px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
}
.learndash-grid-curriculum-wrapper .single-lesson-grid h3 {
font-weight: bold;
font-size: 22px;
color: #263344;
margin: 0;
text-transform: uppercase;
}
.learndash-grid-curriculum-wrapper .single-lesson-grid h3 a {
color: #263344;
}
.learndash-grid-curriculum-wrapper .single-lesson-grid .play-btn {
font-size: 22px;
color: #333;
}
/* Course Enrollment */
.ld-course-enrollment-wrapper {
background-color: #194fff;
color: #fff;
border-radius: 4px;
padding: 35px 30px;
}
.ld-course-enrollment-top span {
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
.ld-course-enrollment-top h3 {
font-weight: 900;
font-size: 40px;
line-height: 26px;
margin-top: 15px;
margin-bottom: 30px;
}
.ld-course-enrollment-top h3 span,
.ld-course-enrollment-description p,
.ld-course-enrollment-user span.course-members {
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.learndash-wrapper .ld-course-enrollment-bottom .btn-join,
.wk-learndash-payment-btn-wrapper .btn-join,
.ld-course-enrollment-bottom .course-status {
border-radius: 4px !important;
color: #263344 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 28px !important;
padding: 15px 55px !important;
background-color: #fff !important;
display: inline-block !important;
text-transform: uppercase !important;
letter-spacing: 1px;
transition: 0.2s ease-out !important;
}
.ld-course-enrollment-description {
margin-bottom: 20px;
}
.ld-course-enrollment-bottom {
text-align: center;
}
.ld-course-enrollment-bottom p {
font-size: 14px;
line-height: 26px;
margin-top: 20px;
margin-bottom: 0;
}
.ld-course-enrollment-user {
text-align: center;
margin-bottom: 40px;
}
.ld-course-enrollment-user span {
display: inline-block;
}
.ld-course-enrollment-user span.course-users {
margin-right: 20px;
}
.ld-course-enrollment-user span.course-users img {
max-width: 50px;
border-radius: 50%;
margin-right: -15px;
display: inline-block;
border: 2px solid #587fff;
}
/* Course Progress Status */
.ld-course-status {
border-radius: 4px;
background-color: #194FFF;
color: #fff;
padding: 20px 25px;
margin-bottom: 30px;
}
.ld-course-status .ld-course-status-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.ld-course-status .ld-course-status-top .ld-course-progress-heading h4 {
font-size: 18px;
font-weight: 700;
line-height: 21px;
margin: 0;
}
.ld-course-status .ld-course-status-top .ld-course-progress-heading h4 span {
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 7px;
}
.ld-course-status .ld-course-status-top .ld-course-progress-activity p {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.ld-course-status .ld-course-status-top .ld-course-progress-activity p span {
width: 10px;
height: 10px;
background-color: #fff;
display: inline-block;
margin-right: 5px;
border-radius: 50%;
}
.ld-course-status .ld-course-status-bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.ld-course-status .ld-course-status-bottom .ld-course-progress-bar {
display: flex;
flex: 1;
height: 7px;
border-radius: 4px;
background-color: #fff;
overflow: hidden;
margin-right: 25px;
}
.ld-course-status .ld-course-status-bottom .ld-course-progress-bar .ld-course-progress-bar-percentage {
background-color: #194FFF;
width: 0;
border-radius: 4px;
height: 7px;
border: 1px solid rgba(255, 255, 255, 0.16);
}
.ld-course-status .ld-course-status-bottom .ld-course-status-button-status {
font-size: 14px;
line-height: 1;
}
/* Tab Content */
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
font-size: 16px;
color: #515E6F !important;
padding: 20px 0 !important;
margin-right: 30px;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
color: #194FFF !important;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation:after,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:after {
height: 1px !important;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
background-color: #194FFF !important;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab .ld-text {
margin-left: 6px;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content {
padding: 0 !important;
padding-top: 20px !important;
}
/* Course Banner */
.learndash-course-banner {
padding: 140px 20px;
color: #333;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -15px;
margin-right: -15px;
}
.learndash-course-banner .course-banner-left {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.learndash-course-banner .course-banner-right {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.learndash-course-banner .course-banner-left h1 {
font-size: 50px;
line-height: 62px;
margin-bottom: 20px;
}
.learndash-course-banner .course-banner-leftp {
margin-bottom: 25px;
}
.learndash-course-banner .course-banner-left p,
.learndash-course-banner .course-banner-left.course-author .author-name {
font-size: 18px;
line-height: 28px;
}
.learndash-course-banner .course-banner-left .course-author {
display: flex;
align-items: center;
}
.learndash-course-banner .course-banner-left .author-image {
margin-right: 15px;
}
.learndash-course-banner .course-banner-left .author-image img {
border-radius: 50%;
}
.learndash-course-banner .course-banner-right .btn-join {
width: auto !important;
display: inline-block !important;
padding: 15px 25px !important;
border-radius: 4px !important;
background-color: #fff !important;
color: #333 !important;
font-size: 18px !important;
font-weight: 700 !important;
}
/* Course Info */
.wkld-course-meta-info > div {
position: relative;
padding: 0 13px;
}
.wkld-course-meta-info > div:not(:last-child):after {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
content: "";
}
.wkld-course-meta-info {
display: flex;
align-items: center;
justify-content: space-between;
}
.wkld-course-meta-info .wkld-course-meta h4 {
font-size: 24px;
font-weight: 700;
color: #263344;
margin-top: 5px;
margin-bottom: 5px;
line-height: 28px;
}
.wkld-course-meta-info .meta-title {
font-size: 14px;
font-weight: 700;
line-height: 20px;
color: #929DAC;
}
.wkld-course-meta-info p.meta-desc {
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
color: #263344;
margin-bottom: 0;
}
.ld-course-difficulties .bars {
display: inline-block;
line-height: 0;
margin-bottom: 10px;
}
.ld-course-difficulties .bars span {
display: inline-block;
width: 10px;
height: 50px;
background-color: #929DAC;
}
.ld-course-difficulties .bars span:nth-child(1) {
height: 25px;
}
.ld-course-difficulties .bars span:nth-child(2) {
height: 35px;
}
.ld-course-difficulties.beginner-level .bars span:nth-child(1) {
background-color: #DCB620;
}
.ld-course-difficulties.intermediate-level .bars span:nth-child(1),
.ld-course-difficulties.intermediate-level .bars span:nth-child(2) {
background-color: #DCB620;
}
.ld-course-difficulties.advanced-level .bars span {
background-color: #DCB620;
}
/* Course Resource */
.learndash-course-resource-wrapper {
padding: 50px 40px;
border-radius: 4px;
box-shadow: 0 3px 25px rgba(155, 164, 184, 0.14);
}
.learndash-course-resource-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
.learndash-course-resource-wrapper ul li .course-resource {
display: flex;
align-items: center;
justify-content: space-between;
}
.learndash-course-resource-wrapper ul li {
padding: 15px 0;
}
.learndash-course-resource-wrapper ul li:not(:last-child) {
border-bottom: 1px solid #e2e7ed;
}
.learndash-course-resource-wrapper ul li .course-resource .resource-title span:first-child i {
margin-right: 5px;
color: #7d8794;
}
.learndash-course-resource-wrapper ul li .course-resource .resource-desc {
text-transform: capitalize;
}
/* Course Instructor */
.learndash-course-instructor {
padding: 30px;
}
.learndash-course-instructor .course-author {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.learndash-course-instructor h4 {
margin-bottom: 40px;
font-size: 20px;
color: #263344;
}
.learndash-course-instructor .course-author .author-image img {
border-radius: 50%;
}
.learndash-course-instructor .course-author .author-name {
font-size: 18px;
line-height: 28px;
color: #263344;
text-transform: capitalize;
}
.learndash-course-instructor .course-author-description {
font-size: 16px;
line-height: 26px;
color: #4d5866;
}
/* Payments Button */
.wk-learndash-payment-btn-wrapper .btn-join {
border-radius: 4px !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 28px !important;
padding: 15px 55px !important;
background-color: #194fff !important;
display: inline-block !important;
text-transform: uppercase !important;
letter-spacing: 1px;
transition: 0.2s ease-out !important;
width: auto !important;
}
@media (max-width: 768px) {
.learndash-wrapper .ld-alert.ld-alert-certificate {
padding: 90px 15px 25px;
}
.learndash-wrapper .ld-alert.ld-alert-certificate .ld-alert-content {
position: static;
}
.learndash-wrapper .ld-alert-certificate .ld-alert-messages {
padding-left: 0px;
}
.ld-course-status {
text-align: center;
}
.ld-course-status .ld-course-status-top,
.ld-course-status-bottom {
display: block;
}
.ld-course-progress-bar {
margin-bottom: 15px;
width: 100%;
flex-basis: 100%;
}
.ld-course-status .ld-course-status-top .ld-course-progress-heading h4 {
margin-bottom: 8px;
}
.ld-course-status .ld-course-status-bottom {
display: block;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading .ld-item-list-actions,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
flex: none !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
flex-direction: row !important;
align-items: flex-start !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
margin-left: 0 !important;
}
.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
margin: 0!important;
}
.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header {
flex-direction: row !important;
align-items: center;
}
}
@media (max-width: 575px) {
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
align-items: flex-start;
flex-direction: column;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title .ld-item-components {
margin-top: 10px;
}
.learndash-course-banner {
flex-wrap: wrap;
}
.learndash-course-banner .course-banner-left {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 50px;
}
.learndash-course-banner .course-banner-right {
flex-basis: 100%;
max-width: 100%;
text-align: left;
}
}
/**
Sensei
*/
.sensei-course-list-element .plugin-is-deactive,
.sensei-course-list-element .plugin-is-not-exists {
position: relative;
min-height: 300px;
height: 300px;
}
.sensei-course-list-element .plugin-is-deactive .wrapper,
.sensei-course-list-element .plugin-is-not-exists .wrapper {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 5px #EEB90E;
}
.sensei-course-list-element .plugin-is-deactive .wrapper h3,
.sensei-course-list-element .plugin-is-not-exists .wrapper h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.sensei-course-list-element .plugin-active-massage {
border: solid 5px #EEB90E;
}
.sensei-course-list-element .plugin-active-massage h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.widgetkit-sensei-courses span.post-view i {
padding-right: 4px;
}
.widgetkit-sensei-courses .sensei-single-course {
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0px 5px 25px 0px rgba(46, 61, 73, 0.2);
transition: all 0.5s ease;
}
.widgetkit-sensei-courses .sensei-single-course:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail {
position: relative;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail .sensei-img {
overflow: hidden;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail .sensei-img img {
transition: 0.5s ease-in-out;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail .author-wrapper {
position: absolute;
right: 18px;
bottom: -25px;
z-index: 1;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail .author-wrapper img {
border-radius: 50px;
}
.widgetkit-sensei-courses .sensei-single-course .sensei-course-thumbnail:hover .sensei-img a img {
transform: scale(1.2);
transition: all 0.5s ease;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body {
padding: 20px;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body .course-entry-title {
font-size: 16px;
line-height: 25px;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body .wkp-entry-content {
font-size: 14px;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body .footer-body {
font-size: 13px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body .footer-body .sensei-enroll i {
color: #808080;
}
.widgetkit-sensei-courses .sensei-single-course .course-content-body .footer-body .sensei-enroll span {
color: #808080;
margin-right: 5px;
}
.sensei-cat .cat-links a {
color: rgba(236, 177, 1, 0.8);
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
background: rgba(236, 177, 1, 0.2);
padding: 3px 8px;
border-radius: 2px;
}
div.col-md-4:nth-child(6n+2) .sensei-cat .cat-links a {
color: rgba(2, 204, 186, 0.8);
background: rgba(2, 204, 186, 0.2);
}
div.col-md-4:nth-child(6n+3) .sensei-cat .cat-links a {
color: rgba(115, 83, 255, 0.8);
background: rgba(115, 83, 255, 0.2);
}
div.col-md-4:nth-child(6n+4) .sensei-cat .cat-links a {
color: rgba(229, 80, 57, 0.8);
background: rgba(229, 80, 57, 0.2);
}
div.col-md-4:nth-child(6n+5) .sensei-cat .cat-links a {
color: rgba(0, 134, 252, 0.8);
background: rgba(0, 134, 252, 0.2);
}
.course-meta.addons-course-meta span.post-view {
float: right;
}
.widgetkit-sensei-courses .owl-nav .owl-carousel-left,
.widgetkit-sensei-courses .owl-nav .owl-carousel-right,
.edumodo-course-1 .owl-nav .owl-carousel-left,
.edumodo-course-1 .owl-nav .owl-carousel-right,
.dynamic-category-body .owl-nav .owl-carousel-left,
.dynamic-category-body .owl-nav .owl-carousel-right {
background-color: #FFF;
border-radius: 50%;
border-width: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
color: #ecb101;
font-size: 24px;
height: 47px;
line-height: 1;
padding: 11px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
width: 47px;
z-index: 3;
position: absolute;
}
.widgetkit-sensei-courses .owl-carousel-left,
.widgetkit-sensei-courses .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.dynamic-category-body .owl-carousel-left,
.dynamic-category-body .owl-carousel-left {
left: -10px !important;
left: auto;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-sensei-courses:hover .owl-carousel-left,
.widgetkit-sensei-courses:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left {
opacity: 1;
left: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widgetkit-sensei-courses .owl-carousel-right,
.widgetkit-sensei-courses .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.dynamic-category-body .owl-carousel-right,
.dynamic-category-body .owl-carousel-right {
right: -10px !important;
left: auto;
opacity: 0;
}
.widgetkit-sensei-courses:hover .owl-carousel-right,
.widgetkit-sensei-courses:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right {
opacity: 1;
right: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**
newly added
*/
.sensei-course-list-element .widgetkit-sensei-courses {
display: flex;
flex-wrap: wrap;
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei-enroll-btn {
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
padding: 3px 8px;
border-radius: 2px;
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n) .sensei-enroll-btn {
background: rgba(109, 3, 136, 0.199);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n) .sensei-enroll-btn a {
color: rgba(109, 3, 136, 0.8);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+1) .sensei-enroll-btn {
background: rgba(236, 177, 1, 0.2);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+1) .sensei-enroll-btn a {
color: rgba(236, 177, 1, 0.8);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+2) .sensei-enroll-btn {
background: rgba(2, 204, 186, 0.2);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+2) .sensei-enroll-btn a {
color: rgba(2, 204, 186, 0.8);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+3) .sensei-enroll-btn {
background: rgba(115, 83, 255, 0.2);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+3) .sensei-enroll-btn a {
color: rgba(115, 83, 255, 0.8);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+4) .sensei-enroll-btn {
background: rgba(229, 80, 57, 0.2);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+4) .sensei-enroll-btn a {
color: rgba(229, 80, 57, 0.8);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+5) .sensei-enroll-btn {
background: rgba(0, 134, 252, 0.2);
}
.sensei-course-list-element .widgetkit-sensei-courses .sensei_course_list:nth-child(6n+5) .sensei-enroll-btn a {
color: rgba(0, 134, 252, 0.8);
}
.sensei-course-list-element .sensei-single-course {
margin-bottom: 30px;
padding-bottom: 0px;
}
.sensei-course-list-element .sensei-single-course .sensei-course-thumbnail .sensei-img img {
width: 100%;
}
.sensei-course-list-element .sensei-single-course .course-meta {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.sensei-course-list-element .sensei-single-course .course-meta .price-and-cat {
display: flex;
align-items: center;
}
.sensei-course-list-element .sensei-single-course .course-meta .price-and-cat .addon-price {
margin-right: 7px;
}
.sensei-course-list-element .sensei-single-course .course-meta .price-and-cat .cat-links {
margin-bottom: 0;
}
.sensei-course-list-element .sensei-single-course .post-cat ul {
margin: 0;
padding: 0;
}
.sensei-course-list-element .sensei-single-course .post-cat ul li {
list-style-type: none;
display: inline-block;
margin: 0;
margin-right: 5px;
font-size: 14px;
margin-bottom: 10px;
text-transform: capitalize;
}
.sensei-course-list-element .sensei-single-course .course-content-body .course-entry-title {
margin: 5px 0px 10px;
font-size: 18px;
}
.sensei-course-list-element .sensei-single-course .sensei-enroll {
display: flex;
align-items: center;
}
.sensei-course-list-element .sensei-single-course .sensei-enroll i {
font-family: FontAwesome;
}
.sensei-course-list-element .sensei-single-course .sensei-enroll i,
.sensei-course-list-element .sensei-single-course .sensei-enroll svg {
margin-right: 5px;
}
.sensei-course-tab-element .plugin-is-deactive,
.sensei-course-tab-element .plugin-is-not-exists {
position: relative;
min-height: 300px;
height: 300px;
}
.sensei-course-tab-element .plugin-is-deactive .wrapper,
.sensei-course-tab-element .plugin-is-not-exists .wrapper {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
border: solid 5px #EEB90E;
}
.sensei-course-tab-element .plugin-is-deactive .wrapper h3,
.sensei-course-tab-element .plugin-is-not-exists .wrapper h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.sensei-course-tab-element .plugin-active-massage {
border: solid 5px #EEB90E;
}
.sensei-course-tab-element .plugin-active-massage h3 {
background: #EEB90E;
color: white;
padding: 10px;
}
.sensei-dynamic-category-wrapper {
text-align: center;
margin-bottom: 35px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}
.sensei-dynamic-category-wrapper .multiple-cat .cat-item {
padding: 0 8px;
font-weight: 500;
}
.sensei-dynamic-category-wrapper .multiple-cat .cat-item .tab-text {
position: relative;
font-size: 16px;
}
.sensei-dynamic-category-wrapper .multiple-cat a.cat-item:nth-child(1) > span:nth-child(1):before {
background: none;
}
.sensei-dynamic-category-wrapper .multiple-cat a {
text-decoration: none;
color: #444;
}
.sensei-dynamic-category-wrapper .multiple-cat .cat-item.active {
color: #ecb101;
position: relative;
}
.sensei-dynamic-category-wrapper .multiple-cat .cat-item.active:after {
background: #ecb101;
height: 4px;
width: 85%;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -23px;
text-align: center;
margin: auto;
}
.sensei-single-courses span.post-view i {
padding-right: 4px;
}
.sensei-single-courses .sensei-single-course {
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0px 5px 25px 0px rgba(46, 61, 73, 0.2);
transition: all 0.5s ease;
}
.sensei-single-courses .sensei-single-course:hover {
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail {
position: relative;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail .sensei-img {
overflow: hidden;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail .sensei-img img {
transition: 0.5s ease-in-out;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail .author-wrapper {
position: absolute;
right: 18px;
bottom: -25px;
z-index: 1;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail .author-wrapper img {
border-radius: 50px;
}
.sensei-single-courses .sensei-single-course .sensei-course-thumbnail:hover .sensei-img a img {
transform: scale(1.2);
transition: all 0.5s ease;
}
.sensei-single-courses .sensei-single-course .course-content-body {
padding: 20px;
}
.sensei-single-courses .sensei-single-course .course-content-body .course-entry-title {
font-size: 16px;
line-height: 25px;
}
.sensei-single-courses .sensei-single-course .course-content-body .wkp-entry-content {
font-size: 14px;
}
.sensei-single-courses .sensei-single-course .course-content-body .footer-body {
font-size: 13px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
}
.sensei-single-courses .sensei-single-course .course-content-body .footer-body .sensei-enroll i {
color: #808080;
font-size: 12px;
}
.sensei-single-courses .sensei-single-course .course-content-body .footer-body .sensei-enroll span {
color: #808080;
margin-right: 5px;
}
.sensei-cat .cat-links a {
color: rgba(236, 177, 1, 0.8);
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
background: rgba(236, 177, 1, 0.2);
padding: 3px 8px;
border-radius: 2px;
}
div.col-md-4:nth-child(6n+2) .sensei-cat .cat-links a {
color: rgba(2, 204, 186, 0.8);
background: rgba(2, 204, 186, 0.2);
}
div.col-md-4:nth-child(6n+3) .sensei-cat .cat-links a {
color: rgba(115, 83, 255, 0.8);
background: rgba(115, 83, 255, 0.2);
}
div.col-md-4:nth-child(6n+4) .sensei-cat .cat-links a {
color: rgba(229, 80, 57, 0.8);
background: rgba(229, 80, 57, 0.2);
}
div.col-md-4:nth-child(6n+5) .sensei-cat .cat-links a {
color: rgba(0, 134, 252, 0.8);
background: rgba(0, 134, 252, 0.2);
}
.course-meta.addons-course-meta span.post-view {
float: right;
}
.sensei-single-courses .owl-nav .owl-carousel-left,
.sensei-single-courses .owl-nav .owl-carousel-right,
.edumodo-course-1 .owl-nav .owl-carousel-left,
.edumodo-course-1 .owl-nav .owl-carousel-right,
.dynamic-category-body .owl-nav .owl-carousel-left,
.dynamic-category-body .owl-nav .owl-carousel-right {
background-color: #FFF;
border-radius: 50%;
border-width: 0;
box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
color: #ecb101;
font-size: 24px;
height: 47px;
line-height: 1;
padding: 11px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: 300ms;
width: 47px;
z-index: 3;
position: absolute;
}
.sensei-single-courses .owl-carousel-left,
.sensei-single-courses .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.edumodo-course-1 .owl-carousel-left,
.dynamic-category-body .owl-carousel-left,
.dynamic-category-body .owl-carousel-left {
left: -10px !important;
left: auto;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sensei-single-courses:hover .owl-carousel-left,
.sensei-single-courses:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.edumodo-course-1:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left,
.dynamic-category-body:hover .owl-carousel-left {
opacity: 1;
left: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sensei-single-courses .owl-carousel-right,
.sensei-single-courses .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.edumodo-course-1 .owl-carousel-right,
.dynamic-category-body .owl-carousel-right,
.dynamic-category-body .owl-carousel-right {
right: -10px !important;
left: auto;
opacity: 0;
}
.sensei-single-courses:hover .owl-carousel-right,
.sensei-single-courses:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.edumodo-course-1:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right,
.dynamic-category-body:hover .owl-carousel-right {
opacity: 1;
right: -20px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**
newly added
*/
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper {
display: flex;
flex-wrap: wrap;
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-enroll-btn {
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
padding: 3px 8px;
border-radius: 2px;
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n) .sensei-enroll-btn {
background: rgba(109, 3, 136, 0.199);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n) .sensei-enroll-btn a {
color: rgba(109, 3, 136, 0.8);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+1) .sensei-enroll-btn {
background: rgba(236, 177, 1, 0.2);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+1) .sensei-enroll-btn a {
color: rgba(236, 177, 1, 0.8);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+2) .sensei-enroll-btn {
background: rgba(2, 204, 186, 0.2);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+2) .sensei-enroll-btn a {
color: rgba(2, 204, 186, 0.8);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+3) .sensei-enroll-btn {
background: rgba(115, 83, 255, 0.2);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+3) .sensei-enroll-btn a {
color: rgba(115, 83, 255, 0.8);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+4) .sensei-enroll-btn {
background: rgba(229, 80, 57, 0.2);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+4) .sensei-enroll-btn a {
color: rgba(229, 80, 57, 0.8);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+5) .sensei-enroll-btn {
background: rgba(0, 134, 252, 0.2);
}
.sensei-course-tab-element .wkp-sensei-course-tab-content-wrapper .sensei-single-courses:nth-child(6n+5) .sensei-enroll-btn a {
color: rgba(0, 134, 252, 0.8);
}
.sensei-course-tab-element .sensei-single-course {
margin-bottom: 30px;
padding-bottom: 0px;
}
.sensei-course-tab-element .sensei-single-course .sensei-course-thumbnail .sensei-img img {
width: 100%;
}
.sensei-course-tab-element .sensei-single-course .course-meta {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.sensei-course-tab-element .sensei-single-course .course-meta .price-and-cat {
display: flex;
align-items: center;
}
.sensei-course-tab-element .sensei-single-course .course-meta .price-and-cat .addon-price {
margin-right: 7px;
}
.sensei-course-tab-element .sensei-single-course .course-meta .price-and-cat .cat-links {
margin-bottom: 0;
}
.sensei-course-tab-element .sensei-single-course .post-cat ul {
margin: 0;
padding: 0;
}
.sensei-course-tab-element .sensei-single-course .post-cat ul li {
list-style-type: none;
display: inline-block;
margin: 0;
margin-right: 5px;
font-size: 14px;
margin-bottom: 10px;
text-transform: capitalize;
}
.sensei-course-tab-element .sensei-single-course .course-content-body .course-entry-title {
margin: 5px 0px 10px;
font-size: 18px;
}
.sensei-course-tab-element .sensei-single-course .sensei-enroll {
display: flex;
align-items: center;
}
.sensei-course-tab-element .sensei-single-course .sensei-enroll i {
font-family: FontAwesome;
}
.sensei-course-tab-element .sensei-single-course .sensei-enroll i,
.sensei-course-tab-element .sensei-single-course .sensei-enroll svg {
margin-right: 5px;
}
.sensei-course-category-element .sensei-course-categories {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.sensei-course-category-element .sensei-course-categories img {
transition: 0.5s ease-in-out;
object-fit: cover;
width: 100%;
}
.sensei-course-category-element .sensei-course-categories:hover img {
transform: scale(1.1, 1.1);
}
.sensei-course-category-element .sensei-course-categories:before {
background: rgba(236, 177, 1, 0.8);
position: absolute;
content: "";
height: 100%;
width: 100%;
z-index: 1;
}
.sensei-course-category-element .sensei-course-categories .content-body {
padding: 30px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.sensei-course-category-element .sensei-course-categories .content-body .sensei-course-meta a .sensei-categories {
font-size: 22px;
margin-top: 0;
margin-bottom: 5px;
color: white;
font-weight: 700;
}
.sensei-course-category-element .sensei-course-categories .content-body .sensei-course-meta a:hover {
color: #ecb101;
}
.sensei-course-category-element .sensei-course-categories .content-body .sensei-course-meta .sensei-course {
font-size: 14px;
color: white;
}
.sensei-course-category-element .sensei-course-categories .content-body .sensei-course-meta .sensei-lesson {
font-size: 14px;
color: white;
}
.sensei-course-category-element .sensei-course-meta .cat-icon {
display: inline-block;
overflow: hidden;
transition: all 0.4s ease;
}
.sensei-course-category-element .sensei-course-meta .cat-icon i,
.sensei-course-category-element .sensei-course-meta .cat-icon svg {
transition: all 0.4s ease;
margin: 0 auto;
}
/**
Tutor
*/
/**
Event
*/
.widgetkit-event-list-element .column-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media (max-width: 768px) {
.widgetkit-event-list-element .column-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.widgetkit-event-list-element .column-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.widgetkit-event-list-element .column-grid * {
transition: all 0.3s ease;
}
.widgetkit-event-list-element .column-grid .single-event-wrapper article.single-event {
overflow: hidden;
}
.widgetkit-event-list-element .column-grid .single-event-wrapper .meta-data {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
font-size: 14px;
}
.widgetkit-event-list-element .column-grid .single-event-wrapper .meta-data i {
margin-right: 5px;
}
.widgetkit-event-list-element .column-grid .single-event-wrapper .meta-data.grid-1 {
grid-template-columns: repeat(1, 1fr);
}
.widgetkit-event-list-element .column-grid .single-event-wrapper .read-more {
display: flex;
align-items: center;
}
.widgetkit-event-list-element .column-grid .single-event-wrapper .read-more i {
margin-left: 10px;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
/**
default widget post
==================
*/
.widget-post {
display: inline-block;
}
.widget-post .single-item {
padding: 0;
}
.widget-post .post-meta {
font-size: 14px;
}
.widget-post .post-meta .post-cat-wrapper {
display: block;
}
.widget-post .post-view-count {
display: block;
}
.widget-post h4 {
font-size: 16px;
}
.widget-post li {
position: relative;
}
.widget-post li a {
display: inline-block;
overflow: hidden;
}
.widget-post li a img {
margin: 0;
transition: all 0.5s ease;
}
.widget-post li:hover a img {
transform: scale(1.1) rotate(1deg);
}
.widget-post li:after {
content: '';
width: 100%;
height: 2px;
background: rgba(202, 202, 202, 0.2);
display: block;
margin: 15px 0px 8px;
}
.widget-post li:last-child:after {
content: none;
}
/**
Vertical
========
*/
.widget-post.vertical .post-meta {
margin-top: 15px;
}
.widget-post.vertical .post-meta .post-cat-wrapper {
line-height: 1.5;
}
.widget-post.horizontal .widget-post-wrapper {
display: flex;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-thumb {
flex: 1 0 0;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-thumb div a {
display: inline-block;
width: 100%;
height: 100%;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-thumb div a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-content {
flex: 2 0 0;
padding: 0px 0px 0px 20px;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-content .widget-post-title h4 {
margin-top: 0;
margin-bottom: 4px;
}
.widget-post.horizontal .widget-post-wrapper .widget-post-content .post-meta .post-cat-wrapper {
line-height: 20px;
}
/**
Popular and Latest Post tab
===========================
*/
.tab-widget .nav-tabs-wrapper {
box-shadow: inset 0 -2px 0 0 #cacaca;
}
.tab-widget .nav-tabs {
margin-bottom: 20px;
display: flex;
}
.tab-widget .nav-tabs li {
line-height: 0;
margin-bottom: 0 !important;
border: none;
transition: all 0.5s ease;
}
.tab-widget .nav-tabs li a {
border: none;
border-bottom: solid 2px transparent;
transition: all 0.5s ease;
font-family: 'Rajdhani', sans-serif;
font-weight: bold;
}
.tab-widget .nav-tabs li a:hover {
border: none;
background: none;
font-weight: bold;
}
.tab-widget .nav-tabs li a:focus {
border: none;
border-bottom: solid 2px #EEB90E;
}
.tab-widget .nav-tabs li:after {
content: none;
}
.tab-widget .nav-tabs li:hover a {
border-bottom: solid 2px #EEB90E;
}
.tab-widget .nav-tabs li.active {
border: none;
transition: all 0.5s ease;
}
.tab-widget .nav-tabs li.active a {
border: none;
font-weight: bold;
font-family: 'Rajdhani', sans-serif;
border-bottom: solid 2px #EEB90E;
transition: all 0.5s ease;
background: inherit;
}
.tab-widget .nav-tabs li.active a:hover {
background: none;
border: none;
border-bottom: solid 2px #EEB90E;
font-weight: bold;
}
.tab-widget .nav-tabs li.active a:focus {
border: none;
border-bottom: solid 2px;
background: transparent;
}
.tab-widget .tab-content .no-thumb-image {
display: inline-block;
margin-top: 20px;
}
.tab-widget .tab-content .no-thumb-image li.single-item {
display: flex;
margin-bottom: 15px;
}
.tab-widget .tab-content .no-thumb-image li.single-item:after {
content: none;
}
.tab-widget .tab-content .no-thumb-image li.single-item .count {
font-size: 30px !important;
font-weight: bold;
margin-right: 20px;
}
.tab-widget .tab-content .no-thumb-image li.single-item .widget-post-wrapper {
margin-top: -5px;
}
.tab-widget .tab-content .no-thumb-image li.single-item .widget-post-wrapper .widget-post-content {
padding: 0;
}
/**
owl carousel
=============
*/
.magmax-shortcode-recent-post-carousel h4.shortcode-title,
.magmax-shortcode-single-category-carousel h4.shortcode-title {
font-family: 'Rajdhani', sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 25px;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel {
position: relative;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-item .col-lg-12,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-item .col-lg-12,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-item .col-lg-12,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-item .col-lg-12 {
padding: 0;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-item .col-lg-12 .recent-post-title,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-item .col-lg-12 .recent-post-title,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-item .col-lg-12 .recent-post-title,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-item .col-lg-12 .recent-post-title {
font-size: 16px;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav {
position: absolute;
right: 0;
top: -55px;
display: inline-block;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left,
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right {
display: inline-block;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
margin: 0px 5px;
font-size: 16px;
padding: 0px 7px;
cursor: pointer;
border-radius: 4px;
border: none;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left:hover,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left:hover,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left:hover,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left:hover,
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right:hover,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right:hover,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right:hover,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right:hover {
box-shadow: 0px 3px 20px #d6d6d6;
background: #EEB90E;
color: white;
}
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left:focus,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-left:focus,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left:focus,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-left:focus,
.magmax-shortcode-recent-post-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right:focus,
.magmax-shortcode-single-category-carousel .magmax-sc-recent-post-carousel .owl-nav .owl-carousel-right:focus,
.magmax-shortcode-recent-post-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right:focus,
.magmax-shortcode-single-category-carousel .magmax-sc-single-category-carousel .owl-nav .owl-carousel-right:focus {
outline: none;
}
/**
elementor-widget-container for page
===================================
*/
.elementor-widget-container .post-meta,
.elementor-shortcode .post-meta {
color: #707070;
}
.elementor-widget-container .post-meta a,
.elementor-shortcode .post-meta a {
color: #707070;
}
.elementor-widget-container h5 {
font-family: 'Rajdhani', sans-serif;
font-size: 22px;
font-weight: bold;
}
/**
widget style
for page
==================
*/
.page .post-thumb {
overflow: hidden;
}
.page .widget-post h4 {
margin-bottom: 0px;
}
.page .widget-post li:after {
content: none;
margin: 10px 0px 10px;
}
.page li a {
overflow: inherit;
}
.page .tab-widget .nav-tabs {
margin-bottom: 20px;
}
.page .widget-post.vertical .post-meta {
margin-top: 0;
}
.page .widget-post.vertical li:after {
margin: 10px 0px 20px;
}
.page .magmax-latest_between_two_category .single-item {
margin-bottom: 20px;
}
.page .magmax-latest_between_two_category .single-item:after {
content: none;
}
.page .magmax-latest_between_two_category .single-item .post-thumb {
height: auto;
overflow: hidden;
}
.page .magmax-latest_between_two_category .single-item .post-thumb img {
width: auto;
height: auto;
object-fit: inherit;
}
.page .magmax-latest_between_two_category .single-item .widget-post-content {
padding: 0px 0px 10px 15px;
}
.page .widget-post.horizontal .widget-post-wrapper .widget-post-content {
padding-top: 0px;
padding-bottom: 0px;
}
.page .single-item {
margin-bottom: 10px;
}
.magmax-ticker-1 {
transition: all 0.5s ease;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.magmax-ticker-1 {
display: block;
}
}
.magmax-ticker-1 h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
font-family: 'Rajdhani', sans-serif;
}
.magmax-ticker-1 .ticker-title {
width: 12%;
display: inline-block;
background: #EEB90E;
color: white;
padding: 3px 9px;
text-align: center;
margin-right: 15px;
}
@media (max-width: 768px) {
.magmax-ticker-1 .ticker-title {
width: auto;
margin-bottom: 10px;
}
}
.magmax-recent-post-ticker-wrapper {
width: 86% !important;
}
@media (max-width: 768px) {
.magmax-recent-post-ticker-wrapper {
width: 100%;
}
}
.magmax-recent-post-ticker-wrapper .recent-post-ticker-title .recent-post-time {
font-size: 14px;
color: #707070;
}
.magmax-recent-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 {
font-size: 16px;
margin-bottom: 0px;
font-weight: normal;
margin-top: 0px;
}
.magmax-recent-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 a {
font-weight: normal;
}
.magmax-recent-post-ticker-wrapper .recent-post-ticker-title .recent-post-title-wrapper h4 a:hover {
color: #EEB90E;
}
.magmax-recent-post-ticker-wrapper .owl-nav {
display: flex;
align-items: center;
}
.magmax-recent-post-ticker-wrapper .owl-nav .owl-carousel-left,
.magmax-recent-post-ticker-wrapper .owl-nav .owl-carousel-right {
display: inline-block;
cursor: pointer;
float: left;
width: 25px;
height: 25px;
line-height: 21px;
text-align: center;
border: solid 1px #cacaca;
color: #cacaca;
margin: 0px 3px;
border-radius: 4px;
transition: all 0.5s ease;
}
.magmax-recent-post-ticker-wrapper .owl-nav .owl-carousel-left:hover,
.magmax-recent-post-ticker-wrapper .owl-nav .owl-carousel-right:hover {
box-shadow: 0px 3px 20px #d6d6d6;
background: #EEB90E;
color: white;
border-color: #EEB90E;
}
.magmax-social-share a {
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
color: white;
margin-right: 3px;
font-size: 14px;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50%;
}
@media (max-width: 768px) {
.magmax-social-share a {
margin-bottom: 5px;
}
}
.magmax-social-share a:hover {
background: #EEB90E;
color: white;
}
.magmax-social-share .share-button-facebook {
background: #3B5998;
}
.magmax-social-share .share-button-twitter {
background: #1DA1F2;
}
.magmax-social-share .share-button-google {
background: #DB4437;
}
.magmax-social-share .share-button-pinterest {
background: #BD081C;
}
.magmax-social-share .share-button-linkedin {
background: #0077B5;
}
.magmax-social-share .post-share {
color: #EEB90E;
}
.magmax-reg-form {
padding: 50px;
width: 80%;
margin: 20px auto;
background: white;
border-radius: 2px;
box-shadow: 0px 1px 10px #d6d6d6;
}
@media (max-width: 768px) {
.magmax-reg-form {
width: 100%;
}
}
.magmax-reg-form label {
margin-bottom: 10px;
font-size: 16px;
text-transform: uppercase;
}
.magmax-reg-form label,
.magmax-reg-form input {
display: block;
}
.magmax-reg-form input[type='submit'] {
padding: 8px 32px;
margin: 5px 0 10px;
transition: all .5s ease;
box-shadow: none;
text-shadow: none;
background: #f42;
color: #fff;
border: none;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
border-radius: 3px;
}
.magmax-reg-form input[type='submit']:focus {
outline: none;
}
.magmax-reg-form div.username,
.magmax-reg-form div.user-email,
.magmax-reg-form div.user-password {
margin-bottom: 20px;
}
.magmax-reg-form div.username input,
.magmax-reg-form div.user-email input,
.magmax-reg-form div.user-password input {
width: 100%;
transition: all 0.5s ease;
padding: 5px 10px;
}
.magmax-reg-form div.username input:focus,
.magmax-reg-form div.user-email input:focus,
.magmax-reg-form div.user-password input:focus {
outline: none;
border: solid 1px #EEB90E;
}
.archive-tiles-layout {
display: inline-block;
margin-bottom: 35px;
/**
archive featured post
*/
/**
Archive Trending post
*/
}
.archive-tiles-layout .post-tag a {
display: inline-block;
background: white;
padding: 0px 6px;
line-height: 20px;
font-family: 'Nunito', sans-serif;
font-size: 12px;
}
.archive-tiles-layout .single-column {
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08);
background: white;
transition: all 0.4s ease;
display: inherit;
}
.archive-tiles-layout .single-column .single-item-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: stretch;
align-items: flex-start;
position: relative;
transition: all 0.5s ease-out;
overflow: hidden;
}
.archive-tiles-layout .single-column .single-item-wrapper a.layout-thumb {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
.archive-tiles-layout .single-column .single-item-wrapper a.layout-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s ease;
}
@media (max-width: 768px) {
.archive-tiles-layout .single-column .single-item-wrapper {
padding-top: 250px;
}
}
.archive-tiles-layout .single-column .single-item-wrapper:before {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
.archive-tiles-layout .single-column .single-item-wrapper .post-content {
align-self: flex-end;
position: relative;
z-index: 2;
}
.archive-tiles-layout .single-column .single-item-wrapper .make-full-thumb-linkable {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.archive-tiles-layout .single-column .post-thumb {
display: inline-block;
overflow: hidden;
margin-bottom: 10px;
line-height: 0;
}
.archive-tiles-layout .single-column .post-thumb a {
display: inline-block;
overflow: hidden;
}
.archive-tiles-layout .single-column .post-thumb a img {
transition: all 0.5s ease;
margin: 0;
}
.archive-tiles-layout .single-column .post-content {
padding: 0px 15px 25px 25px;
}
.archive-tiles-layout .single-column .post-content .post-tag {
margin-top: -4px;
}
.archive-tiles-layout .single-column .post-content .post-tag a {
display: inline-block;
font-size: 12px;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
border-radius: 2px;
line-height: 20px;
margin-bottom: 10px;
}
.archive-tiles-layout .single-column .post-content .post-meta {
color: white;
font-family: 'Nunito', sans-serif;
}
.archive-tiles-layout .single-column .post-content .post-title h3 {
font-size: 20px;
margin: 0;
transition: all 0.5s ease;
color: white;
}
.archive-tiles-layout .single-column .post-content .post-title:hover h3 {
color: white !important;
}
@media (min-width: 768px) {
.archive-tiles-layout .single-column .post-content .post-title h3 {
font-size: 16px;
}
.archive-tiles-layout .single-column .post-content .post-excerpt {
display: none;
}
}
.archive-tiles-layout .single-column .post-content .single-post-link a {
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
font-weight: bold;
}
.archive-tiles-layout .single-column:hover {
box-shadow: 0px 3px 20px #d6d6d6;
}
.archive-tiles-layout .single-column:hover .single-item-wrapper img {
transform: scale(1.1);
}
.archive-tiles-layout .single-column:hover .post-thumb a img {
transform: scale(1.1) rotate(1deg);
}
.archive-tiles-layout .archive-popular-post {
display: grid;
grid-gap: 15px;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-popular-post {
grid-template-columns: 2fr 1fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.archive-tiles-layout .archive-popular-post .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
.archive-tiles-layout .archive-popular-post .single-column:nth-of-type(1) .post-title h3,
.archive-tiles-layout .archive-popular-post .single-column:nth-of-type(2) .post-title h3 {
font-size: 22px;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-popular-post .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.archive-tiles-layout .archive-popular-post .single-column:nth-of-type(2) {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
}
.archive-tiles-layout .archive-featured-post {
display: grid;
grid-gap: 15px;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-featured-post {
grid-template-columns: 2fr 1fr 1fr;
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.archive-tiles-layout .archive-featured-post .single-column:nth-of-type(1) .post-title h3 {
font-size: 22px;
}
.archive-tiles-layout .archive-featured-post .single-column:nth-of-type(1) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-featured-post .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
}
}
.archive-tiles-layout .archive-trending-post {
display: grid;
grid-gap: 15px;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-trending-post {
grid-template-columns: repeat(4, 1fr);
min-height: 548px;
grid-template-rows: 1fr 1fr;
}
}
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(1) .post-title h3,
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(2) .post-title h3 {
font-size: 22px;
}
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(1) .post-excerpt,
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(2) .post-excerpt {
display: inline-block;
}
@media (min-width: 768px) {
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(1) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.archive-tiles-layout .archive-trending-post .single-column:nth-of-type(2) {
grid-column-start: 3;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
}