| Server IP : 77.68.64.21 / Your IP : 216.73.216.219 Web Server : Apache System : Linux hp3-wp-1011378.hostingp3.local 3.10.0-1160.144.1.el7.tuxcare.els9.x86_64 #1 SMP Fri Jul 10 17:06:31 UTC 2026 x86_64 User : csh2668128 ( 2112425) PHP Version : 8.1.34 Disable Function : shell_exec,exec,system,popen,set_time_limit MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/domains/vol4/924/3261924/user/htdocs/wp-content/themes/jannah/assets/css/ |
Upload File : |
/*
Theme Name: Jannah
Theme URI: http://jannah.tielabs.com/
Description: Beautiful, Powerful & Flexible WordPress Theme for News, Magazine and Blog websites.
Author: TieLabs
Author URI: https://tielabs.com/
License: license purchased
License URI: http://themeforest.net/licenses/regular_extended
Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: jannah
*/
/** Magaizne Layout 2 */
.magazine2 .container-wrapper,
.magazine2.woocommerce div.product .woocommerce-tabs,
.magazine2.woocommerce div.product .related.products {
border-width: 0;
padding: 0;
background-color: transparent;
opacity: 0.99;
}
@media (min-width: 992px) {
.magazine2.sidebar-left .sidebar,
.magazine2 .sidebar-left .sidebar {
padding-right: 40px;
}
.magazine2.sidebar-right .sidebar,
.magazine2 .sidebar-right .sidebar {
padding-left: 40px;
}
}
.magazine2 .tie-popup-container .container-wrapper {
padding: 30px;
}
.magazine2.page .entry-content,
.magazine2.archive .wide-post-box .container-wrapper {
padding-top: 0;
}
.magazine2 .mag-box,
.magazine2 .sidebar .container-wrapper,
.magazine2 .widget-content-only {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.magazine2 .mag-box,
.magazine2 .sidebar .container-wrapper,
.magazine2 .widget-content-only {
margin-bottom: 30px;
}
}
.magazine2 .has-background .slider-area,
.magazine2 .mag-box.breaking-news-outer {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.magazine2 .has-background .slider-area,
.magazine2 .mag-box.breaking-news-outer {
margin-bottom: 15px;
}
}
html:not(.dark-skin) .magazine2 .section-item:not(.dark-skin) .box-dark-skin > .container-wrapper {
padding: 30px;
}
@media (max-width: 767px) {
html:not(.dark-skin) .magazine2 .section-item:not(.dark-skin) .box-dark-skin > .container-wrapper {
padding: 15px;
}
}
.dark-skin .magazine2 .container-wrapper {
background-color: transparent;
}
.dark-skin .magazine2 .mag-box.timeline-box .posts-items:last-of-type:after,
.magazine2 .box-dark-skin.timeline-box .posts-items:last-of-type:after {
background-image: linear-gradient(to bottom, #404146 0%, #27292d 80%);
}
.dark-skin .magazine2 .mag-box .day-month:before,
.magazine2 .box-dark-skin .day-month:before {
border-color: #27292d;
}
@media (min-width: 768px) {
.dark-skin .magazine2 .mag-box.full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
background: #27292d;
}
}
.magazine2.post-layout-1 .entry-header-outer,
.magazine2.post-layout-2 .entry-header-outer,
.magazine2.post-layout-6 .entry-header-outer {
padding: 0 0 20px;
}
.magazine2.post-layout-2 .featured-area,
.magazine2.archive:not(.bbpress) .entry-header-outer,
.magazine2.search .entry-header-outer {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.magazine2.post-layout-2 .featured-area,
.magazine2.archive:not(.bbpress) .entry-header-outer,
.magazine2.search .entry-header-outer {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.magazine2.post-layout-8.one-column-no-sidebar .main-content {
padding: 30px;
background: #ffffff;
}
.dark-skin .magazine2 .post-layout-8.one-column-no-sidebar .main-content {
background-color: #1f2024;
}
}
.magazine2 .post-footer-on-bottom {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px;
}
.magazine2 .post-footer-on-top {
padding-right: 0;
padding-left: 0;
}
.magazine2 .post-footer-on-top:first-child {
padding-top: 0;
}
.magazine2 .post-components > div,
.magazine2 .post-components #add-comment-block {
margin-top: 50px;
}
@media (max-width: 991px) {
.magazine2 .post-components > div,
.magazine2 .post-components #add-comment-block {
margin-top: 30px;
}
}
.magazine2 #post-newsletter {
padding: 30px;
border-width: 1px;
background: #fafafa;
}
@media (max-width: 670px) {
.magazine2 #post-newsletter {
padding: 15px;
}
}
.dark-skin .magazine2 #post-newsletter {
background-color: #18191c;
}
.magazine2 .entry-content {
padding: 0 0 30px;
}
@media (max-width: 670px) {
.magazine2 .entry-content {
padding: 0 0 15px;
}
}
.magazine2:not(.post-layout-8):not(.one-column-no-sidebar) .tie-full-width-img img,
.magazine2:not(.post-layout-8):not(.one-column-no-sidebar):not(.full-width) .entry .alignwide,
.magazine2:not(.post-layout-8):not(.one-column-no-sidebar):not(.full-width) .entry .alignfull {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.magazine2 .post-element .entry-archives-header {
padding: 0;
}
.magazine2 .post-element .entry-content {
padding: 15px 0 0;
}
@media (min-width: 768px) {
.magazine2.full-width .masonry-with-spaces:not(.media-page-layout) .post-element {
width: calc(92% / 3);
margin-bottom: 4%;
}
.magazine2.full-width .masonry-with-spaces:not(.media-page-layout) .grid-sizer {
width: calc(92% / 3);
}
.magazine2.full-width .masonry-with-spaces:not(.media-page-layout) .gutter-sizer {
width: 4%;
}
}
.magazine2.full-width .masonry-with-spaces:not(.media-page-layout) #masonry-grid:not(.masonry-loaded) .post-element {
margin-right: 4%;
margin-left: 0;
}
.magazine2.full-width .masonry-with-spaces:not(.media-page-layout) #masonry-grid:not(.masonry-loaded) .post-element:nth-child(3n+3) {
margin-right: 0;
margin-left: 0;
}
.magazine2 .entry .authors-wrap {
margin-top: 60px;
}
.magazine2 .entry .authors-wrap > li {
margin-bottom: 50px;
}
/** Header Compontents Sub Menus */
.menu-counter-bubble-outer,
.notifications-total-outer {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 4px;
}
.menu-counter-bubble {
position: relative;
min-width: 14px;
height: 14px;
line-height: 14px;
background: #e74c3c;
border-radius: 10px;
display: block;
text-align: center;
font-size: 10px;
color: #fff;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
padding: 0px 4px;
margin-right: -2px;
}
#main-nav .menu-counter-bubble {
min-width: 16px;
height: 16px;
line-height: 16px;
}
.comp-sub-menu {
display: none;
position: absolute;
z-index: 1;
right: 0;
width: 250px;
overflow: hidden;
padding: 20px;
background: #ffffff;
cursor: default;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
box-sizing: content-box;
}
li.custom-menu-link:hover .comp-sub-menu {
display: block;
}
.comp-sub-menu li {
position: relative;
border: solid rgba(0, 0, 0, 0.08);
border-width: 1px 0 0;
width: 100%;
}
.comp-sub-menu li:last-child {
margin-bottom: 0;
border-bottom-width: 0;
}
.shopping-cart-icon .comp-sub-menu {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.comp-sub-menu .cart-list {
max-height: 275px;
overflow-y: auto;
overflow-x: hidden;
}
.comp-sub-menu .cart-list .remove {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.comp-sub-menu .cart-list li {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
border-width: 0 0 1px;
}
.comp-sub-menu .cart-list li:last-child {
border-bottom-width: 1px;
margin-bottom: 0;
}
.comp-sub-menu .cart-list li:hover .remove {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.comp-sub-menu .product-thumb {
float: left;
margin-right: 15px;
width: 50px;
}
.comp-sub-menu .product-thumb img {
display: block;
}
.comp-sub-menu .product-thumb a {
padding: 0;
line-height: 0;
}
.comp-sub-menu .product-title {
line-height: 10px;
padding-right: 30px;
}
.comp-sub-menu .product-title a {
display: inline;
font-size: 14px;
font-weight: 400;
text-align: left;
line-height: 20px;
width: 100%;
border: 0;
padding: 0;
}
.comp-sub-menu .product-title a,
.comp-sub-menu .notifications-item a {
background-color: transparent;
}
.comp-sub-menu .product-meta {
display: block;
line-height: 18px;
font-size: 12px;
}
.comp-sub-menu .shopping-subtotal {
line-height: 30px;
margin: 5px 0;
font-size: 14px;
text-align: center;
}
.comp-sub-menu .shopping-subtotal span {
font-weight: bold;
}
.comp-sub-menu .button {
display: block;
font-size: 14px;
margin-top: 7px;
height: 35px;
}
.comp-sub-menu .cart-empty-message {
text-align: center;
line-height: 1.5;
}
.comp-sub-menu.bp-notifications-menu {
padding: 0;
}
.comp-sub-menu.bp-notifications-menu li {
padding: 0;
margin: 0;
line-height: 18px;
font-size: 90%;
}
.comp-sub-menu.bp-notifications-menu li a {
padding: 10px 10px 10px 35px;
display: block;
}
.comp-sub-menu.bp-notifications-menu li a span {
margin-left: -22px;
margin-right: 5px;
}
.comp-sub-menu #no-notifications {
text-align: center;
}
.grid-social-icons .comp-sub-menu.dropdown-social-icons {
width: 120px;
}
.comp-sub-menu.dropdown-social-icons {
width: 150px;
padding: 0;
margin: 0;
line-height: 35px;
}
.comp-sub-menu.dropdown-social-icons a {
display: block;
font-size: 13px;
}
.comp-sub-menu.dropdown-social-icons a span {
color: #2c2f34;
}
.comp-sub-menu.dropdown-social-icons a .fa {
width: 50px;
text-align: center;
}
.comp-sub-menu.dropdown-social-icons li:last-child {
border-bottom: 0;
}
.grid-social-icons .comp-sub-menu.dropdown-social-icons li {
width: 40px;
float: left;
margin: 0;
border: 1px solid rgba(0, 0, 0, 0.08);
border-width: 0 1px 1px 0;
}
.grid-social-icons .comp-sub-menu.dropdown-social-icons li .fa {
width: 40px;
}
.grid-social-icons .comp-sub-menu.dropdown-social-icons li:nth-child(-n + 3) {
border-top-width: 1px;
}
.grid-social-icons .comp-sub-menu.dropdown-social-icons li:nth-child(3n + 3) {
border-right: 0;
}
.components-user-profile {
width: 180px;
}
.components-user-profile .author-avatar {
display: none;
}
.components-user-profile .welcome-text {
margin-bottom: 10px;
font-size: 14px;
}
.components-user-profile li {
line-height: 32px;
border: none;
}
.components-user-profile li a {
display: block;
}
.cart-list::-webkit-scrollbar {
width: 3px;
opacity: 0;
}
.cart-list::-webkit-scrollbar-track {
-webkit-box-shadow: none;
}
.cart-list:hover::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.main-nav-dark .main-nav .cart-list:hover::-webkit-scrollbar-track,
.top-nav-dark .top-nav .cart-list:hover::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.2);
}
.cart-list::-webkit-scrollbar-thumb {
background-color: transparent;
}
.cart-list:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
outline: 1px solid slategrey;
}
.main-nav-dark .main-nav .cart-list:hover::-webkit-scrollbar-thumb,
.top-nav-dark .top-nav .cart-list:hover::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.2);
}
.main-nav-dark .main-nav .comp-sub-menu,
.top-nav-dark .top-nav .comp-sub-menu {
background: #1f2024;
color: #aaaaaa;
}
.main-nav-dark .main-nav .dropdown-social-icons li a span,
.top-nav-dark .top-nav .dropdown-social-icons li a span {
color: #aaaaaa;
}
.main-nav-dark .main-nav .shopping-cart-icon .comp-sub-menu,
.main-nav-dark .main-nav .comp-sub-menu li,
.top-nav-dark .top-nav .shopping-cart-icon .comp-sub-menu,
.top-nav-dark .top-nav .comp-sub-menu li {
border-color: rgba(255, 255, 255, 0.05);
}
.main-nav-dark .main-nav .comp-sub-menu a:not(:hover),
.top-nav-dark .top-nav .comp-sub-menu a:not(:hover) {
color: #ffffff;
}
.main-nav-dark .main-nav .comp-sub-menu a.checkout-button:not(:hover),
.top-nav-dark .top-nav .comp-sub-menu a.checkout-button:not(:hover) {
color: #ffffff;
}
.main-nav-dark .main-nav .comp-sub-menu a.button.guest-btn,
.top-nav-dark .top-nav .comp-sub-menu a.button.guest-btn {
background: #23262a;
border-color: #23262a;
}
.main-nav-dark .main-nav .comp-sub-menu a.button.guest-btn:hover,
.top-nav-dark .top-nav .comp-sub-menu a.button.guest-btn:hover {
background-color: #0088ff;
color: #ffffff;
}
.main-nav-dark .main-nav input,
.top-nav-dark .top-nav input {
color: #aaaaaa;
}
.top-nav-dark .top-nav .comp-sub-menu {
background: #2c2e32;
}
.top-nav-dark .top-nav .comp-sub-menu .button.guest-btn:not(:hover) {
background: #1f2024;
border-color: #1f2024;
}
.top-nav-dark .top-nav input {
color: #aaaaaa;
}
@media (min-width: 992px) {
.menu-item-has-children > a:before,
.mega-menu > a:before {
content: '';
position: absolute;
right: 12px;
margin-top: 2px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #ffffff;
transition: border 0.15s;
}
.menu-item-has-children .menu-item-has-children > a:before,
.mega-menu .menu-item-has-children > a:before {
border: 4px solid transparent;
border-left-color: #ffffff;
}
.menu > .menu-item-has-children:not(.is-icon-only) > a,
.menu .mega-menu:not(.is-icon-only) > a {
padding-right: 25px;
}
.main-menu .menu > li.tie-current-menu > a:before,
.main-menu .menu > li:hover > a:before {
border-top-color: #ffffff;
}
.main-nav-light .main-nav .menu-item-has-children > a:before,
.main-nav-light .mega-menu > a:before {
border-top-color: #2c2f34;
}
.main-nav-light .main-nav .menu-item-has-children .menu-item-has-children > a:before,
.main-nav-light .mega-menu .menu-item-has-children > a:before {
border-top-color: transparent;
border-left-color: #2c2f34;
}
.main-nav-light .main-nav .menu-item-has-children li:hover > a:before,
.main-nav-light .mega-menu li:hover > a:before {
border-left-color: #0088ff;
}
.top-nav-dark .top-menu .menu-item-has-children > a:before {
border-top-color: #aaaaaa;
}
.top-nav-dark .top-menu .menu-item-has-children .menu-item-has-children > a:before {
border-left-color: #aaaaaa;
border-top-color: transparent;
}
.theme-header .top-menu li > a:before {
border-top-color: #2c2f34;
}
.theme-header .top-menu li.tie-current-menu > a:before,
.theme-header .top-menu li:hover > a[href]:before {
border-top-color: #0088ff;
}
.theme-header .top-menu li .menu-item-has-children > a:before {
border-left-color: #2c2f34;
border-top-color: transparent !important;
}
.theme-header .top-menu li .current-menu-item > a:before,
.theme-header .top-menu li li:hover > a[href]:before {
border-left-color: #0088ff;
}
.mega-menu .mega-menu-block {
left: 0;
width: 100%;
padding: 30px;
}
.mega-menu .mega-menu-block a {
width: auto;
}
.sub-menu-columns {
margin: 0 -15px;
}
.mega-links .mega-menu-block {
padding-bottom: 15px;
}
.main-menu .mega-links-head {
width: 100%;
font-weight: 600;
background: transparent !important;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
border-top: 0;
line-height: 40px;
font-size: 14px;
margin-bottom: 10px;
}
.main-menu .mega-links-head:before {
display: none;
}
.main-menu .mega-links-head:after {
display: block;
content: "";
width: 50px;
height: 2px;
background: #0088ff;
position: absolute;
bottom: -2px;
left: 0;
transition: width 0.2s;
}
.mega-link-column {
margin-bottom: 10px;
padding: 0 15px;
width: 50%;
}
.mega-link-column li {
width: 100%;
}
.mega-link-column li a {
padding: 8px 0;
}
.mega-link-column:hover .mega-links-head:after {
width: 65px;
}
.mega-link-column .menu-sub-content {
width: 100%;
max-width: 200px;
}
.hide-mega-headings {
margin-top: 20px;
margin-bottom: 0;
}
.hide-mega-headings > a {
display: none !important;
}
.mega-links-3col .mega-link-column {
width: 33.333%;
}
.mega-links-3col .mega-link-column:nth-child(3n + 4) {
clear: left;
}
.mega-links-4col .mega-link-column {
width: 25%;
}
.mega-links-4col .mega-link-column:nth-child(4n + 5) {
clear: left;
}
.mega-links-5col .mega-link-column {
width: 20%;
}
.mega-links-5col .mega-link-column:nth-child(5n + 6) {
clear: left;
}
.main-menu .is-loading li {
opacity: 0.5 !important;
transition: opacity 0.3s;
}
.main-menu .mega-cat-wrapper {
overflow: hidden;
height: auto;
clear: both;
}
.main-menu .mega-ajax-content {
min-height: 190px;
position: relative;
}
.main-menu .mega-cat .mega-menu-content {
clear: both;
}
.main-menu .mega-cat .mega-menu-block {
padding: 0;
}
.main-menu .mega-cat-content {
padding: 30px;
}
.main-menu .mega-cat-sub-exists {
width: 80%;
float: left;
}
.main-menu .horizontal-posts {
width: 100%;
}
.main-menu .mega-cat-posts-container ul {
margin-left: -10px;
margin-right: -10px;
}
.main-menu .mega-cat .mega-menu-post {
width: 20%;
opacity: 0;
padding: 0 10px;
}
.main-menu .mega-cat .mega-menu-post:nth-child(5n + 1) {
clear: both;
}
.main-menu .mega-menu .post-box-title {
line-height: 1.4;
}
.main-menu .mega-menu a.mega-menu-link {
font-size: 15px;
border: 0;
display: block;
}
.main-menu .mega-menu a.mega-menu-link:hover {
color: #0088ff;
background: transparent !important;
}
.main-menu .mega-menu .post-thumb {
margin-bottom: 10px;
}
.main-menu .mega-menu .post-meta {
margin: 5px 0 0;
line-height: 20px;
}
.main-menu .mega-menu .post-meta a:not(:hover) {
color: #777;
}
.main-menu .mega-menu .post-meta a {
padding: 0;
background-color: transparent;
}
.main-menu .vertical-posts .mega-menu-post {
width: 25%;
}
.main-menu .menu-item-has-children .mega-cat-wrapper {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.main-menu .menu-item-has-children .cats-vertical,
.main-menu .menu-item-has-children .cats-vertical + .mega-cat-content {
padding-top: 30px;
}
.main-menu ul.mega-cat-more-links {
opacity: 1 !important;
box-shadow: none;
}
.main-menu .mega-cat-more-links {
padding: 20px 30px;
margin: 0 -10px;
}
.main-menu .mega-cat-more-links > li {
float: left;
width: 25%;
padding: 0 10px;
}
.main-menu .mega-cat-more-links > li > a {
border-bottom-width: 0;
}
.main-menu .mega-cat-more-links > li:nth-child(n + 5) > a {
border: solid rgba(0, 0, 0, 0.05);
border-width: 1px 0 0;
}
.main-menu .mega-cat-more-links > li ul {
left: calc(100% - 10px);
}
.main-menu .mega-cat-more-links > li li {
width: 100%;
}
.main-menu ul.mega-cat-sub-categories {
overflow: hidden;
box-shadow: none;
}
.main-menu .cats-horizontal {
margin: 30px 30px -10px;
}
.main-menu .cats-horizontal li {
line-height: 20px;
margin-right: 7px;
}
.main-menu .cats-horizontal li a {
border: 1px solid rgba(0, 0, 0, 0.08);
background-color: rgba(0, 0, 0, 0.02);
border-radius: 2px;
padding: 1px 10px;
width: auto;
}
.main-nav .mega-menu.mega-cat .cats-horizontal li a.is-active,
.main-nav .mega-menu.mega-cat .cats-horizontal li a:hover {
color: #ffffff;
background: #0088ff;
border-color: #0088ff;
}
.main-menu .cats-vertical {
width: 20%;
float: left;
padding: 30px 0 0 20px;
padding-bottom: 1500px;
margin-bottom: -1500px;
}
.main-menu .cats-vertical li {
width: 100%;
}
.main-menu .cats-vertical li:last-child {
margin-bottom: 50px;
}
.main-menu .cats-vertical li a {
display: block;
border-top: 0;
width: 100%;
padding: 8px 10px;
}
.main-menu .mega-recent-post {
float: left;
width: 37%;
padding-right: 30px;
}
.main-menu .mega-recent-post .post-box-title a {
font-size: 22px;
margin-top: 7px;
line-height: 30px;
}
.main-menu .mega-check-also {
float: left;
width: 63%;
}
.main-menu .mega-check-also ul {
overflow: hidden;
margin: 0 -15px -20px;
box-shadow: none;
}
.main-menu .mega-check-also li {
width: 50%;
padding: 0 15px 20px;
overflow: hidden;
}
.main-menu .mega-check-also li:nth-child(2n + 1) {
clear: left;
}
.main-menu .mega-check-also .post-thumbnail {
margin-right: 20px;
float: left;
}
.main-menu .mega-check-also .post-thumb {
overflow: hidden;
margin-bottom: 0;
}
.main-menu .mega-check-also .post-thumb img {
width: 110px;
}
.main-menu .mega-check-also .post-details {
padding-left: 130px;
}
.main-menu .mega-recent-featured > .menu-sub-content {
overflow: hidden;
}
.main-menu .mega-recent-featured .mega-menu-content {
float: right;
position: relative;
min-height: 30px;
width: 100%;
}
.main-menu .mega-recent-featured.menu-item-has-children .mega-menu-content {
width: 75%;
}
.main-menu .mega-recent-featured.menu-item-has-children .mega-recent-post {
width: 52%;
padding-left: 30px;
}
.main-menu .mega-recent-featured.menu-item-has-children .mega-check-also {
width: 48%;
}
.main-menu .mega-recent-featured.menu-item-has-children .mega-check-also li {
width: 100%;
}
.main-menu ul.mega-recent-featured-list {
width: 25%;
padding-right: 30px;
float: left;
position: relative;
box-shadow: none;
}
.main-menu .mega-recent-featured-list li {
width: 100%;
z-index: 2;
}
.main-menu .mega-recent-featured-list a {
display: block;
border-top: 0;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.main-menu .mega-recent-featured-list:after {
content: "";
width: 1500px;
height: 1500px;
background: rgba(0, 0, 0, 0.03);
position: absolute;
z-index: 1;
right: 0;
top: -100px;
}
.ajax-no-more-posts {
text-align: center;
position: absolute;
width: calc(100% - 40px);
}
}
@media (min-width: 992px) {
.two-columns-submenu > ul {
width: 320px !important;
}
.two-columns-submenu > ul > li {
width: 50% !important;
float: left;
}
.two-columns-submenu > ul > li a {
width: 100% !important;
}
.two-columns-submenu.odd > ul > li:last-child {
width: 100% !important;
}
}
@media (min-width: 992px) {
.theme-header .logo-row > div {
height: auto !important;
}
.logo-container.fixed-nav.fixed-nav {
position: static !important;
line-height: initial !important;
box-shadow: none !important;
background-color: transparent !important;
}
.header-layout-3 .logo-container.fixed-nav.fixed-nav {
width: auto;
}
.header-layout-3 .stream-item-top-wrapper {
float: right;
}
}
/** General Compontents */
@media (max-width: 767px) {
.magazine1:not(.has-builder) .main-content,
.magazine1:not(.has-builder) .related-posts-full-width .tie-col-md-12,
.magazine1:not(.has-builder) .sidebar {
padding-left: 0;
padding-right: 0;
}
.magazine1:not(.has-builder) .social-icons-widget.widget-content-only {
padding: 0 20px;
}
}
textarea,
input,
select {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #2c2f34;
font-size: 12px;
outline: none;
padding: 5px;
line-height: 23px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
max-width: 100%;
background-color: transparent;
}
textarea:hover,
input:hover,
select:hover,
textarea:focus,
input[type="text"]:focus,
select:focus {
background-color: rgba(0, 0, 0, 0.03);
}
textarea,
input:not([type="checkbox"]):not([type="radio"]) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea {
width: 100%;
}
select {
padding: 5px;
height: 30px;
}
select[multiple] {
height: auto;
}
[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
.button,
[type="submit"],
.generic-button a,
.generic-button button {
width: auto;
position: relative;
background-color: #0088ff;
color: #ffffff;
padding: 7px 15px;
margin: 0;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
line-height: 21px;
border: none;
cursor: pointer;
text-decoration: none;
vertical-align: middle;
transition: 0.3s;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.button:hover,
[type="submit"]:hover,
.generic-button a:hover,
.generic-button button:hover {
background-color: #006dcc;
text-decoration: none;
color: #ffffff;
}
.button.guest-btn {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.button.guest-btn:not(:hover) {
color: #2c2f34;
background: #ffffff;
}
.button.dark-btn {
background: #2c2f34;
color: #ffffff;
border: 0;
}
.button.dark-btn:hover {
background: #23262a;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, Monaco,'MonacoRegular',monospace;
font-size: 13px;
line-height: 1.6;
}
pre {
overflow: auto;
margin: 20px 0;
padding: 1.43em;
color: #3f3b36;
border: 1px solid #0088ff;
border-left: 10px solid #0088ff;
background: url(../images/code-bg.png) repeat top;
background-size: 1px 40px;
text-align: left;
direction: ltr;
-moz-tab-size: 2;
tab-size: 2;
}
code {
background-color: #d1d1d1;
color: #1a1a1a;
padding: 0.125em 0.25em;
}
kbd {
font-family: Consolas, "Lucida Console", monospace;
display: inline-block;
border-radius: 3px;
padding: 0px 4px;
box-shadow: 1px 1px 1px #777;
margin: 2px;
font-size: small;
vertical-align: text-bottom;
font-weight: 500;
color: #555;
cursor: pointer;
font-variant: small-caps;
font-weight: 600;
background: black;
color: #ddd;
letter-spacing: 1px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
::-moz-selection {
background: #0088ff;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #0088ff;
color: #ffffff;
text-shadow: none;
}
.more-link {
margin-top: 10px;
white-space: nowrap;
word-wrap: normal;
}
.background-overlay {
background-attachment: fixed;
}
.sidebar-right .main-content {
float: left;
}
.sidebar-right .sidebar {
float: right;
}
.sidebar-left .main-content {
float: right;
}
.sidebar-left .sidebar {
float: left;
}
.full-width .main-content {
width: 100%;
}
.one-column-no-sidebar .main-content {
margin-right: auto;
margin-left: auto;
float: none;
}
@media (min-width: 992px) {
.one-column-no-sidebar .main-content {
max-width: 780px;
width: 100%;
}
}
.tie-parallax {
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
}
.tie-parallax [id^="jarallax-container-"] > div,
.tie-parallax [id^="jarallax-container-"] > iframe {
max-width: inherit;
}
.has-video-background:not(.tie-parallax) > div:last-child img,
.has-video-background:not(.tie-parallax) > div:last-child iframe {
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
position: absolute !important;
top: 50% !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: auto;
}
.is-lazyload .lazy-img {
will-change: opacity;
}
.is-lazyload .lazy-img[data-src] {
opacity: 0.5;
background-color: #eeeeee;
-webkit-animation: lazyloadeffect 0.5s linear alternate 100;
animation: lazyloadeffect 0.5s linear alternate 100;
}
.is-lazyload .tie-slick-slider:not(.slick-initialized) .lazy-bg,
.is-lazyload [data-lazy-bg] .post-thumb,
.is-lazyload [data-lazy-bg].post-thumb,
.is-lazyload .lazy-img[data-src] {
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
}
.dark-skin .is-lazyload .lazy-img[data-src],
.is-lazyload .dark-skin .lazy-img[data-src] {
background-color: #161717;
}
@-webkit-keyframes lazyloadeffect {
from {
opacity: 0.3;
}
to {
opacity: 1;
}
}
@keyframes lazyloadeffect {
from {
opacity: 0.3;
}
to {
opacity: 1;
}
}
@-webkit-keyframes tieSlideInUp {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes tieSlideInUp {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
#tie-body .tie-animate-slideInUp {
opacity: 0;
-webkit-animation: tieSlideInUp 0.4s forwards 1;
animation: tieSlideInUp 0.4s forwards 1;
}
#tie-body .tie-animate-delay:nth-child(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#tie-body .tie-animate-delay:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#tie-body .tie-animate-delay:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#tie-body .tie-animate-delay:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#tie-body .tie-animate-delay:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#tie-body .tie-animate-delay:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#tie-body .tie-animate-delay:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
#tie-body .tie-animate-delay:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
#tie-body .tie-animate-delay:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
#tie-body .tie-animate-delay:nth-child(10) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.is-thumb-overlay-disabled .post-thumb:hover {
opacity: 0.85 !important;
}
.is-thumb-overlay-disabled .media-overlay .post-thumb:hover img {
opacity: 1;
}
.is-thumb-overlay-disabled .post-thumb-overlay {
display: none;
}
.is-thumb-overlay-disabled .media-overlay .post-thumb-overlay {
display: block;
}
.post-thumb {
position: relative;
height: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition: opacity 0.2s;
}
.post-thumb img {
width: 100%;
display: block;
}
.post-thumb .post-cat-wrap {
position: absolute;
bottom: 10px;
margin: 0;
right: 10px;
}
.post-thumb-overlay-wrap {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.post-thumb-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
background: rgba(35, 38, 42, 0.8);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition: 0.4s;
opacity: 0;
}
.post-thumb-overlay:hover {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.post-thumb-overlay .icon {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #ffffff;
text-align: center;
font-size: 32px;
z-index: 8;
}
.post-thumb-overlay .icon:before {
height: 32px;
width: 32px;
line-height: 32px;
content: "\e685";
font-family: 'tiefonticon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tie-video .icon:before {
content: "\e6b6";
}
.tie-thumb .icon:before,
.tie-slider .icon:before {
content: "\e6ac";
}
.tie-map .icon:before {
content: "\e6ab";
}
.tie-audio .icon:before {
content: "\e6a2";
}
.media-overlay .post-thumb-overlay {
background: transparent;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.media-overlay .icon:before {
border: 2px solid #ffffff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 36px;
display: block;
font-family: fontawesome;
content: "\f030";
text-align: center;
font-size: 17px;
background: rgba(0, 0, 0, 0.3);
transition: 0.3s;
z-index: 2;
}
.media-overlay .tie-video .icon:before {
content: "\f04b";
letter-spacing: -3px;
}
.media-overlay .tie-audio .icon:before {
content: "\f028";
}
.media-overlay .post-thumb:hover img {
opacity: 0.85;
}
.media-overlay .post-thumb:hover .icon:before {
background: rgba(0, 0, 0, 0.6);
}
.media-overlay .tie-map .icon,
.media-overlay .tie-standard .icon {
display: none;
}
.media-overlay .digital-rating-static,
.media-overlay .digital-rating,
.media-overlay .post-rating {
z-index: 3;
}
@media (min-width: 768px) {
.has-first-big-post li:first-child .icon:before,
.full-width-img-news-box li:not(.is-trending) .icon:before,
.wide-post-box .icon:before,
.big-posts-box .icon:before,
.posts-list-bigs .icon:before {
width: 50px;
height: 50px;
line-height: 46px;
}
}
.first-post-gradient:not(.media-overlay) li:first-child .post-thumb-overlay,
.scroll-2-box .post-thumb-overlay {
display: none !important;
}
.post-meta {
margin: 10px 0 8px;
font-size: 12px;
overflow: hidden;
}
.post-meta,
.post-meta a:not(:hover) {
color: #767676;
}
.post-meta .meta-item {
margin-right: 8px;
display: inline-block;
}
.post-meta .meta-item.fa-before .fa {
display: none;
}
.post-meta .meta-item.fa-before:before {
padding-right: 3px;
}
.post-meta .meta-item.date:before {
content: "\f017";
}
.post-meta .meta-item.meta-comment:before {
content: "\f086";
}
.post-meta .tie-alignright .meta-item:last-child {
margin: 0 !important;
}
@media (max-width: 767px) {
.entry-header .post-meta > span,
.entry-header .post-meta > div,
.main-content .post-meta > span,
.main-content .post-meta > div {
float: left;
}
}
.warm {
color: #f47512;
}
.hot {
color: #f3502a;
}
.very-hot {
color: #f11e1e;
}
.post-cat-wrap {
position: relative;
z-index: 3;
pointer-events: auto;
margin-bottom: 5px;
font-weight: normal;
font-family: inherit !important;
line-height: 0;
display: block;
}
.post-cat {
display: inline-block;
background: #0088ff;
color: #ffffff;
padding: 0 6px;
font-size: 11px;
line-height: 1.85em;
margin-right: 4px;
position: relative;
white-space: nowrap;
word-wrap: normal;
letter-spacing: 0;
transition: 0.3s;
border-radius: 2px;
}
.post-cat:first-child:last-child {
margin: 0;
}
@media (max-width: 479px) {
.post-cat {
font-size: 9px;
padding: 1px 5px;
height: 18px;
line-height: 18px;
}
}
a.post-cat:hover {
background: #006dcc;
color: #ffffff;
}
.post-rating {
position: absolute;
top: 10px;
right: 10px;
white-space: nowrap;
word-wrap: normal;
letter-spacing: 4px;
text-align: center;
text-indent: 2px;
font-size: 15px;
direction: ltr;
z-index: 1;
}
.stars-rating-bg {
color: #434850;
}
.stars-rating-bg:before {
content: "\f005" "\f005" "\f005" "\f005" "\f005";
font-family: "FontAwesome";
display: block;
}
.stars-rating-active-inner {
text-align: left;
}
.stars-rating-active-inner:before {
content: "\f005" "\f005" "\f005" "\f005" "\f005";
font-family: "FontAwesome";
display: block;
}
.stars-rating-active {
transition: width 1.5s;
position: absolute;
left: 0;
top: 0;
width: 0;
overflow: hidden;
color: #0088ff;
}
.image-hearts .stars-rating-bg:before,
.image-hearts .stars-rating-active-inner:before {
content: "\f004" "\f004" "\f004" "\f004" "\f004";
}
.image-thumbs .stars-rating-bg:before,
.image-thumbs .stars-rating-active-inner:before {
content: "\f164" "\f164" "\f164" "\f164" "\f164";
}
.post-meta .post-rating {
position: relative;
top: 1px;
float: left;
right: auto;
margin-right: 8px;
font-size: 13px;
text-indent: 0;
letter-spacing: 2px;
}
.post-meta .post-rating .stars-rating-active {
width: 0;
}
.digital-rating {
position: absolute;
z-index: 2;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
}
.pie-svg circle {
transition: stroke-dashoffset 1s linear;
stroke: rgba(255, 255, 255, 0.3);
stroke-width: 2px;
}
circle.circle_bar {
stroke-dashoffset: 125.66;
stroke: #0088ff;
}
.pie-wrap {
display: block;
height: 40px;
width: 40px;
border-radius: 100%;
position: relative;
}
.pie-wrap:after {
position: absolute;
display: block;
height: 40px;
width: 40px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
content: attr(data-score);
border-radius: 100%;
line-height: 40px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-shadow: 0 0 3px #333;
text-align: center;
}
.pie-wrap.review-percentage:after {
content: attr(data-score) "%";
}
.digital-rating-static {
transition: width 1.5s;
background: #0088ff;
color: #ffffff;
position: absolute;
bottom: 0;
left: 0;
width: 0;
text-align: right;
overflow: hidden;
opacity: 0.8;
z-index: 1;
}
.digital-rating-static strong {
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #ffffff;
padding: 2px 5px;
display: block;
white-space: nowrap;
word-wrap: normal;
}
.tie-slider-nav {
width: 100%;
position: absolute;
z-index: 1;
*height: 0;
top: 50%;
margin-top: -23px;
transition: opacity;
}
.tie-slider-nav li {
cursor: pointer;
position: relative;
float: left;
}
.tie-slider-nav li:last-child {
float: right;
}
.tie-slider-nav li span {
position: absolute;
z-index: 2;
width: 25px;
height: 46px;
line-height: 46px;
background: #ffffff;
text-align: center;
font-size: 20px;
color: #727a87;
transition: 0.3s;
border-radius: 2px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tie-slider-nav li span:hover {
background: #0088ff;
color: #ffffff;
}
.dark-skin .tie-slider-nav li span:not(:hover) {
color: #aaaaaa;
border-color: rgba(0, 0, 0, 0.1);
}
.tie-slider-nav li:last-child span {
right: 0;
border-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tie-slider-nav a:hover {
background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.tie-slider-nav {
opacity: 0;
}
.main-slider:hover .tie-slider-nav {
opacity: 1;
}
}
@media (max-width: 767px) {
.grid-slider-wrapper .tie-slider-nav,
.boxed-slider-three-slides-wrapper .tie-slider-nav,
.boxed-five-slides-slider .tie-slider-nav,
.boxed-four-taller-slider .tie-slider-nav {
display: none;
}
}
.slider-arrow-nav {
float: right;
margin-left: 5px;
}
.slider-arrow-nav li {
float: left;
clear: none;
}
.slider-arrow-nav a {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 5px;
font-size: 12px;
line-height: 20px;
width: 22px;
height: 22px;
text-align: center;
display: inline-block;
cursor: pointer;
border-radius: 2px;
}
.slider-arrow-nav a:not(.pagination-disabled):hover {
background-color: #0088ff;
color: #ffffff;
border-color: #0088ff;
}
.pages-nav {
padding: 30px 0 0;
overflow: hidden;
width: 100%;
margin: auto;
}
@media (max-width: 991px) {
.pages-nav {
padding: 15px 0 0;
}
}
@media (min-width: 992px) {
.magazine2 .pages-nav {
padding: 50px 0 0;
}
}
.pages-numbers {
overflow: hidden;
text-align: center;
margin-bottom: -3px;
}
.pages-numbers li {
display: inline-block;
margin: 3px;
}
.pages-numbers li.current span {
background: #0088ff;
border-color: #0088ff;
color: #ffffff;
}
.pages-numbers a:not(:hover) {
color: #2c2f34;
}
.pages-numbers a,
.pages-nav-item,
.bp-pagination-links .page-numbers {
line-height: 32px;
padding: 0 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
display: inline-block;
overflow: hidden;
}
.first-last-pages .fa {
width: 22px;
font-size: 16px;
line-height: 32px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 0 0 1px;
margin: 0 0 0 10px;
text-align: right;
}
.first-last-pages .fa:before {
content: "\f105";
}
.first-last-pages.first-page .fa {
float: left;
border-width: 0 1px 0 0;
margin: 0 10px 0 0;
text-align: left;
}
.first-last-pages.first-page .fa:before {
content: "\f104";
}
.pages-standard {
overflow: hidden;
}
.pages-standard .first-page {
float: left;
}
.pages-standard .last-page,
.pages-standard .fa {
float: right;
}
#breadcrumb {
margin: 50px 0 0;
}
#breadcrumb,
#breadcrumb a:not(:hover) {
color: #999999;
}
#breadcrumb .delimiter {
margin: 0 3px;
font-style: normal;
}
.entry-header-outer #breadcrumb {
margin: 0 0 20px;
padding: 0;
}
@media (max-width: 767px) {
.page #breadcrumb .current,
.page #breadcrumb em:last-of-type,
.single-post #breadcrumb .current,
.single-post #breadcrumb em:last-of-type {
display: none;
}
}
.about-author {
overflow: hidden;
}
.about-author .author-avatar {
float: left;
line-height: 0;
}
.about-author .author-avatar img {
transition: 0.15s;
}
.about-author .author-avatar:hover img {
opacity: 0.8;
}
.about-author .author-info {
padding-left: 20px;
overflow: hidden;
}
.about-author .author-info h4 {
margin-top: 0;
}
.about-author .author-name {
font-size: 18px;
display: inline-block;
}
.about-author .author-bio {
margin: 5px 0 10px;
}
.entry .about-author .author-bio {
font-size: 13px;
line-height: 20px;
}
.about-author .social-icons {
padding: 0;
margin: 0;
}
.about-author li.social-icons-item {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.about-author li.social-icons-item a {
font-size: 15px;
width: auto;
height: auto;
}
.about-author li.social-icons-item a span {
margin-right: 12px;
}
.about-author li.social-icons-item a:not(:hover) span {
color: #2c2f34;
}
.about-author li.social-icons-item a:hover {
background-color: transparent !important;
}
.about-author li.social-icons-item:last-child a span {
margin-right: 0;
}
@media (max-width: 479px) {
.about-author {
text-align: center;
}
.about-author .author-avatar {
float: none;
}
.about-author .author-avatar img {
margin: 0 auto 10px;
display: block;
}
.about-author .author-info {
padding: 0;
}
.about-author .social-icons li {
float: none;
display: inline-block;
}
}
.author-avatar {
display: block;
}
.author-avatar img {
border-radius: 50%;
max-width: 111px;
}
a.author-avatar:hover {
opacity: 0.8;
}
.social-icons-item {
float: right;
margin-left: 6px;
position: relative;
}
.social-icons-item .social-link span {
color: #2c2f34;
transition: 0.15s;
}
.social-icons .social-icons-item .social-link,
.social-icons-widget .social-icons-item .social-link {
width: 24px;
height: 24px;
line-height: 22px;
padding: 0;
display: block;
text-align: center;
border-radius: 2px;
}
.social-icons-item .social-link.custom-social-img span.fa {
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
}
.social-icons-item .social-link.custom-social-img span.fa:before {
visibility: hidden;
}
.social-icons-item .social-link.social-custom-link:hover {
background-color: #27292d;
color: #ffffff;
}
#theme-header .dropdown-social-icons .social-icons-item .social-link:hover span {
color: #ffffff !important;
}
.social-icons-widget .social-icons-item .social-link:hover span {
color: #ffffff;
}
.top-nav .components > li.social-icons-item .social-link:hover,
.main-nav .components > li.social-icons-item .social-link:hover {
background-color: transparent !important;
}
.top-nav .components > li.social-icons-item .social-link:not(:hover) span,
.main-nav .components > li.social-icons-item .social-link:not(:hover) span {
color: #2c2f34;
}
.social-icons-item .facebook-social-icon {
background-color: #5d82d1 !important;
}
.social-icons-item .facebook-social-icon span {
color: #5d82d1;
}
.social-icons-item .facebook-social-icon span.counter-icon {
background-color: #5d82d1;
}
.social-icons-item .twitter-social-icon {
background-color: #40bff5 !important;
}
.social-icons-item .twitter-social-icon span {
color: #40bff5;
}
.social-icons-item .twitter-social-icon span.counter-icon {
background-color: #40bff5;
}
.social-icons-item .pinterest-social-icon {
background-color: #e13138 !important;
}
.social-icons-item .pinterest-social-icon span {
color: #e13138;
}
.social-icons-item .pinterest-social-icon span.counter-icon {
background-color: #e13138;
}
.social-icons-item .linkedin-social-icon {
background-color: #238cc8 !important;
}
.social-icons-item .linkedin-social-icon span {
color: #238cc8;
}
.social-icons-item .linkedin-social-icon span.counter-icon {
background-color: #238cc8;
}
.social-icons-item .instagram-social-icon {
background-color: #c13584 !important;
}
.social-icons-item .instagram-social-icon span {
color: #c13584;
}
.social-icons-item .instagram-social-icon span.counter-icon {
background-color: #c13584;
}
.social-icons-item .vimeo-social-icon {
background-color: #35c6ea !important;
}
.social-icons-item .vimeo-social-icon span {
color: #35c6ea;
}
.social-icons-item .vimeo-social-icon span.counter-icon {
background-color: #35c6ea;
}
.social-icons-item .dribbble-social-icon {
background-color: #f7659c !important;
}
.social-icons-item .dribbble-social-icon span {
color: #f7659c;
}
.social-icons-item .dribbble-social-icon span.counter-icon {
background-color: #f7659c;
}
.social-icons-item .youtube-social-icon {
background-color: #ef4e41 !important;
}
.social-icons-item .youtube-social-icon span {
color: #ef4e41;
}
.social-icons-item .youtube-social-icon span.counter-icon {
background-color: #ef4e41;
}
.social-icons-item .soundcloud-social-icon {
background-color: #ff7e30 !important;
}
.social-icons-item .soundcloud-social-icon span {
color: #ff7e30;
}
.social-icons-item .soundcloud-social-icon span.counter-icon {
background-color: #ff7e30;
}
.social-icons-item .flickr-social-icon {
background-color: #ff48a3 !important;
}
.social-icons-item .flickr-social-icon span {
color: #ff48a3;
}
.social-icons-item .flickr-social-icon span.counter-icon {
background-color: #ff48a3;
}
.social-icons-item .github-social-icon {
background-color: #3f91cb !important;
}
.social-icons-item .github-social-icon span {
color: #3f91cb;
}
.social-icons-item .github-social-icon span.counter-icon {
background-color: #3f91cb;
}
.social-icons-item .behance-social-icon {
background-color: #1879fd !important;
}
.social-icons-item .behance-social-icon span {
color: #1879fd;
}
.social-icons-item .behance-social-icon span.counter-icon {
background-color: #1879fd;
}
.social-icons-item .foursquare-social-icon {
background-color: #f94877 !important;
}
.social-icons-item .foursquare-social-icon span {
color: #f94877;
}
.social-icons-item .foursquare-social-icon span.counter-icon {
background-color: #f94877;
}
.social-icons-item .spotify-social-icon {
background-color: #2ebd59 !important;
}
.social-icons-item .spotify-social-icon span {
color: #2ebd59;
}
.social-icons-item .spotify-social-icon span.counter-icon {
background-color: #2ebd59;
}
.social-icons-item .px500-social-icon {
background-color: #0099e5 !important;
}
.social-icons-item .px500-social-icon span {
color: #0099e5;
}
.social-icons-item .px500-social-icon span.counter-icon {
background-color: #0099e5;
}
.social-icons-item .vk-social-icon {
background-color: #45668e !important;
}
.social-icons-item .vk-social-icon span {
color: #45668e;
}
.social-icons-item .vk-social-icon span.counter-icon {
background-color: #45668e;
}
.social-icons-item .mixcloud-social-icon {
background-color: #589fC3 !important;
}
.social-icons-item .mixcloud-social-icon span {
color: #589fC3;
}
.social-icons-item .mixcloud-social-icon span.counter-icon {
background-color: #589fC3;
}
.social-icons-item .twitch-social-icon {
background-color: #6441a5 !important;
}
.social-icons-item .twitch-social-icon span {
color: #6441a5;
}
.social-icons-item .twitch-social-icon span.counter-icon {
background-color: #6441a5;
}
.social-icons-item .envato-social-icon {
background-color: #82b641 !important;
}
.social-icons-item .envato-social-icon span {
color: #82b641;
}
.social-icons-item .envato-social-icon span.counter-icon {
background-color: #82b641;
}
.social-icons-item .rss-social-icon {
background-color: #faa33d !important;
}
.social-icons-item .rss-social-icon span {
color: #faa33d;
}
.social-icons-item .rss-social-icon span.counter-icon {
background-color: #faa33d;
}
.social-icons-item .goodreads-social-icon {
background-color: #A06E0A !important;
}
.social-icons-item .goodreads-social-icon span {
color: #A06E0A;
}
.social-icons-item .goodreads-social-icon span.counter-icon {
background-color: #A06E0A;
}
.social-icons-item .steam-social-icon {
background-color: #222222 !important;
}
.social-icons-item .steam-social-icon span {
color: #222222;
}
.social-icons-item .steam-social-icon span.counter-icon {
background-color: #222222;
}
.social-icons-item .url-social-icon {
background-color: #27292d !important;
}
.social-icons-item .url-social-icon span {
color: #27292d;
}
.social-icons-item .url-social-icon span.counter-icon {
background-color: #27292d;
}
.social-icons-item .skype-social-icon {
background-color: #00aff0 !important;
}
.social-icons-item .skype-social-icon span {
color: #00aff0;
}
.social-icons-item .skype-social-icon span.counter-icon {
background-color: #00aff0;
}
.social-icons-item .reddit-social-icon {
background-color: #ff4500 !important;
}
.social-icons-item .reddit-social-icon span {
color: #ff4500;
}
.social-icons-item .tumblr-social-icon {
background-color: #35465c !important;
}
.social-icons-item .tumblr-social-icon span {
color: #35465c;
}
.social-icons-item .wordpress-social-icon {
background-color: #21759b !important;
}
.social-icons-item .wordpress-social-icon span {
color: #21759b;
}
.social-icons-item .yelp-social-icon {
background-color: #af0606 !important;
}
.social-icons-item .yelp-social-icon span {
color: #af0606;
}
.social-icons-item .lastfm-social-icon {
background-color: #d51007 !important;
}
.social-icons-item .lastfm-social-icon span {
color: #d51007;
}
.social-icons-item .xing-social-icon {
background-color: #026466 !important;
}
.social-icons-item .xing-social-icon span {
color: #026466;
}
.social-icons-item .deviantart-social-icon {
background-color: #05cc47 !important;
}
.social-icons-item .deviantart-social-icon span {
color: #05cc47;
}
.social-icons-item .apple-social-icon {
background-color: #333333 !important;
}
.social-icons-item .apple-social-icon span {
color: #333333;
}
.social-icons-item .paypal-social-icon {
background-color: #003087 !important;
}
.social-icons-item .paypal-social-icon span {
color: #003087;
}
.social-icons-item .google_play-social-icon {
background-color: #689F38 !important;
}
.social-icons-item .google_play-social-icon span {
color: #689F38;
}
.social-icons-item .odnoklassniki-social-icon {
background-color: #ee8208 !important;
}
.social-icons-item .odnoklassniki-social-icon span {
color: #ee8208;
}
.social-icons-item .telegram-social-icon {
background-color: #0088cc !important;
}
.social-icons-item .telegram-social-icon span {
color: #0088cc;
}
.social-icons-item .bitbucket-social-icon {
background-color: #205081 !important;
}
.social-icons-item .bitbucket-social-icon span {
color: #205081;
}
.social-icons-item .medium-social-icon {
background-color: #4bad31 !important;
}
.social-icons-item .medium-social-icon span {
color: #4bad31;
}
.social-icons-item .viadeo-social-icon {
background-color: #f07355 !important;
}
.social-icons-item .viadeo-social-icon span {
color: #f07355;
}
.social-icons-item .snapchat-social-icon {
background-color: #e8e600 !important;
}
.social-icons-item .snapchat-social-icon span {
color: #e8e600;
}
.social-icons-item .tripadvisor-social-icon {
background-color: #448040 !important;
}
.social-icons-item .tripadvisor-social-icon span {
color: #448040;
}
.social-icons-item .mailchimp-social-icon,
.social-icons-item .mailchimp-social-icon .counter-icon,
.social-icons-item .mailpoet-social-icon,
.social-icons-item .mailpoet-social-icon .counter-icon,
.social-icons-item .mymail-social-icon,
.social-icons-item .mymail-social-icon .counter-icon {
background-color: #2c9ab7;
}
.social-icons-item .posts-social-icon,
.social-icons-item .posts-social-icon .counter-icon {
background-color: #9b59b6;
}
.social-icons-item .comments-social-icon,
.social-icons-item .comments-social-icon .counter-icon {
background-color: #1abc9c;
}
.social-icons-item .groups-social-icon,
.social-icons-item .groups-social-icon .counter-icon {
background-color: #788cb6;
}
.social-icons-item .forums-social-icon,
.social-icons-item .forums-social-icon .counter-icon {
background-color: #88aca1;
}
.social-icons-item .members-social-icon,
.social-icons-item .members-social-icon .counter-icon {
background-color: #dc5034;
}
.social-icons-item .topics-social-icon,
.social-icons-item .topics-social-icon .counter-icon {
background-color: #613854;
}
.social-icons-item .replies-social-icon,
.social-icons-item .replies-social-icon .counter-icon {
background-color: #71c6c1;
}
ul:not(.solid-social-icons) .social-icons-item a:not(:hover) {
background-color: transparent !important;
}
.dark-skin .social-icons-item .url-social-icon span,
.social-icons-item .social-custom-link span {
color: #aaaaaa;
}
.solid-social-icons .social-link {
background-color: #2c2f34;
transition: opacity 0.3s;
}
.dark-skin .solid-social-icons .social-link {
background-color: #27292d;
border-color: #27292d;
}
.solid-social-icons .social-link span {
color: #ffffff !important;
transition: 0.1s;
}
.solid-social-icons .social-link:hover {
opacity: 0.8;
}
.tie-fluid-width-video-wrapper,
.featured-area.video-is-sticky {
width: 100%;
position: relative;
padding: 0;
padding-top: 56%;
}
.entry .tie-fluid-width-video-wrapper {
clear: both;
}
.tie-fluid-width-video-wrapper iframe,
.tie-fluid-width-video-wrapper object,
.tie-fluid-width-video-wrapper embed,
.tie-fluid-width-video-wrapper .wp-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-video-shortcode,
.wp-video {
width: 100% !important;
height: auto !important;
}
#tie-wrapper .mejs-container .mejs-controls {
background: #0088ff;
color: #ffffff;
}
#tie-wrapper .mejs-container .mejs-time-current {
background: #ffffff;
}
#tie-wrapper .mejs-container .mejs-time-loaded,
#tie-wrapper .mejs-container .mejs-horizontal-volume-current {
background: rgba(255, 255, 255, 0.5);
}
#tie-wrapper .mejs-container.wp-video-shortcode.mejs-video {
padding-top: 57%;
}
#tie-wrapper .mejs-container .mejs-overlay,
#tie-wrapper .mejs-container .mejs-poster {
width: 100% !important;
height: 100% !important;
}
#tie-wrapper .mejs-container .mejs-mediaelement video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
}
#tie-wrapper .wp-playlist {
padding: 0;
}
#tie-wrapper .wp-playlist.wp-playlist-light, #tie-wrapper .wp-playlist.wp-playlist-dark {
border-color: #eee;
background: transparent;
color: #333;
}
#tie-wrapper .wp-playlist.wp-playlist-light .wp-playlist-playing, #tie-wrapper .wp-playlist.wp-playlist-dark .wp-playlist-playing {
background: #eee;
color: #444;
}
#tie-wrapper .wp-playlist .wp-playlist-item {
padding: 5px;
border-color: #eee;
}
#tie-wrapper .wp-playlist .wp-playlist-item-length {
right: 6px;
top: 5px;
}
#tie-wrapper .wp-playlist .wp-playlist-playing {
font-weight: normal;
}
#tie-wrapper .wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.theme-notice {
background: #fff6ac;
padding: 10px;
color: #000000 !important;
display: block;
clear: both;
}
#the-post .theme-notice {
margin-bottom: 10px;
}
.trending-post.fa {
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
font-size: 12px;
background: #F64E4E;
color: #ffffff;
border-radius: 100%;
z-index: 4;
}
.thumb-meta .trending-post.fa {
margin-right: 7px;
}
.trending-post.fa.trending-lg,
.centered-title-slider .trending-post.fa {
display: block;
margin: 5px auto !important;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 18px;
}
.wide-slider-nav-wrapper .trending-post.fa,
.boxed-five-slides-slider .trending-post.fa {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 12px;
margin-top: -5px;
}
.post-thumb .trending-post.fa.trending-lg {
position: absolute;
margin: 0 !important;
left: 10px;
top: -10px;
}
@media (max-width: 670px) {
.post-thumb .trending-post.fa.trending-lg {
top: 10px;
}
}
.trending-post.fa.trending-sm {
display: block;
width: 14px;
height: 14px;
line-height: 15px;
font-size: 12px;
float: left;
top: 3px;
position: relative;
}
.loader-overlay {
opacity: 1;
-webkit-perspective: 10000px;
perspective: 10000px;
background: transparent;
position: absolute;
zoom: 1;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.spinner {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
margin: auto;
width: 5em;
}
.show-more-button .spinner {
width: 3.1em;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
margin-right: .5em;
opacity: 0.8;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
margin-right: .5em;
opacity: 0.9;
}
.spinner > div {
border-radius: 100%;
-webkit-animation: bouncedelay 1.4s infinite;
animation: bouncedelay 1.4s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background-color: #0088ff;
color: #ffffff;
display: block;
float: left;
height: 1em;
width: 1em;
}
#product-images-slider-nav .spinner > div,
.show-more-button .spinner > div {
width: 0.7em;
height: 0.7em;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.spinner-circle {
position: absolute;
z-index: 1;
height: 40px;
width: 40px;
top: -20px;
left: -20px;
-webkit-animation: parent-animate 1.5s linear infinite;
animation: parent-animate 1.5s linear infinite;
clip: rect(0, 40px, 40px, 20px);
}
.spinner-circle:after {
content: '';
position: absolute;
border-radius: 50%;
height: 40px;
width: 40px;
box-shadow: inset 0 0 0 2px;
color: #0088ff;
-webkit-animation: child-animate 1.5s ease-in-out infinite;
animation: child-animate 1.5s ease-in-out infinite;
clip: rect(0, 40px, 40px, 20px);
}
@-webkit-keyframes parent-animate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(220deg);
transform: rotate(220deg);
}
}
@keyframes parent-animate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(220deg);
transform: rotate(220deg);
}
}
@-webkit-keyframes child-animate {
0% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
}
@keyframes child-animate {
0% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
}
.entry-header,
.entry-archives-header {
padding: 30px 30px 0;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.entry-header,
.entry-archives-header {
padding: 20px 20px 0;
}
}
@media (max-width: 1199px) {
.entry-archives-header {
padding: 20px 20px 0;
margin-bottom: 10px;
}
}
#tie-body .post-cat:hover,
#tie-body .social-statistics-widget a:hover,
#tie-body a.remove:hover,
#tie-body a.button:hover,
#tie-body .tabs > li > a:hover,
#tie-body .item-list-tabs a:hover,
#tie-body .item-options a:hover,
#tie-body .action a:hover {
text-decoration: none !important;
}
#is-scroller-outer {
visibility: hidden;
width: 100px;
height: 0;
overflow: scroll;
}
#is-scroller {
width: 100%;
}
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-item a {
display: block;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.wp-caption {
max-width: 100%;
}
.wp-caption:not(.alignleft):not(.alignright) {
margin-right: auto;
margin-left: auto;
}
.wp-caption img[class*="wp-image-"] {
display: block;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-style: italic;
line-height: 1.6153846154;
padding-top: 5px;
}
q,
blockquote {
background: #2c2f34;
padding: 30px 50px;
margin: 20px 0;
display: block;
color: #ffffff;
}
q::before,
blockquote::before {
display: block;
content: "\f10d";
font-family: fontawesome;
font-size: 26px;
color: #0088ff;
margin-bottom: 20px;
}
q p,
blockquote p {
margin-bottom: 1.474em;
font-size: 19px;
line-height: 30px;
font-style: italic;
}
q a,
blockquote a {
color: #0088ff;
}
q a:hover,
blockquote a:hover {
color: #006dcc;
}
q cite,
blockquote cite {
font-size: 16px;
display: block;
text-align: right;
color: #0088ff;
margin-top: 10px;
}
q > :last-child,
blockquote > :last-child {
margin-bottom: 0;
}
q.alignleft,
blockquote.alignleft {
margin: 0.316em 1.474em 1.474em 0;
width: 50%;
}
q.alignright,
blockquote.alignright {
margin: 0.316em 0 1.474em 1.474em;
width: 50%;
}
@media (max-width: 767px) {
q,
blockquote {
float: none !important;
width: auto !important;
margin: 20px 0 !important;
}
}
blockquote.quote-light {
background: #eeeeee;
border-color: #0088ff;
border-width: 0;
border-left-width: 3px;
border-style: solid;
color: #2c2f34;
}
blockquote.quote-light::before {
display: none;
}
blockquote.quote-light p {
font-size: 18px;
line-height: 28px;
}
blockquote.quote-light cite {
text-align: left;
}
blockquote.quote-simple {
background: transparent;
border-width: 0;
text-align: center;
padding: 0;
color: #0088ff;
}
blockquote.quote-simple::before {
display: none;
}
blockquote.quote-simple p {
color: inherit;
font-size: 28px;
line-height: 38px;
}
blockquote.quote-simple cite {
text-align: center;
}
blockquote.quote-simple.alignleft, blockquote.quote-simple.alignright {
text-align: left;
}
blockquote.quote-simple.alignleft p, blockquote.quote-simple.alignright p {
font-style: normal;
}
table {
border-spacing: 0;
width: 100%;
border-collapse: separate;
margin-bottom: 1.5em;
}
table tr:nth-child(even) {
background: rgba(0, 0, 0, 0.03);
}
table td,
table th {
padding: .4em;
text-align: left;
border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
table th:last-child,
table tr td:last-child {
border-right: 0;
}
table thead th {
background: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0.7em .4em;
vertical-align: middle;
}
table tbody th {
background: rgba(0, 0, 0, 0.03);
}
.entry table tbody td,
.entry table tbody th {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-is-responsive {
clear: both;
overflow-x: auto;
}
.entry ol,
.entry ul,
.comment-content ol,
.comment-content ul {
margin-bottom: 20px;
padding-left: 15px;
margin-left: 20px;
}
.entry ol li,
.entry ul ol li,
.comment-content ol li,
.comment-content ul ol li {
list-style: decimal;
}
.entry ul li,
.entry ol ul li,
.comment-content ul li,
.comment-content ol ul li {
list-style: disc;
list-style-image: none;
}
.entry li,
.comment-content li {
margin: 0 0 5px 0;
}
.entry li ol,
.entry li ul,
.comment-content li ol,
.comment-content li ul {
margin: 5px 0 0 15px;
}
.entry dl,
.comment-content dl {
margin: 0 0 1.75em;
}
.entry dt,
.comment-content dt {
font-weight: 700;
}
.entry dd,
.comment-content dd {
margin: 0 0 1.75em;
}
.entry {
line-height: 26px;
font-size: 15px;
}
.entry p {
margin-bottom: 25px;
line-height: 26px;
}
.entry p:last-child {
margin: 0;
}
.entry mark {
background: #333;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
@media (max-width: 767px) {
.container-wrapper,
.entry-content {
padding: 20px 15px;
}
}
/** Header :: Mobile Menu */
#mobile-container {
display: none;
padding: 10px 30px 30px;
}
#mobile-container .components {
float: none;
line-height: 50px;
margin-top: 20px;
margin-bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mobile-container .components li {
display: inline-block;
float: none;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#mobile-container .components li a {
width: 100%;
}
#mobile-container .components li a:hover {
color: #fff;
}
#mobile-container .components li a > span {
right: calc(50% - 15px);
}
#mobile-container .components .comp-sub-menu {
background: #333333;
}
#mobile-container .components .comp-sub-menu li {
display: block;
}
#mobile-menu {
margin-bottom: 20px;
position: relative;
padding-top: 15px;
}
#mobile-menu .hide-mega-headings > a {
display: none;
}
#mobile-menu .hide-mega-headings > a + ul {
display: block;
}
#mobile-menu.hide-menu-icons a span.fa {
display: none;
}
#mobile-menu .menu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.dark-skin #mobile-menu .menu > li {
border-color: rgba(255, 255, 255, 0.05);
}
#mobile-menu .menu > li li {
padding-left: 15px;
}
#mobile-menu .menu > li:only-child {
border-bottom: none;
}
#mobile-menu .menu > li:only-child li {
padding: 0;
}
#mobile-menu .menu > li:only-child li a {
font-size: 16px;
font-weight: 600;
}
#mobile-menu li {
display: block;
position: relative;
}
#mobile-menu li .screen-reader-text {
height: auto;
width: auto;
position: initial !important;
overflow: initial !important;
clip: initial !important;
}
#mobile-menu li a {
display: block;
padding: 15px 50px 15px 0;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.dark-skin #mobile-menu li a {
color: #ffffff;
}
#mobile-menu li a:hover {
opacity: 0.7;
}
#mobile-menu li a > .fa {
margin-right: 3px;
width: 25px;
text-align: center;
}
#mobile-menu li.menu-item-has-children > a:before {
display: none;
}
#mobile-menu li ul,
#mobile-menu li .menu-sub-content {
opacity: 1 !important;
background-image: none !important;
padding: 0 !important;
min-height: unset !important;
}
#mobile-menu li ul {
padding-left: 15px;
display: none;
}
#mobile-menu li ul a {
font-weight: normal;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
#mobile-menu li ul .mobile-arrows {
font-size: 12px;
}
#mobile-menu:not(.hide-menu-icons) li.menu-item-has-icon > ul,
#mobile-menu:not(.hide-menu-icons) li.menu-item-has-icon > div {
padding-left: 25px !important;
}
#mobile-menu .mobile-arrows {
width: 50px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
padding: 15px 10px;
line-height: 22px;
cursor: pointer;
text-align: center;
font-size: 14px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.dark-skin #mobile-menu .mobile-arrows {
color: #ffffff;
}
#mobile-menu .mobile-arrows.is-open {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#mobile-social-icons {
margin-bottom: 15px;
}
#mobile-social-icons ul {
text-align: center;
overflow: hidden;
}
#mobile-social-icons ul .social-icons-item {
float: none;
display: inline-block;
}
#mobile-social-icons .social-icons-item {
margin: 0;
}
#mobile-social-icons .social-icons-item .social-link {
background: transparent;
border: none;
}
.light-skin #mobile-social-icons .social-link:not(:hover) span {
color: #777 !important;
}
#mobile-search .search-field {
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.light-skin #mobile-search .search-field {
background-color: rgba(0, 0, 0, 0.05);
color: #2c2f34;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#mobile-search .search-field {
font-size: 16px;
}
}
#mobile-search input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
#mobile-search input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
#mobile-search input:-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
#mobile-search input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
#mobile-menu-icon {
display: none;
z-index: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
height: 30px;
line-height: 30px;
cursor: pointer;
transition: 0.3s;
}
#mobile-menu-icon .nav-icon {
display: inline-block;
width: 22px;
height: 2px;
background-color: #2c2f34;
position: relative;
top: -4px;
transition: background 0.4s ease;
}
#mobile-menu-icon .nav-icon:before, #mobile-menu-icon .nav-icon:after {
position: absolute;
right: 0;
background-color: #2c2f34;
content: '';
display: block;
width: 100%;
height: 100%;
transition: background 0.4s, right .2s ease, -webkit-transform 0.4s;
transition: transform 0.4s, background 0.4s, right .2s ease;
transition: transform 0.4s, background 0.4s, right .2s ease, -webkit-transform 0.4s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#mobile-menu-icon .nav-icon:before {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
#mobile-menu-icon .nav-icon:after {
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
.dark-skin #mobile-menu-icon .nav-icon, .dark-skin #mobile-menu-icon .nav-icon:before, .dark-skin #mobile-menu-icon .nav-icon:after,
.main-nav-dark.header-layout-1 #mobile-menu-icon .nav-icon,
.main-nav-dark.header-layout-1 #mobile-menu-icon .nav-icon:before,
.main-nav-dark.header-layout-1 #mobile-menu-icon .nav-icon:after {
background-color: #ffffff;
}
.dark-skin #mobile-menu-icon .nav-icon .menu-text,
.main-nav-dark.header-layout-1 #mobile-menu-icon .nav-icon .menu-text {
color: #ffffff;
}
#mobile-menu-icon .menu-text {
color: #2c2f34;
line-height: 30px;
font-size: 12px;
padding: 0 3px;
display: inline-block;
transition: color 0.4s;
}
.dark-skin #mobile-menu-icon .menu-text,
.main-nav-dark.header-layout-1 #mobile-menu-icon .menu-text {
color: #ffffff;
}
@media (max-width: 991px) {
#mobile-container,
#mobile-menu-icon {
display: block;
}
#slide-sidebar-widgets {
display: none;
}
}
/** Block Heads */
.block-head-1 .the-global-title,
.block-head-1 .comment-reply-title,
.block-head-1 .related.products > h2,
.block-head-1 .up-sells > h2,
.block-head-1 .cross-sells > h2,
.block-head-1 .cart_totals > h2,
.block-head-1 .bbp-form legend {
position: relative;
font-size: 17px;
padding: 0 0 15px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.block-head-1 .the-global-title:after,
.block-head-1 .comment-reply-title:after,
.block-head-1 .related.products > h2:after,
.block-head-1 .up-sells > h2:after,
.block-head-1 .cross-sells > h2:after,
.block-head-1 .cart_totals > h2:after,
.block-head-1 .bbp-form legend:after {
content: "";
background: #2c2f34;
width: 40px;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
}
.dark-skin .block-head-1 .the-global-title:after, .dark-skin
.block-head-1 .comment-reply-title:after, .dark-skin
.block-head-1 .related.products > h2:after, .dark-skin
.block-head-1 .up-sells > h2:after, .dark-skin
.block-head-1 .cross-sells > h2:after, .dark-skin
.block-head-1 .cart_totals > h2:after, .dark-skin
.block-head-1 .bbp-form legend:after {
background: #ffffff;
}
.block-head-1 .the-global-title:before,
.block-head-1 .comment-reply-title:before,
.block-head-1 .related.products > h2:before,
.block-head-1 .up-sells > h2:before,
.block-head-1 .cross-sells > h2:before,
.block-head-1 .cart_totals > h2:before,
.block-head-1 .bbp-form legend:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -5px;
left: 0;
border-left: 0;
border-right: 5px solid transparent;
border-top: 5px solid #2c2f34;
}
.dark-skin .block-head-1 .the-global-title:before, .dark-skin
.block-head-1 .comment-reply-title:before, .dark-skin
.block-head-1 .related.products > h2:before, .dark-skin
.block-head-1 .up-sells > h2:before, .dark-skin
.block-head-1 .cross-sells > h2:before, .dark-skin
.block-head-1 .cart_totals > h2:before, .dark-skin
.block-head-1 .bbp-form legend:before {
border-top-color: #ffffff;
}
.block-head-1 .mag-box div.mag-box-title:before {
border-top-color: #0088ff;
}
.block-head-1 .dark-skin .section-title-default:after {
background: #ffffff;
}
.block-head-1 .dark-skin .section-title-default:before {
border-top-color: #ffffff;
}
.block-head-1 .dark-skin .widget-title:after {
background: #ffffff;
}
.block-head-1 .dark-skin .widget-title:before {
border-top-color: #ffffff;
}
.block-head-1 #footer .widget-title:before {
display: none;
}
.block-head-2 .the-global-title,
.block-head-2 .comment-reply-title,
.block-head-2 .related.products > h2,
.block-head-2 .up-sells > h2,
.block-head-2 .cross-sells > h2,
.block-head-2 .cart_totals > h2,
.block-head-2 .bbp-form legend {
position: relative;
font-size: 17px;
padding: 0 0 15px;
margin-bottom: 20px;
border-bottom: 3px solid #27292d;
color: #27292d;
}
.block-head-2 .section-title-default {
border-bottom-width: 5px;
}
.block-head-2 #footer .widget-title:after {
content: "";
background: #ffffff;
width: 40px;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
}
.block-head-3 .the-global-title,
.block-head-3 .comment-reply-title,
.block-head-3 .related.products > h2,
.block-head-3 .up-sells > h2,
.block-head-3 .cross-sells > h2,
.block-head-3 .cart_totals > h2,
.block-head-3 .bbp-form legend {
position: relative;
font-size: 17px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 14px;
}
.block-head-3 .the-global-title:after,
.block-head-3 .comment-reply-title:after,
.block-head-3 .related.products > h2:after,
.block-head-3 .up-sells > h2:after,
.block-head-3 .cross-sells > h2:after,
.block-head-3 .cart_totals > h2:after,
.block-head-3 .bbp-form legend:after {
content: "";
background: #27292d;
width: 80px;
height: 3px;
position: absolute;
bottom: -1px;
left: 0;
}
.block-head-3 .dark-skin .the-global-title:after {
background: #ffffff;
}
.block-head-3 #footer .widget-title:after {
width: 50px;
}
.dark-skin .block-head-1 .the-global-title,
.dark-skin .block-head-1 .related.products > h2,
.dark-skin .block-head-1 .up-sells > h2,
.dark-skin .block-head-1 .cross-sells > h2,
.dark-skin .block-head-1 .cart_totals > h2,
.dark-skin .block-head-1 .bbp-form legend,
.dark-skin .block-head-2 .the-global-title,
.dark-skin .block-head-2 .related.products > h2,
.dark-skin .block-head-2 .up-sells > h2,
.dark-skin .block-head-2 .cross-sells > h2,
.dark-skin .block-head-2 .cart_totals > h2,
.dark-skin .block-head-2 .bbp-form legend,
.dark-skin .block-head-3 .the-global-title,
.dark-skin .block-head-3 .related.products > h2,
.dark-skin .block-head-3 .up-sells > h2,
.dark-skin .block-head-3 .cross-sells > h2,
.dark-skin .block-head-3 .cart_totals > h2,
.dark-skin .block-head-3 .bbp-form legend,
.block-head-1 .dark-skin .the-global-title,
.block-head-2 .dark-skin .the-global-title,
.block-head-3 .dark-skin .the-global-title {
color: #ffffff;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.block-head-1 #footer .widget-title,
.block-head-2 #footer .widget-title,
.block-head-3 #footer .widget-title {
border-bottom: 0;
}
.dark-skin .block-head-1 .the-global-title:after,
.dark-skin .block-head-1 .related.products > h2:after,
.dark-skin .block-head-1 .up-sells > h2:after,
.dark-skin .block-head-1 .cross-sells > h2:after,
.dark-skin .block-head-1 .cart_totals > h2:after,
.dark-skin .block-head-1 .bbp-form legend:after, .dark-skin
.block-head-3 .the-global-title:after,
.dark-skin
.block-head-3 .related.products > h2:after,
.dark-skin
.block-head-3 .up-sells > h2:after,
.dark-skin
.block-head-3 .cross-sells > h2:after,
.dark-skin
.block-head-3 .cart_totals > h2:after,
.dark-skin
.block-head-3 .bbp-form legend:after {
background: #ffffff;
}
.block-head-1 .mag-box div.mag-box-title,
.block-head-1 .mag-box-title h3 a,
.block-head-1 .block-more-button,
.block-head-3 .mag-box div.mag-box-title,
.block-head-3 .mag-box-title h3 a,
.block-head-3 .block-more-button {
color: #0088ff;
}
.block-head-1 .mag-box-title h3 a:hover,
.block-head-1 .block-more-button:hover,
.block-head-3 .mag-box-title h3 a:hover,
.block-head-3 .block-more-button:hover {
color: #006dcc;
}
.block-head-1 .mag-box div.mag-box-title:after,
.block-head-3 .mag-box div.mag-box-title:after {
background: #0088ff;
}
.block-head-4 .has-block-head-4,
.block-head-4 .mag-box-title h3,
.block-head-4 .comment-reply-title,
.block-head-4 .related.products > h2,
.block-head-4 .up-sells > h2,
.block-head-4 .cross-sells > h2,
.block-head-4 .cart_totals > h2,
.block-head-4 .bbp-form legend {
position: relative;
opacity: 0.99;
display: inline-block !important;
width: auto;
font-size: 15px;
line-height: 1.3;
font-weight: 500;
margin-bottom: 20px;
padding: 5px 10px;
color: #ffffff;
}
.block-head-4 .has-block-head-4:before,
.block-head-4 .mag-box-title h3:before,
.block-head-4 .comment-reply-title:before,
.block-head-4 .related.products > h2:before,
.block-head-4 .up-sells > h2:before,
.block-head-4 .cross-sells > h2:before,
.block-head-4 .cart_totals > h2:before,
.block-head-4 .bbp-form legend:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0088ff;
z-index: -1;
}
.block-head-4 .section-title-default {
padding: 5px 20px;
}
.block-head-4 .mag-box-title h3 a,
.block-head-4 .section-title-default a,
.block-head-4 #cancel-comment-reply-link {
color: #ffffff;
}
.block-head-4 .mag-box-title h3 a:hover,
.block-head-4 .section-title-default a:hover,
.block-head-4 #cancel-comment-reply-link:hover {
opacity: 0.8;
}
.block-head-4 .mag-box-title {
position: relative;
margin-bottom: 0;
}
.block-head-4 .mag-box-title h3 {
font-size: 18px;
}
.block-head-4 .mag-box-title .tie-alignright {
margin-top: 6px;
}
.block-head-4 .widget-title {
padding: 0 10px;
}
.block-head-4 .widget-title .the-subtitle {
line-height: 27px;
}
.block-head-4#tie-body .widget-title,
.block-head-4#tie-body .widget-title a:not(:hover) {
color: #ffffff;
}
.block-head-4#tie-body .widget-title:before {
background: #111;
}
.block-head-4 #check-also-box .widget-title {
padding-left: 30px;
}
.block-head-4 #check-also-close {
top: 4px;
left: 5px;
}
.block-head-4 .widget-title a:not(:hover) {
color: #ffffff;
}
.block-head-4 .mag-box-filter-links .flexMenu-popup {
top: 5px;
}
.block-head-4 span.widget-title-icon,
.block-head-7 span.widget-title-icon {
float: left;
margin-right: 10px;
line-height: 27px;
position: static;
color: #ffffff;
}
.block-head-4 .mag-box > .container-wrapper,
.block-head-4 .widget-title,
.block-head-4 #footer .widget,
.block-head-4 .side-aside .widget,
.block-head-7 .mag-box > .container-wrapper,
.block-head-7 .widget-title,
.block-head-7 #footer .widget,
.block-head-7 .side-aside .widget {
opacity: 0.99;
}
.block-head-5 .has-block-head-4,
.block-head-5 .mag-box-title h3,
.block-head-5 .comment-reply-title,
.block-head-5 .related.products > h2,
.block-head-5 .up-sells > h2,
.block-head-5 .cross-sells > h2,
.block-head-5 .cart_totals > h2,
.block-head-5 .bbp-form legend {
padding: 5px 15px 5px 25px;
}
.block-head-5 .has-block-head-4:before,
.block-head-5 .mag-box-title h3:before,
.block-head-5 .comment-reply-title:before,
.block-head-5 .related.products > h2:before,
.block-head-5 .up-sells > h2:before,
.block-head-5 .cross-sells > h2:before,
.block-head-5 .cart_totals > h2:before,
.block-head-5 .bbp-form legend:before {
-webkit-transform: skew(-20deg) translateX(6px);
-ms-transform: skew(-20deg) translateX(6px);
transform: skew(-20deg) translateX(6px);
}
.block-head-5 .section-title-default {
padding: 5px 20px 5px 35px;
}
.block-head-5 .section-title-default:before {
-webkit-transform: skew(-20deg) translateX(13px);
-ms-transform: skew(-20deg) translateX(13px);
transform: skew(-20deg) translateX(13px);
}
.block-head-5 .widget-title {
padding: 0 10px 0 20px;
}
.block-head-5 #check-also-box .widget-title {
padding-left: 37px;
}
.block-head-5 #check-also-close {
left: 12px;
}
.block-head-6 .has-block-head-4:after,
.block-head-6 .mag-box-title h3:after,
.block-head-6 .comment-reply-title:after,
.block-head-6 .related.products > h2:after,
.block-head-6 .up-sells > h2:after,
.block-head-6 .cross-sells > h2:after,
.block-head-6 .cart_totals > h2:after,
.block-head-6 .bbp-form legend:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 70%;
height: 100%;
background-color: #0088ff;
-webkit-transform: skew(-40deg) translateX(14px);
-ms-transform: skew(-40deg) translateX(14px);
transform: skew(-40deg) translateX(14px);
z-index: -1;
}
.block-head-6 .section-title-default {
padding: 5px 25px;
}
.block-head-6 .section-title-default:after {
-webkit-transform: skew(-40deg) translateX(32px);
-ms-transform: skew(-40deg) translateX(32px);
transform: skew(-40deg) translateX(32px);
}
.block-head-6#tie-body .widget-title:after {
background: #111;
}
.block-head-7 .the-global-title,
.block-head-7 .comment-reply-title,
.block-head-7 .related.products > h2,
.block-head-7 .up-sells > h2,
.block-head-7 .cross-sells > h2,
.block-head-7 .cart_totals > h2,
.block-head-7 .bbp-form legend {
position: relative;
font-size: 15px;
line-height: 1.3;
font-weight: 500;
margin-bottom: 20px;
padding: 7px 10px;
color: #ffffff;
background-color: #111;
}
.block-head-7 .section-title-default {
padding: 5px 15px;
}
.block-head-7 .mag-box-title h3 {
font-size: 15px;
line-height: 22px;
}
.block-head-7 .the-global-title a {
color: #ffffff;
}
.block-head-7 .mag-box .mag-box-title .mag-box-filter-links a.active {
color: #0088ff;
}
.block-head-7 .mag-box-title h3 a:hover,
.block-head-7 .block-more-button:hover,
.block-head-7 .section-title-default a:hover,
.block-head-7 .widget-title a:hover {
opacity: 0.8;
}
.block-head-7 .mag-box-filter-links .flexMenu-popup {
top: 6px;
}
.block-head-7 .mag-box-filter-links .flexMenu-popup a:not(:hover):not(.active) {
color: #2c2f34;
}
.dark-skin .block-head-7 .mag-box-filter-links .flexMenu-popup a:not(:hover):not(.active),
.block-head-7 .dark-skin .mag-box-filter-links .flexMenu-popup a:not(:hover):not(.active) {
color: #aaaaaa;
}
.block-head-7 .slider-arrow-nav {
margin-right: -3px;
}
.block-head-7 .slider-arrow-nav a {
border-color: rgba(255, 255, 255, 0.2);
}
.block-head-7 #footer .widget-title {
display: inline-block;
}
.block-head-7 span.widget-title-icon {
line-height: 19px;
}
.block-head-8 .the-global-title,
.block-head-8 .comment-reply-title,
.block-head-8 .related.products > h2,
.block-head-8 .up-sells > h2,
.block-head-8 .cross-sells > h2,
.block-head-8 .cart_totals > h2,
.block-head-8 .bbp-form legend {
position: relative;
font-size: 15px;
margin-bottom: 20px;
padding-left: 20px;
min-height: 0;
}
.dark-skin .block-head-8 .the-global-title, .dark-skin
.block-head-8 .comment-reply-title, .dark-skin
.block-head-8 .related.products > h2, .dark-skin
.block-head-8 .up-sells > h2, .dark-skin
.block-head-8 .cross-sells > h2, .dark-skin
.block-head-8 .cart_totals > h2, .dark-skin
.block-head-8 .bbp-form legend {
color: #ffffff;
}
.block-head-8 .the-global-title:before,
.block-head-8 .comment-reply-title:before,
.block-head-8 .related.products > h2:before,
.block-head-8 .up-sells > h2:before,
.block-head-8 .cross-sells > h2:before,
.block-head-8 .cart_totals > h2:before,
.block-head-8 .bbp-form legend:before {
content: "";
background: #0088ff;
height: 1em;
width: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.block-head-8 .section-title-default {
padding-left: 25px;
}
.block-head-8 .section-title-default:before {
height: 0.8em;
width: 15px;
}
.block-head-8 .mag-box-title h3 {
line-height: 22px;
}
.block-head-8 .dark-skin .the-global-title {
color: #ffffff;
}
.section-title {
font-weight: 700;
}
.section-title.section-title-default {
font-size: 50px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.section-title.section-title-default {
font-size: 35px;
margin-top: 10px;
margin-bottom: 20px;
}
}
.section-title span.the-section-title .fa {
font-size: 85%;
}
.section-title-centered {
font-size: 50px;
margin-bottom: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
@media (max-width: 767px) {
.section-title-centered {
font-size: 35px;
margin-top: 10px;
margin-bottom: 30px;
}
}
.section-title-centered span.the-section-title {
padding: 0 2%;
text-align: center;
line-height: 1;
}
.dark-skin .section-title-centered {
color: #ffffff;
}
.section-title-centered:before, .section-title-centered:after {
height: 2px;
content: '';
-webkit-flex-basis: 15%;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
position: relative;
background-color: #2c2f34;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.dark-skin .section-title-centered:before, .dark-skin .section-title-centered:after {
background-color: #ffffff;
}
.section-title-big {
padding: 0 15px;
font-size: 80px;
margin-bottom: -15px;
line-height: 1;
color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.section-title-big {
font-size: 35px;
margin-top: 10px;
margin-bottom: 5px;
}
}
.dark-skin .section-title-big {
color: rgba(255, 255, 255, 0.3);
}
/** Magazine Boxes */
.section-item {
position: relative;
padding: 30px 0 0;
clear: both;
}
@media (max-width: 991px) {
.section-item {
padding-top: 15px;
}
}
.has-title .section-item {
padding-top: 85px;
padding-bottom: 55px;
}
@media (max-width: 991px) {
.has-title .section-item {
padding-top: 20px;
padding-bottom: 10px;
}
}
.without-background:not(.has-title) + .without-background.has-title .section-item {
padding-top: 55px;
}
.has-background .section-item {
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.archive .has-background .section-item {
padding-bottom: 30px;
}
.normal-width.has-background .section-item {
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 991px) {
.normal-width.has-background .section-item {
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 991px) {
.container.has-background {
padding-right: 0;
padding-left: 0;
}
}
.section-item.first-block-is-full-width,
.without-background + .without-background .section-item {
padding-top: 0;
}
.has-background .section-item > section {
margin-bottom: 0;
}
.has-background .section-item > section + .container {
margin-top: 30px;
}
@media (max-width: 991px) {
.has-background .section-item > section + .container {
margin-top: 15px;
}
}
.mag-box-title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.mag-box-title h3 {
font-size: 18px;
margin-right: 20px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: calc(100% - 145px);
float: left;
}
@media (max-width: 479px) {
.mag-box-title h3 {
max-width: calc(100% - 105px);
}
}
.mag-box-title h3:only-child {
max-width: 100%;
}
.mag-box-title .tie-alignright {
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1;
width: 100%;
}
.mag-box-options {
font-size: 12px;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.mag-box-options .slider-arrow-nav {
-webkit-flex: 0 0 55px;
-ms-flex: 0 0 55px;
flex: 0 0 55px;
}
.block-more-button {
margin-left: 10px;
line-height: 22px;
}
.mag-box-filter-links {
opacity: 0;
transition: opacity 0.5s;
overflow: hidden;
height: 22px;
}
.mag-box-filter-links li {
float: left;
}
.mag-box-filter-links a {
padding: 0 6px;
margin: 0 2px;
line-height: 22px;
border-radius: 2px;
color: #2c2f34;
display: inline-block;
transition: 0.2s;
white-space: nowrap;
word-wrap: normal;
}
.mag-box-filter-links a:hover {
border-color: #0088ff;
background-color: #0088ff;
color: #ffffff;
}
div.mag-box .mag-box-options .mag-box-filter-links a.active {
color: #0088ff;
background-color: transparent;
cursor: default;
}
.flexMenu-viewMore > a {
position: relative;
z-index: 5;
}
.flexMenu-viewMore > a > span {
display: inline-block;
line-height: 22px;
font-size: 16px;
}
.mag-box-filter-links .flexMenu-viewMore:hover > a {
background-color: transparent !important;
color: #0088ff;
}
.flexMenu-popup {
z-index: 4;
-webkit-transform: translateX(-100%) translateX(34px);
-ms-transform: translateX(-100%) translateX(34px);
transform: translateX(-100%) translateX(34px);
min-width: 100px;
text-align: right;
white-space: nowrap;
word-wrap: normal;
border-radius: 2px;
background: #ffffff;
}
.flexMenu-popup li {
width: 100%;
display: block;
}
.mag-box-filter-links .flexMenu-popup {
top: 0;
padding-top: 22px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.mag-box-filter-links .flexMenu-popup li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.flexMenu-popup a {
border-radius: 0;
display: block;
padding: 3px 10px;
transition: none;
margin: 0;
}
.breaking-news-outer {
height: 40px;
overflow: hidden;
border-radius: 2px;
}
.mag-box .breaking-title {
line-height: 40px;
}
.mag-box .breaking {
height: 40px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left-width: 0;
}
.mag-box .controls-is-active .ticker-wrapper.has-js {
padding-right: 90px;
}
.mag-box .ticker-wrapper.has-js,
.mag-box .ticker,
.mag-box .ticker-content,
.mag-box .ticker-swipe,
.mag-box .breaking-news-nav,
.mag-box .breaking-news-nav li {
line-height: 38px;
height: 38px;
}
.mag-box .breaking-news-nav {
padding-right: 0;
}
.mag-box .breaking-news-nav li {
margin: 0;
width: 38px;
border-width: 0 0 0 1px;
border-radius: 0;
font-size: 16px;
}
.mag-box .breaking-news-nav li:hover {
border-color: transparent !important;
}
.dark-skin .mag-box .breaking,
.dark-skin .mag-box .breaking-news-nav li,
.box-dark-skin .breaking,
.box-dark-skin .breaking-news-nav li {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .mag-box .breaking,
.dark-skin .mag-box .ticker-content,
.dark-skin .mag-box .ticker-swipe,
.box-dark-skin .breaking,
.box-dark-skin .ticker-content,
.box-dark-skin .ticker-swipe {
background-color: #27292d;
}
.mag-box-container {
position: relative;
}
.mag-box .posts-items li:nth-child(1),
.mini-posts-box .posts-items li:nth-child(2),
.big-post-left-box .posts-items li:nth-child(2),
.big-posts-box .posts-items li:nth-child(2) {
margin-top: 0;
}
.mag-box {
margin-bottom: 30px;
clear: both;
}
@media (max-width: 991px) {
.mag-box {
margin-bottom: 15px;
}
}
.mag-box .is-loading {
opacity: 0.5;
transition: opacity 0.3s;
}
.mag-box .posts-items {
clear: both;
margin: 0 -2%;
}
.mag-box .posts-items li {
float: left;
width: 50%;
margin-top: 24px;
padding: 0 2%;
}
@media (max-width: 670px) {
.mag-box .posts-items li {
width: 100%;
}
.mag-box .posts-items li:not(:first-child) {
margin-top: 14px;
}
}
.mag-box .posts-items-loaded-ajax {
margin-top: 24px !important;
}
.mag-box .post-title {
font-size: 20px;
line-height: 1.4;
}
.mag-box .post-meta {
margin: 0 0 3px;
}
.mag-box .post-excerpt {
margin-top: 5px;
color: #666666;
}
.mag-box li:not(:first-child) .post-thumb {
float: left;
margin-right: 15px;
}
.mag-box li:not(:first-child) .post-details {
padding-left: 125px;
}
.mag-box li:not(:first-child) .post-title {
font-size: 14px;
}
.no-small-thumbs.post-item .post-details, .no-small-thumbs.post-widget-body, .no-small-thumbs.comment-body {
padding-left: 0 !important;
}
.content-only:not(.tabs-box),
.content-only:not(.tabs-box) > .container-wrapper {
background-color: transparent;
border: 0;
padding: 0;
}
@media (max-width: 991px) {
.content-only {
margin: 30px 0;
}
}
.show-more-button {
border: 1px solid rgba(0, 0, 0, 0.1);
height: 50px;
line-height: 50px;
position: relative;
text-align: center;
display: block;
font-weight: 600;
cursor: pointer;
clear: both;
}
.mag-box .show-more-button {
margin: 25px -30px -30px;
border-width: 1px 0 0;
}
@media (max-width: 767px) {
.mag-box .show-more-button {
margin: 20px -20px -20px;
}
}
.pages-nav .show-more-button {
padding: 0 20px;
min-height: 50px;
line-height: 50px;
}
.magazine1 .content-only .show-more-button,
.magazine2 .show-more-button {
border-width: 1px;
margin: 35px auto 0;
max-width: 350px;
}
@media (max-width: 991px) {
.magazine1 .content-only .show-more-button,
.magazine2 .show-more-button {
margin-top: 20px;
}
}
.show-more-button .spinner-circle {
top: -13px;
left: -13px;
height: 26px;
width: 26px;
clip: rect(0, 26px, 26px, 13px);
}
.show-more-button .spinner-circle:after {
left: 0;
top: 0;
height: 26px;
width: 26px;
clip: rect(0, 26px, 26px, 13px);
}
.pagination-disabled {
opacity: 0.5;
cursor: default;
}
.pagination-disabled, .pagination-disabled:hover {
color: #888 !important;
}
.big-post-left-box .posts-items {
font-size: 0;
}
.big-post-left-box .posts-items .post-excerpt {
font-size: 13px;
}
.big-post-left-box .posts-items li:nth-child(n + 2) {
float: none;
display: inline-block !important;
vertical-align: top;
}
.big-post-left-box .posts-items li:nth-child(n + 2) .post-thumb img {
max-width: 110px;
}
.big-post-left-box li:first-child .post-thumb {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.full-width .big-post-left-box .posts-items li {
width: calc(100% / 3);
}
.full-width .big-post-left-box .posts-items li:nth-child(3) {
margin-top: 0;
}
}
.big-post-top-box .posts-items li:first-child {
width: 96%;
padding-left: 0;
padding-right: 0;
margin-left: 2%;
margin-bottom: 24px;
}
.big-post-top-box .posts-items li:first-child .post-thumb {
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 0;
}
.big-post-top-box .posts-items li:first-child .post-details {
padding-left: 52%;
}
.big-post-top-box .posts-items li:nth-child(2n) {
clear: left;
}
.big-post-top-box .posts-items li:nth-child(-n + 3) {
margin-top: 0;
}
.big-post-top-box .posts-items li:nth-child(n + 2) .post-thumb img {
max-width: 110px;
}
@media (max-width: 670px) {
.big-post-top-box .posts-items li:first-child {
margin-bottom: 14px;
}
.big-post-top-box .posts-items li:first-child .post-thumb {
width: 100%;
margin: 0 0 10px;
}
.big-post-top-box .posts-items li:first-child .post-meta {
width: 100%;
}
.big-post-top-box .posts-items li:first-child .post-details {
padding: 0;
}
.big-post-top-box .posts-items li:nth-child(3),
.big-post-top-box .posts-items li:nth-child(4) {
margin-top: 14px;
}
}
@media (min-width: 992px) {
.full-width .big-post-top-box .posts-items li {
width: calc(100% / 3);
}
.full-width .big-post-top-box .posts-items li:nth-child(-n + 4) {
margin-top: 0;
}
.full-width .big-post-top-box .posts-items li:first-child {
width: 96%;
}
.full-width .big-post-top-box .posts-items li:first-child .post-thumb {
width: 30.6%;
}
.full-width .big-post-top-box .posts-items li:first-child .post-details {
padding-left: 34.767%;
}
.full-width .big-post-top-box .posts-items li:nth-child(2n) {
clear: none;
}
.full-width .big-post-top-box .posts-items li:nth-child(3n + 2) {
clear: left;
}
}
.half-box.mag-box {
padding-left: 0;
clear: right;
}
.half-box.second-half-box {
padding-left: 15px;
padding-right: 0;
}
@media (max-width: 767px) {
.half-box {
padding: 0 !important;
}
}
.half-box .posts-items {
margin: 0;
}
.half-box .posts-items li {
width: 100%;
padding: 0;
}
.half-box .posts-items li:first-child {
margin-bottom: 24px;
}
@media (max-width: 670px) {
.half-box .posts-items li:first-child {
margin-bottom: 14px;
}
}
.half-box .posts-items li:first-child .post-thumb {
margin-bottom: 10px;
}
.half-box .posts-items li:nth-child(2) {
margin-top: 0;
}
.half-box .posts-items li:nth-child(n + 2) .post-thumb img {
max-width: 110px;
}
@media (min-width: 768px) {
.content-only.first-half-box {
padding-right: 15px;
}
}
.news-gallery .mag-box-container {
overflow: hidden;
margin-bottom: -10px;
}
.news-gallery-items {
width: calc(100% + 10px);
margin: 0 -5px;
}
.news-gallery-items li {
float: left;
height: 75px;
width: 16.66667%;
padding: 0 5px 10px;
}
.news-gallery-items li .post-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
float: none !important;
margin: 0 !important;
}
.media-overlay .news-gallery-items .post-thumb-overlay {
transition: 0.3s;
}
.media-overlay .news-gallery-items li:hover .post-thumb-overlay {
background: rgba(255, 255, 255, 0.2);
}
.big-first-gallery .news-gallery-items {
height: 280px;
}
.big-first-gallery .news-gallery-items li {
height: 25%;
}
.big-first-gallery .news-gallery-items li:first-child {
width: 50%;
height: 100%;
}
@media (min-width: 992px) {
.full-width .big-first-gallery .news-gallery-items {
height: 400px;
}
.full-width .news-grid .news-gallery-items li {
height: 100px;
}
}
@media (max-width: 767px) {
.news-gallery-items li,
.big-first-gallery .news-gallery-items li {
width: 33.3334%;
height: 95px;
}
.big-first-gallery .news-gallery-items {
height: 620px;
}
.big-first-gallery .news-gallery-items li:first-child {
width: 100%;
height: 250px;
}
}
.scrolling-box .mag-box-container {
min-height: 150px;
}
.scrolling-slider {
overflow: hidden;
display: none;
}
.scrolling-slider.slick-dotted {
padding-bottom: 40px;
}
.scrolling-slider .slick-list {
width: 100%;
width: calc(100% + 24px);
margin-right: calc(-12px);
margin-left: calc(-12px);
overflow: inherit;
transition: height 0.3s;
}
.scrolling-slider .tie-slick-dots {
bottom: 0;
text-align: center;
}
.scrolling-slider .slide {
margin: 0 12px;
position: relative;
}
.scrolling-slider .post-title {
font-size: 16px;
margin-top: 8px;
}
.scrolling-slider .post-meta {
margin: 8px 0 0;
}
.scroll-2-box .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.scroll-2-box .slide {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: auto;
background-color: rgba(0, 0, 0, 0.2);
}
.scroll-2-box .post-overlay {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
padding: 10px;
}
.scroll-2-box .post-content {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
}
.scroll-2-box .post-title a {
color: #ffffff;
white-space: normal;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 4.2em;
}
@media only screen and (min-width: 400px) and (max-width: 570px) {
.scroll-2-box .post-title a {
-webkit-line-clamp: 2;
max-height: 2.8em;
}
}
.scroll-2-box .post-thumb:after {
opacity: 0.5;
}
.scroll-2-box .slide:hover .post-thumb:after {
opacity: 0.9;
}
.wide-post-box .posts-items {
margin: 0;
}
.wide-post-box .posts-items li {
width: 100%;
padding: 0;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.wide-post-box .posts-items li .post-title {
font-size: 20px;
}
.wide-post-box .posts-items li .post-thumb {
margin-right: 25px;
float: none;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 420px;
}
@media (max-width: 767px) {
.wide-post-box .posts-items li .post-thumb {
-webkit-flex: 1 0 40%;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
margin-right: 3.55%;
}
}
.wide-post-box .posts-items li .post-details {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 !important;
}
@media (max-width: 580px) {
.wide-post-box .posts-items li {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.wide-post-box .posts-items li .post-thumb {
width: 100%;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
margin: 0 0 10px 0;
}
.wide-post-box .posts-items li .post-meta {
width: 100%;
}
}
.small-wide-post-box .posts-items li .post-thumb {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
.timeline-box .posts-items {
position: relative;
overflow: hidden;
}
.timeline-box .posts-items::before, .timeline-box .posts-items:last-of-type:after {
content: "";
width: 2px;
height: 100%;
background: rgba(0, 0, 0, 0.1);
position: absolute;
left: 29px;
z-index: 0;
}
.timeline-box .posts-items:last-of-type:after {
background-image: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 80%);
height: 150px;
bottom: 0;
}
.timeline-box .posts-items li {
display: block !important;
}
@media (max-width: 580px) {
.timeline-box .posts-items li .post-thumb {
float: none;
}
}
.timeline-box .posts-items-loaded-ajax {
margin-top: 0 !important;
}
.timeline-box .posts-items-loaded-ajax li:first-child {
padding-top: 30px;
}
.timeline-box .year-month {
background: #e6e6e6;
color: #2c2f34;
text-align: center;
width: 60px;
height: 60px;
line-height: 18px;
float: left;
margin: 0 10px 10px 0;
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 12px;
border-radius: 100%;
}
.timeline-box .year-month span {
font-weight: 600;
font-size: 14px;
}
.timeline-box .year-month em {
display: block;
font-size: 80%;
padding-top: 1px;
opacity: 0.7;
}
.timeline-box .day-month {
margin-bottom: 10px;
padding-left: 50px;
position: relative;
z-index: 2;
}
.timeline-box .day-month::before {
position: absolute;
left: 23px;
top: 3px;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
background: #e6e6e6;
border: 3px solid #ffffff;
z-index: 1;
}
.timeline-box .post-item-inner {
margin-left: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 580px) {
.timeline-box .post-item-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 670px) {
.big-posts-box .posts-items li {
width: 100%;
}
}
.big-posts-box .posts-items li .post-thumb {
margin-right: 0;
float: none !important;
margin-bottom: 10px;
}
.big-posts-box .posts-items li .post-details {
padding-left: 0;
}
.big-posts-box .posts-items li .post-title {
font-size: 20px;
padding-left: 0;
}
.big-posts-box .posts-items li:nth-child(2n + 1) {
clear: left;
}
@media (min-width: 992px) {
.full-width .big-posts-box .posts-items {
margin: 0 -1.35%;
}
.full-width .big-posts-box .posts-items li {
width: calc(100% / 3);
padding: 0 1.35%;
}
.full-width .big-posts-box .posts-items li:nth-child(-n + 3) {
margin-top: 0;
}
.full-width .big-posts-box .posts-items li:nth-child(2n + 1) {
clear: none;
}
.full-width .big-posts-box .posts-items li:nth-child(3n + 1) {
clear: left;
}
}
.narrow-big-posts-box .posts-items {
margin: 0 -1px;
}
.narrow-big-posts-box .posts-items li {
padding: 0 1px;
}
.narrow-big-posts-box .posts-items li .post-details {
padding: 5px 15px 0;
}
.narrow-big-posts-box .posts-items .post-meta {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
padding-top: 5px;
}
.narrow-big-posts-box .posts-items .post-cat-wrap {
left: 0;
bottom: 0;
}
.narrow-big-posts-box .posts-items .post-cat-wrap .post-cat {
border-radius: 0;
background: #fff;
padding: 10px 25px;
color: #00bf80;
}
.full-width-img-news-box .posts-items li {
width: 100%;
float: none;
}
@media (min-width: 992px) {
.full-width-img-news-box .posts-items li:not(:first-child) {
margin-top: 40px;
}
}
.full-width-img-news-box .posts-items li .post-title {
font-size: 30px;
line-height: 1.2;
}
@media (max-width: 767px) {
.full-width-img-news-box .posts-items li .post-title {
font-size: 25px;
}
}
@media (max-width: 670px) {
.full-width-img-news-box .posts-items li .post-title {
font-size: 20px;
}
}
.full-width-img-news-box .posts-items li .post-thumb {
width: 100%;
margin-bottom: 10px;
float: none !important;
}
.full-width-img-news-box .posts-items .post-meta {
clear: both;
}
.full-width-img-news-box .posts-items .post-excerpt,
.full-width-img-news-box .posts-items .entry {
margin-top: 10px;
}
@media (min-width: 768px) {
.full-overlay-title li:not(.no-post-thumb) .block-post-overlay {
position: relative;
margin-bottom: 20px;
}
.full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
position: absolute;
bottom: -1px;
padding: 25px 25px 0 0;
background: #ffffff;
z-index: 4;
width: 70%;
}
.full-overlay-title li:not(.no-post-thumb) img {
min-height: 250px;
background-color: #f6f7f8;
}
.full-overlay-title.dark-skin li:not(.no-post-thumb) img,
.dark-skin .full-overlay-title li:not(.no-post-thumb) img {
background-color: #161619;
}
.full-overlay-title.media-overlay .icon {
left: 15px;
top: 15px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.full-overlay-title.media-overlay .is-trending .trending-post {
top: 16px;
left: 15px;
width: 38px;
height: 38px;
line-height: 38px;
}
.full-overlay-title.media-overlay .is-trending .icon {
left: 63px;
}
.full-overlay-title .digital-rating {
top: 15px;
right: 15px;
}
.center-overlay-title li:not(.no-post-thumb) .block-title-overlay {
padding: 25px 25px 15px 25px !important;
width: 86%;
left: 7%;
text-align: center;
}
.center-overlay-title li:not(.no-post-thumb) .tie-alignright {
float: none;
display: inline-block;
}
}
.mini-posts-box .posts-items li .post-title {
font-size: 18px;
margin-bottom: 10px;
}
.mini-posts-box .posts-items li .post-thumb {
float: left;
margin-right: 15px;
}
.mini-posts-box .posts-items li .post-thumb img {
max-width: 110px;
}
.mini-posts-box .posts-items li:nth-child(2n + 1) {
clear: left;
}
@media only screen and (min-width: 992px) and (max-width: 1100px), only screen and (max-width: 767px) {
.mini-posts-box .posts-items li {
width: 100%;
}
.mini-posts-box .posts-items li:nth-child(n + 2) {
margin-top: 24px;
}
}
@media (min-width: 992px) {
.full-width .mini-posts-box .posts-items li:nth-child(-n + 3) {
margin-top: 0;
}
.full-width .mini-posts-box .posts-items li:nth-child(n) {
width: calc(100% / 3);
clear: none;
}
.full-width .mini-posts-box .posts-items li:nth-child(3n + 1) {
clear: left;
}
}
.first-post-gradient li:first-child .post-title {
font-size: 25px;
line-height: 1.2;
margin-bottom: 5px;
}
.first-post-gradient li:first-child .post-overlay {
pointer-events: none;
position: absolute;
top: 0;
height: 100%;
width: 100%;
border-radius: 2px;
z-index: 2;
}
.first-post-gradient li:first-child .post-content {
width: 100%;
padding: 22px 30px;
position: absolute;
bottom: 0;
left: 0;
}
.first-post-gradient li:first-child .post-cat-wrap {
pointer-events: none;
}
.first-post-gradient li:first-child .post-cat-wrap a,
.first-post-gradient li:first-child .meta-author a {
pointer-events: auto;
}
.first-post-gradient .posts-items li:first-child a:not(:hover),
.first-post-gradient li:first-child .post-meta {
color: #ffffff;
}
.big-thumb-left-box-inner {
height: 470px;
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 670px) {
.big-thumb-left-box-inner {
height: 325px;
}
}
.big-thumb-left-box li:first-child .post-content {
padding: 12px 20px;
}
.big-thumb-left-box li:first-child .post-thumb {
margin-bottom: 0;
}
@media (min-width: 671px) {
.miscellaneous-box li:first-child .post-title {
font-size: 36px;
line-height: 1.2;
}
}
.miscellaneous-box li:not(:first-child) .post-thumb {
margin: 0 0 5px !important;
}
.miscellaneous-box .posts-items li {
width: calc(100% / 3);
margin-top: 30px;
}
.miscellaneous-box .posts-items li:first-child {
width: 96%;
padding: 0;
margin: 0 2%;
position: relative;
}
@media (min-width: 480px) {
.miscellaneous-box .posts-items li:first-child {
min-height: 180px;
background-color: rgba(0, 0, 0, 0.2);
}
}
.miscellaneous-box .posts-items li:nth-child(3n + 2) {
clear: both;
}
@media (max-width: 670px) {
.miscellaneous-box .posts-items li {
width: 50%;
}
.miscellaneous-box .posts-items li:nth-child(3n + 2) {
clear: none;
}
.miscellaneous-box .posts-items li:nth-child(2n + 2) {
clear: both;
}
.miscellaneous-box li:first-child .post-content {
padding: 10px 15px;
}
.miscellaneous-box li:first-child .icon {
left: 10px;
top: 10px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.miscellaneous-box li:first-child .icon:before {
width: 35px;
height: 35px;
line-height: 30px;
}
.miscellaneous-box li:first-child.is-trending .icon {
left: 50px;
}
}
@media (max-width: 479px) {
.miscellaneous-box li:first-child .post-title {
font-size: 18px;
max-height: 2.4em;
overflow: hidden;
}
.miscellaneous-box li:first-child .post-meta {
max-height: 2em;
}
.miscellaneous-box li:first-child .trending-post,
.miscellaneous-box li:first-child .post-cat,
.miscellaneous-box li:first-child .post-rating,
.miscellaneous-box li:first-child .digital-rating,
.miscellaneous-box li:first-child .icon {
display: none;
}
}
@media (max-width: 380px) {
.miscellaneous-box .posts-items li {
width: 100%;
}
}
@media (min-width: 992px) {
.full-width .miscellaneous-box .posts-items {
margin: 0 -1.33%;
}
.full-width .miscellaneous-box .posts-items li:first-child {
margin: 0 1.33%;
width: 97.34%;
}
.full-width .miscellaneous-box .posts-items li:not(:first-child) {
width: 25%;
padding: 0 1.33%;
}
.full-width .miscellaneous-box .posts-items li:nth-child(3n + 2) {
clear: none;
}
.full-width .miscellaneous-box .posts-items li:nth-child(4n + 2) {
clear: left;
}
}
.video-playlist-wrapper {
background-color: #27292d;
position: relative;
width: 66%;
height: 434px;
float: left;
}
.video-playlist-wrapper .loader-overlay {
z-index: 1;
}
.video-playlist-wrapper iframe {
height: 434px;
width: 100%;
}
.video-player-wrapper {
position: relative;
z-index: 2;
}
.video-frame {
visibility: hidden;
}
.video-playlist-nav-wrapper {
width: 34%;
float: right;
height: 434px;
overflow: hidden;
background: #ffffff;
position: relative;
border-width: 0 1px 1px 0;
}
.video-playlist-nav-wrapper:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px;
background: rgba(0, 0, 0, 0.05);
}
.video-playlist-nav-wrapper:before {
content: "";
position: absolute;
right: 0;
background: rgba(0, 0, 0, 0.05);
width: 100%;
height: 1px;
bottom: 0;
top: auto;
}
.video-playlist-nav-wrapper .mCustomScrollBox > .mCSB_scrollTools {
right: 0;
left: auto;
}
.playlist-title {
background: #0088ff;
color: #ffffff;
height: 70px;
width: 100%;
padding: 0 15px;
line-height: 17px;
z-index: 9;
}
.playlist-title h2 {
padding-top: 14px;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.videos-number {
font-size: 11px;
display: block;
float: left;
}
.playlist-title-icon {
font-size: 27px;
float: left;
margin-right: 10px;
height: 70px;
line-height: 70px;
width: 40px;
text-align: center;
font-weight: normal;
}
.video-playlist-nav {
position: relative;
height: 434px;
clear: both;
}
.is-mobile .video-playlist-nav {
overflow-y: auto;
}
.video-playlist-nav:not(.playlist-has-title) {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.playlist-has-title {
height: 364px;
}
.video-playlist-item {
padding: 12px 15px;
display: block;
overflow: hidden;
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: 0.3s;
}
.video-playlist-item:last-of-type {
border-bottom: 0;
}
.video-playlist-item h2 {
font-size: 12px;
font-weight: normal;
line-height: 17px;
}
.video-playlist-item:hover,
.is-playing {
background: #F7F7F7;
}
.video-paused-icon,
.video-play-icon,
.video-number {
float: left;
width: 20px;
text-align: left;
line-height: 46px;
font-size: 11px;
color: #333333;
}
.video-play-icon {
display: none;
color: #0088ff;
}
.is-playing .video-number,
.is-paused .video-number,
.video-paused-icon {
display: none;
}
.is-playing .video-play-icon,
.is-paused .video-paused-icon {
display: block;
}
.video-thumbnail {
width: 75px;
height: 46px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
float: left;
}
.video-info {
padding-left: 105px;
}
.video-duration {
float: left;
font-size: 11px;
color: #767676;
margin-top: 3px;
line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.video-playlist-nav-wrapper,
.video-playlist-wrapper,
.video-playlist-wrapper iframe {
height: 383px;
}
.video-playlist-nav {
height: 383px !important;
}
.playlist-has-title {
height: 313px !important;
}
}
@media (max-width: 767px) {
.video-playlist-wrapper {
width: 100%;
height: auto;
}
.video-playlist-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-player-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-playlist-nav-wrapper {
height: auto !important;
width: 100%;
}
.video-playlist-nav {
height: 270px !important;
}
.playlist-has-title {
height: 244px !important;
}
}
@media (min-width: 992px) {
.has-builder .has-sidebar .video-playlist-nav-wrapper,
.has-builder .has-sidebar .video-playlist-nav,
.has-builder .has-sidebar .video-playlist-wrapper,
.has-builder .has-sidebar .video-playlist-wrapper iframe {
height: 323px !important;
}
.has-builder .has-sidebar .playlist-has-title {
height: 263px !important;
}
.has-builder .has-sidebar .playlist-title {
height: 60px;
}
.has-builder .has-sidebar .playlist-title h2 {
padding-top: 11px;
}
.has-builder .has-sidebar .playlist-title-icon {
height: 60px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.stream-item-mag .container-wrapper {
padding: 5px 0 !important;
border-radius: 0;
border: 0;
}
}
.stream-item-mag.stream-item.half-box .adsbygoogle {
width: 300px !important;
min-height: 250px !important;
}
@media (max-width: 991px) {
.stream-item-mag.content-only {
margin: 15px 0;
}
}
.dark-skin .mag-box:not(.tabs-box),
.box-dark-skin:not(.tabs-box) {
background-color: transparent;
}
.dark-skin .mag-box .mag-box-filter-links a:not(:hover),
.box-dark-skin .mag-box-filter-links a:not(:hover) {
color: #aaaaaa;
}
.dark-skin .mag-box .mag-box-filter-links .flexMenu-popup,
.box-dark-skin .mag-box-filter-links .flexMenu-popup {
background-color: #1f2024;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
.dark-skin .mag-box .slider-arrow-nav a,
.box-dark-skin .slider-arrow-nav a {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .mag-box.timeline-box .posts-items:before,
.box-dark-skin.timeline-box .posts-items:before {
background: #404146;
}
.dark-skin .mag-box.timeline-box .posts-items:last-of-type:after,
.box-dark-skin.timeline-box .posts-items:last-of-type:after {
background-image: linear-gradient(to bottom, #404146 0%, #1f2024 80%);
}
.dark-skin .mag-box .year-month,
.box-dark-skin .year-month {
background: #404146;
color: #ffffff;
}
.dark-skin .mag-box .day-month:before,
.box-dark-skin .day-month:before {
background: #404146;
border-color: #1f2024;
}
@media (min-width: 768px) {
.dark-skin .mag-box.full-overlay-title li:not(.no-post-thumb) .block-title-overlay,
.box-dark-skin.full-overlay-title li:not(.no-post-thumb) .block-title-overlay {
background: #1f2024;
}
}
.dark-skin .mag-box .videos-block,
.box-dark-skin .videos-block {
background: #27292d;
}
.dark-skin .mag-box .video-playlist-nav-wrapper,
.box-dark-skin .video-playlist-nav-wrapper {
background: #1a1b1f;
}
.dark-skin .mag-box .playlist-title,
.box-dark-skin .playlist-title {
background: #131416;
color: #ffffff;
}
.dark-skin .mag-box .video-playlist-item,
.dark-skin .mag-box .mag-box-filter-links .flexMenu-popup li:first-child,
.box-dark-skin .video-playlist-item,
.box-dark-skin .mag-box-filter-links .flexMenu-popup li:first-child {
border-color: rgba(255, 255, 255, 0.05);
}
.dark-skin .mag-box .video-playlist-item h2,
.box-dark-skin .video-playlist-item h2 {
color: #ffffff;
}
.dark-skin .mag-box .video-playlist-item:hover,
.dark-skin .mag-box .is-playing,
.box-dark-skin .video-playlist-item:hover,
.box-dark-skin .is-playing {
background: #222428;
}
.dark-skin .mag-box .video-paused-icon,
.dark-skin .mag-box .video-number,
.dark-skin .mag-box .video-duration,
.box-dark-skin .video-paused-icon,
.box-dark-skin .video-number,
.box-dark-skin .video-duration {
color: #aaaaaa;
}
.dark-skin .mag-box .tie-slick-dots li:not(.slick-active) button,
.box-dark-skin .tie-slick-dots li:not(.slick-active) button {
background: rgba(255, 255, 255, 0.2);
}
/** Tabs (Mag box, Widget, Shortcodes, Woocommerce product tabs) & in Mag2, Dark-skin */
.tabs {
transition: opacity 0.3s;
max-height: 66px;
width: 100%;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 0 1px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.tabs li {
display: inline-block;
position: relative;
padding: 0 !important;
}
.tabs a {
background: rgba(0, 0, 0, 0.02);
display: block;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 0;
font-size: 15px;
}
.tabs a:not(:hover) {
color: #2c2f34;
}
.dark-skin .tabs a:not(:hover) {
color: #aaaaaa;
}
.tabs > li > a {
line-height: 65px;
padding: 0 15px;
border-bottom-color: transparent;
}
body .tabs.tabs .active > a {
background: #ffffff;
color: #0088ff;
}
.tab-content,
.woocommerce-tabs .panel {
padding: 30px;
display: none;
}
.tab-content {
position: relative;
transition: 0.3s;
}
@media (max-width: 767px) {
.tab-content {
padding: 20px;
}
}
.tab-content-elements li {
opacity: 0;
}
.tab-content:not(.is-not-active):first-of-type {
display: block;
}
.tab-content:not(.is-not-active):first-of-type .tab-content-elements li {
opacity: 1;
}
.tabs-container-wrapper {
padding: 0 !important;
}
.normal-side .tabs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.normal-side .tabs li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.normal-side .tabs a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px !important;
}
.normal-side .tabs li:last-child a {
border-right-width: 0;
}
.dark-skin .normal-side .tabs {
border-color: #2c3033;
}
.dark-skin .normal-side .tabs a {
background: rgba(0, 0, 0, 0.1);
border-color: transparent rgba(255, 255, 255, 0.1);
}
.dark-skin .normal-side .tabs .active a {
background-color: #1f2024;
}
@media (max-width: 320px) {
.normal-side .tabs {
max-height: none;
border-bottom: 0;
}
.normal-side .tabs li {
display: block;
width: 100%;
float: none;
}
.normal-side .tabs a {
border-bottom-color: rgba(0, 0, 0, 0.1);
border-width: 0 0 1px;
}
.dark-skin .normal-side .tabs a {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
}
.magazine2:not(.block-head-4) .dark-widgetized-area .tabs-container-wrapper,
.magazine1 .dark-widgetized-area .tabs-container-wrapper {
border-width: 0;
}
.magazine2:not(.block-head-4) .dark-widgetized-area .tab-content,
.magazine1 .dark-widgetized-area .tab-content {
padding: 0;
}
.magazine2:not(.block-head-4) .dark-widgetized-area ul.tabs,
.magazine1 .dark-widgetized-area ul.tabs {
margin-bottom: 20px;
border-width: 0;
max-height: 55px;
}
.magazine2:not(.block-head-4) .dark-widgetized-area ul.tabs a,
.magazine1 .dark-widgetized-area ul.tabs a {
border: 0;
color: #ffffff;
line-height: 55px;
background-color: #27292d;
}
.magazine2:not(.block-head-4) .dark-widgetized-area ul.tabs a:before,
.magazine1 .dark-widgetized-area ul.tabs a:before {
display: none;
}
.magazine2:not(.block-head-4) .dark-widgetized-area ul.tabs a:hover,
.magazine2:not(.block-head-4) .dark-widgetized-area ul.tabs .active a,
.magazine1 .dark-widgetized-area ul.tabs a:hover,
.magazine1 .dark-widgetized-area ul.tabs .active a {
background: #0088ff;
color: #ffffff;
}
.flex-tabs .tabs {
position: relative;
z-index: 4;
opacity: 0;
}
.flex-tabs .tabs a {
padding-left: 30px;
padding-right: 30px;
white-space: nowrap;
word-wrap: normal;
}
.flex-tabs .flexMenu-viewMore {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-tabs .flexMenu-viewMore a {
border-width: 0 0 1px 0;
}
.flex-tabs .flexMenu-viewMore.active > a {
background: rgba(0, 0, 0, 0.02);
}
.flex-tabs .flexMenu-popup {
margin: 0;
padding: 0;
right: 0;
padding-top: 0;
box-shadow: none;
min-width: calc(100% + 1px);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
-webkit-transform: translateY(-1px) translateX(1px);
-ms-transform: translateY(-1px) translateX(1px);
transform: translateY(-1px) translateX(1px);
}
.flex-tabs .flexMenu-popup li {
float: none;
display: block;
}
.flex-tabs .flexMenu-popup a {
padding: 10px 20px 10px 40px;
text-align: right;
font-size: 13px;
}
.flex-tabs .flexMenu-popup li:last-child a {
border-width: 0;
}
.tabs-box .mag-box {
margin-bottom: 0;
}
.tabs-box .container-wrapper {
border-width: 0;
padding: 0;
}
.tabs-box .tabs-wrapper {
overflow: initial;
}
.tabs-box .tab-content {
position: relative;
}
.box-dark-skin.tabs-box {
background: #1f2024;
}
.dark-skin .mag-box .tabs,
.box-dark-skin .tabs {
border-color: #2c3033;
}
.dark-skin .mag-box .tabs a,
.box-dark-skin .tabs a {
border-color: transparent rgba(255, 255, 255, 0.1);
}
.dark-skin .mag-box .flexMenu-popup,
.box-dark-skin .flexMenu-popup {
background-color: #1f2024;
border-color: #2c3033;
}
.dark-skin .mag-box .flexMenu-popup li a,
.box-dark-skin .flexMenu-popup li a {
border-bottom-color: #2c3033;
}
.dark-skin .mag-box .tabs.tabs .active a,
.box-dark-skin .tabs.tabs .active a {
background-color: #1f2024;
}
.dark-skin .magazine2 .tabs.tabs .active > a {
background-color: rgba(0, 0, 0, 0.1);
}
.entry .tabs-wrapper {
margin-bottom: 15px;
padding: 0;
}
.entry .tabs,
.entry .tabs li {
margin: 0;
padding: 0;
}
.tabs-vertical {
border: 0;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.tabs-vertical:after {
content: "";
position: absolute;
top: 0;
left: -1px;
width: 28%;
height: 100%;
background-color: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 0 0;
}
.tabs-vertical .tabs {
position: relative;
overflow: auto;
z-index: 1;
left: 0;
float: left;
width: 28%;
max-height: none !important;
border-bottom: 0;
}
.tabs-vertical .tabs li {
display: block;
width: calc(100% - 1px);
transition: border 0.3s;
}
.tabs-vertical .tabs li a {
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 0 1px 0;
background-color: transparent;
}
.tabs-vertical .tab-content {
float: left;
width: 72%;
}
.magazine2 .tabs-vertical:after {
display: none;
}
.magazine2 .tabs-vertical .tab-content {
padding: 0 0 0 30px;
}
@media (max-width: 670px) {
.magazine2 .tabs-vertical .tab-content {
padding: 20px 0 0 !important;
}
}
.magazine2 .tabs-vertical .tabs li {
width: 100%;
}
.magazine2 .tabs-vertical .tabs a {
line-height: 50px;
}
.block-head-5.magazine2 .tabs-vertical .tabs .active a:before,
.block-head-6.magazine2 .tabs-vertical .tabs .active a:before {
width: 100%;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
}
.block-head-6.magazine2 .tabs-vertical .tabs .active a:after {
display: none;
}
@media (max-width: 670px) {
.tabs-vertical:after {
display: none;
}
.tabs-vertical .tabs {
overflow: hidden;
}
.tabs-vertical .tabs,
.tabs-vertical .tabs li,
.tabs-vertical .tab-content {
width: 100%;
float: none;
}
.tabs-vertical .tabs li {
display: block;
list-style-type: none;
}
.tabs-vertical .tabs li a {
border-left-width: 0;
border-right-width: 0;
background: rgba(0, 0, 0, 0.02);
}
.tabs-vertical .tabs li.active a {
background-color: transparent;
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.dark-skin .tabs-vertical .tabs li.active a {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
}
.magazine2 .tab-content {
padding: 30px 0 0;
}
@media (max-width: 767px) {
.magazine2 .tab-content {
padding: 20px 0 0;
}
}
html:not(.dark-skin) .magazine2 .section-item:not(.dark-skin) .box-dark-skin.tabs-box .tab-content {
padding: 30px;
}
.magazine2 .tabs {
border-width: 1px;
max-height: 67px;
}
.dark-skin .magazine2 .tabs {
border-color: rgba(255, 255, 255, 0.05);
}
.dark-skin .magazine2 .flexMenu-popup {
background-color: #27292d;
}
.magazine2 .tabs > .active > a {
border-bottom-color: inherit;
}
.block-head-4.magazine2 .tabs {
border: 1px solid #0088ff;
border-radius: 2px;
max-height: 40px;
}
.block-head-4.magazine2 .tabs > li > a {
line-height: 38px;
border-width: 0;
padding: 0 20px;
}
.block-head-4.magazine2 .tabs li a {
color: #0088ff;
background-color: transparent;
}
.block-head-4.magazine2 .tabs li a:hover {
color: #006dcc;
}
.block-head-4.magazine2 .tabs.tabs li.active a {
color: #ffffff;
background-color: #0088ff;
}
.block-head-4.magazine2 .tabs .flexMenu-popup {
border-color: #0088ff;
-webkit-transform: translateY(0px) translateX(1px);
-ms-transform: translateY(0px) translateX(1px);
transform: translateY(0px) translateX(1px);
}
.block-head-4.magazine2 .tabs .flexMenu-popup a {
padding-top: 6px;
padding-bottom: 6px;
border-bottom-width: 0;
}
html:not(.dark-skin) .block-head-4.magazine2 .section-item:not(.dark-skin) .box-dark-skin.tabs-box .tabs {
border-width: 0 0 1px;
max-height: 50px;
border-radius: 0;
}
html:not(.dark-skin) .block-head-4.magazine2 .section-item:not(.dark-skin) .box-dark-skin.tabs-box .tabs > li > a {
line-height: 48px;
}
html:not(.dark-skin) .block-head-4.magazine2 .section-item:not(.dark-skin) .box-dark-skin.tabs-box .tabs .flexMenu-popup {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.block-head-5.magazine2 .tabs > .active a {
background-color: transparent !important;
position: relative;
}
.block-head-5.magazine2 .tabs > .active a:before {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #0088ff;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.block-head-5.magazine2 .tabs > .active:first-child a:before {
width: 70%;
right: 0;
left: auto;
}
.block-head-5.magazine2 .tabs > .active:first-child a:after {
content: '';
position: absolute;
z-index: -1;
width: 50%;
height: 100%;
top: 0;
left: 0;
background-color: #0088ff;
}
.block-head-5.magazine2 .widget .tabs .active a {
position: static;
}
.block-head-5.magazine2 .widget .tabs .active:last-child a:before {
width: 70%;
left: 0;
right: auto;
}
.block-head-5.magazine2 .widget .tabs .active:last-child a:after {
content: '';
position: absolute;
z-index: -1;
width: 50%;
height: 100%;
top: 0;
right: 0;
left: auto;
background-color: #0088ff;
}
.block-head-6.magazine2 .tabs > .active a {
background-color: transparent !important;
position: relative;
}
.block-head-6.magazine2 .tabs > .active a:before {
content: '';
position: absolute;
z-index: -1;
width: 50%;
height: 100%;
top: 0;
left: 0;
background-color: #0088ff;
}
.block-head-6.magazine2 .tabs > .active a:after {
content: '';
position: absolute;
z-index: -1;
width: 70%;
height: 100%;
top: 0;
right: 0;
background-color: #0088ff;
-webkit-transform: skew(-35deg);
-ms-transform: skew(-35deg);
transform: skew(-35deg);
}
.block-head-6.magazine2 .widget .tabs .active a {
position: static;
}
.block-head-6.magazine2 .widget .tabs .active:last-child a:after {
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
}
/** Page Templates */
.without-header #content {
margin-top: 0;
padding-top: 30px;
}
.without-header.without-footer {
height: 100%;
position: absolute;
width: 100%;
margin: 0;
display: table;
vertical-align: middle;
float: none;
top: 0;
left: 0;
table-layout: fixed;
}
.without-header.without-footer .background-overlay {
display: table-cell;
float: none;
vertical-align: middle;
width: 100%;
position: static;
z-index: 2;
overflow: hidden;
}
.without-header.without-footer .tie-container, .without-header.without-footer #tie-wrapper {
height: auto;
min-height: 0;
}
.without-footer #content {
margin-bottom: 0;
padding-bottom: 30px;
}
.page .entry-header-outer {
padding-bottom: 0;
}
.page .entry-content {
padding-top: 30px;
}
.archive:not(.bbpress) .entry-header-outer,
.search .entry-header-outer {
border-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.archive:not(.bbpress) .entry-header-outer #breadcrumb,
.search .entry-header-outer #breadcrumb {
margin-bottom: 20px;
padding: 0;
}
.archive:not(.bbpress) .entry-header-outer .taxonomy-description,
.search .entry-header-outer .taxonomy-description {
margin-top: 10px;
}
.archive:not(.bbpress) .main-content > div:last-child,
.search .main-content > div:last-child {
margin-bottom: 0;
}
.archive:not(.bbpress) .mag-box .container-wrapper,
.search .mag-box .container-wrapper {
border-top: 0;
border-radius: 2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.archive:not(.bbpress) .mag-box,
.search .mag-box,
.home:not(.page) .mag-box {
margin-bottom: 0;
}
.entry-header-outer .about-author {
background: transparent;
border: none;
padding: 0;
margin-top: 25px;
}
.entry .authors-wrap {
padding: 0;
margin: 0;
}
.entry .authors-wrap > li {
list-style: none;
margin-bottom: 30px;
}
.entry .authors-wrap > li:last-child {
margin-bottom: 0;
}
.not-found .search-form {
max-width: 400px;
}
.not-found h5 {
margin-bottom: 20px;
}
#sitemap ul {
padding: 0;
}
#sitemap ul li {
list-style-position: outside;
list-style-type: disc;
}
.error404 .main-content {
width: 100%;
}
.container-404 {
text-align: center;
margin: 50px 0 100px;
}
.container-404 h2 {
font-size: 250px;
color: #333333;
}
@media (max-width: 767px) {
.container-404 h2 {
font-size: 80px;
}
}
.container-404 h3 {
font-size: 30px;
color: #2c2f34;
}
.container-404 h4 {
margin: 20px auto 50px;
}
#content-404 {
max-width: 400px;
margin: 0 auto;
}
#menu-404 {
margin: 40px auto;
text-align: center;
}
#menu-404 li {
display: inline-block;
margin: 0 10px;
}
#menu-404 li a {
display: block;
min-width: 20px;
}
#menu-404 li a:before {
display: none;
}
.dark-skin .container-404 h2 {
color: #ffffff;
}
.dark-skin .container-404 h3 {
color: #aaaaaa;
}
.page-template-template-masonry .post-content {
margin-bottom: 30px;
}
.page-template-template-masonry .entry-header-inner .post-cat {
margin-bottom: 10px;
}
.page-template-template-masonry .entry-content.entry {
padding: 30px;
}
.page-template-template-masonry.has-not-post-content #the-post .entry-content {
display: none;
}
.page-template-template-masonry.has-not-post-content.has-not-post-title #the-post {
display: none;
}
div.post-element {
padding: 0;
position: relative;
margin-bottom: 50px;
}
div.post-element .featured-area {
margin-bottom: 0;
}
div.post-element div.entry-content {
padding: 30px;
}
@media (max-width: 991px) {
div.post-element div.entry-content {
padding: 20px;
}
}
div.post-element div.entry-content img {
min-width: 100%;
}
.masonry-grid-wrapper {
position: relative;
}
.masonry-grid-wrapper img {
aspect-ratio: attr(width)/attr(height);
}
.masonry-with-spaces .post-element {
width: 48%;
margin-bottom: 4%;
}
@media (max-width: 991px) {
.has-sidebar .masonry-with-spaces .post-element {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.magazine1 .masonry-with-spaces.masonry-with-spaces {
padding: 0 2%;
}
.masonry-with-spaces .post-element.post-element {
margin-bottom: 30px;
}
}
.masonry-with-spaces .grid-sizer {
width: 48%;
}
.masonry-with-spaces .gutter-sizer {
width: 4%;
}
@media (min-width: 768px) {
.full-width .masonry-with-spaces .post-element {
width: 32%;
margin-bottom: 2%;
}
.full-width .masonry-with-spaces .grid-sizer {
width: 32%;
}
.full-width .masonry-with-spaces .gutter-sizer {
width: 2%;
}
}
@media (min-width: 1200px) {
.is-percent-width .full-width .masonry-with-spaces .post-element {
width: 23.5%;
margin-bottom: 2%;
}
.is-percent-width .full-width .masonry-with-spaces .grid-sizer {
width: 23.5%;
}
.is-percent-width .full-width .masonry-with-spaces .gutter-sizer {
width: 2%;
}
}
@media (max-width: 991px) {
.masonry-with-spaces .post-element {
width: 32%;
margin-bottom: 2%;
}
.masonry-with-spaces .grid-sizer {
width: 32%;
}
.masonry-with-spaces .gutter-sizer {
width: 2%;
}
}
@media (max-width: 767px) {
.masonry-with-spaces .post-element,
.masonry-with-spaces .grid-sizer {
width: 48%;
}
.masonry-with-spaces .gutter-sizer {
width: 4%;
}
}
@media (max-width: 560px) {
.masonry-with-spaces .post-element,
.masonry-with-spaces .grid-sizer {
width: 100%;
}
.masonry-with-spaces .gutter-sizer {
width: 0;
}
}
.masonry-with-spaces #masonry-grid {
width: 100%;
position: relative;
}
.has-sidebar .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element {
margin-right: 4%;
margin-left: 0;
float: left;
}
.has-sidebar .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element:nth-child(2n+2) {
margin-right: 0;
margin-left: 0;
}
.full-width .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element {
margin-right: 2%;
margin-left: 0;
float: left;
}
.full-width .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element:nth-child(3n+3) {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 1200px) {
.is-percent-width .full-width .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element:nth-child(3n+3) {
margin-right: 2%;
}
.is-percent-width .full-width .masonry-with-spaces #masonry-grid:not(.masonry-loaded) .post-element:nth-child(4n+4) {
margin-right: 0;
margin-left: 0;
}
}
.mag-box + .masonry-page-content,
.mag-box + script + .masonry-page-content {
margin-top: 40px;
}
.media-page-layout {
margin-top: 0;
}
.media-page-layout .post-element {
border: 0 !important;
}
.media-page-layout .post-element .slide {
height: 300px;
background-size: cover;
background-position: center top;
position: relative;
}
.media-page-layout .post-element .slide:hover .thumb-overlay:after {
opacity: 0.9;
}
.media-page-layout .post-element:nth-child(4n + 2) .slide, .media-page-layout .post-element:nth-child(4n + 3) .slide {
height: 450px;
}
.media-page-layout .loader-overlay {
top: 200px;
}
.full-width .media-page-layout .post-element .slide,
.full-width .media-page-layout .post-element:nth-child(4n + 2) .slide,
.full-width .media-page-layout .post-element:nth-child(4n + 3) .slide {
height: 300px;
}
.full-width .media-page-layout .post-element:nth-child(2n + 2) .slide {
height: 450px;
}
.media-page-layout .thumb-overlay {
overflow: hidden;
pointer-events: none;
}
.media-page-layout .thumb-overlay .thumb-title {
font-size: 24px;
line-height: 30px;
}
.full-width .entry-header-outer,
.one-column-no-sidebar .entry-header-outer {
text-align: center;
}
@media (min-width: 480px) {
.full-width .entry-header-outer .author-info,
.one-column-no-sidebar .entry-header-outer .author-info {
text-align: left;
}
}
.full-width .media-page-layout:not(.masonry-with-spaces),
.one-column-no-sidebar .media-page-layout:not(.masonry-with-spaces) {
padding-top: 0;
}
.masonry-without-spaces .grid-sizer {
width: 50%;
}
.masonry-without-spaces .gutter-sizer {
width: 0;
}
.masonry-without-spaces .post-element {
width: 50%;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.full-width .masonry-without-spaces .grid-sizer {
width: 33.334%;
}
.full-width .masonry-without-spaces .post-element {
width: 33.334%;
}
.full-width .masonry-without-spaces .post-element .slide,
.full-width .masonry-without-spaces .post-element:nth-child(2n + 2) .slide {
height: 300px;
}
.full-width .masonry-without-spaces .post-element:nth-child(3n + 2) .slide {
height: 450px;
}
}
@media (min-width: 1200px) {
.is-percent-width .full-width .masonry-without-spaces .grid-sizer {
width: 25%;
}
.is-percent-width .full-width .masonry-without-spaces .post-element {
width: 25%;
}
}
@media (max-width: 991px) {
.masonry-without-spaces .grid-sizer {
width: 33.334%;
}
.masonry-without-spaces .post-element {
width: 33.334%;
}
}
@media (max-width: 767px) {
.masonry-without-spaces .post-element,
.masonry-without-spaces .grid-sizer {
width: 50%;
}
.masonry-without-spaces .slide {
height: 400px;
}
}
@media (max-width: 560px) {
.masonry-without-spaces .post-element,
.masonry-without-spaces .grid-sizer {
width: 100%;
}
}
#masonry-grid:not(.masonry-loaded) .post-element {
float: left;
opacity: 0;
}
.archive .entry-header-outer + #media-page-layout,
.archive .entry-header-outer + .masonry-with-spaces {
margin-top: 30px;
}
.archive .wide-post-box .container-wrapper {
padding-top: 40px;
}
.archive .one-column-no-sidebar .wide-post-box .container-wrapper {
padding-top: 15px;
}
#category-footer-description {
margin-top: 30px;
}
#category-footer-description .entry *:last-child {
margin-bottom: 0;
}
/** Sliders */
.thumb-overlay-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.thumb-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 30px;
border-radius: 2px;
}
.thumb-overlay .thumb-content {
position: absolute;
bottom: 0;
left: 0;
padding: 0 30px 20px;
z-index: 3;
width: 100%;
pointer-events: none;
transition: bottom 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.thumb-overlay .thumb-title a,
.thumb-overlay .meta-author a {
pointer-events: auto;
}
.thumb-overlay .post-meta,
.thumb-overlay .thumb-title a {
color: #ffffff !important;
}
.thumb-overlay .thumb-title {
font-size: 30px;
color: #ffffff;
}
.thumb-overlay .thumb-title a:hover {
color: #cccccc;
}
.thumb-overlay .meta-view,
.thumb-overlay .meta-comments {
pointer-events: auto;
display: inline-block;
}
.thumb-overlay .thumb-meta {
margin: 0 0 5px;
}
.thumb-overlay .thumb-meta .meta-view,
.thumb-overlay .thumb-meta .meta-comments {
margin-right: 15px;
}
.thumb-overlay .thumb-desc {
color: #ffffff;
max-height: 0;
line-height: 18px;
overflow: hidden;
opacity: 0;
transition: opacity 0.4s ease-out, max-height 0.4s ease-out, margin 0.4s;
}
.thumb-overlay .thumb-desc p {
margin: 0;
}
@media (min-width: 992px) {
.main-slider:not(.grid-slider-wrapper) .slide:hover .thumb-desc,
.slide .grid-item:hover .thumb-desc,
.media-page-layout .post-element:hover .thumb-desc,
.boxed-slider-wrapper .tie-slick-slider:hover .thumb-desc {
opacity: 1;
max-height: 100px;
margin-top: 5px;
transition: opacity 0.4s ease-out, max-height 0.9s ease-out;
}
}
.thumb-overlay,
.first-post-gradient li:first-child .post-thumb,
.scroll-2-box .post-thumb {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.thumb-overlay:after,
.first-post-gradient li:first-child .post-thumb:after,
.scroll-2-box .post-thumb:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
height: 65%;
transition: opacity 0.2s;
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wide-slider-wrapper .thumb-overlay:after,
.wide-slider-three-slids-wrapper .thumb-overlay:after {
height: 85%;
}
.wide-slider-wrapper .slide:hover .thumb-overlay:after,
.wide-slider-three-slids-wrapper .slide:hover .thumb-overlay:after,
.boxed-slider:not(.grid-slider-wrapper) .slide:hover .thumb-overlay:after,
.grid-item:hover .thumb-overlay:after {
opacity: 0.9;
}
.slide-mask .thumb-overlay:after {
height: 100% !important;
opacity: 0.7;
}
.slide-mask .tie-slide-1 .thumb-overlay:after {
background-image: linear-gradient(135deg, #67B26F, #4ca2cd);
}
.slide-mask .tie-slide-2 .thumb-overlay:after {
background-image: linear-gradient(-135deg, #d38312, #002f4b);
}
.slide-mask .tie-slide-3 .thumb-overlay:after {
background-image: linear-gradient(135deg, #292484, #dc4225);
}
.slide-mask .tie-slide-4 .thumb-overlay:after {
background-image: linear-gradient(-135deg, #e0be00, #dc4225);
}
.slide-mask .tie-slide-5 .thumb-overlay:after {
background-image: linear-gradient(135deg, #5f2c82, #49a09d);
}
.slide-mask .tie-slide-6 .thumb-overlay:after {
background-image: linear-gradient(135deg, #7474BF, #348AC7);
}
.is-slider-overlay-disabled .thumb-overlay {
background-color: rgba(0, 0, 0, 0.05);
}
.dark-skin .is-slider-overlay-disabled .thumb-overlay {
background-color: rgba(255, 255, 255, 0.05);
}
.is-slider-overlay-disabled .thumb-overlay:after {
display: none;
}
.slider-area {
position: relative;
overflow: hidden;
}
.slider-area .icon {
position: relative;
float: right;
margin: -9px -5px 0 10px;
height: 40px;
width: 40px;
color: #ffffff;
text-align: center;
font-size: 32px;
line-height: 32px;
z-index: 8;
pointer-events: none;
}
.slider-area .post-rating,
.slider-area .digital-rating {
float: right;
position: relative;
top: 0;
right: -5px;
}
.slider-area .digital-rating {
top: -9px;
}
.slider-area .digital-rating .pie-wrap {
height: 40px;
width: 40px;
float: right;
}
.slider-area .icon,
.slider-area .post-cat-wrap,
.slider-area .post-rating,
.slider-area .digital-rating {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (max-width: 767px) {
.slider-area .icon,
.slider-area .post-rating,
.slider-area .digital-rating {
display: none;
}
}
.third-party-slider {
margin-bottom: 50px;
}
.slick-slider {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
width: 99%;
width: calc(100% - 10px);
}
.slick-list a, .slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.tie-main-slider .slick-slide img {
display: none;
max-width: none;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.tie-slick-dots {
position: absolute;
bottom: 100px;
list-style: none;
display: block;
text-align: left;
padding: 0;
width: 100%;
}
@media (max-width: 1199px) {
.tie-slick-dots {
bottom: 30px;
}
}
.tie-slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 11px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}
.tie-slick-dots button {
border: 0;
display: block;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
cursor: pointer;
background: #2c2f34;
height: 8px;
width: 8px;
padding: 0;
margin: 1px;
border-radius: 100%;
transition: 0.3s;
}
.tie-slick-dots button:hover, .tie-slick-dots button:focus {
outline: none;
}
.tie-slick-dots button:hover:before, .tie-slick-dots button:focus:before {
opacity: 1;
}
.tie-slick-dots .slick-active button,
.tie-slick-dots button:hover {
background: #0088ff;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
.fullwidth-slider-wrapper .tie-slick-dots .slick-active button,
.boxed-slider-wrapper .tie-slick-dots .slick-active button, .fullwidth-slider-wrapper
.tie-slick-dots button:hover,
.boxed-slider-wrapper
.tie-slick-dots button:hover {
background: #ffffff;
}
.slide-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center top;
transition: opacity 0.5s;
opacity: 0;
}
.slide-bg[style] {
opacity: 1;
}
.main-slider {
position: relative;
z-index: 3;
}
.main-slider .slider-main-container {
max-width: 100%;
width: 100%;
padding: 0;
}
.main-slider .slick-list {
width: 100%;
}
.main-slider .slide {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.main-slider .tie-slick-slider:not(.slick-initialized) .slide {
display: none;
}
.main-slider .tie-slick-slider:not(.slick-initialized) .slide:first-child,
.main-slider .tie-slick-slider:not(.slick-initialized) .tie-slider-nav + .slide {
display: block;
}
.main-slider .tie-slick-dots {
pointer-events: none;
}
.main-slider .tie-slick-dots li {
pointer-events: auto;
}
.main-slider .slide-overlay .container {
max-width: 100%;
}
.main-slider .thumb-meta {
color: #ffffff;
}
.main-slider .thumb-meta a:not(:hover),
.main-slider .thumb-meta .post-meta a:not(:hover) {
color: #ffffff;
}
.main-slider .thumb-meta a:not(:hover):hover,
.main-slider .thumb-meta .post-meta a:not(:hover):hover {
opacity: 0.8;
}
.main-slider .thumb-meta .tie-alignright {
float: none;
display: inline-block;
}
@media (max-width: 991px) {
.main-slider .thumb-desc {
display: none;
}
}
@media (max-width: 479px) {
.main-slider .thumb-title {
font-size: 16px !important;
}
}
@media (max-width: 320px) {
.main-slider .post-cat,
.main-slider .thumb-meta {
display: none;
}
}
.all-over-thumb-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 2;
}
.wide-slider-three-slids-wrapper .tie-slick-slider:not(.slick-initialized) .slide,
.boxed-slider-three-slides-wrapper .tie-slick-slider:not(.slick-initialized) .slide,
.boxed-five-slides-slider .tie-slick-slider:not(.slick-initialized) .slide,
.boxed-four-taller-slider .tie-slick-slider:not(.slick-initialized) .slide {
display: none !important;
}
.wide-slider-wrapper .slide {
height: 400px;
}
.wide-slider-wrapper .thumb-overlay {
padding: 40px;
}
.wide-slider-wrapper .thumb-overlay .container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.wide-slider-wrapper .thumb-overlay .container:before {
clear: both;
}
.wide-slider-wrapper .thumb-title {
font-size: 40px;
color: #ffffff;
line-height: 1.2;
}
.wide-slider-wrapper div.post-rating,
.wide-slider-wrapper div.digital-rating {
float: left;
top: -5px;
left: 0;
}
.wide-slider-wrapper span.icon {
margin: -5px 0 0 0;
}
.wide-slider-wrapper span.post-cat-wrap {
float: none;
clear: both;
}
@media (min-width: 992px) {
.wide-slider-wrapper .thumb-title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 4em;
}
.full-width .wide-slider-wrapper .slide {
height: 500px;
}
.full-width .wide-slider-wrapper .thumb-title {
font-size: 50px;
}
.full-width .wide-slider-wrapper .post-cat-wrap {
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.wide-slider-wrapper .slide {
height: 300px;
}
.wide-slider-wrapper .thumb-overlay {
padding: 40px 60px 0;
}
.wide-slider-wrapper .thumb-title {
font-size: 25px;
}
}
@media (max-width: 479px) {
.wide-slider-wrapper .slide {
height: 220px;
}
.wide-slider-wrapper .thumb-overlay {
padding: 40px 40px 0;
}
}
.fullwidth-slider-wrapper {
overflow: hidden;
background: transparent;
}
.fullwidth-slider-wrapper .tie-slick-dots {
position: relative;
max-width: 850px;
height: 30px;
margin: -30px auto 0;
bottom: 70px;
padding: 0 60px;
}
.has-builder .has-sidebar .fullwidth-slider-wrapper .tie-slick-dots {
padding: 0 40px;
}
.fullwidth-slider-wrapper .thumb-overlay .container {
max-width: 850px;
padding: 0;
}
.fullwidth-slider-wrapper .post-cat-wrap {
margin-bottom: 10px;
}
.fullwidth-slider-wrapper .thumb-content {
top: 0;
position: relative;
padding: 0;
}
@media (min-width: 992px) {
.full-width .fullwidth-slider-wrapper .tie-slick-dots {
padding: 0;
}
.has-builder .has-sidebar .fullwidth-slider-wrapper .thumb-content {
top: auto;
bottom: 20px;
}
.has-builder .has-sidebar .fullwidth-slider-wrapper .thumb-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 2.5em;
}
}
@media (max-width: 479px) {
.fullwidth-slider-wrapper .thumb-meta {
display: none;
}
}
.centered-title-slider .slide .container {
width: 100%;
}
.centered-title-slider .thumb-overlay .container {
top: 42%;
text-align: center;
}
.centered-title-slider div.thumb-content {
width: 100%;
top: 0;
position: relative;
padding: 0;
}
.centered-title-slider .thumb-title {
max-width: 450px;
margin: 0 auto 15px;
}
@media (min-width: 992px) {
.full-width .centered-title-slider .thumb-title {
max-width: 650px;
}
}
.centered-title-slider .post-cat-wrap {
margin-bottom: 20px;
width: 100%;
}
@media (max-width: 767px) {
.centered-title-slider .post-cat-wrap {
margin-bottom: 20px;
}
.centered-title-slider .thumb-meta {
display: none;
}
}
.wide-next-prev-slider-wrapper .slider-main-container {
max-width: 1200px;
padding: 0 15px;
}
.wide-next-prev-slider-wrapper .slick-list {
width: 100%;
padding: 0 !important;
overflow: inherit;
}
.wide-next-prev-slider-wrapper .tie-slider-nav {
width: 90%;
left: 5%;
opacity: 1;
}
.wide-next-prev-slider-wrapper .tie-slider-nav span {
background: transparent !important;
color: #ffffff;
font-size: 80px;
}
.wide-next-prev-slider-wrapper .tie-slider-nav li:hover span {
color: #0088ff;
}
@media (max-width: 767px) {
.wide-next-prev-slider-wrapper .tie-slider-nav {
left: 1%;
width: 98%;
}
.wide-next-prev-slider-wrapper .tie-slider-nav span {
font-size: 50px;
}
}
.wide-slider-with-navfor-wrapper .thumb-title {
max-width: 850px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.wide-slider-with-navfor-wrapper .thumb-title {
max-height: 2.5em;
-webkit-line-clamp: 2;
font-size: 30px;
}
}
@media (min-width: 992px) {
.full-width .wide-slider-with-navfor-wrapper .thumb-title {
max-height: 4em;
-webkit-line-clamp: 3;
font-size: 40px;
}
}
.wide-slider-nav-wrapper {
height: 110px;
overflow: hidden;
width: 100%;
position: absolute;
bottom: 0;
z-index: 3;
opacity: 0;
padding: 0 35px;
background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.wide-slider-nav-wrapper {
display: none;
}
}
.wide-slider-nav-wrapper .slick-list {
width: 100%;
}
.wide-slider-nav-wrapper .slide {
cursor: pointer;
transition: 0.3s;
height: 110px;
color: #0088ff;
}
.wide-slider-nav-wrapper .slick-current {
box-shadow: inset 0 -5px 0 0;
}
.wide-slider-nav-wrapper .slide-overlay {
padding: 35px 15px 0;
}
.wide-slider-nav-wrapper .thumb-meta {
color: #e6e6e6;
margin-bottom: 2px;
}
.wide-slider-nav-wrapper .thumb-title {
font-size: 16px;
color: #ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.wide-slider-nav-wrapper .tie-slider-nav {
margin: -23px -35px;
opacity: 1;
}
.wide-slider-three-slids-wrapper {
min-height: 390px;
}
.wide-slider-three-slids-wrapper .slide {
height: 390px;
}
.wide-slider-three-slids-wrapper .thumb-overlay {
padding: 20px;
}
.wide-slider-three-slids-wrapper .thumb-overlay .container {
padding: 0;
}
.wide-slider-three-slids-wrapper .thumb-content {
padding: 20px;
}
.wide-slider-three-slids-wrapper .thumb-title {
font-size: 24px;
}
@media (max-width: 1199px) {
.wide-slider-three-slids-wrapper {
min-height: 330px;
}
.wide-slider-three-slids-wrapper .slide {
height: 330px;
}
}
@media (max-width: 767px) {
.wide-slider-three-slids-wrapper {
min-height: 280px;
}
.wide-slider-three-slids-wrapper .slide {
height: 280px;
}
.wide-slider-three-slids-wrapper .thumb-title {
font-size: 20px;
}
}
@media (max-width: 479px) {
.wide-slider-three-slids-wrapper {
min-height: 220px;
}
.wide-slider-three-slids-wrapper .slide {
height: 220px;
}
}
.boxed-slider {
height: auto;
}
.boxed-slider .tie-slick-slider {
overflow: hidden;
}
.boxed-slider .slick-list {
width: 100%;
width: calc(100% + 30px);
margin: 0 -15px;
overflow: inherit;
}
.boxed-slider .slide {
margin: 0 15px;
height: 318px;
}
.boxed-slider .thumb-overlay {
padding: 30px;
}
.boxed-slider .thumb-title {
font-size: 20px;
}
@media (max-width: 670px) {
.boxed-slider .thumb-title {
font-size: 16px;
}
}
.boxed-slider .tie-slick-dots {
position: relative;
bottom: -20px;
height: 0;
text-align: center;
}
.slider-area .boxed-five-slides-slider .slick-dotted,
.slider-area .boxed-four-taller-slider .slick-dotted,
.slider-area .boxed-slider-three-slides-wrapper .slick-dotted {
padding-bottom: 46px;
}
.slider-area .boxed-five-slides-slider .tie-slider-nav,
.slider-area .boxed-four-taller-slider .tie-slider-nav,
.slider-area .boxed-slider-three-slides-wrapper .tie-slider-nav {
margin-top: -46px;
}
.boxed-slider-three-slides-wrapper {
min-height: 318px;
}
.boxed-slider-three-slides-wrapper .thumb-overlay,
.boxed-slider-three-slides-wrapper .thumb-content {
padding: 20px;
}
@media (max-width: 1024px) {
.boxed-slider-three-slides-wrapper {
min-height: 280px;
}
.boxed-slider-three-slides-wrapper .slide {
height: 280px;
}
}
@media (max-width: 767px) {
.boxed-slider-three-slides-wrapper {
min-height: 220px;
}
.boxed-slider-three-slides-wrapper .slide {
height: 220px;
}
}
.boxed-five-slides-slider {
min-height: 155px;
}
.boxed-five-slides-slider .slide {
height: 155px;
}
@media (max-width: 550px) {
.boxed-five-slides-slider .slide {
height: 180px;
}
}
.boxed-five-slides-slider .thumb-overlay,
.boxed-five-slides-slider div.thumb-content {
padding: 10px;
}
.boxed-five-slides-slider .thumb-meta {
margin-bottom: 0;
}
.boxed-five-slides-slider .thumb-title {
margin-bottom: 0;
font-size: 14px;
pointer-events: none;
}
.boxed-five-slides-slider span.icon {
width: 30px;
height: 30px;
margin: 0;
}
.boxed-five-slides-slider .icon:before, .boxed-five-slides-slider .icon:after {
width: 30px;
height: 30px;
}
.boxed-five-slides-slider .icon:before {
line-height: 26px;
font-size: 12px;
}
.boxed-four-taller-slider {
margin-bottom: 10px;
min-height: 440px;
}
.boxed-four-taller-slider .slick-list {
width: calc(100% + 2px);
margin: 0 -1px;
}
.boxed-four-taller-slider .slide {
margin: 0 1px 0 0;
height: 440px;
}
.boxed-four-taller-slider .thumb-overlay,
.boxed-four-taller-slider .thumb-content {
padding: 20px;
}
@media (max-width: 1024px) {
.boxed-four-taller-slider {
min-height: 220px;
}
.boxed-four-taller-slider .slide {
height: 220px;
}
.boxed-four-taller-slider .thumb-title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
max-height: 4.2em;
}
}
@media (max-width: 900px) {
.boxed-four-taller-slider {
min-height: 180px;
}
.boxed-four-taller-slider .slide {
height: 180px;
}
}
.boxed-slider-wrapper {
height: auto;
}
.boxed-slider-wrapper .slick-list {
margin: 0;
width: 100%;
overflow: hidden;
}
.boxed-slider-wrapper .slide {
margin: 0;
height: 380px;
}
.boxed-slider-wrapper .tie-slick-dots {
position: absolute;
bottom: 30px;
right: 30px;
width: calc(100% - 60px);
height: 6px;
text-align: right;
}
.boxed-slider-wrapper .tie-slick-dots li {
vertical-align: top;
}
.boxed-slider-wrapper .thumb-title {
font-size: 38px;
}
@media (min-width: 992px) {
.full-width .boxed-slider-wrapper .slide {
height: 480px;
}
.boxed-slider-wrapper .thumb-content {
max-width: 80%;
}
}
@media (max-width: 991px) {
.boxed-slider-wrapper .thumb-desc {
display: none;
}
}
@media (max-width: 767px) {
.boxed-slider-wrapper .slide {
height: 300px;
}
.boxed-slider-wrapper .thumb-overlay,
.boxed-slider-wrapper .thumb-content {
padding: 20px;
}
.boxed-slider-wrapper .thumb-title {
font-size: 25px;
}
}
@media (max-width: 670px) {
.boxed-slider-wrapper .slide {
height: 250px;
}
}
@media (max-width: 479px) {
.boxed-slider-wrapper .slide {
height: 200px;
}
.boxed-slider-wrapper .thumb-title {
font-size: 20px;
}
}
.boxed-slider-wrapper .tie-slick-slider:hover .thumb-overlay:after {
opacity: 0.9;
}
.grid-slider-wrapper .container {
position: relative;
}
.grid-slider-wrapper .slick-list {
width: 100.0833334%;
width: calc(100% + 1px);
margin: 0 -1px 0 0;
}
.grid-slider-wrapper .slide {
margin: 0;
height: 500px;
}
.grid-slider-wrapper .thumb-overlay,
.grid-slider-wrapper .thumb-content {
padding: 20px 20px 15px;
}
@media (max-width: 767px) {
.grid-slider-wrapper .thumb-overlay,
.grid-slider-wrapper .thumb-content {
padding: 10px;
}
}
.grid-slider-wrapper .thumb-title {
font-size: 20px;
}
@media (max-width: 991px) {
.grid-slider-wrapper .thumb-title {
font-size: 16px;
}
}
@media (max-width: 767px) {
.grid-slider-wrapper .thumb-title {
white-space: normal;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
max-height: 2.8em;
}
}
.grid-slider-wrapper .grid-item {
position: relative;
overflow: hidden;
margin-bottom: 1px;
margin-right: 1px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.grid-slider-wrapper .grid-item:nth-child(1) {
float: left;
width: 49.8%;
width: calc(50% - 1px);
height: 100%;
}
.grid-slider-wrapper .grid-item:nth-child(2), .grid-slider-wrapper .grid-item:nth-child(3) {
margin-bottom: 1px;
}
.grid-slider-wrapper .grid-item:nth-child(n + 2) {
float: left;
width: 25%;
width: calc(25% - 1px);
height: 50%;
}
.has-builder .has-sidebar .grid-slider-wrapper .thumb-desc {
display: none;
}
@media (max-width: 479px) {
.grid-slider-wrapper .thumb-meta {
display: none;
}
}
.grid-2-big .slide {
height: 360px;
}
@media (min-width: 992px) {
.full-width .grid-2-big .slide {
height: 400px;
}
}
@media (min-width: 768px) {
.grid-2-big .thumb-title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.grid-2-big .slide {
height: 200px;
}
}
.grid-2-big .grid-item {
float: left;
width: 49.5%;
width: calc(50% - 1px);
height: 100%;
}
.grid-2-big .grid-item:nth-child(2) {
width: 50%;
height: 100%;
margin-right: 0;
}
.has-builder .has-sidebar .grid-2-big .thumb-desc {
display: block;
}
@media (max-width: 479px) {
.grid-2-big .slide {
height: auto;
}
.grid-2-big .grid-item:nth-child(n) {
width: 100%;
margin-right: 0;
height: 180px;
}
}
.grid-3-slides .slide {
height: 380px;
}
@media (max-width: 767px) {
.grid-3-slides .slide {
height: 300px;
}
}
@media (min-width: 992px) {
.full-width .grid-3-slides .slide {
height: 470px;
}
}
.grid-3-slides .grid-item:nth-child(1) {
float: left;
width: 65.7%;
width: calc(66% - 1px);
height: calc(100% - 1px);
}
.grid-3-slides .grid-item:nth-child(n + 2) {
width: 34%;
margin-right: 0;
height: calc(50% - 1px);
}
@media (min-width: 992px) {
.full-width .grid-3-slides-half-first .grid-item:nth-child(1) {
width: calc(50% - 1px);
height: 100%;
}
.full-width .grid-3-slides-half-first .grid-item:nth-child(2) {
width: calc(25% - 1px);
margin-right: 1px;
height: 100%;
}
.full-width .grid-3-slides-half-first .grid-item:nth-child(3) {
width: 25%;
margin-right: 0;
height: 100%;
}
}
.grid-4-big-first-half-second .slide {
height: 700px;
display: block;
}
@media (max-width: 767px) {
.grid-4-big-first-half-second .slide {
height: 480px;
}
}
.grid-4-big-first-half-second .grid-item:nth-child(1) {
height: 40%;
width: 100%;
}
.grid-4-big-first-half-second .grid-item:nth-child(2) {
height: 30%;
width: 100%;
}
.grid-4-big-first-half-second .grid-item:nth-child(3) {
height: 30%;
margin-right: 1px;
width: calc(50% - 1px);
}
.grid-4-big-first-half-second .grid-item:nth-child(4) {
width: 50%;
height: 30%;
margin-right: 0;
}
@media (min-width: 992px) {
.full-width .grid-4-big-first-half-second .slide {
height: 470px;
}
.full-width .grid-4-big-first-half-second .grid-item {
float: left;
height: 50%;
}
.full-width .grid-4-big-first-half-second .grid-item:nth-child(1) {
height: 100%;
width: calc(50% - 1px);
}
.full-width .grid-4-big-first-half-second .grid-item:nth-child(2) {
width: 50%;
margin-right: 0;
}
.full-width .grid-4-big-first-half-second .grid-item:nth-child(3) {
width: 24.9%;
width: calc(25% - 1px);
}
.full-width .grid-4-big-first-half-second .grid-item:nth-child(4) {
width: 25%;
margin-right: 0;
}
}
.grid-4-slides .slide {
height: auto;
}
.grid-4-slides .grid-item:nth-child(n) {
width: 49.9%;
width: calc(50% - 1px);
height: 180px;
}
@media (min-width: 992px) {
.full-width .grid-4-slides .grid-item:nth-child(n) {
height: 250px;
}
}
@media (max-width: 767px) {
.grid-4-slides .grid-item:nth-child(n) {
height: 150px;
}
}
.grid-4-slides .grid-item:nth-child(2), .grid-4-slides .grid-item:nth-child(4) {
width: 50%;
margin-right: 0;
}
.grid-5-in-rows .slide {
height: auto;
}
.grid-5-in-rows .grid-item:nth-child(n) {
height: 180px;
}
@media (min-width: 992px) {
.full-width .grid-5-in-rows .grid-item:nth-child(n) {
height: 250px;
}
}
@media (max-width: 767px) {
.grid-5-in-rows .grid-item:nth-child(n) {
height: 150px;
}
}
.grid-5-in-rows .grid-item:nth-child(1) {
width: 49.9%;
width: calc(50% - 1px);
}
.grid-5-in-rows .grid-item:nth-child(2) {
width: 50%;
margin-right: 0;
}
.grid-5-in-rows .grid-item:nth-child(3) {
clear: left;
}
.grid-5-in-rows .grid-item:nth-child(3), .grid-5-in-rows .grid-item:nth-child(4) {
width: 33.2%;
width: calc(33.3334% - 1px);
}
.grid-5-in-rows .grid-item:nth-child(5) {
width: calc(33.337% - 0.5px);
margin-right: 0;
}
@media (max-width: 991px) {
.grid-5-in-rows .grid-item:nth-child(5) {
width: 33.334%;
}
}
@media (max-width: 600px) {
.grid-3-slides .slide,
.grid-5-in-rows .slide {
display: block;
height: auto;
}
.grid-3-slides .grid-item:nth-child(n),
.grid-5-in-rows .grid-item:nth-child(n) {
height: 140px;
}
.grid-3-slides .grid-item:first-child,
.grid-5-in-rows .grid-item:first-child {
width: 100%;
height: 200px;
margin-right: 0;
}
.grid-3-slides .grid-item:nth-child(even),
.grid-5-in-rows .grid-item:nth-child(even) {
width: 49.9%;
width: calc(50% - 1px);
margin-right: 1px;
clear: none;
}
.grid-3-slides .grid-item:nth-child(n + 3):nth-child(odd),
.grid-5-in-rows .grid-item:nth-child(n + 3):nth-child(odd) {
width: 50%;
margin-right: 0;
clear: none;
}
}
.grid-5-big-centerd .slide {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.grid-5-big-centerd .tie-slider-nav + .slide {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.grid-5-big-centerd .grid-item:nth-child(n + 2) {
height: 49.9%;
height: calc(50% - 1px);
}
.grid-5-big-centerd .grid-item:nth-child(1) {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.grid-5-big-centerd .grid-item:nth-child(2) {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.grid-5-big-centerd .grid-item:nth-child(3) {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.grid-5-big-centerd .grid-item:nth-child(4) {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.grid-5-big-centerd .grid-item:nth-child(5) {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.grid-5-big-centerd .grid-item:nth-child(n + 4) {
width: 25%;
margin-right: 0;
}
.grid-5-slider .grid-item:nth-child(1) {
width: 100%;
height: 50%;
margin-right: 0;
}
.grid-5-slider .grid-item:nth-child(2), .grid-5-slider .grid-item:nth-child(3) {
height: 25%;
width: 49.9%;
width: calc(50% - 1px);
}
.grid-5-slider .grid-item:nth-child(n + 4) {
height: 25%;
margin-right: 1px;
width: calc(50% - 1px);
}
.grid-5-slider .grid-item:nth-child(n + 3):nth-child(odd) {
width: 50%;
margin-right: 0;
}
.grid-5-slider .slide {
height: 800px;
}
@media (max-width: 767px) {
.grid-5-slider .slide {
height: 600px;
}
}
@media (max-width: 600px) {
.grid-5-slider .slide {
height: 500px;
}
.grid-5-slider .grid-item:nth-child(1) {
height: 40%;
}
.grid-5-slider .grid-item:nth-child(n + 2) {
height: 30%;
}
}
@media (max-width: 479px) {
.grid-5-slider .slide {
height: 470px;
}
}
@media (min-width: 992px) {
.full-width .grid-5-big-centerd .slide {
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
box-orient: vertical;
box-direction: normal;
}
.full-width .grid-5-slider .slide {
height: 470px;
}
.full-width .grid-5-slider .grid-item:nth-child(1) {
width: 50%;
height: 100%;
margin-right: 1px;
}
.full-width .grid-5-slider .grid-item:nth-child(n + 2) {
height: calc(50% - 1px);
width: 24.9%;
width: calc(25% - 1px);
}
.full-width .grid-5-first-big .grid-item:nth-child(n + 2) {
height: 50%;
}
}
.grid-6-slides {
min-height: 180px;
}
@media (max-width: 991px) {
.grid-6-slides {
min-height: 100px;
}
}
.grid-6-slides .slide {
height: auto;
}
.grid-6-slides .grid-item {
float: left;
}
.grid-6-slides .grid-item:nth-child(n) {
height: 180px;
width: 33.2%;
width: calc(33.3334% - 1px);
}
@media (min-width: 992px) {
.full-width .grid-6-slides .grid-item:nth-child(n) {
height: 225px;
}
}
@media (max-width: 767px) {
.grid-6-slides .grid-item:nth-child(n) {
height: 145px;
}
}
.grid-6-slides .grid-item:nth-child(4) {
clear: left;
}
.grid-6-slides .grid-item:nth-child(3), .grid-6-slides .grid-item:nth-child(6) {
width: calc(33.337% - 0.5px);
margin-right: 0;
}
@media (max-width: 991px) {
.grid-6-slides .grid-item:nth-child(3), .grid-6-slides .grid-item:nth-child(6) {
width: 33.334%;
}
}
@media (max-width: 600px) {
.grid-6-slides .slide {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.grid-6-slides .grid-item:nth-child(odd) {
width: calc(50% - 1px);
margin-right: 1px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.grid-6-slides .grid-item:nth-child(even) {
width: 50%;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 0;
clear: none;
}
}
.slider-vertical-navigation {
position: relative;
z-index: 1;
}
.slider-vertical-navigation .post-cat-wrap {
margin-bottom: 10px;
}
.slider-vertical-navigation .thumb-meta {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.slider-vertical-navigation span.icon {
float: left;
margin-right: 10px;
}
.slider-vertical-navigation div.post-rating {
top: 5px;
}
@media (min-width: 768px) {
.slider-vertical-navigation .slider-main-container .thumb-overlay {
padding-top: 90px;
}
.slider-vertical-navigation .slider-main-container .thumb-overlay .container {
top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 60%;
margin-left: 0;
padding: 0;
}
}
.slider-vertical-navigation .thumb-meta > span {
display: inline-block;
}
.slider-vertical-navigation .slick-initialized .post-cat-wrap,
.slider-vertical-navigation .slick-initialized .thumb-meta,
.slider-vertical-navigation .slick-initialized .thumb-title {
overflow: hidden;
}
.slider-vertical-navigation .slick-initialized .post-cat-wrap a,
.slider-vertical-navigation .slick-initialized .thumb-meta > span,
.slider-vertical-navigation .slick-initialized .thumb-title a,
.slider-vertical-navigation .slick-initialized .read-next-button {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
transition: 1s;
}
.slider-vertical-navigation .slick-initialized .thumb-title a {
display: block;
-webkit-transform: translateY(140px);
-ms-transform: translateY(140px);
transform: translateY(140px);
}
.slider-vertical-navigation .slick-current .post-cat-wrap a,
.slider-vertical-navigation .slick-current .thumb-meta > span,
.slider-vertical-navigation .slick-current .thumb-title a,
.slider-vertical-navigation .slick-current .read-next-button {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slider-vertical-navigation .thumb-content {
padding: 0;
position: relative;
}
.has-sidebar .slider-vertical-navigation .wide-slider-nav-wrapper {
padding: 0 15px 0 0;
}
@media (min-width: 992px) {
.has-builder .has-sidebar .grid-3-slides .grid-item:nth-child(n + 2) .thumb-title,
.has-builder .has-sidebar .grid-5-in-rows .thumb-title,
.has-builder .has-sidebar .grid-4-slides .thumb-title,
.has-builder .has-sidebar .grid-6-slides .thumb-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 2.6em;
}
.has-builder .has-sidebar .grid-3-slides .grid-item:nth-child(n + 2) .thumb-overlay,
.has-builder .has-sidebar .grid-3-slides .grid-item:nth-child(n + 2) .thumb-content,
.has-builder .has-sidebar .grid-5-in-rows .thumb-overlay,
.has-builder .has-sidebar .grid-5-in-rows .thumb-content,
.has-builder .has-sidebar .grid-4-slides .thumb-overlay,
.has-builder .has-sidebar .grid-4-slides .thumb-content,
.has-builder .has-sidebar .grid-6-slides .thumb-overlay,
.has-builder .has-sidebar .grid-6-slides .thumb-content {
padding: 20px 15px 10px;
}
}
.grid-3-slides .grid-item:nth-child(1) .thumb-desc,
.grid-5-slider .grid-item:nth-child(1) .thumb-desc,
.grid-4-big-first-half-second .grid-item:nth-child(1) .thumb-desc {
opacity: 1;
max-height: 100px;
margin-top: 5px;
}
@media (min-width: 768px) {
.grid-3-slides .grid-item:nth-child(1) .thumb-title,
.grid-5-slider .grid-item:nth-child(1) .thumb-title,
.grid-4-big-first-half-second .grid-item:nth-child(1) .thumb-title {
font-size: 35px;
}
.grid-4-slides .thumb-title,
.grid-5-in-rows .grid-item:nth-child(-n + 2) .thumb-title {
font-size: 24px;
}
}
@media (max-width: 1199px) {
.boxed-four-taller-slider .icon,
.boxed-four-taller-slider .post-rating,
.boxed-four-taller-slider .digital-rating {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.full-width .grid-5-slider .grid-item:nth-child(n + 2) .icon,
.full-width .grid-5-slider .grid-item:nth-child(n + 2) .post-rating,
.full-width .grid-5-slider .grid-item:nth-child(n + 2) .digital-rating,
.full-width .grid-4-big-first-half-second .grid-item:nth-child(n + 3) .icon,
.full-width .grid-4-big-first-half-second .grid-item:nth-child(n + 3) .post-rating,
.full-width .grid-4-big-first-half-second .grid-item:nth-child(n + 3) .digital-rating {
display: none;
}
}
@media (max-width: 991px) {
.grid-6-slides .icon,
.grid-6-slides .post-rating,
.grid-6-slides .digital-rating,
.grid-5-in-rows .grid-item:nth-child(n + 3) .icon,
.grid-5-in-rows .grid-item:nth-child(n + 3) .post-rating,
.grid-5-in-rows .grid-item:nth-child(n + 3) .digital-rating,
.grid-3-slides .grid-item:nth-child(n + 2) .icon,
.grid-3-slides .grid-item:nth-child(n + 2) .post-rating,
.grid-3-slides .grid-item:nth-child(n + 2) .digital-rating {
display: none;
}
}
@media (max-width: 320px) {
.grid-3-slides .slide,
.grid-4-slides .slide,
.grid-4-big-first-half-second .slide,
.grid-5-in-rows .slide,
.grid-5-slider .slide,
.grid-6-slides .slide {
height: auto;
}
.grid-3-slides .grid-item:nth-child(n),
.grid-4-slides .grid-item:nth-child(n),
.grid-4-big-first-half-second .grid-item:nth-child(n),
.grid-5-in-rows .grid-item:nth-child(n),
.grid-5-slider .grid-item:nth-child(n),
.grid-6-slides .grid-item:nth-child(n) {
width: 100% !important;
margin-right: 0 !important;
height: 120px;
}
}
.tie-slider-widget .main-slider {
z-index: 2;
}
.tie-slider-widget .slide img {
display: none;
}
.normal-side .tie-slider-widget .container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.normal-side .tie-slider-widget .tie-slick-slider:not(.slick-initialized) .slide:first-child {
display: block !important;
}
.normal-side .tie-slider-widget .slick-list {
width: 100%;
margin: 0;
}
.normal-side .tie-slider-widget .slide {
margin: 0;
height: 220px;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.normal-side .tie-slider-widget .slide {
height: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.sidebar.normal-side .tie-slider-widget .slide {
height: 400px;
}
}
.normal-side .tie-slider-widget .thumb-overlay {
padding: 20px;
}
.normal-side .tie-slider-widget .thumb-title {
font-size: 18px;
}
.normal-side .tie-slider-widget .tie-slider-nav li {
padding: 0;
}
.fullwidth-area .main-slider-inner > .container,
.fullwidth-area > .container {
padding: 0;
}
.fullwidth-area .tie-slick-dots {
display: none !important;
}
.vertical-slider-nav {
top: 0;
right: 0;
left: auto;
width: 30%;
height: 100%;
padding: 0 15px;
background: transparent;
}
.vertical-slider-nav .slick-list {
max-height: 500px;
}
.vertical-slider-nav .slide {
height: auto;
margin-bottom: 20px;
box-shadow: inset 0 0 0 0 #fff;
transition: 0.5s 0.3s;
opacity: 0.5;
transition: opacity 0.3s;
}
.vertical-slider-nav .slide-overlay {
padding: 20px 0;
}
.vertical-slider-nav .container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.vertical-slider-nav .thumb-title {
font-size: 19px;
line-height: 1.4em;
max-height: 2.8em;
font-weight: 300;
white-space: inherit;
}
.vertical-slider-nav .thumb-meta {
display: none;
}
.vertical-slider-nav .slick-current {
opacity: 1;
}
.section-item.has-sidebar .vertical-slider-nav,
.single-post.has-sidebar .vertical-slider-nav {
width: 40%;
}
.section-item.has-sidebar .vertical-slider-nav .slide-overlay,
.single-post.has-sidebar .vertical-slider-nav .slide-overlay {
padding: 15px 0;
}
.section-item.has-sidebar .vertical-slider-nav .thumb-title,
.single-post.has-sidebar .vertical-slider-nav .thumb-title {
font-size: 14px;
}
.vertical-slider-nav:before, .vertical-slider-nav:after {
content: '';
position: absolute;
top: -25px;
left: 0;
width: 100%;
height: 40px;
z-index: 1;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, rgba(204, 204, 204, 0) 65%, rgba(229, 229, 229, 0) 100%);
}
.vertical-slider-nav:after {
bottom: -25px;
top: auto;
}
.vertical-slider-nav .tie-slider-nav {
width: auto;
height: 100%;
top: 0;
margin: 0;
left: calc(50% - 23px);
z-index: 2;
}
.vertical-slider-nav .tie-slider-nav li {
position: absolute;
width: 46px;
height: 25px;
transition: opacity 0.4s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.4s;
transition: transform 0.3s, opacity 0.4s, -webkit-transform 0.3s;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.vertical-slider-nav .tie-slider-nav li span {
width: 46px;
height: 25px;
line-height: 25px;
border-radius: 0 0 2px 2px;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.vertical-slider-nav .tie-slider-nav li span:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
}
.vertical-slider-nav .tie-slider-nav li:first-child {
bottom: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.vertical-slider-nav .tie-slider-nav li:first-child span {
border-radius: 2px 2px 0 0;
}
.vertical-slider-nav:hover .tie-slider-nav li {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/** Side Aside (Secondary Sidebar) (Hidden Sidebar) */
#tie-wrapper:after {
position: absolute;
z-index: 1000;
top: -10%;
left: -50%;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.2);
content: '';
opacity: 0;
cursor: pointer;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.side-aside {
position: fixed;
top: 0;
right: 0;
z-index: 111;
visibility: hidden;
width: 350px;
max-width: 100%;
height: 100%;
background: #161619;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0s;
-webkit-transform: translate3d(350px, 0, 0);
transform: translate3d(350px, 0, 0);
overflow-y: auto;
}
.dark-skin .side-aside {
background: #111114;
}
@media (max-width: 991px) {
.side-aside {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.side-aside.is-fullwidth {
width: 100%;
}
}
.is-mobile .side-aside .side-aside-wrapper,
.is-desktop .side-aside .mCSB_container {
padding: 50px 0 0;
}
.admin-bar.is-desktop .side-aside .mCSB_container,
.is-mobile.admin-bar .side-aside .side-aside-wrapper {
padding-top: 72px;
}
.side-aside .widget-content-only:first-child {
margin-top: 20px;
}
.side-aside.dark-skin .container-wrapper {
border-radius: 0;
border: 0;
background: transparent;
}
.side-aside:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
opacity: 1;
transition: opacity 0.5s;
}
.side-aside .tie-slider-widget {
position: relative;
z-index: 1;
}
.side-aside .container-wrapper {
padding: 30px !important;
}
.side-aside .widget-content-only {
padding: 0 !important;
}
.side-aside-open #tie-wrapper:after {
width: 200%;
height: 110%;
opacity: 1;
transition: opacity 0.5s;
}
.border-layout .side-aside-open #tie-wrapper:after {
opacity: 0;
}
.side-aside-open .side-aside {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
.side-aside-open .side-aside:after {
display: none;
width: 0;
height: 0;
opacity: 0;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/** Footer */
#footer .container-wrapper {
padding: 15px 0;
margin: 0;
background: transparent;
}
.site-footer {
margin-top: 50px;
padding: 0;
}
@media (max-width: 991px) {
.site-footer {
margin-top: 30px;
}
.section-wrapper.has-background + .site-footer {
margin-top: 0;
}
}
.container-full.has-background + .site-footer {
margin-top: 0;
overflow: hidden;
}
.site-footer .widget-title-icon {
display: none;
}
.site-footer .widget,
.site-footer .widget-content-only {
margin-bottom: 0;
border: 0;
}
.site-footer .widget.buddypress,
.site-footer .widget-content-only.buddypress {
margin-bottom: 30px;
}
.site-footer .widget.tie-weather-widget {
margin: 15px 0;
}
@media (max-width: 767px) {
.site-footer .widget {
margin-bottom: 20px;
}
}
.site-footer .widget_nav_menu li {
list-style: none;
}
.site-footer .posts-list-counter .posts-list-items li:before {
border-color: #2c2f34;
}
.footer-widget-area {
margin-bottom: 10px;
}
.footer-widget-area:first-child:not(.footer-boxed-widget-area) {
padding-top: 60px;
}
@media (max-width: 767px) {
.footer-widget-area:first-child:not(.footer-boxed-widget-area) {
padding-top: 30px;
}
}
.footer-widget-area:last-child {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.footer-widget-area {
margin-bottom: 20px;
}
}
.footer-boxed-widget-area {
padding: 30px 30px 0;
margin-bottom: 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2px;
}
.footer-boxed-widget-area:first-child {
margin-top: 50px;
}
.footer-boxed-widget-area:last-child {
margin-bottom: 30px;
}
.footer-boxed-widget-area > .tie-row > [class*="tie-col"] {
padding-right: 10px;
padding-left: 10px;
}
#footer .footer-boxed-widget-area .container-wrapper,
#footer .footer-boxed-widget-area .widget.widget-content-only {
padding: 0;
margin-bottom: 30px;
}
.side-aside .latest-tweets-widget .dark-btn,
.site-footer .latest-tweets-widget .dark-btn {
display: none;
}
.tie-insta-photos {
overflow: hidden;
}
.tie-insta-post {
position: relative;
width: 33.33333333333%;
float: left;
}
.tie-insta-post a {
display: block;
line-height: 0;
position: relative;
}
.tie-insta-post a:hover img {
opacity: 0.9;
}
.tie-insta-post img {
max-width: 100%;
width: 100%;
height: auto;
float: left;
}
.tie-insta-post .media-video {
position: absolute;
top: 10px;
right: 10px;
color: #ffffff;
font-size: 20px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#footer-instagram {
position: relative;
text-align: center;
color: #fff;
}
#footer-instagram .tie-insta-post {
width: 16.6666666666666% !important;
}
#footer-instagram .tie-insta-post a:hover {
opacity: 0.7;
}
@media (min-width: 901px) {
#footer-instagram .mCSB_container {
width: 100% !important;
left: auto !important;
}
}
@media (max-width: 900px) {
#footer-instagram .tie-insta-photos {
max-height: 150px;
white-space: nowrap;
font-size: 0;
overflow-x: auto;
overflow-y: hidden;
}
#footer-instagram .tie-insta-post {
width: 150px !important;
display: inline-block;
float: none;
font-size: 13px;
}
}
#footer-instagram .mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 10px;
}
#footer-instagram .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.6);
}
#instagram-link {
position: absolute;
display: block;
z-index: 1;
padding: 20px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: rgba(0, 0, 0, 0.7);
display: block;
font-size: 16px;
font-weight: 600;
text-shadow: 0 0 5px #000000;
text-align: center;
white-space: nowrap;
word-wrap: normal;
color: #ffffff;
}
@media (max-width: 767px) {
#instagram-link {
font-size: 0;
right: 10px;
top: 10px;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 30px;
height: 30px;
padding: 5px;
border-radius: 2px;
}
#instagram-link span {
font-size: 15px;
vertical-align: middle;
}
#instagram-link:before, #instagram-link:after {
display: none;
}
}
#instagram-link:before, #instagram-link:after {
top: 0;
left: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
opacity: 1;
border: 2px solid #0088ff;
border-width: 2px 0 0 2px;
transition: 0.5s;
}
#instagram-link:after {
left: auto;
top: auto;
right: 0;
bottom: 0;
border-width: 0 2px 2px 0;
}
@media (min-width: 768px) {
#instagram-link:hover {
color: #0088ff;
}
#instagram-link:hover:before {
-webkit-transform: translate3d(10px, 10px, 10px);
transform: translate3d(10px, 10px, 10px);
}
#instagram-link:hover:after {
-webkit-transform: translate3d(-10px, -10px, -10px);
transform: translate3d(-10px, -10px, -10px);
}
}
.site-info {
background: #161619;
padding: 20px 0;
line-height: 32px;
text-align: center;
}
.copyright-text {
font-size: 13px;
}
.footer-menu {
text-align: center;
}
.footer-menu li {
display: inline-block;
margin: 0 5px;
}
.site-info .social-icons {
text-align: center;
}
.site-info .social-icons li {
float: none;
display: inline-block;
margin: 0;
}
.site-info .social-icons li a span {
color: #aaaaaa;
line-height: 22px;
}
.site-info .social-icons li a:hover span {
color: #ffffff;
}
@media (max-width: 767px) {
.site-info .tie-alignleft,
.site-info .tie-alignright {
float: none;
}
}
@media (min-width: 768px) {
.site-info-layout-2 .copyright-text-first {
float: left;
}
.site-info-layout-2 .copyright-text-second,
.site-info-layout-2 ul.social-icons,
.site-info-layout-2 .footer-menu {
float: right;
margin: 0;
margin-left: 10px;
}
}
a.go-to-top-button {
width: 35px;
height: 35px;
line-height: 35px;
background: #0088ff;
text-align: center;
display: block;
position: fixed;
bottom: -100px;
right: 15px;
z-index: 3;
color: #ffffff;
transition: 0.3s;
}
a.go-to-top-button:hover {
opacity: 0.85;
}
a.go-to-top-button.show-top-button {
bottom: 15px;
}
@media (max-width: 767px) {
a.go-to-top-button {
right: 5px;
width: 25px;
height: 25px;
line-height: 25px;
}
a.go-to-top-button.show-top-button {
bottom: 45px;
}
}
.stream-item-above-footer {
margin: 40px auto 5px;
}
@media (max-width: 767px) {
.stream-item-above-footer {
max-width: 728px;
margin: 40px 15px 5px;
}
}
/** Dark Skin */
.dark-skin,
.dark-skin body {
background-color: #1f2024;
color: #aaaaaa;
}
.dark-skin textarea,
.dark-skin input:not([type="submit"]),
.dark-skin select {
color: #aaaaaa;
}
.dark-skin a:not(:hover),
.dark-skin .single-big-img .post-meta,
.dark-skin .single-big-img .post-meta a:not(:hover),
.dark-skin .pages-nav .pages-numbers a:not(:hover),
.dark-skin .page-title,
.dark-skin .entry h1,
.dark-skin .entry h2,
.dark-skin .entry h3,
.dark-skin .entry h4,
.dark-skin .entry h5,
.dark-skin .entry h6 {
color: #ffffff;
}
.dark-skin .post-meta,
.dark-skin .post-meta a:not(:hover),
.dark-skin .timeline-widget ul li .date,
.dark-skin .multiple-post-pages a:not(:hover),
.dark-skin .video-playlist-nav-wrapper .video-playlist-item .video-duration,
.dark-skin .login-widget .forget-text:not(:hover),
.dark-skin .autocomplete-suggestions,
.dark-skin #mobile-menu-icon:not(:hover) .menu-text,
.dark-skin .about-author .social-icons li.social-icons-item a:not(:hover) span {
color: #aaaaaa !important;
}
@media (min-width: 1600px) {
.dark-skin #story-index li a:not(.is-current) {
color: #aaaaaa;
}
}
.dark-skin textarea,
.dark-skin input:not([type=submit]),
.dark-skin select,
.dark-skin code, .dark-skin kbd, .dark-skin pre, .dark-skin samp,
.dark-skin .latest-tweets-slider-widget .latest-tweets-slider .tie-slider-nav li a:not(:hover),
.dark-skin .show-more-button,
.dark-skin .pages-nav .pages-numbers a,
.dark-skin .pages-nav .pages-numbers span.pages-nav-item,
.dark-skin .pages-nav .pages-numbers .first-last-pages .fa,
.dark-skin .multiple-post-pages .post-page-numbers,
.dark-skin .latest-tweets-widget .slider-links .tie-slider-nav span {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin #tie-wrapper,
.dark-skin #theme-header {
background-color: #27292d;
}
.dark-skin .subscribe-widget .subscribe-widget-content h4:after,
.dark-skin .boxed-slider-three-slides-wrapper li:not(.slick-active) button:not(:hover),
.dark-skin .boxed-four-taller-slider li:not(.slick-active) button:not(:hover),
.dark-skin .boxed-five-slides-slider li:not(.slick-active) button:not(:hover) {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .video-playlist-wrapper,
.dark-skin .tie-slider-nav span {
background: #18191c;
}
.dark-skin .boxed-layout.wrapper-has-shadow #tie-wrapper {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.dark-skin .container-wrapper {
background-color: #1f2024;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .post-layout-3 .fullwidth-entry-title,
.dark-skin .post-layout-7 .fullwidth-entry-title {
background-color: transparent;
}
.dark-skin .tie-popup-container .container-wrapper {
background-color: #1f2024 !important;
}
.dark-skin .widget a:not(:hover),
.dark-skin .widget-title,
.dark-skin .widget-title a:not(:hover) {
color: #ffffff;
}
.dark-skin .widget-title-icon {
color: #aaaaaa;
}
.dark-skin .widget_product_tag_cloud a,
.dark-skin .widget_tag_cloud .tagcloud a,
.dark-skin .post-tags a,
.dark-skin .widget_layered_nav_filters a {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .timeline-widget ul:before {
background: rgba(0, 0, 0, 0.3);
}
.dark-skin .timeline-widget .date:before {
background: #27292d;
border-color: rgba(0, 0, 0, 0.3);
}
.dark-skin #wp-calendar tbody td {
background-color: rgba(0, 0, 0, 0.1);
}
.dark-skin .subscribe-widget .subscribe-widget-content h3 {
color: #ffffff;
}
.dark-skin .subscribe-widget .fa-envelope,
.dark-skin .subscribe-widget form:before {
color: rgba(255, 255, 255, 0.3);
}
.dark-skin .magazine1 .entry-header-outer + .mag-box {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-skin .post-layout-8 #content {
background-color: #1f2024;
}
@media (min-width: 992px) {
.dark-skin .post-layout-8.one-column-no-sidebar #content {
background-color: transparent;
}
}
.dark-skin .tie-instagram.lite-skin,
.dark-skin .tie-instagram.default-skin {
background-color: #ffffff;
}
.dark-skin .tie-instagram.lite-skin a,
.dark-skin .tie-instagram.default-skin a {
color: #2c2f34;
}
@media (max-width: 991px) {
.dark-skin .post-has-toggle #the-post .entry:not(.is-expanded):before {
background-image: linear-gradient(to bottom, transparent 50%, #1f2024 100%);
}
.dark-skin .magazine2.post-has-toggle #the-post .entry:not(.is-expanded):before {
background-image: linear-gradient(to bottom, transparent 50%, #27292d 100%);
}
}
.dark-skin .sticky {
background: #1c1c1d;
padding: 10px;
}
.dark-skin .entry-header .entry-title {
color: #ffffff;
}
.dark-skin .post-footer-on-bottom {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .magazine1 .post-footer-on-bottom {
background: #1f2024;
}
.dark-skin .comment-list li,
.dark-skin .commentlist li,
.dark-skin .entry table *,
.dark-skin .woocommerce table.shop_table tfoot * {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .comment-list .comment-author img,
.dark-skin .commentlist .comment-author img {
box-shadow: 0 0 8px #000;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin .post-content-slideshow,
.dark-skin .post-content-slideshow .tie-slider-nav-wrapper,
.dark-skin .post-content-slideshow .tie-slider-nav li span,
.dark-skin .divider,
.dark-skin .toggle,
.dark-skin .tabs-wrapper.tabs-vertical:after,
.dark-skin .tabs-wrapper.tabs-vertical .tabs li a {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-skin #check-also-box {
border-color: rgba(255, 255, 255, 0.1);
background-color: #1f2024;
}
.dark-skin .site-footer {
background-color: #1c1d21;
}