/
home
/
henzagold
/
blog
/
wp-content
/
themes
/
gillion
/
File Upload :
llllll
Current File: /home/henzagold/blog/wp-content/themes/gillion/style.css
/* Theme Name: Gillion Theme URI: https://gillion.shufflehound.com/ Author: Shufflehound Author URI: https://shufflehound.com/ Description: Gillion is a multi-concept WordPress theme that lets you create blog, magazine, news, review websites. With clean and functional design and lots of useful features theme will deliver amazing user experience to your clients and readers. Version: 4.0.1 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: custom-colors, custom-menu, threaded-comments, translation-ready, theme-options, right-sidebar, left-sidebar, full-width-template, threaded-comments, post-formats, featured-images Text Domain: gillion */ /*.blog-slider-item, .post-overlay, .post-style-cover .sh-ratio-content, .post-style-cover .post-cover-link, .post-style-cover .post-container:after, .post-thumbnail, .post-thumbnail img, .post-thumbnail .sh-ratio-content, .post-switch-item, .sh-widget-instagram-item img, .sh-widget-instagram-item-overlay, .sh-read-later-thumbnail, .sh-read-later-thumbnail:after, .sh-overlay-style1, .sh-comment-form, .post-media-play-overlay, .post-media-play-overlay:after, .post-quote-link .sh-ratio-content, .post-gallery-list, .post-gallery-list .slick-list, .post-switch-item:after, .widget_facebook iframe, .sh-widget-facebook-overlay, .sh-widget-posts-slider-thumbnail, .sh-widget-posts-slider-group-style2, .sh-widget-posts-slider-group-style2 .slick-list.draggable, .post-content-review-details, .post-content-review-progressbar-graph, .post-content-review-progressbar-graph-fill, .sh-post-author, .post-content-share .jssocials-share, .sh-comment-form input, .sh-comment-form textarea, .post-content img, .null-instagram-feed .instagram-pics li a, .comment-column-left img, .sh-widget-facebook-item, .sh-widget-twitter-list, .blog-slider, .categories-list-item .sh-ratio-content { border-radius: 0px!important; }*/ /** * Table of Contents * * 1.0 - General * 2.0 - Typography * 3.0 - Input * 4.0 - Editor Styles * 5.0 - Dropcaps * 6.0 - Tables * 7.0 - Placenemt * 8.0 - Animations * 9.0 - Border Radius * 10.0 - Header * 10.1 - Top bar * 10.2 - Navigation * 10.3 - Navigation Dropdown * 10.4 - Navigation Mega Menu * 10.5 - Navigation Icons * 10.6 - Presets * 10.7 - Side * 10.8 - Search * 10.9 - Logo * 10.10 - Styles * 10.11 - Share * 10.12 - Triangle * 10.13 - Responsive * 11.0 - Titlebar * 12.0 - Footer * 13.0 - Blog * 13.1 - Masonry * 13.2 - Grid * 13.3 - Left * 13.4 - Left/Right Mix * 13.5 - Large * 13.6 - Mini * 13.7 - Single Page * 13.8 - Post * 13.9 - Post Author * 13.10 - Overlay * 13.11 - Read Later * 13.11 - Elements * 16.0 - Comments * 17.0 - Gallery * 18.0 - Lightbox * 19.0 - Share * 20.0 - Pagination * 21.0 - Widgets * 22.0 - Nothing Found * 23.0 - 404 Page * 24.0 - Back to top * 25.0 - Page Loader * 26.0 - White Borders * 27.0 - Notice * 28.0 - Dynamic Ratio * 29.0 - Visual Composer * 29.1 - Blog Slider * 29.2 - Blog Fancy * 29.3 - Blog Categories Posts * 29.4 - Blog Categories * 29.5 - Blog Standard Posts * 30.0 - Hambergur menu * 31.0 - Custom Sidebar * 32.0 - Other Elements * 33.0 - Global * * * Additional theme styles can be found inside: * 1. css/responsive.css */ /** * 1.0 - General */ body, #lightcase-case { font-family: 'Open Sans', 'Arial', sans-serif; font-size: 14px; color: #616161; line-height: 1.7; font-weight: 400; } html { overflow-y: scroll; -webkit-font-smoothing: antialiased; } *:focus, a:focus { outline: none; } audio, video, iframe { max-width: 100%; display: block; } figure { max-width: 100%; } .text-center { text-align: center; } .sh-noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } dd { margin: 0 0 20px; } pre { border: 0; padding: 20px; } img { max-width: 100%; min-height: 1px; height: auto; } p { line-height: 1.9; } p:last-child { margin-bottom: 0; } body i.icon { vertical-align: inherit; margin-left: 0px; line-height: normal; height: auto; width: auto; } /** * 2.0 - Typography */ a { color: #d79c74; text-decoration: none; word-wrap: break-word; } a:hover, a:focus { color: #d79c74; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", serif; color: #3f3f3f; font-weight: 700; margin: 0 0 20px 0; padding: 0; line-height: normal!important; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; line-height: normal!important; } h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin: 0; } h2 { font-size: 20px; } .sh-team-role, .sh-iconbox-title, .sh-iconbox-content, .sh-text-with-frame * { word-wrap: break-word; } /* Typography - Sizes */ .size-xs{ font-size: 14px; } .size-s{ font-size: 16px; } .size-m{ font-size: 20px; } .size-l{ font-size: 30px; } .size-xl{ font-size: 36px; } .size-xxl{ font-size: 48px; } .size-xxxl{ font-size: 60px; } .size-xxxxl{ font-size: 72px; } @media (max-width: 1024px) { .size-l{ font-size: 20px; } .size-xl{ font-size: 26px; } .size-xxl{ font-size: 30px; } .size-xxxl{ font-size: 36px; } .size-xxxxl{ font-size: 40px; } } /* Typography - Sizes 2 */ .size-12px{ font-size: 12px; } .size-13px{ font-size: 13px; } .size-14px{ font-size: 14px; } .size-15px{ font-size: 15px; } .size-16px{ font-size: 16px; } .size-18px{ font-size: 18px; } .size-20px{ font-size: 20px; } .size-21px{ font-size: 21px; } .size-24px{ font-size: 24px; } .size-27px{ font-size: 27px; } .size-30px{ font-size: 30px; } .size-36px{ font-size: 36px; } .size-40px{ font-size: 40px; } .size-46px{ font-size: 46px; } .size-60px{ font-size: 60px; } .size-86px{ font-size: 86px; } @media (max-width: 1023px) { .size-12px{ font-size: 12px; } .size-13px{ font-size: 12px; } .size-14px{ font-size: 13px; } .size-15px{ font-size: 14px; } .size-16px{ font-size: 15px; } .size-18px{ font-size: 16px; } .size-20px{ font-size: 18px; } .size-21px{ font-size: 18px; } .size-24px{ font-size: 21px; } .size-27px{ font-size: 23px; } .size-30px{ font-size: 24px; } .size-36px{ font-size: 27px; } .size-40px{ font-size: 28px; } .size-46px{ font-size: 30px; } .size-60px{ font-size: 45px; } .size-86px{ font-size: 50px; } } /** * 3.0 Input */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea { border: 1px solid #e3e3e3; color: #8d8d8d; display: block; width: 100%; margin-bottom: 10px; border-radius: 8px; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select { padding: 12px 20px; } textarea { height: 120px; padding: 18px 24px; } select::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { height: inherit!important; line-height: inherit!important; font-style: italic; color: inherit; } select:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { height: inherit!important; line-height: inherit!important; font-style: italic; color: inherit; } select::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { height: inherit!important; line-height: inherit!important; font-style: italic; color: inherit; } select:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { height: inherit!important; line-height: inherit!important; font-style: italic; color: inherit; } /* Input Styling */ .sh-page-switcher-button:not(.sh-page-switcher-disabled):hover, .sh-social-widgets-item:hover, .sh-social-share-button:hover, .sh-increase-numbers span:hover, .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .sh-team-social-standard .sh-team-icon:hover, .sh-social-share-button:before { background-color: #e5e5e5!important; } .wpcf7-form .wpcf7-submit { background-color: #d79c74!important; color: #fff; } .contact-form input[type="submit"], .post-content .post-password-form input[type="submit"], .sh-comments .submit, .wpcf7-form .wpcf7-submit { border-radius: 100px!important; font-size: 13px; text-transform: uppercase; border-width: 0; } .contact-form input[type="submit"], .post-content .post-password-form input[type="submit"], .wpcf7-form .wpcf7-submit { border-radius: 100px!important; line-height: 50px!important; padding: 0 30px!important; transition: 0.25s all ease-in-out; } .wpcf7-form .wpcf7-submit { font-weight: bold; } .sh-social-share-button:before, .sh-pricing-button:not(.sh-pricing-button-style1):not(.sh-pricing-button-style2):not(.sh-pricing-button-style3):before { display: block; content: ''; position: absolute; z-index: -1; width: 0%; height: 300%; z-index: 1; right: 0; top: 0; margin: -5px 0 0 -5px; transition: 0.3s all ease-in-out; } .sh-social-share-button *, .sh-pricing-button * { display: inline-block; position: relative; z-index: 100; } .sh-social-share-button:hover:before, .sh-pricing-button:hover:before { width: 110%!important; } .sh-comments .submit { border-radius: 100px; display: inline-block; } .sh-pricing-button:before { background-color: rgba(0,0,0,0.07); } .blog-style-single .plyr--audio { border: 1px solid #f0f0f0; } /** * 4.0 - Editor Styles (WYSIWYG) */ .post-content hr:first-child { margin-top: 0px; } .post-content img { margin: 0 0 15px 0; } .post-content img:not(.alignleft):not(.alignright) { margin-right: 15px; } .alignleft, img.alignleft { margin-right: 40px; display: inline; float: left; } .alignright, img.alignright { margin-left: 40px; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto!important; margin-left: auto!important; display: block; } .alignnone, img.alignnone { } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } figcaption.wp-caption-text { font-size: 12px; text-align: left; } .wp-smiley { margin: 0 !important; max-height: 1em; } .post-content img { position: relative; z-index: 100; } /* Blockquote - Style 1 */ blockquote { padding: 30px; font-size: 30px; position: relative; line-height: 120%; font-style: italic; text-align: center; border-width: 0px; font-weight: bold; z-index: 1; } blockquote p { line-height: 120%!important; } blockquote:before { font-family: 'themify'; content: "”"; font-size: 400px; position: absolute; left: 50%; top: 50%; margin-top: -10.5px; color: #f4f4f4; z-index: -1; margin-left: -120px; margin-top: 0px; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* Blockquote - Style 2 */ .blog-blockquote-style2 blockquote { padding: 0 0 0 60px; font-style: italic; border-left-width: 0; font-size: 18px; font-weight: 600; position: relative; text-align: left; } .blog-blockquote-style2 blockquote:after { content: ""; display: block; position: absolute; top: 5px; left: 40px; bottom: 5px; width: 2px; background-color: #f63a4c; } .blog-blockquote-style2 blockquote:before { content: "”"; display: block; position: absolute; top: 50%; left: 0; font-size: 50px; line-height: 0; margin-top: 6px; margin-left: 0; color: inherit; } .blog-blockquote-style2 blockquote cite { display: block; color: #f63a4c; font-style: normal; font-size: 14px; font-weight: 600; margin-top: 5px; } .blog-blockquote-style2 blockquote p { line-height: 1.8!important; } /* Figure */ figure.gallery-item { display: inline-block; vertical-align: top; margin-top: 15px; margin-bottom: 15px; margin-right: -4px; } figure.gallery-item figcaption { padding-top: 10px; padding-right: 15px; } .gallery.gallery-columns-5 figure.gallery-item { width: 20%; } .gallery.gallery-columns-4 figure.gallery-item { width: 25%; } .gallery.gallery-columns-3 figure.gallery-item { width: 33.3%; } .gallery.gallery-columns-2 figure.gallery-item { width: 50%; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /* Post Gallery V2 */ .post-content-gallery { position: relative; } .post-content-gallery:after { content: ""; display: block; clear: both; } .post-content-gallery.justify { visibility: hidden; height: 0; margin-left: -10px; } .post-content-gallery.justify.justified-gallery { visibility: visible; height: auto; } .post-content-gallery-item { position: relative; } .post-content-gallery.masonry a, .post-content-gallery.grid a { display: block; position: relative; margin-bottom: 10px; } .post-content .post-content-gallery-item img { border-radius: 0px; } .post-content-gallery.masonry, .post-content-gallery.grid { margin: 0 -5px; } .post-content-gallery.masonry .post-content-gallery-item { float: left; padding: 0 5px; } .post-content-gallery.grid .post-content-gallery-item { display: inline-block; margin-right: -4px; vertical-align: top; padding: 0 5px; } .post-content-gallery.grid.columns2 .post-content-gallery-item, .post-content-gallery.masonry.columns2 .post-content-gallery-item { width: 50%; } .post-content-gallery.grid.columns3 .post-content-gallery-item, .post-content-gallery.masonry.columns3 .post-content-gallery-item { width: 33.3%; } .post-content-gallery.grid.columns4 .post-content-gallery-item, .post-content-gallery.masonry.columns4 .post-content-gallery-item { width: 25%; } .post-content-gallery img { margin-bottom: 0px!important; } .post-content-gallery.slider .post-content-gallery-item img { border-radius: 8px; } .post-content-gallery.slider .post-gallery-list { opacity: 0; height: 0; transition: 0.3s all ease-in-out; } .post-content-gallery.slider .post-gallery-list.slick-initialized { opacity: 1; height: auto; } /* Caption */ .post-content-gallery.justify .caption, .post-content-gallery.slider .post-content-gallery-item-caption { display: none; } .post-content-gallery.justify a:after, .post-content-gallery.masonry a:after, .post-content-gallery.grid a:after { display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: .5s opacity ease-in-out; background-color: rgba(47,47,47,.3); background: linear-gradient(rgba(47,47,47,.1),rgba(47,47,47,.3)); z-index: 100; } .post-content-gallery-item-caption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 110; font-size: 12px; color: #fff; font-weight: bold; padding: 12px 17px; line-height: 1.2; opacity: 0; transition: .5s opacity ease-in-out; } .post-content-gallery.justify a:hover:after, .post-content-gallery.masonry a:hover:after, .post-content-gallery.grid a:hover:after, .post-content-gallery.justify a:hover .post-content-gallery-item-caption, .post-content-gallery.masonry a:hover .post-content-gallery-item-caption, .post-content-gallery.grid a:hover .post-content-gallery-item-caption { opacity: 1; } @media (max-width: 768px) { .post-content-gallery.masonry .post-content-gallery-item, .post-content-gallery.grid .post-content-gallery-item { min-width: 50%; } } @media (max-width: 550px) { .post-content-gallery.masonry .post-content-gallery-item, .post-content-gallery.grid .post-content-gallery-item { min-width: 100%; } } /** * 5.0 Dropcaps */ .sh-dropcaps { font-size: 48px!important; font-weight: bold; margin-right: 15px; line-height: 1; float: left; margin: 25px 35px; } .sh-dropcaps-full-square, .sh-dropcaps-full-square-border, .sh-dropcaps-full-square-tale, .sh-dropcaps-square-border, .sh-dropcaps-square-border2, .sh-dropcaps-circle { font-size: 24px!important; width: 56px; height: 56px; line-height: 56px!important; display: inline-block; text-align: center; font-weight: bold; float: left; margin-right: 15px; margin-top: 3px; margin-bottom: 8px; overflow: hidden; position: relative; } .blog-single .post-content .sh-dropcaps-full-square, .blog-single .post-content .sh-dropcaps-full-square-border, .blog-single .post-content .sh-dropcaps-full-square-tale, .blog-single .post-content .sh-dropcaps-square-border, .blog-single .post-content .sh-dropcaps-square-border2, .blog-single .post-content .sh-dropcaps-circle { line-height: 56px!important; } .sh-dropcaps-full-square, .sh-dropcaps-full-square-border, .sh-dropcaps-full-square-tale { color: #fff; background-color: #d79c74; } .sh-dropcaps-full-square-border:after { content: ""; display: block; border: 2px solid #fff; position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px; } .sh-dropcaps-square-border { border: 1px solid #e5e5e5; } .sh-dropcaps-square-border2 { border: 2px solid #e5e5e5; } .sh-dropcaps-circle { background-color: #e5e5e5; border-radius: 50%; } .sh-dropcaps-full-square-tale { overflow: visible; } .sh-dropcaps-full-square-tale:after { content: ""; display: block; position: absolute; right: -10px; top: 17px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #d79c74; } /** * 6.0 Tables */ table { border: 2px solid #e5e5e5!important; border-radius: 0!important; border-collapse: collapse!important;; } table td, table th { border: 1px solid #e5e5e5!important; } table td { padding: 15px 20px!important; } table th { padding: 15px 20px!important; font-size: 16px; color: #505050; } .sh-table-element-style2 .default-row:nth-child(odd) { background: #fafafa; } .sh-table-element-style3 table td, .sh-table-element-style3 table th { border-width: 0px!important; } /** * 7.0 Placenemt */ .sh-placement-left { margin-right: auto; } .sh-placement-center { margin: 0 auto; } .sh-placement-right { margin-left: auto; } .sh-group:after, .sh-columns:after { content: ""; display: block; clear: both; } .sh-group > * { float: left; } .sh-columns > * { float: left; } .sh-columns > :last-child { float: right; } .sh-table { display: table; width: 100%; } .sh-uppercase { text-transform: uppercase; } .sh-hidden{ display: none; } body .sh-fully-hidden { display: none!important; } .sh-table-full { display: table; width: 100%; height: 100%; } .sh-table-small { display: table; } .sh-table-cell { display: table-cell; vertical-align: middle; float: none!important; } .sh-table-cell-full { display: table-cell; vertical-align: middle; float: none!important; width: 100%; } .sh-table-cell-top{ display: table-cell; vertical-align: top; } .fw-row { margin: 0; } .fw-container { max-width: 1200px; padding: 50px 0; } .fw-container-fluid { padding: 0; } .container-padding { padding: 0 15px!important; } .container-fluid { padding: 0; } .container { padding-left: 0!important; padding-right: 0!important; } .sh-footer-columns, .container .fw-row, .contact-form .wrap-forms .fw-row { position: relative; margin: 0 -15px; } .row-no-margin { margin: 0; } .row-no-margin > div { margin: 0; padding: 0; } .page-fullwidth { width: 100%; min-width: 100%; float: none; padding: 0; } /* Content + Sidbar width */ #content-wrapper { position: relative; } #content-wrapper.content-wrapper-with-sidebar { margin-left: -20px; margin-right: -20px; } #content { width: 100%; } #sidebar.sidebar-left, #sidebar.sidebar-right { float: left; padding-left: 20px; padding-right: 20px; } #sidebar.sidebar-left, #sidebar.sidebar-right, .gillion-columns-sidebar .vc_column_container.vc_col-sm-4 { width: 29.1%; } #content.content-with-sidebar-left, #content.content-with-sidebar-right, .gillion-columns-sidebar .vc_column_container.vc_col-sm-8 { width: 70.9%; } #content.content-with-sidebar-right { float: left; padding-left: 20px; padding-right: 20px; } #content.content-with-sidebar-left { float: right; padding-left: 20px; padding-right: 20px; } #wrapper #content.content-with-sidebar-left .container, #wrapper #content.content-with-sidebar-right .container { width: 100%!important; min-width: 100%!important; } #content.content-layout-standard-mini { width: 74%; margin: 0 13%; } .gillion-columns-sidebar { margin-left: -20px; margin-right: -20px; } .gillion-columns-sidebar .vc_column_container > .theiaStickySidebar > .vc_column-inner, .gillion-columns-sidebar .vc_column_container > .vc_column-inner { padding-left: 20px; padding-right: 20px; } @media (max-width: 1025px) { .gillion-columns-sidebar .vc_vc_column.vc_col-sm-4, .gillion-columns-sidebar .vc_vc_column.vc_col-sm-8, .gillion-columns-sidebar .vc_column_container.vc_col-sm-4, .gillion-columns-sidebar .vc_column_container.vc_col-sm-8 { float: none; width: 100%; } .gillion-columns-sidebar .vc_vc_column.vc_col-sm-4, .gillion-columns-sidebar .vc_column_container.vc_col-sm-4 { margin-top: 60px; } } #content > table { margin-bottom: 30px; } #sidebar h3, #sidebar h3 > a { font-size: 18px; color: #505050; } #sidebar h3, .gillion-columns-sidebar .wpb_widgetised_column > .wpb_wrapper h3, .sh-widget-poststab-title, .sh-blog-fancy-title { position: relative; overflow: hidden; } #sidebar .theiaStickySidebar { backface-visibility: hidden; } #sidebar .theiaStickySidebar .sidebar-container > div:last-child { padding-bottom: 15px; } #sidebar .theiaStickySidebar .sidebar-container { -webkit-transform: translateZ(0); transform: translateZ(0); } .theiaStickySidebar { max-width: 100%; } @media (max-width: 1025px) { .sh-sticky-element { position: static!important; top: 0px!important; width: 100%!important; } } .sh-blog-fancy-title-container { position: relative; } .sh-blog-fancy-title-container:not(.sh-blog-fancy-title-container-sides) { padding-right: 80px; } .container.entry-content { position: relative; } #wrapper { overflow: hidden; position: relative; scroll-behavior: smooth; } #wrapper > .sh-page-layout-default { padding: 60px 0px; } @media (max-width: 1025px) { #wrapper > .sh-page-layout-default { padding: 30px 0px; } } #wrapper.default-content-after-posts { display: flex; flex-wrap: wrap; } #wrapper.default-content-after-posts > div, #wrapper.default-content-after-posts > footer { flex: 100%; width: 100%; } #wrapper.default-content-after-posts > div:nth-child(1) { order: 2; } #wrapper.default-content-after-posts > div:nth-child(2) { order: 1; } #wrapper.default-content-after-posts > footer { order: 100; } #wrapper.default-content-after-posts > .sh-pagebuilder-content { max-width: 1200px; margin: 0px auto; padding: 45px 0; } .says, .screen-reader-text { opacity: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } body.sh-transparent-everything #page-container { box-shadow: none; } body.sh-transparent-everything #page-container, body.sh-transparent-everything .sh-titlebar, body.sh-transparent-everything .sh-header:not(.sh-sticky-header-active) { background-color: transparent!important; } .sh-side-line { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; margin-left: auto; margin-right: auto; } .sh-side-line-holder { height: 1px; position: relative; flex: 1 1 auto; min-width: 10%; } .sh-side-line-holder span { display: block; height: 1px; border-top: 1px solid #eeeeee; display: block; position: relative; top: 1px; width: 100%; } .sh-side-line-content { line-height: 1em; font-size: 100%; margin: 0; word-wrap: break-word; flex: 0 1 auto; padding: 0 25px; } /* Placenemt Width Classes */ .width-15p { width: 15%; } .width-20p { width: 20%; } .width-3p { width: 30%; } .width-40p { width: 40%; } .width-60p { width: 60%; } .width-70p { width: 70%; } .width-85p { width: 85%; } .width-100p, .width-full { width: 100%; } .sh-clear { clear: both; } /* Seperator */ .sh-seperator-container { position: relative; } .sh-seperator-line { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; } .sh-seperator-icon { text-align: center; width: 100%; } .sh-seperator-icon i.fa { background: #fff; padding: 0 10px; } /** * 8.0 - Animations */ /* Animations - Fast */ h1, h2, h3, h4, h5, h6, .sh-nav-container, .sh-nav-login .header-logo img, .sh-page-notice .sh-page-notice-button, .sh-nav ul a, .sh-footer a, .page-numbers a, .page-numbers span, .widget-item a, .sh-nav-mobile a, .sh-icon .sh-icon-data, .sh-social-share-networks .jssocials-share, .sh-social-share-button, .sh-social-share-networks .jssocials-share i, .post-meta a, .post-categories a { transition: all 0.3s ease-in-out; } /* Animations - Slow */ div.pp_default .pp_next_box, div.pp_default .pp_prev_box, .sh-page-switcher-button, .sh-team-icon, .sh-team-icon i, .sh-team:hover .sh-team-role, .sh-testimonials-70 .sh-testimonials-container .sh-testimonials-bottom { transition: all 0.5s ease-in-out; } .sh-header-top a, .sh-header-top-date { transition: color 0.3s ease-in-out; } #page-container { transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; width: 100%; } .blog-slider-item, .blog-mini-post-thumb, .sh-widget-posts-slider-thumbnail, .post-thumbnail .sh-ratio-content, .sh-widget-posts-slider-item .sh-ratio-content, .sh-widget-facebook-overlay { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /** * 9.0 Border Radious */ .post-thumbnail, .post-thumbnail img, .post-thumbnail .sh-ratio-content, .post-switch-item, .sh-widget-instagram-item img, .sh-widget-instagram-item-overlay, .sh-read-later-thumbnail, .sh-read-later-thumbnail:after, .sh-overlay-style1, .sh-comment-form, .post-media-play-overlay, .post-media-play-overlay:after, .post-quote-link .sh-ratio-content, .post-gallery-list, .post-gallery-list .slick-list, .post-switch-item:after, .widget_facebook iframe, .sh-widget-facebook-overlay, .sh-widget-posts-slider-thumbnail, .sh-widget-posts-slider-group-style2, .sh-widget-posts-slider-group-style2 .slick-list.draggable, .post-content-review-details, .post-content-review-progressbar-graph, .post-content-review-progressbar-graph-fill, .sh-post-author, .post-content-share .jssocials-share, .sh-comment-form input, .sh-comment-form textarea, .post-content img { border-radius: 8px; } .post-media-play .ratio-content { border-radius: 10px; } .widget_product_search .search-field, .widget_search .search-field { border-radius: 100px } .post-author-image { border-radius: 5px; } /** * 10.0 Header */ .sh-header { position: relative; background-color: #fff; } .sh-header .container, .sh-header-top .container { padding: 0 15px; position: relative; } .sh-header:not(.sh-header-3):not(.sh-header-4) .sh-nav > li.menu-item > a { padding-top: 18px; padding-bottom: 18px; max-height: none; transition: 0.3s padding ease-in-out; } .sh-header.sh-header-3 .sh-nav > li.menu-item > a { padding-top: 15px; padding-bottom: 15px; max-height: none; transition: 0.3s padding ease-in-out; } .sh-nav-container { margin-bottom: -1px; } .sh-nav-container ul { list-style: none; margin: 0; padding: 0; } .sh-nav-container:after { content:""; display: block; clear: both; } .navbar-default { background-color: rgba( 255,255,255,0.6); border-color: transparent; } .navbar { margin-bottom: 0; } .sh-sticky-header { height: auto!important; } body.admin-bar #page-container .sh-sticky-mobile-header { margin-top: 32px !important; } @media (max-width: 782px) { body.admin-bar #page-container .sh-sticky-mobile-header { margin-top:46px !important; } } @media (max-width: 601px) { body.admin-bar #page-container .sh-header-builder-mobile.sh-sticky-mobile-header { margin-top: 0!important; } } .sh-sticky-header-active, .sh-sticky-mobile-header { backface-visibility: hidden; position: fixed!important; top: 0; left: 0; right: 0; width: 100%; z-index: 5000; } .sh-sticky-mobile-header-active .sh-header-mobile-navigation .sh-nav-container { padding: 20px 0!important; } .sh-header-inverted .sh-nav > li.menu-item > a, .sh-header-inverted .sh-nav > li.menu-item > a > i { color: #fff; } .sh-nav-uppercase .sh-nav > li.menu-item > a { text-transform: uppercase; } .sh-nav-uppercase .sh-nav > li.menu-item > a:after { text-transform: none!important; } body.admin-bar .shheader { margin-top: 32px; } .header-logo { display: block; padding: 15px 0; } /** * 10.1 Header - Top bar */ .sh-header-top { position: relative; margin-bottom: 0; min-height: 46px; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: 50% 50%; } .sh-header-top .sh-nav { float: none; } .sh-header-top .col-md-4, .sh-header-top .col-md-8 { padding: 0; } .sh-header-top .sh-nav li.menu-item a { color: #ffffff; } .sh-header-top .sh-nav li.menu-item a:hover, .sh-header-top .header-social-media a:hover, .sh-header-top-date:hover { color: #b1b1b1; } .sh-header-top .sh-nav li.menu-item:first-child { padding-left: 0px; } .sh-header-top { padding: 3px 0; } .header-social-media { text-align: right; } .header-social-media a { font-size: 16px; color: #ffffff; padding-left: 15px; } .header-social-media a:last-child { padding-right: 0; } .header-contacts { display: table; height: 100%; } .header-contacts-item { display: table-cell; vertical-align: middle; } .header-contacts-details { padding-right: 20px; font-size: 14px; } .header-contacts-details > i { font-size: 15px; padding-right: 8px; } .header-contacts-details > i.fa-mobile-phone { font-size: 18px; } .sh-header-top-meta { display: table; margin-left: auto; } .sh-header-top-meta > div { display: inline-block; } .sh-header-top-date { font-size: 26px; color: #fff; font-weight: bold; line-height: 1; vertical-align: bottom; top: -2px; position: relative; } .sh-header-top-date-meta { display: inline-block; max-width: 24px; line-height: 0.45; } .sh-header-top-date-month { font-size: 11px; text-transform: uppercase; } .sh-header-top-date-year { font-size: 10px; } .header-social-media:not(:only-child) { border-right: 1px solid #434343; margin-right: 20px; padding-right: 20px; } @media (max-width: 900px) { .sh-header-top > .container { width: 100%; } .sh-header-top .sh-header-top-date, .sh-header-top .sh-login-popup { display: none; } .sh-header-top .header-social-media:not(:only-child) { margin-right: 0px; margin-left: 0px; border-right-width: 0px; padding-right: 0px; } .sh-header-top .sh-nav li.menu-item { padding: 0 6px; } .sh-header-top .header-social-media a { padding-left: 10px; } .sh-header-top .sh-nav li.menu-item a { font-size: 10px; } .sh-header-top .sh-nav li.menu-item a { line-height: 20px; max-height: 20px; } } @media (max-width: 600px) { .sh-header-top { padding: 8px 0; } .sh-header-top .sh-table-cell { display: table; margin: 0 auto; } } /** * 10.2 Header - Navigation */ .sh-nav { float: right; } .sh-nav li.menu-item { float: left; padding: 0 12px; border-bottom: 0px solid transparent; } .sh-nav li.menu-item a { line-height: 40px; max-height: 40px; display: block; color: #7e7e7e; } html .menu-item a { background-color: transparent!important; } .sh-nav ul li.menu-item a { color: #aaaaaa; } .sh-nav ul li.menu-item:hover > a { color: #fff; } .sh-nav > li.menu-item > a { font-weight: bold; text-transform: none; } .sh-nav li.current-menu-item > a, .sh-nav li.current-menu-parent > a { font-weight: bold; color: #575757; } .sh-nav li.menu-item > a.fa:before { font-family: 'FontAwesome'; padding-right: 8px; } .sh-nav > li.menu-item:last-child { padding-right: 0; } .sh-nav > li.menu-item:nth-last-child(-n+2) > ul.sub-menu { margin-left: -144px; } .sh-nav > .menu-item > .sub-menu { margin-left: -26px; } .sh-nav-readmore ul, .sh-nav-share ul, .sh-nav-share ul li:last-child a, .sh-nav > .menu-item > .sub-menu { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav-readmore ul, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav-share ul, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav-share ul li:first-child a, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > .menu-item > .sub-menu { border-top-left-radius: 8px; border-top-right-radius: 8px; } .sh-nav > .menu-item > .sub-menu .sub-menu { border-radius: 8px; } .sh-nav > .menu-item > .sub-menu, .sh-nav > .menu-item > .sub-menu .sub-menu, .mega-menu-row { box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 25px; } .sh-nav li.menu-item-has-children > a:after, .sh-nav li.menu-item li.menu-item-has-children > a:after { font-family: 'simple-line-icons'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-size: 90%; margin-left: 2px; content: "\e602"; position: relative; } .sh-nav li.menu-item li.menu-item-has-children > a:after { content: "\e603"; padding-top: 0px!important; } .sh-nav li.menu-item li.menu-item-has-children > a:after { float: right; } .sh-sticky-header-active:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a { padding-top: 15px; padding-bottom: 15px; max-height: none; } .sh-sticky-header-active .sh-nav ul.sub-menu { top: 100%; } /* New Item */ .new-item { display: inline-block; width: 33px; height: 16px; background-image: url(img/new.png); position: relative; right: -4px; top: -3px; } /** * 10.3 Header - Navigation Dropdown */ .sh-nav li.menu-item li a, .sh-nav li.menu-item li.menu-item-has-children > a:after { line-height: 24px; text-transform: none; padding-top: 2px; padding-bottom: 2px; } .sh-nav li.menu-item li a { max-height: none; } .sh-nav li.menu-item li.current-menu-item > a { font-weight: bold; color: #aaaaaa; border-bottom: 1px solid transparent; } .sh-nav ul.sub-menu { display: none; position: absolute; background: #232323; top: 100%; padding: 13px 0; width: 220px; z-index: 1000; -webkit-transform: translate3d(0,0,0); } .sh-nav ul.sub-menu li { position: relative; } .sh-nav ul.sub-menu li { width: 100%; float: none; padding: 0px 0px; } .sh-nav ul.sub-menu a { padding-left: 24px; padding-right: 24px; border-bottom: 1px solid transparent } .sh-nav ul.sub-menu li:last-child { border-bottom: 1px solid transparent; } .sh-nav ul.sub-menu ul.sub-menu { left: 218px; top: -14px!important; } /** * 10.4 Header - Navigation Mega Menu */ .mega-menu-row .menu-item ul a { color: #b0b0b0!important; } .mega-menu-row { padding: 16px 0px 16px 0px!important; background-size: cover!important; background-position: 50% 50%!important; } .mega-menu-row .sub-menu { margin-left: 0; padding: 0!important; } .mega-menu-row .menu-item > .sub-menu:before { display: none; } .sh-nav li.menu-item-has-mega-menu { position: inherit; } .sh-nav ul.mega-menu-row { right: 0px; width: 100%; overflow: hidden; } .sh-nav ul.mega-menu-row li.mega-menu-col { float: left; border-bottom: none; position: relative; padding: 15px 0 0 0; } .sh-nav ul.mega-menu-row > li { border-bottom-width: 0px!important; } .sh-nav ul.mega-menu-row li.mega-menu-col li, .sh-nav ul.mega-menu-row li.mega-menu-col ul { display: block!important; width: 100%!important; border: 0px solid transparent; } .sh-nav ul.mega-menu-row li.mega-menu-col a { overflow: visible!important; height: auto!important; max-height: 1000px!important; } .sh-nav li ul.mega-menu-row ul.sub-menu { opacity: 1!important; height: auto!important; } .sh-nav li.menu-item > ul.mega-menu-row > ul:nth-child(-n+2) { display: none!important; opacity: 0!important; } .sh-nav ul.mega-menu-row > .menu-item > a + div { padding-left: 25px; padding-right: 25px; font-size: 80%; margin-bottom: 5px; margin-top: -5px; font-style: italic; } .sh-nav ul.mega-menu-row .menu-item-has-children > a { font-weight: bold; color: #505050; } .sh-nav ul.mega-menu-row .menu-item-has-children a:after { visibility: hidden; } .sh-nav ul.mega-menu-row .menu-item-has-children ul li a { text-transform: none; } .sh-nav ul.mega-menu-row ul.sub-menu { position: relative; left: 0!important; top: 0!important; opacity: 1!important; } .sh-nav ul.mega-menu-row ul.sub-menu ul.sub-menu { margin-bottom: -15px; } .sh-nav li.menu-item.menu-item-has-mega-menu ul.sub-menu ul.sub-menu { box-shadow: none!important; border-width: 0px!important; } /* Mega menu auto items width sizes */ .sh-nav .mega-menu-row-1 .menu-item { width: 100%; } .sh-nav .mega-menu-row-2 .menu-item { width: 50%; } .sh-nav .mega-menu-row-3 .menu-item { width: 33.3%; } .sh-nav .mega-menu-row-4 .menu-item { width: 25%; } .sh-nav .mega-menu-row-5 .menu-item { width: 20%; } .sh-nav .mega-menu-row-1 li.menu-item:nth-child(1n+0), .sh-nav .mega-menu-row-2 li.menu-item:nth-child(2n+0), .sh-nav .mega-menu-row-3 li.menu-item:nth-child(3n+0), .sh-nav .mega-menu-row-4 li.menu-item:nth-child(4n+0), .sh-nav .mega-menu-row-5 li.menu-item:nth-child(5n+0) { border-right: 0px solid transparent!important; } /* Mega menu dynamic elements */ .mega-menu-cleanup { display: none!important; } .mega-menu-dynamic-elements ul:not(.sh-fully-hidden) { display: block!important; } .mega-menu-row { padding: 0px!important; } .mega-menu-dynamic-elements li.menu-item { height: auto!important; } .mega-menu-dynamic-elements .tab-content { position: relative; padding-bottom: 18px; min-height: 300px; } .mega-menu-dynamic-elements .tab-content > .tab-pane, .sh-categories-style2 .tab-content > .tab-pane { display: block!important; height: 0; opacity: 0; transition: 0.6s opacity ease-in-out; overflow: hidden; } .mega-menu-dynamic-elements .tab-content > .tab-pane.active, .sh-categories-style2 .tab-content > .tab-pane.active { height: auto; opacity: 1; } /* Header Posts */ .post-style-header { position: relative; margin: 15px 5px; } .post-header-item { width: 25%; display: inline-block; margin-left: -4px; vertical-align: top; padding-top: 10px; } .header-dynamic-categories[data-items-per-page="5"] .post-header-item, .header-dynamic-categories[data-items-per-page="10"] .post-header-item { width: 20%; } .post-header-item .post-container { margin: 0 10px; } .post-style-header .post-header-item a:not(.post-overlay) { padding-left: 0px!important; padding-right: 0px!important; display: inline-block!important; } .post-style-header .post-header-item h4 { font-size: 14px; margin-top: 5px; margin-bottom: 0px!important; } .post-style-header .post-header-item .post-overlay { display: flex!important; } .post-style-header .post-header-item .sh-ratio-container { padding-bottom: 69%; } .post-style-header .post-header-item .post-meta a { font-size: 11px!important; } .header-dynamic-categories > div:only-child { padding-left: 26px; } .header-dynamic-categories .col-md-2 { width: 19.5%; } .header-dynamic-categories .col-md-10 { width: 80.5%; } .header-dynamic-categories-content { position: relative; } .header-dynamic-categories-content .header-dynamic-categories-loader { position: absolute; top: 0; left: -15px; right: -1px; bottom: 0; background-color: #fff; z-index: 1000000000; } .header-dynamic-categories-title { text-align: center; text-transform: uppercase; } .header-dynamic-categories .sh-categories-names a { text-transform: uppercase!important; padding-left: 15px!important; padding-right: 10px!important; } .header-dynamic-categories .sh-categories-line-container { margin-right: 0px; margin-left: 15px; } .header-dynamic-categories ul.nav-tabs-header-categories { border-width: 0px!important; width: 100%; display: table-cell!important; vertical-align: middle; position: relative; overflow: hidden; } .nav-tabs-header-categories:after { content: ""; display: block; width: 5px; position: absolute; top: 20px; right: 0; bottom: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0 0px 25px; margin-right: -5px; } .nav-tabs-header-categories li { padding: 0px!important; text-align: center; width: 0; cursor: pointer; } .nav-tabs-header-categories li a { width: 100%; margin-right: 0px; border-width: 0px!important; border-radius: 0px; font-weight: 600!important; padding: 10px 34px!important; transition: all 0s ease-in-out; text-transform: uppercase; cursor: pointer!important; text-align: right; } .sh-header .header-dynamic-categories .nav-tabs-header-categories li.active a { background-color: #f6f6f6!important; } .primary-desktop .sh-header .sh-nav .nav-tabs-header-categories li a, .primary-desktop .sh-header .sh-nav .nav-tabs-header-categories li:hover a { color: #a0a0a0!important; } .primary-desktop .sh-header .sh-nav .nav-tabs-header-categories li.active a, .primary-desktop .sh-header .sh-nav .nav-tabs-header-categories li.active:hover a { color: #505050!important; } .tab-pagination button { position: relative; display: inline-block; background-color: transparent; border-width: 0px; padding-left: 0px; padding-right: 0px; line-height: 1; padding: 0px; transition: 0.3s all ease-in-out; padding-left: 1px; } .tab-pagination button.disabled { opacity: 0.5; cursor: default; } .tab-pagination button:not(.disabled):hover { opacity: 0.7; } .tab-pagination button.tab-pagination-back { padding-right: 5px; } .tab-pagination i { font-size: 20px; } /* Slider Switch Buttons */ .sh-categories-switch { position: fixed; right: 20px; bottom: 18px; z-index: 1000000; } .sh-categories-switch-hide { display: none; } .sh-categories-switch .tab-pagination { display: table; margin-left: auto; } /* Side menu */ .header-dynamic-categories-side { min-height: 200px; padding-right: 0px; display: table; } /** * 10.5 Header Navigation Icons */ .sh-nav-readmore > a div { position: relative; } .sh-nav-readmore > a:after, .sh-nav-share > a:after { display: none!important; content: ""!important; } .sh-nav-readmore > a i { font-size: 22px!important; position: relative; bottom: -4px; } .sh-nav-share > a i, .sh-nav-menu > a i, .sh-nav-login > a i { font-size: 18px!important; position: relative; bottom: -3px; } .sh-nav-cart > a i, .sh-nav-cart-wishlist > a i { position: relative; bottom: -3px; } .sh-nav-readmore .sh-read-later-total { background: #505050; color: #fff; font-size: 11px; border-radius: 20px; width: 22px; height: 22px; text-align: center; display: inline-block; line-height: 18px; padding: 0; position: relative; border: 2px solid #fff; position: absolute; top: 0; right: -9px; } .sh-nav-readmore ul { margin-left: -278px!important; width: 300px!important; } .sh-nav-social { padding-left: 0!important; } .sh-nav-social a { display: block!important; float: left; padding: 0 5px; } .sh-nav-social a:first-child { padding-left: 0; } .sh-nav-social a:last-child { padding-right: 0; } .sh-nav-social i { font-size: 24px; position: relative; bottom: -5px; } .sh-nav-social a:after { content: ""; display: block; clear: both; } .sh-nav-search i { font-size: 18px; position: relative; bottom: -3px; color: #545454; } .sh-nav-dropdown i, .sh-nav-menu i { bottom: -4px; } .sh-nav-search i { bottom: -3px; } .sh-nav-menu-full { width: 100%; text-align: center; } .sh-nav-menu-full span { padding-left: 12px; line-height: 26px; top: -4px; position: relative; font-weight: 400; text-transform: uppercase; } .sh-nav-login .header-logo { padding: 0!important; } .sh-nav-login #header-login > span { border: 2px solid #757575; padding: 10px 15px; font-weight: bold; } .sh-nav-login #header-quote { border-left: 2px solid #937fd5; padding: 0px 12px; padding-right: 0; } /* Purchase Button */ .sh-nav-purchase-button { background-color: #a55bcf; background: linear-gradient(to right, #a55bcf , #a55bcf); padding: 0 34px; margin-left: 25px; border-radius: 100px; display: inline-block; box-shadow: 0 6px 18px rgba(0,0,0,0.3); margin-top: -7px; margin-bottom: -7px; line-height: 56px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); transition: 0.3s all ease-in-out; font-size: 12px; color: #ffffff; } .sh-nav-purchase-button:hover { opacity: 0.7; } /** * 10.6 Header - Presets */ .sh-header { border-bottom: 1px solid rgba( 0,0,0,0.08 ); } /* Header Preset - 1 */ .sh-header-1 .sh-header-nav-container .header-standard-position { display: table; margin: 0 auto; } .sh-header-1 .sh-header-logo-container .sh-nav { float: none; line-height: 1; } .sh-header-1 .sh-header-logo-container, .sh-header-1 .sh-header-meta-container { min-width: 180px; } .sh-header-1 sh-header-nav-container { min-width: 100%; } /* Header Preset - 2 */ .sh-header-2 .sh-header-logo-container .sh-nav { float: none; line-height: 1; } .sh-header-2 .sh-nav-special { margin-left: 7px!important; } /* Header Preset - 3 */ .sh-header-3 { border-bottom-width: 0px!important; } .sh-header-3 .sh-header-nav-container .sh-nav { float: none; } .sh-header-3 .sh-header-nav-container .sh-nav > li { height: 70px; } .sh-header-3 .sh-nav > li.menu-item { padding: 0 14px; } .sh-header-3 .sh-nav > li.menu-item:last-child { padding-right: 0; } .sh-header-3 .sh-header-nav-container .sh-nav > li.current-menu-item a, .sh-header-4 .sh-nav-container .sh-nav > li.current-menu-item a, .sh-header-6 .sh-nav-container .sh-nav > li.current-menu-item a { position: relative; } .sh-header-3 .sh-header-nav-container .sh-nav > li.current-menu-item a:after, .sh-header-4 .sh-nav-container .sh-nav > li.current-menu-item a:after, .sh-header-6 .sh-nav-container .sh-nav > li.current-menu-item a:after { display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; } .sh-header-3 .sh-header-nav-container .sh-nav > li:first-child { padding-left: 0px; } .sh-header-3 .sh-header-additional { min-height: 60px; padding: 12px 0; border-bottom: 1px solid #f1f1f1; display: flex; align-items: center; } .sh-header-3 .sh-header-additional .sh-nav { float: none; } .sh-header-3 .sh-header-banner-container { text-align: right; } .sh-header-3 .sh-header-banner-container img { max-height: 90px; margin-top: 9px; margin-bottom: 9px; } /* Header Preset - 4 */ .sh-header-4 { border-bottom-width: 0px!important; } .sh-header-4 .sh-header-standard { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .sh-header-4 .sh-header-standard .sh-nav > li.menu-item { padding: 0 9px; } .sh-header-4 .sh-header-additional .sh-nav-container { padding-top: 15px; padding-bottom: 15px; } .sh-header-4 .sh-header .sh-nav-container .sh-nav > li > a { line-height: 70px; max-height: 70px; transition: 0.3s all ease-in-out; } .sh-header-5.sh-header-4 .sh-header .sh-nav-container .sh-nav > li > a { line-height: 60px; max-height: 60px; } .sh-header-5.sh-header-4 .sh-header .sh-nav-container .sh-nav > li.sh-nav-readmore .sh-read-later-total { top: 10px; } .sh-header-4 .sh-header .sh-nav ul.sub-menu { top: 101%; } .sh-header-4 .sh-nav { float: none; display: table; margin: 0 auto; } .sh-header-4 .sh-header-meta1-container .sh-nav { float: left; display: block; margin: 0; } .sh-header-4 .sh-header-meta2-container .sh-nav { float: right; display: block; margin: 0; } .sh-header-4 .sh-header-meta1-container, .sh-header-4 .sh-header-meta2-container { width: 20%; } .sh-header-4 .sh-header-logo-container { width: 60%; } .sh-header-middle { position: relative; background-size: cover; background-position: 50% 50%; } /* Header - Style 6 */ .sh-header-6.sh-header #menu-header-navigation { float: none; } .sh-header-6 #header-logo { margin: 0 auto; display: table; } .sh-header-6 #header-logo .sh-nav { float: none; } .sh-header-6 .header-logo { padding: 40px 0; } .sh-header-6 .sh-nav li a { transition: 0.3s padding, color ease-in-out!important; } .sh-header-6 .sh-nav > li.menu-item > a { padding-left: 4px; } .sh-header-6 #header-navigation .sh-nav > li.menu-item:first-child { padding-left: 0px; } /** * 9.7 Header - Side */ .sh-header-side { backface-visibility: hidden; position: fixed; top: 0; bottom: 0; right: -17px; transform: translateX( 350px ); width: 350px; padding: 30px; background-color: #fff; z-index: 5000; border-left: 1px solid rgba( 0,0,0,0.45 ); display: none; transition: 0.3s all ease-in-out; overflow-y: scroll; } .sh-header-side-close { position: absolute; top: 30px; right: 30px; background-color: #fff; z-index: 100; padding-left: 20px; } .sh-header-side-close i { font-size: 21px; cursor: pointer; } .sh-header-side-overlay { backface-visibility: hidden; background-color: rgba( 0,0,0,0.7 ); position: fixed; z-index: 5000; top: 0; bottom: 0; left: 0; right: 0; z-index: 4999; display: none; opacity: 0; transition: 0.3s all ease-in-out; cursor: pointer; cursor: url( 'img/cursor.png' ), auto; } .sh-header-side h3, .sh-header-side h5 { position: relative; display: block; } .sh-header-side h3, .sh-header-side h5 { font-size: 18px; } body.admin-bar .sh-header-side { top: 32px; } /** * 10.8 Header - Search */ .sh-header-search-side { backface-visibility: hidden; background-color: rgba( 0,0,0,0.7 ); position: fixed; z-index: 5000; top: 0; bottom: 0; left: 0; right: 0; z-index: 4999; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s all ease-in-out; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); overflow: hidden; height: 0px; width: 0px; } .sh-header-search-side-animated { opacity: 1; height: auto; width: auto; } .sh-header-search-side-container { width: 70%; max-width: 1200px; position: relative; } .sh-header-search-side .sh-header-search-side-input { line-height: 100px!important; background-color: #fff; border-radius: 1000px; width: 100%; display: table; margin: 0 auto; padding: 0px; border-width: 0px; z-index: 6000; padding: 0px 100px; font-size: 24px!important; color: #9e9e9e; font-weight: 300; font-style: normal; box-shadow: 1px 4px 8px 1px rgba(0,0,0,0.2); margin: 10px 0; } .sh-header-search-side .sh-header-search-side-input::-webkit-input-placeholder { font-style: italic; color: #b3b3b3; } .sh-header-search-side .sh-header-search-side-input:-moz-placeholder { font-style: italic; color: #b3b3b3; } .sh-header-search-side .sh-header-search-side-input::-moz-placeholder { font-style: italic; color: #b3b3b3; } .sh-header-search-side .sh-header-search-side-input:-ms-input-placeholder { font-style: italic; color: #b3b3b3; } .sh-header-search-side-close { position: absolute; top: 51px; right: 60px; } .sh-header-search-side-close i { color: #9e9e9e; font-size: 18px; } .sh-header-search-side-icon { position: absolute; top: 52px; left: 60px; } .sh-header-search-side-icon i { color: #b3b3b3; font-size: 18px; } /** * 10.9 Header - Logo */ .sh-sticky-logo, .sh-light-logo { display: none; } .sh-sticky-header-active .sh-sticky-logo { display: block; } .sh-sticky-header-active .sh-standard-logo { display: none; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo img { display: none; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo .sh-light-logo { display: block; } .primary-mobile-light .sh-header-mobile:not(.sh-sticky-header-active) .header-logo img { display: none; } .primary-mobile-light .sh-header-mobile:not(.sh-sticky-header-active) .header-logo .sh-light-logo { display: block; } .primary-desktop-light .sh-header-top:not(.sh-sticky-header-active) .header-logo img { display: none; } .primary-desktop-light .sh-header-top:not(.sh-sticky-header-active) .header-logo .sh-light-logo { display: block; } /** * 10.10 Header - Styles */ /* Header - Dark Style */ .primary-desktop-dark { position: absolute!important; z-index: 5000; width: 100%; } .primary-desktop-dark .sh-header-top { background-color: rgba(255,255,255,0.0)!important; } .primary-desktop-dark .sh-header:not(.sh-sticky-header-active) { background-color: rgba(255,255,255,0.0)!important; } .primary-desktop-dark .sh-header:not(.sh-sticky-header-active):not(.sh-header-disabled-border) { border-bottom: 1px solid rgba( 0,0,0,0.10 )!important; } /* Header - Light Style */ .primary-desktop-light { position: absolute!important; z-index: 5000; width: 100%; } .primary-desktop-light .sh-header-top { background-color: rgba(255,255,255,0.0)!important; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) { background-color: rgba(255,255,255,0.0)!important; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-disabled-border) { border-bottom: 1px solid rgba( 255,255,255,0.10 )!important; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > li > a, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > li.menu-item > a > i, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > li.menu-item > a > div > i { color: rgba(255,255,255,0.85)!important; } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > li.current_page_item > a, .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .sh-nav > li:not(.current_page_item):hover > a { color: #fff!important; } .primary-mobile-light { position: absolute; z-index: 5000; width: 100%; } .primary-mobile-light .sh-header-mobile { background-color: rgba(255,255,255,0.0)!important; border-bottom: 1px solid rgba( 255,255,255,0.10 )!important; } .primary-mobile-light .sh-header-mobile-navigation { border-bottom: 0px!important; } .primary-mobile-light .sh-header-mobile .sh-nav > li > a, .primary-mobile-light .sh-header-mobile .sh-nav > li.menu-item > a > i { color: rgba(255,255,255,0.85)!important; } .primary-mobile-light .sh-header-mobile .sh-nav > li.current_page_item > a { color: #fff!important; } .primary-mobile-light .sh-hamburger-menu span { background-color: rgba(255,255,255,0.85)!important; } /** * 10.11 Header - Share */ .sh-nav-share ul { width: 50px!important; margin-left: -14px!important; padding: 0px!important; } .sh-nav-share ul li { text-align: center; } .sh-nav-share ul a { padding: 12px 15px!important; transition: 0.3s background-color ease-in-out; } .sh-nav-share ul li { border-bottom: 1px solid #ebebeb!important; } .sh-nav-share ul li:last-child { border-bottom: 0px!important; } .sh-nav-share ul i { font-size: 16px; color: #505050; position: relative; } .sh-nav-share ul li:hover a { background-color: #505050; position: relative; margin: 0 0 -1px 0; padding-bottom: 13px!important; } .primary-desktop .sh-header .sh-nav .sh-nav-share ul li:hover a i { color: #fff!important; } /* Header - Share Hover Colors */ .primary-desktop .sh-share-item:hover a { background-color: #505050!important; } .primary-desktop .sh-share-item-facebook:hover a { background-color: #6187ea!important; } .primary-desktop .sh-share-item-twitter:hover a { background-color: #5ec6fd!important; } .primary-desktop .sh-share-item-googleplus:hover a { background-color: #e77373!important; } .primary-desktop .sh-share-item-pinterest:hover a { background-color: #e64f56!important; } .primary-desktop .sh-share-item-instagram:hover a { background-color: #d41f54!important; } .post-content-share:not(.post-content-share-side):not(.post-content-share-mobile) { width: 80px; margin-left: -80px; float: left; } @media (min-width: 1024px) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 41.5%!important; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 54.5%!important; } } .entry-summary { position: relative; min-height: 200px; } .entry-summary-item { display: inline-block; margin-left: -4px; width: calc(100% - 45px); vertical-align: top; padding-right: 35px; } .entry-summary .post-content-share:not(.post-content-share-side):not(.post-content-share-mobile) { display: inline-block; float: none; margin-left: -4px; width: 45px; vertical-align: top; } .post-content-share-mobile { margin-top: 20px; display: none; } .post-content-share-mobile .jssocials-share { margin-top: 0.3em!important; } @media (max-width: 768px) { .entry-summary-item { width: 100%; padding-right: 0; } .post-content-share { display: none!important; } .post-content-share-mobile-contaner .post-content-share-mobile { display: block!important; } .blog-style-single-share .post-item-single-container { padding-left: 0px!important; } } .post-item-single-container { position: relative; min-height: 200px; margin-top: 37px; } .post-item-single-container .post-categories-container { margin-top: 0px; } .blog-style-single-share .post-item-single-container { padding-left: 80px; } .post-content-share:not(.post-content-share-side) .jssocials-share:first-child { margin-top: 0px; } .post-content-share-side .jssocials-share:first-child { margin-left: 8px; } .post-content-share .jssocials-share:last-child { margin-bottom: 0px; } .post-content-share .jssocials-share { width: 45px; height: 45px; border: 1px solid #f0f0f0; display: inline-block; transition: 0.3s all ease-in-out; } .post-content-share .jssocials-share:hover { box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.07) } .post-content-share .jssocials-share-link { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .post-content-share .jssocials-share-logo { font-size: 18px; color: #505050; } .jssocials-share-googleplus { display: none!important; } /** * 10.13 Header - Responsive */ .sh-header-side, .sh-header-side-overlay { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .primary-desktop { position: relative; z-index: 1500; } .sh-header-mobile-dropdown { display: none; z-index: 1200; position: relative; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 1px solid rgba( 0,0,0,0.05 ); } .sh-header-mobile .sh-header-logo-container { width: 100%; } .sh-header-mobile .header-logo-container { margin: 0 auto; } .sh-header-mobile .container { padding: 0 15px; } .sh-header-mobile-navigation { border-bottom: 1px solid #EDEDED; } .sh-header-mobile-navigation .sh-nav-container { padding: 30px 0; } .sh-header-mobile-navigation-content { display: flex; align-items: center; } .sh-header-mobile-navigation-content-left, .sh-header-mobile-navigation-content-right { width: 120px; } .sh-header-mobile-navigation-content-center { flex: 1; } .sh-header-mobile-navigation-right ul { white-space: nowrap; } .sh-header-mobile-navigation-right li { float: none!important; display: inline-block; } .sh-nav-mobile .sh-nav-special { display: none; } .sh-nav-mobile { max-width: 800px; padding: 0!important; overflow: hidden; } .sh-nav-mobile ul { display: none; } .sh-nav-mobile ul li a { padding-left: 30px!important; } .sh-nav-mobile ul ul li a { padding-left: 60px!important; } .sh-nav-mobile ul ul ul li a { padding-left: 90px!important; } .sh-nav-mobile ul ul ul ul li a { padding-left: 110px!important; } .sh-nav-mobile ul ul ul ul ul li a { padding-left: 130px!important; } .sh-nav-mobile ul.open { display: block; } .sh-nav-mobile ul { background-color: #f7f7f7; } .sh-nav-mobile li:after { content: ""; display: block; left: 0; right: 0; position: absolute; height: 1px; background-color: #303030; width: 100%; } .sh-nav-mobile li:last-child:after { height: 0; } .sh-nav-mobile ul { position: relative; } .sh-nav-mobile ul li:after { left: auto; right: auto; } .sh-nav-mobile li a { font-weight: bold; font-size: 13px; } .sh-nav-mobile li .sub-menu:before { content: ""; display: block; position: absolute; height: 1px; background-color: #303030; width: 100%; } .sh-nav-mobile li.current-menu-item > a { color: #fff; } .sh-nav-mobile li.menu-item-has-children > a:after { font-family: 'simple-line-icons'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; font-size: 12px; margin-left: 6px; top: 6px; float: right; content: "\e604"; } .sh-nav-mobile li.menu-item-has-children li.menu-item-has-children > a:after { margin-right: 30px; } .sh-nav-mobile li a { display: block; padding: 16px 0; color: #aaaaaa; } .sh-header-mobile .sh-nav-mobile li:last-child { border-bottom: 0px solid transparent!important; } .header-mobile-search { width: 100%; position: relative; box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.1); z-index: 2000; } .header-mobile-search .header-mobile-form { position: relative; } .header-mobile-search .header-mobile-form .header-mobile-form-input { display: block; background-color: transparent; border: 0px; padding: 0px; padding-right: 50px; width: 100%; line-height: 70px!important; margin-bottom: 0; font-size: 13px; vertical-align: middle; } .header-mobile-search .header-mobile-form .header-mobile-form-input:focus { outline: none; } .header-mobile-search .header-mobile-form-submit { position: absolute; right: 0;top: 0;bottom: 0; line-height: 70px; text-align: center; font-size: 18px; background-color: transparent; border: 0; } .header-mobile-social { padding-top: 15px; } .header-mobile-social-media { width: 100%; padding: 0; border-top: 1px solid #303030; position: relative; } .header-mobile-social-media a { display: inline-block; vertical-align: top; text-align: left; padding: 0; padding-right: 30px; } .header-mobile-social-media a:hover { background-color: #303030; } .header-mobile-social-media a:first-child { border-left: none; } .header-mobile-social-media i { font-size: 18px; color: #8d8d8d; padding-left: 0px; position: relative; line-height: 54px; } .header-mobile-social-media a.sh-login-popup { margin-top: 15px; margin-left: 0; float: right; } @media (max-width: 550px) { .header-mobile-social-media a { padding-right: 20px; } } header.primary-mobile { display: none; } /* Mobile Header Logo */ .sh-header-mobile-table { position: relative; } .sh-header-mobile .header-logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 0; } .sh-header-mobile .header-logo-container { max-width: 60%; } .sh-header-mobile .header-standard-position { z-index: 1; position: relative; } .sh-header-mobile .sh-nav-cart-wishlist { padding-left: 0!important; padding-right: 0!important; display: none!important; } .sh-header-mobile .sh-nav-readmore { padding-left: 2px!important; } @media (max-width: 400px) { .sh-header-mobile .container { width: 100%!important; } } /** * 11.0 Titlebar */ .sh-titlebar { position: relative; padding: 0; background-repeat: no-repeat; background-position: 50% 0%; background-size: cover!important; background-color: #fafafa; z-index: 100; } @media (min-width: 768px) { body.admin-bar .sh-titlebar:not(.sh-titlebar-parallax-disabled) { background-position: 50% -28px; } .sh-titlebar-parallax:not(.sh-titlebar-parallax-disabled) { background-position: -9000px -9000px!important; background-size: auto!important; } } .sh-titlebar #jarallax-container-0 { opacity: 0; -webkit-animation: new-item-animation 0.5s linear forwards; animation: new-item-animation 0.5s linear forwards; } @-webkit-keyframes new-item-animation { from { opacity: 0; } to { opacity: 1; } } @keyframes new-item-animation { from { opacity: 0; } to { opacity: 1; } } .sh-titlebar #jarallax-container-0, #jarallax-container-0, #jarallax-container-1, #jarallax-container-2, #jarallax-container-3, #jarallax-container-4, #jarallax-container-5 { z-index: 0!important; } .sh-titlebar .container { padding: 0px 15px } .sh-titlebar a { color:#8d8d8d!important; } .sh-titlebar .sh-table { min-height: 60px; z-index: 100; position: relative; } .sh-titlebar-height-small { padding: 30px 0; } .sh-titlebar-height-medium { padding: 50px 0; } .sh-titlebar-height-large { padding: 100px 0; } .sh-titlebar .titlebar-title h1, .sh-titlebar .titlebar-title h2 { font-size: 18px; margin-bottom: 0; font-weight: bold; } .sh-titlebar .title-level { text-align: right; } .sh-titlebar .title-level .separator { font-size: 0; } .sh-titlebar .title-level .separator:after { display: inline-block; content: "/"; font-size: 11px; padding: 0 12px; } .sh-titlebar .title-level .breadcrumbs { font-size: 11px; margin: 0; margin-bottom: -4px; position: relative; } .sh-titlebar .title-level .item-current { font-weight: bold; } .sh-titlebar-center { text-align: center; } .sh-titlebar-center .titlebar-title { margin-bottom: 10px; } .sh-titlebar-center .title-level { text-align: center; } .sh-titlebar-center .title-level .breadcrumbs { margin-bottom: 0; } /* Titlebar - Light Style */ .sh-titlebar-light { padding-top: 121px; background-color: #353535!important; position: relative; } .sh-titlebar-light .sh-table { padding: 130px 0; } .sh-titlebar-light h1, .sh-titlebar-light a, .sh-titlebar-light span { color: #fff!important; } .sh-titlebar-light .sh-titlebar-icon { opacity: 1; position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .sh-titlebar-light .sh-titlebar-icon i { font-size: 21px; color: #fff; opacity: 0.7; display: block; position: relative; } .sh-titlebar-light .titlebar-title .titlebar-title-h1 { font-size: 36px; margin-bottom: 10px; } .sh-titlebar-light .titlebar-title-h1 { color: #fff; } .sh-titlebar-light .sh-titlebar-desc { color: #fff; font-style: italic; font-size: 16px; opacity: 0.8; margin-top: 16px; } .sh-titlebar-light .title-level { margin-top: 15px; } /* Titlebar - Dark Style */ .sh-titlebar-dark { padding-top: 121px; Xbackground-color: #353535!important; position: relative; } .sh-titlebar-dark .sh-table { padding: 130px 0; } .sh-titlebar-dark h1, .sh-titlebar-dark a, .sh-titlebar-dark span { Xcolor: #fff!important; } .sh-titlebar-dark .sh-titlebar-icon { opacity: 1; position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .sh-titlebar-dark .sh-titlebar-icon i { font-size: 21px; Xcolor: #fff; opacity: 0.7; display: block; position: relative; } .sh-titlebar-dark .titlebar-title .titlebar-title-h1 { font-size: 36px; margin-bottom: 10px; } .sh-titlebar-dark .titlebar-title-h1 { Xcolor: #fff; } .sh-titlebar-dark .sh-titlebar-desc { Xcolor: #fff; font-style: italic; font-size: 16px; opacity: 0.8; margin-top: 16px; } .sh-titlebar-dark .title-level { margin-top: 15px; } @-webkit-keyframes bounce { 0%, { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes bounce { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1020px) { .sh-titlebar-light .sh-table { padding: 75px 0; } } /** * 12.0 - Footer */ .sh-footer-columns { position: relative; } .sh-footer-columns > .widget-item { display: inline-block; width: 33.3%; vertical-align: top; padding: 0 15px; margin-bottom: 25px; margin-right: -4px; } .sh-footer-widgets { padding: 100px 0 100px 0; color: #e3e3e3; background-color: #262626; } .sh-footer-col > div:last-child { padding-bottom: 0; } .sh-footer-widgets a, .sh-footer-widgets li a { color: #fff; } .sh-footer-widgets a:hover, .sh-footer-widgets li a:hover { color: #d79c74; } @media (max-width: 1025px) and (min-width: 701px) { #sidebar .sidebar-container, .gillion-columns-sidebar .wpb_widgetised_column > .wpb_wrapper { margin: 0 -15px; } #sidebar .widget-item, .gillion-columns-sidebar .widget-item { padding-bottom: 60px; width: 50%; float: left; vertical-align: top; } #sidebar .widget-item, .gillion-columns-sidebar .wpb_widgetised_column > .wpb_wrapper .widget-item { padding-left: 15px; padding-right: 15px; } } .sh-footer-widgets h3, .sh-footer-widgets h4 { color: #ffffff; font-size: 24px; position:relative; display:block; } .sh-footer-widgets h3:not(.widget-tab-title):after, .sh-footer-widgets h4:not(.widget-tab-title):after { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.12); margin-left: 20px; } .sh-footer-widgets .sh-widget-poststab-title:after { background-color: rgba(255, 255, 255, 0.12); } .sh-copyrights { background-color: #222222; color: #ffffff; padding: 40px 10px; } .sh-copyrights-align-center { display: block; text-align: center; } .sh-copyrights-align-center .sh-table-cell { display: table; margin: 0 auto; } .sh-copyrights-align-left2 .sh-copyrights-info { text-align: right; } @media (max-width: 900px) { .sh-copyrights-align-left2 .sh-copyrights-info { text-align: center; } } .sh-copyrights a { color: #fff; } .sh-copyrights a:hover { color: #d79c74; } .sh-copyrights-style1 { float: left; height: 70px; } .sh-copyrights-style2 { display: table; margin: 0 auto; height: 70px; } .sh-footer-widgets ul li:first-child { padding-top: 0; } .sh-footer-widgets ul li:last-child { border-bottom: 0!important; padding-bottom: 0!important; } .sh-footer-widgets ul li, .sh-footer-widgets ul li { border-bottom: 1px solid rgba( 255,255,255,0.1 ); padding: 7.5px 0; } .sh-footer-widgets .widget-item:not(.widget_pages):not(.widget_nav_menu) ul { list-style: none; padding-left: 0; } .sh-copyrights-social { font-size: 16px; line-height: normal!important; margin-right: 4px; } .sh-copyrights-social a { display: inline-block; border-left: 1px solid rgba( 255,255,255,0.1 ); height: 70px; line-height: 70px; width: 70px; text-align: center; margin-right: -4px; } .sh-copyrights-social a:last-child { border-right: 1px solid rgba( 255,255,255,0.1 ); } .sh-copyrights-social i { padding: 0; position: relative; bottom: -2px; } .sh-copyrights-social a:first-child i { padding-left: 0; } .sh-copyrights-social a:last-child i{ padding-right: 0; } .sh-copyrights-image { max-height: 70px; } .sh-copyrights-logo { padding-bottom: 10px; } .sh-copyrights-info { font-size: 12px; margin-top: 10px; } .sh-copyrights-text-only { text-align: center; } .sh-copyrights-text-only .sh-copyrights-text { margin: 0; } .sh-copyrights .sh-nav li a { text-transform: uppercase; } .sh-copyrights .sh-nav li.menu-item-has-children > a:after { font-size: 0px!important; } /* Footer parallax */ @media (min-width: 851px) { .sh-footer-paralalx-init .content-container { position: relative; background-color: #fff; z-index: 100; } .sh-footer-paralalx-init .sh-footer { backface-visibility: hidden; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; z-index: 0; opacity: 0; } } @media (max-width: 851px) { .sh-footer-paralalx-init .sh-footer { opacity: 1!important; } } /* Custom Grid */ .sh-footer-widgets .row { margin-right: -15px; margin-left: -15px; } .sh-footer-widgets .row > div { padding-right: 20px; padding-left: 20px; } @media (max-width: 991px) { .sh-footer-widgets .row > div:not(:last-child) { padding-bottom: 60px; } } @media (max-width: 900px) { .sh-footer-widgets .row > div:not(:last-child) { padding-bottom: 60px; } .sh-copyrights .sh-nav-container ul { margin: 0 auto; display: table; float: none; margin-top: 10px; } } /** * 13.0 - Blog */ .blog-hide-lines article .post-container { border-bottom-width: 0px; } .post-left-side { width: 44%; margin-right: 3%; } .post-right-side { width: 53%; } .ratio-container { padding-top: 56.25%; position: relative; } .ratio-container-classic { padding-top: 75%!important; } .ratio-container-portrait { padding-top: 115%!important; } .ratio-content { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .ratio-content > div { width: 100%; height: 100%; } .post-container { margin: 0 15px; position: relative; } .ratio-content iframe { width: 100%; height: 100%; } .post-title-container > a { float: left; } .post-title { display: block; word-break: break-word; } .post-title h1, .post-title h2 { font-size: 26px; line-height: 110%!important; margin-bottom: 5px; margin-top: 5px; display: inline-block; } .post-title h2:hover, .post-title h3:hover, .post-title h4:hover, h2.post-title:hover, h5.post-title:hover { opacity: 0.8; } body.single h1.post-title:hover, body.single h2.post-title:hover, .post-title:hover .post-read-later { opacity: 1!important; } body.single h1.post-title, body.single h2.post-title { cursor: default; } .post-read-later { display: none; position: relative; margin-left: -6px; padding-left: 6px; padding-top: 5px; padding-right: 5px; display: none!important; top: 0px; opacity: 0; transition: 0.8s opacity ease-in-out; cursor: pointer; font-size: 80%; } @media (min-width: 1025px) { #page-container .post-read-later, .sh-footer .post-read-later { display: inline!important; } } .post-read-later i, .post-read-later i:before { display: inline!important; } .post-read-later[data-type=remove] { opacity: 1!important; } #sidebar .post-read-later, .sh-footer .post-read-later { font-size: 100%; padding-left: 8px; } .responsive-post-read-later { display: none; } @media (max-width: 1024px) { .responsive-post-read-later { display: inline-block; } .responsive-post-read-later .post-read-later { display: inline-block!important; opacity: 0.7!important; margin-left: -12px; } .responsive-post-read-later .post-read-later i { font-size: 14px; } } body.sh-bookmarks-style_meta #page-container .post-title .post-read-later { display: none!important; } .desktop-post-read-later .post-read-later { opacity: 1; margin-left: -12px; } .desktop-post-read-later .post-read-later i { font-size: 14px; } .post-sticky { font-size: 80%; padding-right: 7px; color: #d79c74; } .post-quote-and-link { line-height: 180%; width: 100%; font-weight: bold; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding: 21px 0; } .post-quote-and-link a { display: block; font-size: 18px; margin-bottom: 6px; font-weight: normal; font-style: italic; line-height: 140%; } .post-quote-and-link span { font-size: 16px; display: block; padding-top: 5px; text-align: center; } .post-content img:not(:last-child), .post-content p:not(:last-child), /*.sh-text-content .page-content p:not(:last-child),*/ .post-content table:not(:last-child) { margin-bottom: 15px; } .page-default-content > figure > img, .page-default-content > img:not(:last-child), .page-default-content > p:not(:last-child), .page-default-content > table:not(:last-child) { margin-bottom: 15px; } .post-content .post-password-form label { margin-top: 15px; font-size: 15px; display: block; } .post-content .post-password-form input { margin-top: 10px; } .post-content .post-password-form input[type="submit"] { font-weight: bold; border: 0px; color: #fff; } /* Post Meta */ .post-meta { padding: 0px; } .post-meta, .post-meta a { font-size: 11px; } .post-meta i { font-size: 13px; position: relative; bottom: -1px; margin-right: 4px; padding-left: 1px; width: auto; height: auto; margin-left: 0px; line-height: 1; vertical-align: inherit; } .post-meta, .post-meta a { color: #8d8d8d; } .post-meta img { filter: grayscale(100%); transition: 0.3s all ease-in-out; } .post-meta img:hover { filter: grayscale(0%); } body:not(.sh-bookmarks-style_meta) .post-meta-content > *:not(:last-child):not(:nth-last-child(2)), body.sh-bookmarks-style_meta .post-meta-content > *:not(:last-child) { padding-right: 10px; margin-right: 10px; display: inline-block; position: relative; } body:not(.sh-bookmarks-style_meta) .post-meta-content > *:not(:last-child):not(:nth-last-child(2)):after, body.sh-bookmarks-style_meta .post-meta-content > *:not(:last-child):after { content: ""; display: block; position: absolute; background-color: #d6d6d6; width: 1px; top: 5px; bottom: 5px; right: -1px; } @media (max-width: 1025px) { body.sh-bookmarks-style_meta .post-meta-content > *:nth-last-child(2), body.sh-bookmarks-style_title .post-meta-content > *:nth-last-child(2) { padding-right: 10px; margin-right: 10px; display: inline-block; position: relative; } body.sh-bookmarks-style_meta .post-meta-content > *:nth-last-child(2):after, body.sh-bookmarks-style_title .post-meta-content > *:nth-last-child(2):after { content: ""; display: block; position: absolute; background-color: #d6d6d6; width: 1px; top: 5px; bottom: 5px; right: -1px; } } body .blog-slider-item .post-meta-content > *:not(:last-child):after, body .post-style-cover .post-meta-content > *:after, body .post-quote-link-meta .post-meta-content > *:after, body .sh-widget-posts-slider-style2 .post-meta-content > *:after { background-color: rgba(255, 255, 255, 0.14)!important; } .post-meta-content > .post-auhor-date-full:after { top: 10px!important; bottom: 10px!important; } .desktop-post-read-later .post-read-later { display: inline!important; } @media (max-width: 1025px) { .post-readtime span { display: none; } body.single .post-readtime { display: block; } } .placeholder-post-read-later { opacity: 0; } .post-author-image { margin-right: 8px; display: inline-block!important; } @media (max-width: 500px) { .post-author-image { display: none!important; } } .post-single-meta { padding: 0px 30px 35px 30px; padding-left: 0px; } .post-single-meta, .post-single-content { float: left; width: 100%; } @media (max-width: 700px) { .post-single-meta { padding-right: 0px; } } .post-single-meta .post-title h1, .post-single-meta .post-title h2 { margin-top: 0; padding-top: 0; margin-bottom: 8px; font-size: 36px; } @media (max-width: 782px){ .post-single-meta .post-title h1, .post-single-meta .post-title h2 { font-size: 24px; } .post-single-meta { padding-bottom: 0px; } .blog-single .post-content p { font-size: 90%; } .post-item-single-container { margin-top: 32px; } } .post-thumbnail { position: relative; display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .post-thumbnail img { width: 100%; min-width: 100%; height: auto; transition: all 0.3s ease-in-out; margin-bottom: 0px; } .post-thumnail-caption { font-size: 11px; margin-top: 15px; } .post-item-single .post-thumbnail:hover img { -webkit-transform: none; -ms-transform: none; transform: none; } .post-meta-icon { width: 44px; height: 44px; margin-left: auto; margin-right: auto; margin-bottom: -22px; text-align: center!important; position: relative; } .post-meta-icon i, .post-meta-icon span { line-height: 45px; font-size: 21px; } .post-more { font-weight: bold; } .psot-content { line-height: 120%; } .sticky { display: block; } @media (max-width: 782px){ #page-container .blog-slider-item h1, #page-container .blog-slider-item h2 { font-size: 24px; } } /** * 13.1 Blog - Masonry */ .blog-style-masonry { margin: 0 -15px; opacity: 0; transition: 0.25s all ease; } body.elementor-editor-active .blog-style-masonry { opacity: 1; } .blog-style-masonry article { width: 33.3%; float: left; margin-bottom: 40px; } .blog-style-grid .post-content-container, .blog-style-masonry .post-content-container { margin-top: 25px; } .blog-style-grid .post-container, .blog-style-masonry .post-container { padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; } .blog-style-grid .format-link .post-container, .blog-style-grid .format-quote .post-container, .blog-style-masonry .format-link .post-container, .blog-style-masonry .format-quote .post-container { padding-bottom: 0px; border-width: 0px; } .blog-style-grid .post-content-container, .blog-style-masonry .post-content-container { padding-bottom: 13px; } .blog-style-masonry .post-item .post-large-info h2 { margin-top: 0; margin-bottom: 5px; } .content-with-sidebar-left .blog-style-masonry article, .content-with-sidebar-right .blog-style-masonry article { width: 50.0%; } .post-item.format-standard .post-category { margin-top: -14px; } .blog-list.blog-style-columns2:not(.blog-style-small):not(.blog-style-medium):not(.blog-style-large):not(.blog-style-left) .post-item { width: 50%; } .blog-list.blog-style-columns4:not(.blog-style-small):not(.blog-style-medium):not(.blog-style-large):not(.blog-style-left) .post-item { width: 25%; } /* Masonry Card */ .blog-style-masonry-card .post-gallery-list, .blog-style-masonry-card .post-gallery-list .slick-list, .blog-style-masonry-card .post-thumbnail, .blog-style-masonry-card .post-thumbnail img, .blog-style-masonry-card .post-overlay { border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important; } .blog-style-masonry-card .post-container { border-bottom-width: 0px; } .blog-style-masonry-card .post-content-container { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #fff; box-shadow: 0px 6px 30px rgba(0,0,0,0.1); margin-top: 0; padding: 25px 35px; } /** * 13.2 Blog - Grid */ .blog-style-grid { margin: 0 -15px; } .blog-style-grid article { width: 33.3%; margin-bottom: 40px; } .content-with-sidebar-left .blog-style-grid:not(.blog-style-grid-element) article, .content-with-sidebar-right .blog-style-grid:not(.blog-style-grid-element) article { width: 50%; } .blog-style-grid .post-item { float: none; display: inline-block; vertical-align: top; margin-right: -4px; } .blog-style-grid iframe { max-width: 100%; } .blog-style-grid .sh-ratio-container:not(.sh-ratio-container-130) { padding-bottom: 63%!important; } .blog-style-grid .ratio-container { padding-top: 63%!important; } .blog-style-grid .post-gallery-item .sh-ratio-container { height: auto!important; padding-bottom: 63%!important; } /** * 13.3 Blog - Left (mini) */ .blog-style-left-mini article { width: 100%!important; min-width: 100%; margin-bottom: 30px; position: relative; } .blog-style-left-mini article h2 { font-size: 20px; } .blog-style-left-mini .post-container-left { position: absolute; width: 290px; } .blog-style-left-mini .post-container-right { width: auto; margin-left: 290px; min-height: 195px; } @media (max-width: 800px) { .blog-style-left-mini .post-container-left { width: 200px; } .blog-style-left-mini .post-container-right { margin-left: 200px; min-height: 128px; } } @media (max-width: 550px) { .blog-style-left-mini .post-container-left, .blog-style-left-mini .post-container-right { position: relative; width: 100%; margin-left: 0; } .blog-style-left-mini .post-container-right { margin-top: 15px; } } /** * 13.3 Blog - Left (large) */ .blog-style-left article { width: 100%!important; min-width: 100%; margin-bottom: 45px; } .blog-style-left .post-container { margin: 0px; } .blog-style-left .post-categories { margin-bottom: -6px; } .blog-style-left .post-thumbnail-content { max-height: 400px; overflow: hidden; } .blog-style-left .post-container-right { display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .blog-style-left .post-container-right { height: auto!important; } } @media (max-width: 991px) { .blog-style-left { margin: 0 -15px; } .blog-style-left article { width: 50%; float: none; display: inline-block; margin-left: -4px; vertical-align: top; } .blog-style-left .post-container { margin: 0 15px; } .blog-style-left .post-content-container { margin-top: 25px; } } .blog-style-left article .post-quote-link .sh-ratio-container { padding-bottom: 35%; } /* Blog - Left (large) */ .blog-style-left-small .post-item { padding-left: 315px; margin-bottom: 30px; position: relative; width: 100%!important; min-width: 100%; } .blog-style-left-small .post-container { min-height: 170px; display: flex; align-items: center; width: 100%; } .blog-style-left-small .post-container h2 { padding-top: 3px; padding-bottom: 8px; } .blog-style-left-small .post-thumbnail { min-height: 170px; position: absolute; top: 0; left: 0; width: 290px; background-size: cover; background-position: center center; border-radius: 8px; } .blog-style-left-small .post-thumbnail .sh-ratio-container { padding-bottom: 58.7%; } @media (max-width: 768px) { .blog-style-left-small .post-item { padding-left: 0px; } .blog-style-left-small .post-thumbnail, .blog-style-left-small .post-container { width: 100%; position: relative; margin-left: 0px; margin-right: 0px; } } /** * 13.4 Blog - Left/Right Mix */ .post-container-left .sh-ratio-container, .blog-style-left .post-gallery-item .sh-ratio-container, .blog-style-left-right .post-gallery-item .sh-ratio-container { padding-bottom: 75%!important; } .blog-style-left .post-quote-link-meta .post-meta, .blog-style-left-right .post-quote-link-meta .post-meta { display: table; margin: 0 auto; } .blog-style-left .post-quote-link-content, .blog-style-left-right .post-quote-link-content { text-align: center!important; max-width: 560px; display: table; margin: 0 auto; } .blog-style-left .post-container, .blog-style-left-right .post-container { margin: 0; } .post-container-left .ratio-container { padding-top: 75%!important; } .blog-style-left-right article { width: 100%; margin-bottom: 45px; } .blog-style-left-right .post-categories { margin-bottom: -6px; } .blog-style-left-right .post-thumbnail-content { max-height: 400px; overflow: hidden; } .blog-style-left-right .post-container-right { display: flex; align-items: center; justify-content: center; text-align: center; } @media (min-width: 768px) { .blog-style-left-right .post-item:nth-of-type(even) .post-container-left { float: right; } } @media (max-width: 768px) { .blog-style-left-right .post-thumbnail { margin-bottom: 21px; } } .blog-style-left-right article .post-quote-link .sh-ratio-container { padding-bottom: 35%; } /* Large */ .blog-style-left-right-large .post-title h2 { font-size: 30px; } @media (max-width: 1023px) { .blog-style-left-right-large .post-title h2 { font-size: 24px; } } .blog-style-left-right-large .post-container-left .sh-ratio-container { padding-bottom: 83%!important; } .blog-style-left-right-large .post-container-right { text-align: left; } /* Small */ .blog-style-left-right-small .post-content { display: none; } .blog-style-left-right-small .post-title h2 { margin-bottom: 10px; } .blog-style-left-right-small .post-container-left .sh-ratio-container { padding-bottom: 61%!important; } /** * 13.5 Blog - Large */ /* Featured */ .container .blog-list-featured { margin-bottom: 40px; } .container .blog-list-featured > article { width: 100%!important; } .container .blog-list-featured > article .post-container { margin: 0px; } .blog-style-large .post-gallery-item .sh-ratio-container { padding-bottom: 0px!important; height: 440px; } .blog-style-large article { width: 100%; } .blog-style-large article .post-quote-link .sh-ratio-container { padding-bottom: 42%; } .blog-style-large .post-item { margin-bottom: 40px; } .blog-style-large .post-categories-container { margin-top: 0px; } .blog-style-large .post-categories, .blog-list-featured > article .post-categories { margin-bottom: -9px; } .blog-style-large .post-title h2, .blog-list-featured > article .post-title h2 { font-size: 30px!important; margin-bottom: 6px; line-height: 103%!important; } .blog-style-large article.format-link .post-quote-link .post-title h2 { font-size: 36px!important; } .blog-style-large article.format-quote .post-quote-link .post-title h2 { font-size: 30px!important; } .blog-style-large .post-meta, .blog-list-featured > article .post-meta { margin-top: 0px; margin-bottom: 24px; } .blog-style-large article .post-quote-link .post-meta { margin-bottom: 0px; } .blog-style-large .post-content, .blog-list-featured > article .post-content { margin-top: 20px; } .blog-style-large .post-container { margin: 0; } /* Blog Style Large - Title Bellow The Image */ .blog-style-large.large-title-bellow .post-thumbnail, .blog-style-large.large-title-bellow .post-media-play, .blog-style-large.large-title-bellow .post-gallery { margin-bottom: 20px; } .blog-style-large.large-title-bellow .post-meta { margin-bottom: 12px; } .blog-style-large.large-title-bellow .post-title h2 { margin-bottom: 10px; } .blog-style-large.large-title-bellow .post-readmore { margin-top: 0px; } /* Blog Style Large - Centered */ .blog-style-large.large-centered { text-align: center; } .blog-style-large.large-centered > article:not(:last-child) { margin-bottom: 80px; } .blog-style-large.large-centered .post-content { margin-top: 30px; } .blog-style-large.large-centered .post-content, .blog-style-large.large-centered .post-readmore { margin-left: auto; margin-right: auto; max-width: 800px; } .blog-style-large.large-centered .post-title { max-width: 90%; margin-left: auto; margin-right: auto; } .blog-style-large.large-centered .post-title h2 { font-size: 60px!important; } .blog-style-large.large-centered .post-thumbnail .sh-ratio-container { padding-bottom: 40%; } /** * 13.6 Blog - Mini */ .blog-mini-post { position: relative; } .sh-categories-list.ps-container > div:nth-last-child(-n+3) { margin-bottom: 0px; padding-bottom: 0px; border-width: 0px; } .blog-mini-post { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eeeeee; } .blog-mini-post:not(:last-child):last-of-type { background: red!important; } .blog-mini-post-thumb { display: block; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background-position: 50% 50%; background-size: cover; border-radius: 7px; } .blog-mini-post-content { padding-left: 100px; min-height: 80px; } .blog-mini-post-content h5 { font-size: 14px; margin-bottom: 10px; } .blog-mini-post-content h5 .post-read-later i { font-size: 13px; } .blog-mini-post-small .post-meta { border-left-width: 0px; padding-left: 0px; } .blog-mini-post-large .blog-mini-post-thumb { height: 108px; width: 108px; } .blog-mini-post-large .blog-mini-post-content { padding-left: 128px; min-height: 108px; } .blog-mini-post-large h5 { font-size: 18px; } .blog-mini-post-large { margin-bottom: 15px; padding-bottom: 15px; } .blog-mini-post-layout2 .blog-mini-post-thumb { border-radius: 100px; } /* Layout 2 */ .blog-mini-post-layout2.blog-mini-post { padding-bottom: 15px; margin-bottom: 15px; } .blog-mini-post-layout2 .blog-mini-post-content { padding-left: 22px; min-height: 40px; } .blog-mini-post-layout2 .blog-mini-post-thumb { height: 10px; width: 10px; background-color: #cdcdcd; border-radius: 100px; top: 6px; } .sh-categories-style2 .blog-mini-post-thumb { top: 0; } /** * Round Simple - Blog Style */ .blog-style-round { position: relative; margin-left: -15px; } .blog-style-round > article { width: 20%; display: inline-block; margin-left: -4px; text-align: center; vertical-align: top; } .blog-style-round .sh-ratio { margin-bottom: 12px; } .blog-style-round .sh-ratio-container { padding-bottom: 100%; border-radius: 100%; overflow: hidden; position: relative; } .blog-style-round h4 { font-size: 14px; padding-left: 15px; padding-right: 15px; } @media (max-width: 1200px) { .blog-style-round h4 { padding-left: 0px; padding-right: 0px; } } @media (max-width: 800px) { .blog-style-round > article { width: 33.3%; } } @media (max-width: 600px) { .blog-style-round > article { width: 50%; } } @media (max-width: 400px) { .blog-style-round > article { width: 100%; } } /** * Card - Blog Style */ .blog-style-card { position: relative; } .blog-style-card article { background-size: cover; background-position: 50% 50%; background-color: #fafafa; border-radius: 8px; padding: 20px; } .blog-style-card article:nth-child(odd) .post-container { margin-left: auto; margin-right: 0px; } .blog-style-card article:nth-child(even) .post-container { margin-right: auto; margin-left: 0px; } .blog-style-card .post-container { border-radius: 8px; max-width: 440px; padding: 80px 40px; } .blog-style-card article:not(:last-child) { margin-bottom: 25px; } .blog-style-card article .post-container { background-color: #fff; } @media (max-width: 600px) { .blog-style-card .post-container { padding: 40px; } .blog-style-card .post-title h2 { font-size: 18px; line-height: 120% !important; } } /* Dividing line - disabled */ .blog-dividing-line-off.blog-style-grid .post-container, .blog-dividing-line-off.blog-style-masonry .post-container { border-bottom-width: 0px; padding-bottom: 0px; } .blog-dividing-line-off.blog-style-grid .post-content-container, .blog-dividing-line-off.blog-style-masonry .post-content-container { padding-bottom: 0px; } /** * 13.7 Blog - Single Page */ .post-item-single { position: relative; } .post-item-single .post-quote-link .sh-ratio-container { padding-bottom: 42%; } .post-item-single h2 { padding-top: 15px; } .post-item:not(.post-item-single) .post-content p { line-height: 1.78; } .post-item-single .post-meta-data { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; } .post-item-single .post-meta-one { margin-bottom: 0; } .post-item-single .post-meta-two { padding-top: 0; border-top: 0; } .blog-style-post-slider .post-item-single-container, .blog-style-post-toptitle .post-item-single-container { margin-top: 0px; } .blog-style-post-toptitle .post-single-meta { padding-bottom: 25px; } .blog-style-post-toptitle .post-type-content { width: 100%; float: left; margin-bottom: 35px; } .blog-style-post-toptitle .post-type-content .post-thumbnail { display: block!important; } /* Related Posts */ .post-related { padding-top: 22px; position: relative; margin: 0 -15px; display: none; } .post-related.slick-initialized { display: block; } .post-related-title { margin-top: 80px; } .post-related .post-related-item { padding-top: 8px; } .post-related .post-related-item .post-title h4 { font-size: 18px!important; } .sh-categories-position-title .post-related .post-related-item .post-title h4 { font-size: 18px!important; margin-top: 10px!important; margin-bottom: 15px!important; } .sh-categories-position-image .post-related .post-related-item .post-title h4 { margin-top: 15px!important; margin-bottom: 5px!important; } .post-related .post-related-item .post-categories-container { margin-top: 15px; } .post-related .post-related-item .sh-ratio-content { background-color: rgba(36,36,36,0.65); } h2.post-single-title { position: relative; font-size: 24px; overflow: hidden; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; } .post-related .post-meta-audio .ratio-container, .post-related .post-meta-video .ratio-container { padding-top: 70% !important; } .post-related .post-quote-link .sh-ratio-container { padding-bottom: 125%!important; } .post-related .post-quote-link h2 { font-size: 15px!important; } .post-related .post-quote-link p { font-size: 12px!important; } .post-related .post-quote-link-meta { display: none; } @media (min-width: 1024px) { .post-media-lightbox-content { width: 700px!important; } } @media (min-width: 600px) { .post-media-lightbox-content { width: 500px; } } /** * 13.8 Blog - Post */ .post-tags { margin-top: 10px; margin-bottom: 0; } .post-tags-container .post-tags:first-child { margin-top: 35px; } .post-tags-item { display: inline-block; position: relative; padding: 0 15px; line-height: 18px; margin-right: 10px; font-size: 10px; text-transform: uppercase; border-radius: 100px; border: 1px solid #e0e0e0; color: #8d8d8d; transition: 0.3s all ease-in-out; } .post-tags-item.post-tags-item-title { font-weight: bold; background-color: #393939; color: #fff; border-color: #393939; } .sh-blog-pageswitch { border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; padding: 30px 0; font-weight: bold; text-transform: uppercase; margin: 0; } .sh-blog-pageswitch-back i { font-size: 10px; padding-right: 6px; position: relative; bottom: 2px; } .sh-blog-pageswitch-back { padding-left: 0; font-size: 13px; } .sh-blog-pageswitch-current { padding-left: 0; text-align: center; } .sh-blog-pageswitch-next { text-align: right; } .sh-blog-pageswitch-next i { font-size: 10px; padding-left: 6px; position: relative; bottom: 2px; } .sh-blog-tags h5, .sh-blog-social h5 { margin-bottom: 0; font-size: 16px; } .sh-blog-tags h5 { margin-bottom: 22px; } .sh-blog-social div { max-width: 380px; } .blog-single .post-content { padding-bottom: 30px!important; margin-bottom: 0; font-size: 15px; } .blog-single .post-content span, .blog-single .post-content span > strong { line-height: 110%!important; } .sh-text-content .page-content p, .blog-single .post-content p { line-height: 1.8; } .blog-single .post-content ul { list-style-type: disc; } .blog-single .post-content ol { list-style-type: decimal; } @media (max-width: 782px){ .blog-single .post-content li { font-size: 90%; } } .sh-text-content .page-content li:not(.post-content-review-item), .blog-single .post-content li:not(.post-content-review-item) { padding: 1px 2px; } /* Page Swither */ .post-switch { margin-top: 45px; padding-top: 35px; border-top: 1px solid #f3f3f3; } @media (min-width: 992px) { .post-switch .row > div:first-child { padding-right: 7.5px; } .post-switch .row > div:last-child { padding-left: 7.5px; } } @media (max-width: 992px) { .post-switch .row > div:first-child { padding-bottom: 15px; } } .post-switch-item { height: 100px; background-size: cover; background-position: 50% 50%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } .post-switch-item:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(36,36,36,0.65); } .post-switch-item-content { position: relative; z-index: 100; color: #fff; width: 100%; } .post-switch-item .post-categories { margin-bottom: 0px; } .post-switch-item i { font-size: 30px; color: rgba( 255,255,255,0.5); transition: 0.3s all ease-in-out; } .post-switch-item i:hover { color: rgba( 255,255,255,0.8); } .post-switch-item-left { width: 25%; position: absolute; text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; } .post-switch-item-right { padding-left: 25%; margin-right: 30px; } .post-switch-item-right p { overflow: hidden; font-size: 16px; line-height: 110%; margin-top: 0px; } .post-switch-item-right p a, .post-switch-item-right p span { color: #fff; font-size: 14px; } @media (max-width: 700px) { .post-switch { margin-top: 40px; } .post-switch-item-right p { line-height: 100%; } .post-switch-item-right p a { font-size: 12px; } } .post-switch-item .post-categories-container { margin-top: 0px; margin-bottom: 2px; } .post-switch-item-right .post-categories { padding: 0px; background-color: transparent; } .post-switch-next .post-switch-item-left { right: 0; top: 0; } .post-switch-next .post-switch-item-right { padding-left: 30px; margin-right: 0px; padding-right: 25%; text-align: right; } /* Post Switch - Style 1 */ .post-swtich-style1 { margin-top: 40px; padding-top: 40px; } /* Post Switch - Style 2 */ .post-swtich-style2 { margin-bottom: -10px; } .post-swtich-style2 h4 { margin-bottom: 0; } .post-swtich-style2 .post-switch-type { font-size: 16px; margin-bottom: 5px; } .post-swtich-style2 span.post-switch-prev, .post-swtich-style2 span.post-switch-next { display: block; opacity: 0.7; } @media (max-width: 1025px) { .post-swtich-style2 .post-switch-type { font-size: 13px; } .post-swtich-style2 h4 { font-size: 18px; } .post-swtich-style2 .post-switch-next { text-align: left; } } /* Post Disable Description */ .sh-posts-description-off article.post-item .post-content { display: none; } /** * 13.9 Blog - Post Author */ body.author .sh-post-author { margin-top: 0; margin-bottom: 30px; } .sh-post-author { margin-top: 80px; background-color: #f5f5f5; padding: 40px; } @media (max-width: 700px) { .sh-post-author { margin-top: 40px; } .sh-post-author-info { margin-top: 15px; padding-left: 0!important; padding-right: 0!important; } } .sh-post-author-page { margin-top: 0; padding-bottom: 65px; } .sh-post-author .sh-post-author-avatar { width: 170px; padding: 0 20px; } .sh-post-author .sh-post-author-avatar img { margin-bottom: 0px; border-radius: 1000px; } .sh-post-author .sh-post-author-info { padding: 0 20px; display: flex; align-items: center; justify-content: center; } .sh-post-author .sh-post-author-info h1, .sh-post-author .sh-post-author-info h4 { font-size: 18px; margin-bottom: 10px; } .sh-post-author-info .sh-post-author-icons { margin-top: 10px; } .sh-post-author-info .sh-post-author-icons a { padding-right: 18px; } .sh-post-author-info .sh-post-author-icons i { font-size: 16px; color: #505050; } /** * 13.10 Blog - Overlay */ .post-lightbox { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .post-thumbnail:hover .post-overlay, .sh-footer-instagram-item:hover .post-overlay, .post-gallery-list:hover .post-overlay { opacity: 1; } .post-thumbnail:hover .post-overlay span, .sh-footer-instagram-item:hover .post-overlay span, .post-gallery-list:hover .post-overlay span { animation: fadein 0.3s ease-in-out forwards; opacity: 0; } .post-thumbnail:hover .post-overlay span:nth-child(1), .sh-footer-instagram-item:hover .post-overlay span:nth-child(1), .post-gallery-list:hover .post-overlay span:nth-child(1) { animation-delay: 0.0s; } .post-thumbnail:hover .post-overlay span:nth-child(2), .sh-footer-instagram-item:hover .post-overlay span:nth-child(2), .post-gallery-list:hover .post-overlay span:nth-child(2) { animation-delay: 0.1s; } .post-thumbnail:hover .post-overlay span:nth-child(3), .sh-footer-instagram-item:hover .post-overlay span:nth-child(3), .post-gallery-list:hover .post-overlay span:nth-child(3) { animation-delay: 0.2s; } @keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 10% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeout { 0% { opacity: 1; transform: translateY(0px); } 10% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10px); } } .post-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: 0.5s opacity ease-in-out; border-radius: 8px; background-color: rgba(47, 47, 47, 0.3); background: -webkit-linear-gradient( rgba(0,0,0,0), #232323 ); background: -moz-linear-gradient( rgba(0,0,0,0), #232323 ); background: -o-linear-gradient( rgba(0,0,0,0), #232323 ); background: linear-gradient( rgba(47, 47, 47, 0.1), rgba(47, 47, 47, 0.3) ); display: flex; align-items: center; justify-content: center; } .post-overlay span { display: inline-block; width: 7px; height: 7px; border-radius: 100%; background-color: #fff; margin: 0px; opacity: 0; } .post-type-content .post-overlay span { display: none!important; } .post-copyrights { margin-top: 15px; font-size: 12px; opacity: 0.8; } /* Post Overlay Small */ .post-overlay-small { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: 0.5s opacity ease-in-out; border-radius: 8px; background-color: rgba(47, 47, 47, 0.3); background: -webkit-linear-gradient( rgba(0,0,0,0), #232323 ); background: -moz-linear-gradient( rgba(0,0,0,0), #232323 ); background: -o-linear-gradient( rgba(0,0,0,0), #232323 ); background: linear-gradient( rgba(47, 47, 47, 0.1), rgba(47, 47, 47, 0.3) ); } .sh-widget-posts-slider-thumbnail:hover .post-overlay-small, .blog-mini-post-thumb:hover .post-overlay-small { opacity: 0.8; } /** * 13.11 Blog - Read Later */ .sh-nav-readmore ul { padding: 0px!important; max-height: 517px; overflow-y: auto; } .sh-nav-readmore ul a { padding: 0px!important; } .sh-nav-readmore ul .sh-read-later-item { border-bottom: 1px solid #ebebeb!important; padding: 12px 15px!important; } .sh-nav-readmore ul .sh-read-later-item:last-child { border-bottom: 0px!important; } .sh-nav-readmore ul .sh-read-later-item > a { cursor: default; } .sh-nav-readmore ul .sh-read-later-item h5 { cursor: pointer!important; } .sh-read-later-thumbnail { width: 60px; height: 60px; background-size: cover; background-position: 50% 50%; background-color: rgba(36,36,36,0.65); position: absolute; display: flex; align-items: center; justify-content: center; } .sh-read-later-thumbnail:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba( 54,54,54,0.78 ); transition: 0.1s all ease-in-out; opacity: 0; } .sh-read-later-thumbnail:hover:after, .sh-read-later-thumbnail:hover .sh-read-later-delete { opacity: 1; } .sh-read-later-thumbnail:hover .sh-read-later-review { opacity: 0; } .sh-read-later-delete { opacity: 0; position: relative; z-index: 200; transition: 0.2s all ease-in-out; cursor: pointer; line-height: 1; } #page-container .primary-desktop .sh-nav .sh-read-later-delete i { color: #fff!important; font-size: 24px; } .sh-read-later-delete i:hover { opacity: 0.8; } .sh-read-later-content { padding-left: 75px; display: flex; align-items: center; min-height: 60px; } .sh-read-later-content h5 { font-size: 12px; margin-bottom: 0px; } /** * 13.12 - Blog Elements */ .post-media-play { position: relative; } .post-media-play-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ccc; z-index: 1000; background-position: 50% 50%; background-size: cover; background-color: #e1e1e1; cursor: pointer; overflow: hidden; } .post-media-play-overlay:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient( rgba(0,0,0,0), #232323 ); background: -moz-linear-gradient( rgba(0,0,0,0), #232323 ); background: -o-linear-gradient( rgba(0,0,0,0), #232323 ); background: linear-gradient( rgba(0,0,0,0), #232323 ); opacity: 0.2; transition: 0.5s opacity ease-in-out; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); overflow: hidden; } .post-media-play-overlay:hover:after { opacity: 0.4; } .post-media-play-content { position: absolute; bottom: 19px; left: 28px; z-index: 100; } /* Post Button */ .post-button { line-height: 2em; height: 2em; overflow: hidden; position: relative; color: #fff; z-index: 2; } .post-button div { color: #fff; } .post-button .post-button-icon { font-size: 20px; text-shadow: 1px 2px 6px rgba(45, 45, 45, 0.6); } .post-button .post-button-text { font-size: 12px; font-weight: 600; } .post-media-play-overlay:hover .post-button > div, .post-style-cover .post-button:not(.post-button-disabled):hover > div { transform: translateY(-100%); } .post-button div { transition: 0.5s all ease-in-out; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .post-style-cover .post-button { margin-bottom: 8px; display: inline-block; padding-right: 15px; cursor: pointer; } /* Post Quote and Link */ .post-quote-link { position: relative; width: 100%; } .post-quote-link .sh-ratio-container { padding-bottom: 110%; } .post-quote-link .sh-ratio-content { display: flex; align-items: center; justify-content: center; padding: 35px; overflow: hidden; } .post-quote-link .sh-ratio-content:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(50,50,50,0.3) 20%, rgba(25,25,25,0.8) 80%); background: -webkit-linear-gradient(top, rgba(50,50,50,0.3) 20%,rgba(25,25,25,0.8) 80%); background: linear-gradient(to bottom, rgba(50,50,50,0.3) 20%,rgba(25,25,25,0.8) 80%); border-radius: 8px; } .post-quote-link-content { color: #fff; text-align: center; position: relative; z-index: 100; } .post-quote-link-content h2 { font-size: 36px; color: #fff; margin-bottom: 10px; line-height: 130%!important; margin-top: 0; } .post-quote-link-content p { font-size: 11px; } .post-quote-link-content p a { color: #fff; } article.format-quote .post-quote-link-content { text-align: left; } article.format-quote .post-quote-link-content h2 { font-size: 24px; margin-bottom: 20px; } article.format-quote .post-quote-link-content p { font-size: 14px; } .post-quote-link-meta { position: absolute; bottom: 25px; left: 40px; right: 40px; color: #fff; z-index: 100; } .post-quote-link-meta a { color: #fff; } .post-quote-link-meta .post-meta * { color: #fff; } article.format-link .post-quote-link-content p a { font-size: 14px; text-transform: none; color: #e2e2e2; } .post-quote-link-icon { line-height: 1; } .post-quote-link-meta .post-meta { min-height: 30px; display: flex; align-items: center; } .post-quote-link-icon i { font-size: 30px; } /* Review */ .post-content-review { float: left; width: 420px; margin-right: 40px; margin-bottom: 25px; } .post-content-review-right { float: right; margin-left: 40px; margin-right: 0px; margin-bottom: 30px; } .post-content-review-full { float: none; width: 100%; margin-right: 0px; margin-bottom: 30px; } .post-content-review-full.bottom { margin-top: 40px; } @media (max-width: 1200px) { .post-content-review:not(.post-content-review-full) { max-width: 350px; } } @media (max-width: 700px) { .post-content-review { float: none; width: 100%; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; max-width: 100%!important; } } .post-content-review-details { background-color: #f8f8f8; padding: 33px; } .post-content-review-details > div:not(:last-child) { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e7e7e7; } .post-content-review-score { padding: 15px; border-radius: 100px; background-color: #505050; margin-bottom: 25px; text-align: center; position: relative; overflow: hidden; box-shadow: 1px 4px 8px 1px rgba(0,0,0,0.12); background-size: cover; background-position: 50% 50%; } .post-content-review-score h4 { color: #fff; font-size: 50px; margin-bottom: 0px; position: relative; display: block; z-index: 100; } @media (max-width: 1025px) { .post-content-review-score { margin-top: 10px; } .post-content-review-score h4 { font-size: 30px; } .post-content-review-details { padding: 25px; } } .post-content-review-score span { font-size: 30px; font-weight: normal; } .post-content-review-score-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100px; opacity: 0.8; } .post-content-review-score div { font-size: 18px; text-transform: uppercase; display: inline-block; } .post-content-review-pros-cons h4 { margin-bottom: 15px; } .post-content-review-pros-cons li:hover { font-weight: bold; cursor: default; } .post-content-review-pros-cons ul { list-style: none!important; margin-left: 0px; padding-left: 0px; font-size: 13px; } .post-content-review-pros-cons li { position: relative; padding-left: 22px; } .post-content-review-pros-cons li:not(:last-child) { padding-bottom: 8px; } .post-content-review-pros-cons li:before { display: inline-block; font-family: 'simple-line-icons'; 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; position: absolute; top: 5px; left: 0px; padding-left: 1px; } .post-content-review-pros li:before { content: "\e080"; } .post-content-review-cons li:before { content: "\e082"; } .post-content-review-verdict h4 { margin-bottom: 15px; } .post-content-review-progressbar-item { font-weight: bold; } .post-content-review-progressbar-item:not(:last-child) { margin-bottom: 9px; } .post-content-review-progressbar-graph { background-color: #e2e2e2; height: 6px; position: relative; overflow: hidden; margin-top: 5px; } .post-content-review-progressbar-graph-fill { background-color: #65af55; height: 6px; } /* Read Later */ .post-readmore { white-space: nowrap; margin-top: 5px; min-height: 45px; } .post-readmore-line { width: 100%; position: relative; } .post-readmore-line-content { content: ""; position: absolute; left: 15px; right: 15px; top: 50%; height: 1px; background-color: #f0f0f0; } .post-readmore-text h6 { text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; font-size: 12px; font-weight: bold; } /* Post Gallery */ .post-gallery { position: relative; } .post-related .sh-ratio-container, .post-related .post-gallery .sh-ratio-container { padding-bottom: 70%!important; } .post-gallery .slick-dots { text-align: left; width: 50px; margin-left: 25px; line-height: 0.7; bottom: 30px; } .post-gallery .slick-dots li { margin: 0 2px; } .post-gallery .slick-arrow, .post-content-gallery .slick-arrow, .slick-slider .post-gallery .slick-arrow { left: 0; bottom: 15px; background-color: transparent; top: auto; border-width: 0px; transition: 0.3s all ease-in-out; } .post-content-gallery .slick-arrow { bottom: 20px; } .post-gallery .slick-arrow:hover, .post-content-gallery .slick-arrow:hover, .post-gallery-buttons .slick-arrow:hover { opacity: 0.7; } .post-gallery .slick-arrow i, .post-content-gallery .slick-arrow i, .post-style-cover .post-gallery-buttons button i { color: #fff; font-size: 24px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06); } .post-style-cover .slick-list { margin: 0px!important; } .post-gallery .slick-prev, .post-content-gallery .slick-prev { left: 14px!important; } .post-gallery .slick-next, .post-content-gallery .slick-next { left: 44px!important; } .post-style-cover .post-gallery-buttons button { position: relative!important; left: 0; bottom: 10px; background-color: transparent; top: auto; border-width: 0px; transition: 0.3s all ease-in-out; padding-left: 0; } .post-style-cover .post-gallery .slick-prev { left: 11px; } body:not(.sh-categories-position-image) .post-gallery .post-overlay-content { display: none; opacity: 0; visibility: hidden; } .post-gallery-pagination:not(.post-gallery-pagination-inside-cover) { bottom: 20px!important; right: 20px!important; left: auto!important; } .post-content-gallery.slider .post-gallery-pagination { bottom: 25px!important; } .post-gallery-pagination { position: absolute; background-color: rgba(255,255,255,0.9)!important; padding: 4px 11px; border-radius: 5px; z-index: 100; font-size: 13px; font-weight: 600; opacity: 0; transition: 0.3s all ease-in-out; } .post-gallery-pagination-inside-cover { top: 20px; left: 20px; } .post-content-gallery:hover .post-gallery-pagination, .post-style-cover:hover .post-gallery-pagination, .post-gallery:hover .post-gallery-pagination, .woocommerce-products-for-container:hover .post-gallery-pagination { opacity: 1; } /*.post-gallery .slick-dots li button { border-radius: 0px; border: 2px solid #fff; background-color: transparent; border-radius: 2px; box-shadow: 1px 3px 8px rgba(45, 45, 45, 0.35); width: 13px; height: 13px; } .post-gallery .slick-dots li.slick-active button { width: 13px; height: 13px; border-color: #d4d4d4; }*/ .post-gallery-item-large { height: 450px; background-size: cover; } @media (max-width: 1000px) { .post-gallery-item-large { height: 350px; } } @media (max-width: 768px) { .post-gallery-item-large { height: 250px; } .post-gallery .slick-dots { margin-top: -42px; } } @media (max-width: 500px) { .post-gallery-item { height: 150px; } } .post-gallery-item { display: none; } .post-gallery-item:first-child { display: block; } .post-gallery-list .col-md-4 { padding: 0 5px; } .post-gallery-list { overflow: hidden; position: relative; } .post-gallery-list .row { margin-right: -5px; margin-left: -5px; } .post-gallery-list-row { display: none; } .post-gallery-list-row:first-child { display: block; } .post-gallery-list-col1 { width: 100%; } .post-gallery-list-col2 { width: 50%; } .post-gallery-item .sh-ratio-container { overflow: hidden; position: relative; } /* Load more */ .sh-load-more { padding: 27px; border: 1px solid #ededed; margin-top: 30px; text-align: center; border-radius: 3px; cursor: pointer; transition: .2s all ease-in-out; text-transform: uppercase; font-size: 12px; font-weight: bold; box-shadow: 0 10px 50px rgba(0,0,0,0.06); } .sh-load-more:not(.disabled):hover { opacity: 0.8; } .sh-load-more.disabled, .sh-load-more.infinite { cursor: default; opacity: 0.5; } /** * 16.0 Comments */ .sh-comments { margin-top: 80px; } .sh-comments-position { position: relative; top: -130px; } .sh-comment-position { position: relative; top: -130px; height: 0; margin: 0; line-height: 0!important; } .page-content .sh-comments { margin-top: 45px; } .sh-comment-list { padding: 0; } .sh-comment-list li { list-style: none; } .sh-comment-list > li.comment:last-child { padding-bottom: 0px; } .sh-comment-list ol, .sh-comment-list ol ol { padding-left: 90px; } @media screen and (max-width: 700px) { .sh-comment-list ol, .sh-comment-list ol ol { padding-left: 30px; } } @media screen and (max-width: 550px) { .sh-comment-list ol ol ol { padding-left: 0px!important; } } .sh-comment-list > li:first-child { border-top-width: 0px!important; } .sh-comments .sh-comments-title, .sh-comments .comment-reply-title { font-size: 24px; margin-bottom: 25px; } .sh-comments #cancel-comment-reply-link { text-transform: none; font-size: 14px; padding-left: 15px; } .sh-comments .submit { background-color: #505050; color: #fff; line-height: 44px; padding: 0 30px; border: none; font-weight: bold; font-size: 11px; } .sh-comments .submit:hover { background-color: #444444; } .sh-comments #comment { height: 135px; resize: none; } .comment-body { display: table; } .sh-reply-link + .sh-reply-link-button { color: red!important; } .comment-body .reply { margin-top: 14px; padding-left: 0px; font-size: 11px; } .comment-body .reply i { font-size: 13px; padding-right: 3px; } .comment-body .reply .sh-comment-date { display: inline-block; padding-right: 14px; margin-right: 14px; position: relative; } .comment-body .reply .sh-comment-date:after { content: ""; display: block; position: absolute; background-color: #ededed; width: 1px; top: 4px; bottom: 4px; right: -1px; } .comment-body .reply .sh-comment-date-reply { padding-left: 14px; } .comment-body .sh-reply-link-button { padding-right: 15px; } .comment-column-left { display: table-cell; vertical-align: top; width: 100px; } .comment-column-left img { border-radius: 50px; } .comment-column-right { display: table-cell; vertical-align: top; } .sh-comment-list li.comment, .sh-comment-list li.pingback { padding-top: 35px; } .sh-comment-list li.pingback .comment-column-left { display: none; } .sh-comment-list li.depth-1 { border-top: 1px solid #f0f0f0; padding-bottom: 35px; } .sh-comment-list .comment .comment-respond { padding-top: 30px; padding-left: 90px; } .sh-comment-author { font-weight: bold; font-size: 18px; } .sh-comment-date a { color: #8d8d8d; font-size: 11px; } .sh-comment-content { margin-top: 6px; } .sh-comment-form { margin-top: 80px; padding: 40px; background-color: #f5f5f5; } .sh-comment-form i { padding-left: 5px; } .sh-comment-form label { margin-bottom: 10px; font-size: 12px; color: #8d8d8d; } .sh-comment-form label span { color: #505050; } .sh-comment-form .sh-comment-form-column { width: 33.3%; display: inline-block; margin-left: -4px; } .sh-comment-form input, .sh-comment-form textarea { border-width: 0px; } .sh-comment-form-column p { margin-right: 25px; } .sh-comment-form-column .comment-form-url { margin-right: 0px; } .sh-comment-form p { margin-bottom: 25px; position: relative; } .sh-comments-required-notice { float: right; color: #8d8d8d; font-size: 13px; } .sh-comments-disabled { margin-bottom: 0px!important; font-weight: bold; text-align: center; } @media screen and (max-width: 800px) { .sh-comment-form .sh-comment-form-column { width: 100%; } .sh-comment-form-column p { margin-right: 0px; } } /** * 17.0 - Gallery */ .slick-disabled { pointer-events: none; cursor: default; } .sh-gallery { display: none; max-width: 100%!important; min-height: 30px; overflow: hidden; } .sh-gallery.slick-initialized { display: block; } .sh-gallery .slick-slide, .sh-gallery .slick-track { height: auto!important } .sh-gallery .slick-prev, .sh-gallery .slick-next { width: 60px; height: 60px; margin-top: -30px; font-size: 24px; border: none; color: #fff; background-color: transparent; opacity: 0; padding: 0; } .sh-gallery .slick-prev span, .sh-gallery .slick-next span { line-height: 60px; } .sh-gallery:hover .slick-prev, .sh-gallery:hover .slick-next { opacity: 1; } .sh-gallery .slick-prev:hover, .sh-gallery .slick-next:hover { background-color: #fff; color: #8d8d8d; } .slick-dots { list-style: none; padding-left: 0; margin: 0 auto; position: absolute; margin-top: -60px; text-align: center; width: 100%; } .slick-dots li { display: inline-block; margin: 0 4px; width: auto!important; vertical-align: top; line-height: 1; } .slick-dots li button { border: none; background-color: rgba(255,255,255,0.7); color: #fff; font-size: 0; padding: 0; width: 13px; height: 13px; border-radius: 30px; } .slick-dots li.slick-active button { background-color: #fff } .slick-dots li.slick-active button { background-color: #fff; } .slick-list, .slick-slide, .slick-track { height: 100%; width: 100%; } .slick-prev, .slick-next { position: absolute; top: 50%; z-index: 10; opacity: 1; } .slick-prev { left: 0; } .slick-next { right: 0; } /** * 18.0 - Lightbox */ body.admin-bar #lightcase-nav .lightcase-icon-close { top: 47px; } @media screen and (max-width: 640px) { body.admin-bar #lightcase-nav .lightcase-icon-close { top: 61px; } } #lightcase-nav .lightcase-icon-close:before { content: "\e646"; font-family: 'themify'; 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; font-size: 24px; } #lightcase-nav a[class*='lightcase-icon-']:hover { text-shadow: 0 0 15px black; } #lightcase-case { border-radius: 10px; } #lightcase-case #lightcase-caption { display: none!important; } #lightcase-info { width: 100%; } #lightcase-info #lightcase-sequenceInfo { float: right } #lightcase-info #lightcase-title, #lightcase-info #lightcase-sequenceInfo { font-size: 13px; color: rgba(255, 255, 255, 0.8); line-height: 1; } #lightcase-info #lightcase-title { font-weight: bold; } .sh-spinner-1 > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .sh-spinner-1 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sh-spinner-1 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } /* Login popup */ .sh-login-popup-content { position: relative; padding: 40px 10px 10px 10px; padding-top: 25px; min-width: 320px; } .sh-login-popup-content label { font-size: 12px; font-weight: 600; color: #8d8d8d; } .sh-login-popup-content #wp-submit, .sh-login-popup-content #wp-submit2 { font-size: 11px; font-weight: bold; padding: 0 26px; line-height: 40px; background-color: #505050; color: #fff; border: 0px solid #fff; border-radius: 100px; text-transform: uppercase; transition: 0.3s all ease-in-out; } .sh-login-popup-content #wp-submit:hover, .sh-login-popup-content #wp-submit2:hover { background-color: #484848; } .sh-login-popup-content #rememberme { position: relative; margin-right: 6px; bottom: -2px; } .sh-login-popup-content .login-remember { margin-top: 18px; margin-bottom: 12px; } .sh-login-popup-content .login-remember label { color: #505050!important; } .sh-login-popup-content #reg_passmail { padding-top: 11px; font-size: 12px; font-weight: 600; color: #8d8d8d; margin-bottom: 17px; color: #505050; } .sh-login-popup-tabs { background-color: #fff; position: relative; padding: 10px 10px 20px 10px; } .sh-login-popup-tabs a { font-size: 18px; border-width: 0px!important; background-color: transparent!important; cursor: pointer; margin-left: -15px; font-weight: 600; } .sh-login-popup-tabs .nav-tabs { border-bottom: 0px; } .sh-login-popup-tabs li a { color: #adadad; } .sh-login-popup-tabs li.active a { color: #505050; } #lightcase-case[data-lc-type="inline"] .lightcase-inlineWrap { background-color: #f0f0f0; padding: 0!important; } .sh-login-popup { text-transform: uppercase; border: 1px solid rgba(255,255,255,0.3); padding: 0 15px!important; font-size: 11px!important; border-radius: 100px; margin-left: 20px; line-height: 24px; display: inline-block; top: -2px; position: relative; } .sh-login-popup-content-login .login-forgot-password { float: right; font-size: 12px; font-weight: 600; position: relative; top: 12px; } /** * 19.0 - Share */ .sh-social-share { margin-top: 0px; margin-bottom: 0px; } .sh-social-share > div { vertical-align: top; } .sh-social-share-button { background-color: #f2f2f2; border-radius: 100px; height: 50px; padding: 0 30px 0 20px; display: inline-block; cursor: pointer; margin-right: 5px; margin-bottom: 5px; overflow: hidden; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); } .sh-social-share-button i { font-size: 18px; line-height: 1; vertical-align: middle; padding-right: 15px; } .sh-social-share-button span { font-size: 13px; line-height: 50px; font-weight: bold; text-transform: uppercase; } .sh-social-share-networks { display: inline-block; height: 0; } .sh-social-share-networks.sh-social-share-networks-active { height: auto; transition-delay: 0.7s; transition: all 0.3s ease-in-out; } .sh-social-share-networks.sh-social-share-networks-active .jssocials-share { opacity: 1; margin-left: 0px; } .sh-social-share-networks .jssocials-share, .sh-social-share-networks .jssocials-shares { margin: 0; } .sh-social-share-networks .jssocials-share { padding: 0px; opacity: 0; margin-left: -15px; } .sh-social-share-networks .jssocials-share a { display: inline-block; padding: 0px 15px; } .sh-social-share-networks .jssocials-share i { font-size: 18px; } .sh-social-share-networks .jssocials-share-link { line-height: 50px; padding: 0; } .sh-social-share-networks .jssocials-share-link .jssocials-share-count { display: none; } .sh-social-share-networks .jssocials-share:nth-child(1) { transition-delay: 0.1s; } .sh-social-share-networks .jssocials-share:nth-child(2) { transition-delay: 0.2s; } .sh-social-share-networks .jssocials-share:nth-child(3) { transition-delay: 0.3s; } .sh-social-share-networks .jssocials-share:nth-child(4) { transition-delay: 0.4s; } .sh-social-share-networks .jssocials-share:nth-child(5) { transition-delay: 0.5s; } .sh-social-share-networks .jssocials-share:nth-child(6) { transition-delay: 0.6s; } .sh-social-share-networks .jssocials-share:nth-child(7) { transition-delay: 0.7s; } .sh-social-share-networks .fa-facebook, .sh-social-share-networks .fa-twitter, .sh-social-share-networks .fa-google-plus, .sh-social-share-networks .fa-at, .sh-social-share-networks .fa-pinterest { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sh-social-share-networks .fa-facebook:before { content: "\e00b"; } .sh-social-share-networks .fa-twitter:before { content: "\e009"; } .sh-social-share-networks .fa-google-plus:before { content: "\e60d"; } .sh-social-share-networks .fa-at:before { content: "\e086"; } .sh-social-share-networks .fa-pinterest:before { content: "\e60b"; } /** * 20.0 Pagination */ body.woocommerce-page ul.page-numbers, ul.page-numbers { margin: 0 auto; } .sh-pagination-center ul.page-numbers { margin: 0 auto; } .sh-pagination-right ul.page-numbers { margin-left: auto; } ul.page-numbers { display: table; margin: 0; list-style: none; border-radius: 30px; border-width: 0px; margin-top: 10px; padding-left: 0px; } ul.page-numbers:after { content: ""; display: block; clear: both; } ul.page-numbers li { display: block; float: left; margin: 0 1px; text-align: center; } ul.page-numbers a, ul.page-numbers span { display: block; width: 34px; height: 34px; line-height: 34px; font-weight: bold; cursor: pointer; padding: 0; text-transform: uppercase; margin-top: 10px; } ul.page-numbers .prev, ul.page-numbers .next { width: auto; padding: 0 10px; border: 1px solid #ededed; } ul.page-numbers .prev { margin-right: 10px; } ul.page-numbers .next { margin-left: 10px; } ul.page-numbers .prev, ul.page-numbers .next { padding-left: 20px; padding-right: 20px; border-radius: 100px; font-size: 11px; } ul.page-numbers a span { padding: 0; } ul.page-numbers a:hover { color: #d79c74; } ul.page-numbers .current { font-weight: bold; } ul.page-numbers .current, ul.page-numbers .current:hover { color: #fff; background-color: #d79c74; border-radius: 30px; } .sh-page-links p { font-weight: bold; margin-bottom: 15px; } /** * 21.0 - Widgets */ .widget-item { padding-bottom: 60px; } #sidebar .widget-item:last-child, .gillion-columns-sidebar .widget-item:last-child, .elementor-widget-sidebar .widget-item:last-child { padding-bottom: 0px; } .sh-footer-widgets .widget-item:last-child { padding-bottom: 0px; } .widget-item:not(.widget_pages):not(.widget_nav_menu) ul { list-style: none; padding-left: 0; } .widget-item ul ul{ padding-left: 30px; } .widget-item li > a { display: block; } .widget-item h4 { margin-bottom: 20px; } .widget_tag_cloud a, .widget_tag_cloud a:after, .post-title h1, .post-title h2 { transition: 0.25s all ease; } /* Search widget */ .widget_search .screen-reader-text { display: none; } .widget_search .search-form { position: relative; display: block; } .widget_search label { width: 100%; } .widget_product_search form { position: relative; } .widget_product_search .search-field, .widget_search .search-field { display: block; width: 100%; border: none; padding: 16px 30px; font-weight: 400; transition: 0.25s background; border: 1px solid #ededed; color: #8d8d8d; font-size: 13px; } .widget_product_search input[type=submit], .widget_search .search-submit { position: absolute; display: block; top: 50%; right: 15px; margin-top: -25px; width: 43px; height: 43px; border: none; text-align: center; background-color: transparent; color: #8d8d8d; } .widget_product_search .search-form i, .widget_search .search-form i { display: block; font-size: 18px; line-height: 38px; cursor: pointer; } .widget_product_search .search-field::-webkit-input-placeholder, .widget_search .search-field::-webkit-input-placeholder { color: inherit; font-style: italic; } .widget_product_search .search-field:-moz-placeholder, .widget_search .search-field:-moz-placeholder { color: inherit; font-style: italic; } .widget_product_search .search-field::-moz-placeholder, .widget_search .search-field::-moz-placeholder { color: inherit; font-style: italic; } .widget_product_search .search-field:-ms-input-placeholder, .widget_search .search-field:-ms-input-placeholder { color: inherit; font-style: italic; } /* Category widget */ .widget_recent_comments ul, .widget_archive ul, .widget_categories ul { list-style: none; padding: 0; margin-bottom: 0; } .widget_recent_comments li, .widget_archive li, .widget_categories li { padding: 10px 1px; border-bottom: 1px solid #f0f0f0; font-size: 0px!important; text-transform: uppercase; } .widget_product_categories ul.product-categories li { border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; } .widget_product_categories ul.product-categories a { border-bottom: 1px solid #f1f1f1; padding-top: 12px; padding-bottom: 12px; } .widget_product_categories ul.product-categories > li:last-child > a { border-bottom: 0px; } .widget_product_categories ul.product-categories ul { padding-left: 20px!important; } .widget_product_categories li > a:before { top: 1px!important; } .widget_product_categories span.count { font-size: 11px; } .widget_archive li > a, .widget_categories li > a, .widget_product_categories li > a { display: block; font-weight: bold; font-size: 11px; position: relative; padding-left: 14px; } .widget_archive li > a:before, .widget_categories li > a:before, .widget_product_categories li > a:before { content: "."; display: inline-block; font-size: 18px; position: absolute; left: 0; top: -11px; } .widget_recent_comments li *, .widget_archive li *, .widget_categories li * { font-size: 13px; } .widget_recent_comments li:first-child, .widget_archive li:first-child, .widget_categories li:first-child { padding-top: 0px; } .widget_recent_comments li:last-child, .widget_archive li:last-child, .widget_categories li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories li { display: block; position: relative; } .widget_categories li .count { float: right; border-radius: 50px; padding: 0px 8px; line-height: 1.4; cursor: default; font-size: 11px; } .widget_categories li:not(:nth-child(-n+7)) { display: none; } .widget_categories .post-meta { margin-top: 10px; } .widget_categories .post-meta span { cursor: pointer; } .widget_product_categories li { position: relative; } .widget_product_categories li .count { position: absolute; top: 6px; right: 0; } .widget_rss li:not(:last-child) { margin-bottom: 15px; } .widget_rss li a { font-weight: bold; } .widget_recent_comments .recentcomments > span { display: block; text-transform: none; } .widget_recent_comments .recentcomments > span a { font-size: 11px; } .widget_recent_comments .recentcomments > a { display: block; font-weight: bold; } .widget_recent_entries li:not(:last-child) { border-bottom-width: 1px!important; border-bottom-style: solid; } .widget_meta li { padding: 10px 1px; border-bottom: 1px solid #f0f0f0; display: block; font-weight: bold; font-size: 13px; text-transform: uppercase; } /* Calendar widget */ .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { padding: 10px!important; text-align: center; } /* Tag cloud widget*/ .widget_tag_cloud a { display: inline-block; position: relative; padding: 0 13px; line-height: 16px; margin-right: 8px; font-size: 10px!important; text-transform: uppercase; border-radius: 100px; border: 1px solid #e0e0e0; font-weight: bold; color: #8d8d8d; margin-bottom: 10px; } .sh-footer-widgets .widget_tag_cloud a { border-color: rgba(255, 255, 255, 0.12); } .widget_tag_cloud a:hover { color: #fff!important; background-color: #d79c74; } #sidebar .widget_tag_cloud .tagcloud a:hover { color: #fff!important; } .widget_tag_cloud a:hover:after { border-left-color: #d79c74; } /* Recent posts widget */ .widget_recent_entries li { border-bottom: 0px solid transparent!important; font-weight: bold; padding: 11px 0; position: relative; } .widget_recent_entries li:before { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 10px; left: 0; content: "\e060"; font-size: 18px; } .widget_recent_entries a:hover, .widget_recent_comments .recentcomments > a:hover, .widget_archive li > a:hover, .widget_categories li > a:hover { opacity: 0.8; } .widget_recent_entries .post-date { font-size: 11px; font-weight: normal; } .widget_recent_entries li { padding-left: 35px!important; } #sidebar .widget_recent_entries li:before { top: 14px; } .sh-footer .widget_recent_entries li:first-child:before { top: 3px!important; } /* WooCommerce - Products Widget */ li.widget-product-item { padding: 15px 0!important; } .widget-product-item:first-child { padding-top: 0px!important; } .widget-product-item-left { position: absolute; border-radius: 5px; max-height: 70px; overflow: hidden; } .widget-product-item-right { padding-left: 90px; min-height: 70px; } li.widget-product-item img { float: none!important; width: 70px!important; border-radius: 5px; margin-left: 0px!important; } li.widget-product-item .star-rating { margin-top: 3px; } li.widget-product-item .woocommerce-Price-amount, li.widget-product-item .woocommerce-Price-amount * { font-size: 13px; } /* ------------------------------------------------------------------------ */ /* Widgets - Gillion /* ------------------------------------------------------------------------ */ /* Image widget */ .widget_sh_image img { transition: 0.3s all ease-in-out; } .widget_sh_image img.blackandwhite:not(:hover):not(:focus) { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); } /* No widgets found widget */ .no-widgets-found .widget-title { margin-bottom: 0; padding-bottom: 0; border: 0; text-transform: none; } /* Recent Posts widget */ .sh-recent-posts-widgets { position: relative; } .sh-recent-posts-widgets-item { padding-bottom: 15px; margin-bottom: 25px; position: relative; border-bottom: 1px solid #3E3E3E; } .sh-recent-posts-widgets-item:last-child { margin-bottom: 0; border-bottom-width: 0px; } .sh-recent-posts-widgets-item-content { padding-left: 80px; min-height: 55px; } .sh-recent-posts-widgets-item-thumb { position: absolute; width: 55px; height: 55px; left: 0; top: 0; } .sh-recent-posts-widgets-count { background-color: #d79c74; padding: 2px 6px; line-height: 1; font-weight: bold; border-radius: 20px; position: absolute; top: -7px; right: -7px; font-size: 13px; z-index: 500; color: #fff!important; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2); } .sh-recent-posts-widgets-item h6 { padding-top: 5px; margin-bottom: 8px; font-size: 14px; } .sh-recent-posts-widgets-item-meta { font-size: 12px; } .sh-recent-posts-widgets-item-meta i { position: relative; bottom: -3px; padding-right: 5px; font-size: 16px; } .sh-mini-overlay-container { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: rgba(71,201,229,0.75); text-align: center; opacity: 0; } .sh-mini-overlay i { line-height: 1px; font-size: 24px; color: #fff!important; display: block; } .sh-mini-overlay .sh-mini-overlay-container:hover { opacity: 1; } /* Contacts widget */ .sh-contacts-widget-item { margin-bottom: 15px; padding-left: 40px; position: relative; } .sh-contacts-widget-item i { display: block; padding-top: 4px; position: absolute; left: 0; font-size: 18px; width: 18px; } /* About us widget */ .widget_about_us img { border-radius: 8px; margin-bottom: 15px; } .widget_about_us .widget-quote, .widget_sh_mailChimp .widget-quote { font-size: 18px; font-style: italic; line-height: 1.5; margin-bottom: 15px; font-weight: bold; } .widget_about_us .widget-quote-description, .widget_sh_mailChimp .widget-quote-description { font-size: 12px; font-style: italic; line-height: 1.5; } #sidebar .widget-quote-description, .sh-header-side .widget-quote-description, .gillion-columns-sidebar .widget-quote-description { color: #bcbcbc; } .widget_about_us .widget-description { line-height: 1.9; opacity: 0.8; } .widget_about_us .sh-widget-socialv2-list { margin-top: 15px; } .widget_about_us .sh-widget-socialv2-list i { font-size: 16px; } .widget_about_us > p:last-child { margin-bottom: 0px!important; } .widget_about_us .widget-learn-more { background-color: #5a5a5a; color: #fff!important; line-height: 34px; padding: 0 30px; border-radius: 100px; text-transform: uppercase; font-weight: bold; display: inline-block; transition: 0.3s all ease-in-out; font-size: 11px; margin-top: 10px; } .widget_about_us .widget-learn-more:hover, .widget_about_us .widget-learn-more:focus { background-color: #464646; } /* Social widget */ .sh-social-widgets { position: relative; margin: -4px; } .sh-social-widgets:after { clear: both; content: ""; display: block; } .sh-social-widgets-item { margin: 0 5px; margin-bottom: 10px; width: 50px; height: 50px; text-align: center; float: left; color: #8d8d8d; background-color: #f4f4f4; font-size: 18px; border-radius: 50px; } .sh-social-widgets-item i { font-size: 19px; line-height: 50px; } /* Image widget */ .sh-image-widgets img { margin-bottom: 0px; } .sh-image-widgets-description { padding-top: 15px; } .sh-image-widgets-description a { margin-right: 25px; } .sh-image-widgets-description i { font-size: 18px; } /* Instagram widget */ .null-instagram-feed .instagram-pics { position: relative; } .null-instagram-feed .instagram-pics li { display: inline-block; position: relative; margin-right: -4px; } .null-instagram-feed .instagram-pics li a { border-radius: 5px; overflow: hidden; position: relative; } .sh-instagram-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.5s all ease-in-out; animation-name: fadeout; animation-duration: 0.2s; } .null-instagram-feed li:hover .sh-instagram-meta { animation-name: fadein; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 0.3s; opacity: 1; } @keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 10% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeout { 0% { opacity: 1; transform: translateY(0px); } 10% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10px); } } .sh-instagram-meta-content { display: inline-block; color: #8d8d8d; font-size: 12px; background-color: #fff; border-radius: 8px; padding: 4px 10px; box-shadow: 1px 2px 16px 1px rgba(0,0,0,0.12); } .sh-instagram-meta-content span { position: relative; font-size: 12px; } .sh-instagram-meta-content span:not(:last-child) { padding-right: 8px; display: none; } .sh-instagram-meta-content span:not(:first-child) { padding-left: 0px; } .sh-instagram-meta-content span:not(:first-child):after { content: ""; display: none; position: absolute; background-color: #d6d6d6; width: 1px; top: 5px; bottom: 5px; left: -1px; } .sh-instagram-meta-content i { font-size: 16px; padding-right: 3px; bottom: -2px; position: relative; } .sh-footer-instagram-title-bottom { border-top: 1px solid #eeeeee; margin-top: -28px; margin-bottom: 28px; position: relative; } .content-container + .sh-footer-instagram-title-bottom { margin-bottom: 0px; margin-top: 20px; } .sh-footer-instagram-title { text-align: center; margin-top: 60px; margin-bottom: 40px; } .sh-footer-instagram-title i { padding-right: 6px; position: relative; bottom: -1px; } .sh-footer-instagram-title h3 { font-size: 24px; margin-bottom: 0; line-height: 1; } .sh-footer-instagram .sh-instagram-meta-content span:not(:first-child) { padding-left: 10px; } .sh-footer-instagram .sh-instagram-meta-content span:not(:last-child), .sh-footer-instagram .sh-instagram-meta-content span:not(:first-child):after { display: inline-block!important; } .sh-footer-instagram > .widget-item { display: none; padding-bottom: 0px; } .sh-footer-instagram > .null-instagram-feed, .sh-footer-instagram > .wdi_instagram_widget { display: block; margin-bottom: 35px; } .sh-footer-instagram .widget-title { display: none; } body .sh-footer-instagram .null-instagram-feed .instagram-pics li { width: 16.6666666667%; } @media (max-width: 767px) { body .sh-footer-instagram .null-instagram-feed .instagram-pics li { width: 33.3%; } } .sh-footer-instagram .null-instagram-feed .instagram-pics { margin-left: 5px; margin-right: 3px; } .null-instagram-feed .clear a { display: none; } .widget_instagram .sh-widget-instagram-list { position: relative; margin: 0; margin-top: -15px; margin-right: -13px; margin-left: -2px; } .widget_instagram .sh-widget-instagram-item { display: inline-block; width: 33.3%; padding: 0 7.5px; margin-top: 15px; padding-top: 0px; margin-left: -4px; position: relative; overflow: hidden; } .widget_instagram .sh-widget-instagram-item-overlay { position: absolute; top: 0; left: 7.5px; right: 7.5px; bottom: 0; display: flex; align-items: center; justify-content: center; background-color: rgba( 43,43,43,0.6 ); opacity: 0; transition: 0.3s all ease-in-out; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .sh-widget-instagram-item:hover .sh-widget-instagram-item-overlay { opacity: 1; } .widget_instagram .sh-widget-instagram-item-overlay i { color: #fff; font-size: 24px; } /* Social Counter */ .sh-widget-socialv2-list { position: relative; margin: 0 -10px; margin-top: -10px; } .sh-widget-socialv2-item i { font-size: 20px; padding: 0 10px; padding-top: 10px; } .sh-widget-facebook-item { position: relative; min-height: 214px; background-image: url(img/facebook_placeholder.png); border-radius: 8px; overflow: hidden; background-size: contain; background-repeat: no-repeat; width: 100%; max-width: 340px; } .sh-widget-facebook-item-placeholder-disabed { background-image: none; } .sh-widget-facebook-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: 50% 50%; z-index: 1000; cursor: pointer; transition: 0.3s all ease-in-out; } .sh-widget-facebook-overlay:hover { opacity: 0.85; } /* Twitter feed */ .sh-widget-twitter-list { border: 1px solid #ededed; border-radius: 8px; } .sh-widget-twitter-item { padding: 30px; display: none; } .sh-widget-twitter-item:first-child { display: block; } .sh-widget-twitter-icon { font-size: 24px; margin-bottom: 15px; } .sh-widget-twitter-tittle { font-size: 18px; margin-bottom: 14px; line-height: 140%; } .sh-widget-twitter-meta { border-left: 1px solid #f0f0f0; padding-left: 15px; padding-top: 1px; padding-bottom: 1px; margin-bottom: 20px; } .sh-widget-twitter-meta span { margin-right: 6px; font-size: 12px; } .sh-widget-twitter-meta a { padding: 0 3px; margin: 0 3px; } .sh-widget-twitter-meta a i { color: #8d8d8d; } .sh-widget-twitter-follow { background-color: #505050; border-radius: 100px; font-weight: bold; font-size: 11px; display: inline-block; line-height: 34px; padding: 0 35px; text-transform: uppercase; } .sh-widget-twitter-follow:hover { background-color: #3e3e3e; } .sh-widget-twitter-item .post-thumbnail { margin-bottom: 15px; margin-top: 5px; } #sidebar .sh-widget-twitter-item .sh-widget-twitter-follow { color: #fff!important; } /* Posts Slider */ .sh-widget-posts-slider-group { display: none; } .sh-widget-posts-slider-group:first-child { display: block; } .sh-widget-posts-slider-style1 { position: relative; min-height: 70px; } .sh-widget-posts-slider-style1:not(:last-child):not(.sh-widget-posts-categories-item) { border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; padding-bottom: 20px; } .sh-widget-posts-slider-style1 h5 { font-size: 13px; } .sh-widget-posts-slider-style1 h5, .sh-widget-posts-slider-style1 h5 span { margin-bottom: 10px; padding-top: 0px; line-height: 135%!important; } .sh-widget-posts-slider-style1 .post-meta { border-left-width: 0px; padding-left: 0px; margin-bottom: 0px; } .sh-widget-posts-slider-style1 .sh-widget-posts-slider-thumbnail { display: block; width: 70px; height: 70px; position: absolute; left: 0; top: 0; background-size: cover; background-position: 50% 50%; } .sh-widget-posts-slider-style1 .sh-widget-posts-slider-content { margin-left: 90px; } .sh-footer-widgets .sh-widget-posts-slider-style1 .sh-widget-posts-slider-thumbnail { width: 80px; height: 80px; } .sh-footer-widgets .sh-widget-posts-slider-style1 .sh-widget-posts-slider-content { margin-left: 100px; } .sh-footer-widgets .sh-widget-posts-slider-style1 { min-height: 100px; } .sh-widget-posts-slider-style2 { display: none; } .sh-widget-posts-slider-style2:first-child { display: block; } .sh-widget-posts-slider-style2 .sh-ratio-container { padding-bottom: 95%; } .sh-widget-posts-slider-group-style2.style3 .sh-widget-posts-slider-style2 .sh-ratio-container { padding-bottom: 65%!important; } .sh-widget-posts-slider-style2 .sh-widget-posts-slider-content { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 500; } .sh-widget-posts-slider-style2 .post-title, .sh-widget-posts-slider-style2 a, .sh-widget-posts-slider-style2 span, body #page-container #wrapper .sh-widget-posts-slider-style2 i, #sidebar .sh-widget-posts-slider-style2 .post-meta a { color: #fff!important; } .sh-widget-posts-slider-style2 .post-title { margin-bottom: 10px; font-size: 14px; line-height: 1.3!important; } .sh-widget-posts-slider-style2 .post-read-later { font-size: 9px; } .sh-widget-posts-slider-style2 .sh-ratio-content:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); } .sh-widget-posts-slider-group-style2 { overflow: hidden; position: relative; } .sh-header-side .sh-widget-posts-slider-group .post-readtime span, .sh-header-side .sh-widget-posts-slider-group .desktop-post-read-later { display: none; } /* Posts Slider - Large */ .sh-widget-posts-slider-item-large h5 { font-size: 18px; margin-top: 20px; } .sh-widget-posts-slider-item-large .post-content { font-size: 13px; padding-bottom: 0; } .sh-widget-posts-slider-item-large .post-content a { line-height: 170%; } /* Posts Tab */ .sh-widget-poststab .nav-tabs li:first-child { margin-right: 20px; } .sh-widget-poststab .nav-tabs li:not(.active) a h3, .sh-widget-poststab .nav-tabs li:not(.active) a h4 { opacity: 0.65; } .sh-widget-poststab .nav-tabs li { border-bottom-width: 0px!important; padding: 0px!important; } .sh-widget-poststab .nav-tabs { border-bottom-color: transparent; display: inline-block; } .sh-section-tabs-style1 .sh-widget-poststab .nav-tabs a, .sh-section-tabs-style2 .sh-widget-poststab .nav-tabs a { padding: 0; border-width: 0!important; } .sh-section-tabs-style3 .sh-widget-poststab .nav-tabs li:not(.active) a:hover { border-color: transparent!important; } .sh-widget-poststab .nav-tabs a, .sh-widget-poststab .nav-tabs a:hover, .sh-widget-poststab .nav-tabs a:focus { background-color: transparent!important; } .sh-widget-poststab .nav-tabs h4, .sh-widget-poststab .nav-tabs h3 { margin: 0; } /* Posts Categories Tab */ .sh-widget-posts-categories .tab-content > .tab-pane { display: block!important; height: 0; opacity: 0; transition: 0.6s opacity ease-in-out; overflow: hidden; margin: 0 -20px; padding: 0 20px; } .sh-widget-posts-categories .tab-content > .tab-pane.active { height: auto; opacity: 1; } .sh-widget-posts-categories .tab-content > .tab-pane .sh-carousel-buttons-styling { margin-bottom: 23px; } .widget-item.widget_posts_slider .slick-slider { overflow-x: hidden; position: relative; } .sh-widget-posts-slider.sh-widget-posts-slider-init:not(.sh-widget-posts-slider-group-style2), .sh-widget-posts-categories .sh-widget-posts-slider-init { margin: 0 -12px; } .sh-widget-posts-slider.sh-widget-posts-slider-init:not(.sh-widget-posts-slider-group-style2) .sh-widget-posts-slider-group, .sh-widget-posts-categories .sh-widget-posts-slider-init .sh-widget-posts-slider-item { margin: 0 12px; } .sh-widget-posts-categories .sh-widget-posts-slider-init:not(.slick-initialized) .sh-widget-posts-slider-item:not(:first-child) { display: none; } /* Stay Conneced */ .sh-widget-connected-item { display: block; font-weight: bold; transition: 0.3s all ease-in-out; position: relative; background-color: #4a4a4a; } .sh-widget-connected-item i { width: 20px; } .sh-widget-connected-count { border-left: 1px solid rgba(255,255,255,0.1); text-align: center; } .sh-widget-connected-count span { display: block; width: 48px; } .sh-widget-connected-instagram { background-color: #e12c61; background: linear-gradient(158deg, #863fa6 22%,#e12c61 50%,#f46f46 80%); } .sh-widget-connected-instagram:not(.sh-widget-connected-bubble-count):after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e12c61; transition: 0.3s all ease-in-out; opacity: 0; border-radius: 10px; } .sh-widget-connected-instagram:not(.sh-widget-connected-bubble-count):hover:after { opacity: 0.6; } .sh-widget-connected-twitter { background-color: #1ca1f2; } .sh-widget-connected-twitter:not(.sh-widget-connected-bubble-count):hover { background-color: #1291de; } .sh-widget-connected-facebook { background-color: #448ae9; } .sh-widget-connected-facebook:not(.sh-widget-connected-bubble-count):hover { background-color: #3076d5; } .sh-widget-connected-gplus { background-color: #e7403c; } .sh-widget-connected-gplus:not(.sh-widget-connected-bubble-count):hover { background-color: #dc3430; } .sh-widget-connected-youtube { background-color: #f1563e; } .sh-widget-connected-youtube:not(.sh-widget-connected-bubble-count):hover { background-color: #e04229; } /* Additional widget styles */ .post-slide-arrows-container { position: relative; padding-right: 75px; } .widget-slide-arrows-container { position: relative; } .sh-footer-widgets h3, .sh-footer-widgets h4 { overflow: hidden; } /* Style 1 */ .sh-widget-connected-style1 .sh-widget-connected-item { height: 54px; line-height: 54px; border-radius: 10px; padding: 0 0 0 18px; overflow: hidden; } .sh-widget-connected-style1 .sh-widget-connected-item * { color: #fff!important; position: relative; z-index: 10; } .sh-widget-connected-style1 .sh-widget-connected-item:not(:last-child) { margin-bottom: 15px; } /* Style 2 */ .sh-widget-connected-style2 .sh-widget-connected-item { display: inline-block; vertical-align: top; margin-right: -4px; width: 25%; background-color: transparent; } .sh-widget-connected-style2.sh-widget-connected-columns-3 .sh-widget-connected-item { width: 33.3%; } .sh-widget-connected-style2 .sh-widget-connected-bubble { width: 60px; height: 60px; margin: 0 auto; border-radius: 100px; text-align: center; position: relative; transition: 0.3s all ease-in-out; } .sh-widget-connected-style2 .sh-widget-connected-bubble i { font-size: 24px; line-height: 60px; color: #fff; position: relative; z-index: 49; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.20); } .sh-widget-connected-style2 .sh-widget-connected-bubble .sh-widget-connected-bubble-count { font-size: 11px; position: absolute; top: -5px; right: -8px; border-radius: 100px; padding: 1px 7px; box-shadow: 0 6px 15px rgba(0,0,0,0.2); color: #fff; z-index: 50; } .sh-widget-connected-style2 .sh-widget-connected-title { text-align: center; color: #424242; font-size: 11px; text-transform: uppercase; padding-top: 12px; font-weight: 700; } .sh-widget-connected-style2 .sh-widget-connected-instagram:after { border-radius: 100px; } @media (max-width: 1150px) and (min-width: 1025px) { .sh-widget-connected-style2 .sh-widget-connected-item { width: 50%; } .sh-widget-connected-style2 .sh-widget-connected-item:nth-child(n+3) { margin-top: 20px; } } @media (max-width: 400px) { .sh-widget-connected-style2 .sh-widget-connected-item { width: 50%; } .sh-widget-connected-style2 .sh-widget-connected-item:nth-child(n+3) { margin-top: 20px; } } /** * 22.0 - Nothing Found */ .sh-nothing-found { background-color: #f4f4f4; padding: 19px; float: none; } .sh-nothing-found .sh-table-cell-top:first-child { width: 45px; } .sh-nothing-found h2 { font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } .sh-nothing-found p { margin: 0; } .sh-nothing-found i { color: #505050; font-size: 26px; } .sh-nothing-found-big { margin-top: 50px; color: #e5e5e5; font-weight: bold; max-width: 500px; } .sh-nothing-found-big span { font-size: 56px; line-height: 56px; } .sh-nothing-found-big div { font-size: 110px; text-transform: uppercase; line-height:100px; } .sh-search-results .post-item .post-meta-two { display: none; } /** * 23.0 404 Page */ .sh-404-page { max-width: 840px; margin: 0 auto; margin-bottom: 100px; } .sh-404-title { font-size: 156px; color: #fff; position: relative; z-index: 1; margin-bottom: 0px; } .sh-404-left { padding-right: 35px; padding-top: 40px; } .sh-404-left .sh-ratio-content { border-radius: 100%; background-color: #ccc; display: flex; align-items: center; justify-content: center; text-align: center; } .sh-404-shadow { margin: 0 auto; margin-top: 30px; width: 120px; height: 10px; background-color: #ececec; border-radius: 100%; } .sh-404-overay { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(58, 58, 58); opacity: 0.8; border-radius: 100%; } .sh-404-right { display: flex; align-items: center; padding-left: 35px; } .sh-404-container { width: 100%; } .sh-404-page h1 { font-size: 48px; color: #505050; } .sh-404-description { font-size: 18px; color: #848484; line-height: 140%; margin-bottom: 40px; } @media (max-width: 799px) { .sh-404-title { font-size: 90px; } .sh-404-page h1, .sh-404-description { text-align: center; } } @media (max-width: 1000px) { .sh-404-page h1 { font-size: 36px; } .sh-404-description { font-size: 16px; } .sh-404-title { font-size: 110px; } .sh-404-page .sh-404-left { max-width: 60%; min-width: 340px; margin: 0 auto; } .sh-404-page .sh-404-right { margin-top: 40px; } .sh-404-page .sh-404-left, .sh-404-page .sh-404-right { height: auto!important; } } @media (max-width: 799px){ .sh-404-page .sh-404-title { font-size: 48px; } .sh-404-page .sh-404-left { min-width: 1px !important; max-width: 300px; width: 100%; padding: 0 40px; } } @media (max-width: 600px) { .sh-404-page h1 { font-size: 24px; } .sh-404-page .sh-404-right { padding: 0px 25px; } } /** * 24.0 - Back to top */ .sh-back-to-top { backface-visibility: hidden; position: fixed; bottom: 30px; right: 30px; opacity: 0; transition: 0.3s all ease; cursor: pointer; width: 50px; height: 50px; text-align: center; overflow: hidden; z-index: 5000; color: #cecece; border: 1px solid rgba(0,0,0,0.1); background-color: #fff; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.07); } .sh-back-to-top:hover { background-color: #d79c74; border: 1px solid #d79c74;; } .sh-back-to-top i { display: block; font-size: 30px; line-height: 46px; color: #505050; } .sh-back-to-top:hover i { color: #fff; text-shadow: 0px 3px 3px rgba(0,0,0,0.15); } .sh-back-to-top.active { opacity: 1; } .sh-back-to-top.filled { background-color: #BDBDBD; border-color: #BDBDBD; color: #fff; } .sh-back-to-top2 { border-radius: 100%; width: 60px; height: 60px; } .sh-back-to-top2 i { line-height: 56px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sh-back-to-top3 { box-shadow: 0px 3px 13px 1px rgba(0,0,0,0.12); background-color: #fff; border-width: 0px!important; font-size: 20px; } .sh-back-to-top3 i { font-size: 20px; } /** * 25.0 - Page Loader */ .sh-page-loader { background-color: #fff; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 995000; } /* Page Loader - Cube Grid */ .sk-cube-grid { width: 40px; height: 40px; margin: 100px auto; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #333; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* Page Loader - Folding Cube */ .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotate(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotate(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotate(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } /* Page Loader - Spinner */ .sk-spinner { margin: 100px auto 0; width: 70px; text-align: center; } .sk-spinner > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .sk-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .sh-page-loader-style-spinner #loading-center-absolute { display: table; margin: 0 auto; } .sh-page-loader-style-spinner .object { width: 20px; height: 20px; background-color: #8d8d8d; float: left; margin-right: 20px; border-radius: 50% 50% 50% 50%; } .sh-page-loader-style-spinner .object:last-child { margin-right: 0; } .sh-page-loader-style-spinner #object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } .sh-page-loader-style-spinner #object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .sh-page-loader-style-spinner #object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); } } @keyframes object_one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); } } @keyframes object_two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); } } @keyframes object_three { 75% { transform: scale(0); -webkit-transform: scale(0); } } /* Element loader */ .loader-item { width: 100%; height: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .loader { width: 30px; height: 30px; position: relative; margin: auto; } .loader::before, .loader::after { content: ""; position: absolute; } .loader-8::before, .loader-8::after { border-radius: 50%; width: 10px; height: 10px; top: calc(50% - 5px); left: calc(50% - 5px); -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .loader-8::before { background: #616161; -webkit-animation-name: droplets; animation-name: droplets; } .loader-8::after { border: 1px solid #616161; opacity: 0; -webkit-animation-name: ripples; animation-name: ripples; } @-webkit-keyframes droplets { 0%, 15% { opacity: 1; } 15% { -webkit-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(4); transform: scale(4); } 60%, 90% { opacity: 0; } 90% { -webkit-transform: scale(3); transform: scale(3); } 95%, 100% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes droplets { 0%, 15% { opacity: 1; } 15% { -webkit-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(4); transform: scale(4); } 60%, 90% { opacity: 0; } 90% { -webkit-transform: scale(3); transform: scale(3); } 95%, 100% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ripples { 0%, 30% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 60% { opacity: 0.3; } 90% { -webkit-transform: scale(3); transform: scale(3); } 100% { opacity: 0; } } @keyframes ripples { 0%, 30% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 60% { opacity: 0.3; } 90% { -webkit-transform: scale(3); transform: scale(3); } 100% { opacity: 0; } } /** * 26.0 White Borders */ .sh-window-line { position: fixed; left: 0; right: 0; background: #ffffff; z-index: 9999999; } .sh-window-line.line-top { top: 0; } .sh-window-line.line-top, .sh-window-line.line-bottom { height: 20px; } .sh-window-line.line-left, .sh-window-line.line-right { width: 20px; } .sh-window-line.line-bottom { bottom: 0; } .sh-window-line.line-left { top: 0; bottom: 0; right: auto; } .sh-window-line.line-right { top: 0; bottom: 0; left: auto; } .page-white-borders #page-container { padding-bottom: 20px; } /** * 27.0 - Notice */ .sh-page-notice { width: 100%; background-color: #383838; color: #e2e1e1; padding: 20px 0; display: none; } .sh-page-notice a { color: #e2e1e1; } .sh-page-notice a:hover, .sh-page-notice a:focus { color: #fff; } .sh-page-notice .sh-page-notice-button { background-color: #767676; position: relative; display: inline-block; padding: 8px 18px; margin: -8px 0; margin-left: 16px; font-weight: bold; color: #fff; border-radius: 8px; } .sh-page-notice .sh-page-notice-button:hover { background-color: #8d8d8d; } .sh-page-notice .text-right { min-width: 100px; } /** * 28.0 - Dynamic Ratio */ .sh-ratio { position: relative; } .sh-ratio-container { padding-bottom: 56.25%; } .sh-ratio-container-4_3 { padding-bottom: 75%; } .sh-ratio-container-1_1 { padding-bottom: 100%; } .sh-ratio-container-130 { padding-bottom: 130%!important; } .sh-ratio-content { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } .sh-ratio-content iframe { width: 100%; height: 100%; } /** * 29.0 - Visual Composer */ X#content .vc_row[data-vc-full-width] { overflow-x: visible; overflow-y: visible; } body.vc_editor .vc_row[data-vc-full-width] { overflow: visible!important; } .bypostauthor {} .kc-container { max-width: 1200px!important; } @media (max-width: 1250px) { .kc-container { max-width: 960px!important; } } @media (max-width: 1025px) { .kc-container { max-width: 850px!important; } } @media (max-width: 900px) { .kc-container { max-width: 740px!important; } } @media (max-width: 800px) { .kc-container { max-width: 600px!important; } } @media (max-width: 700px) { .kc-container { max-width: 468px!important; } } @media (max-width: 550px) { .kc-container { max-width: 300px!important; } } .kc_row { padding-top: 100px; padding-bottom: 100px; } /*.kc-row-container.kc-container .kc-wrap-columns >*/ .kc_column:first-child { padding-left: 0px; } /*.kc-row-container.kc-container .kc-wrap-columns >*/ .kc_column:last-child { padding-right: 0px; } /*.kc-row-container.kc-container .kc-wrap-columns >*/ .kc_column:only-child { padding-left: 0px; padding-right: 0px; } @media (max-width: 768px) { .kc_column { padding-left: 0px!important; padding-right: 0px!important; } } /* Visual Composer */ body.vc_editor.compose-mode #page-container { padding-top: 0px!important; } .compose-mode .vc_vc_row>[data-vc-full-width=true] { padding-top: 0; } .five-columns.vc_row .vc_col-sm-2 { float: left; width: 18.8%; padding: 0; margin-right: 1.5%; min-height: 0; } .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) { margin-right: 0; } .sh-text-tag-green, .sh-text-tag-green-small { background-color: #54c687; color: #fff; font-weight: 600; border-radius: 5px; padding: 3px 8px; white-space: nowrap; } .sh-text-tag-green-small { font-weight: bold; font-size: 11px; text-transform: uppercase; margin-left: 8px; padding: 5px 9px; } .sh-text-tag-purple { background-color: #9048b0; color: #fff; font-weight: 600; border-radius: 5px; padding: 3px 8px; font-size: 11px; text-transform: uppercase; } .sh-text-tag-shadow { box-shadow: 0px 5px 45px rgba(0,0,0,0.1); } /** * 29.X - Visual Composer: Global Elements */ .vc_row_reversed_columns { display: flex; } @media only screen and (max-width: 767px) { .vc_row_reversed_columns { flex-direction: column-reverse; } } @media (min-width: 1250px) { .vc_row[data-vc-full-width="true"][data-vc-stretch-content="true"] { margin-left: calc(-100vw / 2 + 1200px / 2 + 7.5px); margin-right: calc(-100vw / 2 + 1200px / 2 + 7.5px); } .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) { margin-left: calc(-100vw/2 + 1200px/2 + 7.5px); margin-right: calc(-100vw/2 + 1200px/2 + 7.5px); padding-left: calc(100vw/2 - 1200px/2 - 7.5px)!important; padding-right: calc(100vw/2 - 1200px/2 - 7.5px)!important; } } .vc_row_shadow1, .vc_row_shadow1_hover:hover, .vc_column_shadow1, .vc_column_shadow1_hover:hover { box-shadow: 0 15px 25px -7px rgba(0,0,0,0.09), 0 -12px 10px -10px rgba(0,0,0,0.04); } .vc_row_shadow2, .vc_row_shadow2_hover:hover, .vc_column_shadow2, .vc_column_shadow2_hover:hover { box-shadow: 0px 3px 13px 1px rgba(0,0,0,0.12); } .vc_row_shadow3, .vc_row_shadow3_hover:hover, .vc_column_shadow3, .vc_column_shadow3_hover:hover { box-shadow: 0px 15px 45px -9px rgba(0,0,0,0.25); } .vc_row_shadow1_hover, .vc_row_shadow2_hover, .vc_row_shadow3_hover, .vc_column_shadow1_hover, .vc_column_shadow2_hover, .vc_column_shadow3_hover { transition: 0.3s all ease-in-out; } .vc_row[data-vc-full-width]:not(.vc_parallax):not(.vc_row-no-padding) { overflow: visible; } .vc_row .wpb_revslider_element { font-size: 0px; } @media (max-width: 800px) { .vc_column_reponsive_border_disabled .vc_column-inner { border-width: 0px!important; } } .vc_row.jarallax > .vc_column_container, .vc_row.jarallax > .vc_vc_column { z-index: 1; } /** * 29.X - Visual Composer: Tabs */ .wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab > a { padding: 0px 10px; border-radius: 100px; border: 2px solid transparent; font-size: 14px; font-weight: 600; color: #aeaeae; } .wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab > a:hover, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab > a:focus { background-color: transparent; } .wpb-js-composer .vc_tta.vc_general.vc_tta-style-flat .vc_tta-tab.vc_active > a { border: 2px solid black; color: #212121; } /** * Visual Composer: Icon */ .vcg-icon { display: inline-block; } .vcg-icon i { transition: 0.3s all ease-in-out; } /** * Visual Composer: List */ .vcg-list { position: relative; } .vcg-list-icon { position: absolute; font-size: 14px; } .vcg-list-content { margin-left: 28px; } /** * 29.X - Visual Composer: Simple Image */ @media (min-width: 768px) { .vcg-single-image-stretch-left { margin-left: calc(100% - 100vw/2 + 22px); } .vcg-single-image-stretch-right { margin-right: calc(100% - 100vw + 22px); } } .vcg-single-image { position: relative; } .vcg-single-image-source { position: relative; overflow: hidden; } .vcg-single-image-source:hover .vcg-single-image-overlay { opacity: 1; } .vcg-single-image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba( 19, 19,19, 0.8 ); opacity: 0; transition: 0.3s all ease-in-out; display: flex; align-items: center; justify-content: center; } .vcg-single-image-overlay span { font-size: 16px; font-weight: 700; color: #fff; } .vcg-single-image-overlay i { font-size: 24px; position: relative; bottom: -4px; margin-right: 10px; } @media (max-width: 767px) { .vcg-single-image-overlay span { font-size: 13px; } } .vcg-single-image-align-right .vcg-single-image-container { margin-left: auto; } .vcg-single-image-align-center .vcg-single-image-container { margin: 0 auto; } .vcg-single-image-container { display: table; position: relative; } .vcg-single-image-tag { position: absolute; top: -10px; right: -10px; width: 52px; height: 52px; border-radius: 100px; } .vcg-single-image-tag:after { content: ''; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 100px; border-width: 0px; border-style: solid; } .vcg-single-image-tag span { display: block; line-height: 52px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; font-style: italic; text-shadow: 0 3px 10px rgba(0,0,0,0.2); } .vcg-single-image-tag-new { background-color: #ff5666; } .vcg-single-image-tag-new:after { border-color: rgba(255, 86, 102, 0.12); } .vcg-single-image-tag-trending { background-color: #9a61db; } .vcg-single-image-tag-trending:after { Xborder-color: solid rgba(154, 97, 219, 0.12); } .vcg-single-image-tag-new:after{ animation: pulse_new 2s infinite; } .vcg-single-image-tag-trending:after { animation: pulse 2s infinite; } .vcg-single-image-tag-soon span, .vcg-single-image-tag-trending span { font-size: 32px; line-height: 56px; } .vcg-single-image-tag-number span { font-size: 18px; font-weight: 800; line-height: 52px; } .vcg-single-image-tag-soon { background-color: #cdcdcd; } @keyframes pulse_new { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,86,102, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(255,86,102, 0.4); box-shadow: 0 0 0 0 rgba(255,86,102, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(255,86,102, 0); -webkit-box-shadow: 0 0 0 10px rgba(255,86,102, 0); box-shadow: 0 0 0 10px rgba(255,86,102, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,86,102, 0); box-shadow: 0 0 0 0 rgba(255,86,102, 0); -webkit-box-shadow: 0 0 0 0 rgba(255,86,102, 0); } } @keyframes pulse_trending { 0% { -moz-box-shadow: 0 0 0 0 rgba(154, 97, 219, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(154, 97, 219, 0.4); box-shadow: 0 0 0 0 rgba(154, 97, 219, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(154, 97, 219, 0); -webkit-box-shadow: 0 0 0 10px rgba(154, 97, 219, 0); box-shadow: 0 0 0 10px rgba(154, 97, 219, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(154, 97, 219, 0); box-shadow: 0 0 0 0 rgba(154, 97, 219, 0); -webkit-box-shadow: 0 0 0 0 rgba(154, 97, 219, 0); } } .vcg-single-image-shadow1 .vcg-single-image-source { box-shadow: 0px 5px 30px rgba( 0, 0, 0, 0.05 ); } /** * 29.1 - Visual Composer: Blog Slider Element */ .blog-slider:not(.blog-slider-style4) > .blog-slider-list, .blog-slider-style4 { opacity: 0; } .blog-slider-list, .blog-slider-style4 { transition: 0.3s all ease-in-out; } .blog-slider-list.slick-initialized, .blog-slider-style4.loaded, body.elementor-editor-active .blog-slider-style4 { opacity: 1!important; } .blog-slider { position: relative; overflow: hidden; max-height: 540px; } .blog-slider-item { background-size: cover; background-position: 50% 50%; height: 540px; position: relative; } .vcg-woocommerce-categories-item-container:after, .blog-grid-item-container:after, .blog-slider-item:after { content: ""; display: block; position: absolute; z-index: 1; bottom: 0; width: 100%; } .vcg-woocommerce-categories-item-container:after, .blog-grid-item-container:after, .blog-slider-item:after, .post-style-cover .post-container:after, .sh-widget-posts-slider-style2 .sh-ratio-content:after, .categories-list-item .sh-ratio-content:after { top: 15%!important; background: linear-gradient(to bottom, rgba(50,50,50,0) 0%, rgba(16,15,15,0.91) 89%, rgba(16,15,15,0.93) 93%)!important; transition: 0.2s all ease-in-out; opacity: 0.93; } .blog-slider-style4 .blog-slider-item:after { top: 0%!important; background: linear-gradient(to bottom, rgba(50,50,50,0.2) 0%, rgba(16,15,15,0.91) 89%, rgba(16,15,15,0.93) 93%)!important; } .blog-slider-item:hover:after, .post-style-cover .post-container:hover:after, .sh-widget-posts-slider-style2 .sh-ratio-content:hover:after, .categories-list-item .sh-ratio-content:hover:after { opacity: 1; } .blog-slider-item .post-meta, .post-style-cover .post-meta, .sh-widget-posts-slider-style2 .post-meta, .sh-widget-posts-slider-style1:not(.blog-mini-post-generic) .post-meta, .post-quote-link-meta .post-meta { opacity: 0.8; } .blog-slider-container { position: absolute; bottom: 0; width: 100%; padding-left: 300px; padding-right: 300px; } @media (max-width: 1200px) { .blog-slider-container { padding-left: 0px; padding-right: 0px; } } #post-slider-media { display: none; } .post-slider-media-content { width: 1024px; max-width: 100%; } .post-slider-media-content iframe { width: 100%; } .blog-slider-content { padding: 0px 30px; max-width: 900px; margin: 0 auto; position: relative; z-index: 2; padding-bottom: 40px; } .blog-slider-content .ti-control-play, .blog-slider-content .ti-headphone { transition: 0.3s all ease-in-out; } .blog-slider-content .ti-control-play:hover, .blog-slider-content .ti-headphone:hover { opacity: 0.65; } .blog-slider-content-without-meta .blog-slider-content-icon { bottom: 62px; } .blog-slider-uppercase-title .post-title { text-transform: uppercase; } @media (max-width: 1000px) { .blog-slider:not(.blog-slider-style2):not(.blog-slider-style5):not(.blog-slider-style8):not(.blog-slider-style9) .blog-slider-container .blog-slider-content { max-width: 80%; } .blog-slider-item .blog-slider-content h2 { font-size: 36px; } } @media (max-width: 767px) { .blog-slider { max-height: 320px; } .blog-slider.blog-slider-style7 { max-height: none; } .blog-slider-item { height: 320px; } .blog-slider:not(.blog-slider-style2):not(.blog-slider-style5):not(.blog-slider-style8):not(.blog-slider-style9) .blog-slider-container .blog-slider-content { max-width: 80%; padding-bottom: 25px; } .blog-slider:not(.blog-slider-style5):not(.blog-slider-style8):not(.blog-slider-style9) .blog-slider-item .blog-slider-content h2 { font-size: 24px!important; } } .blog-slider-content-icon { position: absolute; top: 40px; left: 0; bottom: 94px; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.14); padding-right: 25px; } .blog-slider-content-icon i { font-size: 36px; color: #fff; } .blog-slider-content-details { padding-left: 60px; } .blog-slider-item .post-meta { border-left-width: 0px; padding-left: 0px; margin-bottom: 0px; position: relative; z-index: 100; } .blog-slider-item .post-meta i { font-size: 14px; bottom: -2px; } .blog-slider-item .post-meta * { color: #fff; } .blog-slider-item .post-meta img { position: relative; top: -2px; } .blog-slider-item h1, .blog-slider-item h2 { font-size: 48px; margin-bottom: 18px; line-height: 100%!important; color: #fff; } .blog-slider-item.slick-active { opacity: 1!important; } .blog-slider:not(.blog-slider-style4) .blog-slider-item:first-child { display: block; } .blog-slider-dots { position: absolute; bottom: 47px; left: 0; right: 0; } .blog-slider-dots .slick-dots { position: relative; width: 900px; text-align: right; margin: 0 auto; line-height: 1; top: -3px; } @media (max-width: 1200px) { .blog-slider .slick-arrow { display: none!important; } .blog-slider-dots .slick-dots { width: 100%; padding: 0 140px; } .blog-slider-style1 .blog-slider-dots .slick-dots, .blog-slider-style3 .blog-slider-dots .slick-dots { padding: 0 80px!important; } } @media (max-width: 900px) { .blog-slider .slick-dots { display: none!important; } } .blog-slider .slick-prev, .blog-slider .slick-next { max-width: 260px; cursor: pointer; bottom: 48px; top: auto; color: #fff; } .blog-slider .slick-prev { padding-left: 65px; margin-left: 35px; } .blog-slider .slick-prev i { position: absolute; left: 0; bottom: 6px; } .blog-slider .slick-next { text-align: right; padding-right: 65px; margin-right: 35px; } .blog-slider .slick-next i { position: absolute; right: 0; bottom: 6px; } .blog-slider .slick-arrow i { font-size: 30px; color: rgba( 255, 255, 255, 0.7 ); transition: 0.3s all ease-in-out; } .blog-slider .slick-arrow i:hover { color: rgba( 255, 255, 255, 1 ); } .blog-slider .slick-arrow p, .blog-slider .slick-arrow p a { color: #fff; text-transform: uppercase; font-size: 10px; color: rgba( 255, 255, 255, 0.8 ); letter-spacing: 2px; font-weight: bold; } .blog-slider .slick-arrow p { margin-bottom: 5px; } .blog-slider .slick-arrow h5 { color: #fff; font-size: 13px; line-height: 135%!important; margin-bottom: 0px; color: rgba( 255, 255, 255, 0.8 ); } .blog-slider .slick-arrow h5:hover { color: rgba( 255, 255, 255, 1 ); } #page-container .blog-slider .slick-arrow .post-read-later { display: none!important; } .blog-slider-style3 { position: relative; border-radius: 8px; overflow: hidden; z-index: 100; } body.single .blog-slider-style3 { border-radius: 0px; } .blog-slider-style11 { position: relative; border-radius: 8px; overflow: hidden; z-index: 100; } body .blog-slider-style11 .blog-slider-content { max-width: 100%!important; } .blog-slider-style11 .blog-slider-content-icon { display: none; } .blog-slider-style11 .blog-slider-content-details { padding-left: 25px; } .blog-slider-style11 .blog-slider-item h2 { font-size: 30px; line-height: 125%!important; margin-bottom: 5px; } .blog-slider-style11 .post-categories-container { margin-bottom: 15px!important; } @media (min-width: 768px) { .blog-slider-style11 .blog-slider-item { height: 450px; } } .blog-slider-style4 { position: relative; border-radius: 8px; z-index: 100; } .blog-slider-style4, .blog-slider-style4 .blog-slider-item { max-height: 570px; height: 570px; } .blog-slider-style4 .blog-slider-item .blog-slider-container { opacity: 0; } .blog-slider-style4 .blog-slider-item.active .blog-slider-container { z-index: 200; opacity: 1; animation-name: fadein; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 0.8s; } @keyframes fadein { 0% { opacity: 0; transform: translateY(10px); } 10% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } .blog-slider-style4 .blog-slider-container { padding-left: 0px; padding-right: 0px; width: 65%; } .blog-slider-style4 .blog-slider-content { margin: 0; padding-left: 45px; padding-right: 45px; padding-bottom: 45px; } .blog-slider-style4 { height: 570px; position: relative; } .blog-slider-style4 .blog-slider-item { display: block!important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 100; transition: 2s opacity ease-in; } .blog-slider-style4 .active.blog-slider-item { opacity: 1; z-index: 110; transition: 0.25s opacity ease-in!important; } .blog-slider-style4 .blog-slider-item h1, .blog-slider-style4 .blog-slider-item h2 { font-size: 36px; } .blog-slider-style4 .blog-slider-mini-list { position: absolute; top: 80px; bottom: 80px; right: 30px; width: 30%; overflow: hidden; z-index: 200; } .blog-slider-style4 .blog-slider-mini-list .post-categories-container { margin-top: 0px; } .blog-slider-style4 .blog-slider-mini-list .post-categories-container { margin-top: 0px; margin-bottom: 2px; line-height: 1; } .blog-slider-style4 .blog-slider-mini-list h5 { font-size: 13px; color: #fff; } .blog-slider-style4 .blog-slider-mini-list .sh-widget-posts-slider-style1:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.10); margin-bottom: 19px; padding-bottom: 13px; margin-right: 20px; } .blog-slider-style4 .blog-slider-mini-list .sh-widget-posts-slider-thumbnail { width: 100px; box-shadow: 1px 4px 10px 1px rgba(0,0,0,0.22); } .blog-slider-style4 .blog-slider-mini-list .sh-widget-posts-slider-content { margin-left: 120px; padding-right: 10px; min-height: 70px; } @media (max-width: 1200px) { .blog-slider-style4 .blog-slider-mini-list { top: 55px; bottom: 55px; } } @media (max-width: 1025px) { .blog-slider-style4 .blog-slider-container .blog-slider-content { max-width: 100%!important; } } @media (max-width: 800px) { .blog-slider-style4 .blog-slider-container { width: 100%; } .blog-slider-style4 .sh-widget-posts-slider-thumbnail { display: none; } .blog-slider-style4 .sh-widget-posts-slider-thumbnail { display: none; } .blog-slider-style4 .blog-slider-mini-list .sh-widget-posts-slider-content { margin-left: 0px!important; } .blog-slider-style4 .blog-slider-mini-list .sh-widget-posts-slider-style1:not(:last-child) { margin-bottom: 12px; padding-bottom: 0px; } .blog-slider-style4 .blog-slider-mini-list h5 { margin-bottom: 0px; } .blog-slider-style4 .blog-slider-mini-list { margin-bottom: 300px; } .blog-slider-style4 .blog-slider-mini-list { width: auto; left: 30px; } .blog-slider-style4 .blog-slider-content { padding-left: 30px; padding-right: 30px; } } .blog-slider-style2 .blog-slider-item { margin: 0 7.5px; border-radius: 10px; overflow: hidden; z-index: 100; } .blog-slider-style2 .blog-slider-item .blog-slider-container { opacity: 0; padding-left: 15px; padding-right: 15px; } .blog-slider-style2 .blog-slider-item.slick-center .blog-slider-container { animation-name: fadein2; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 0.8s; opacity: 1; z-index: 1000; } @keyframes fadein2 { 0% { opacity: 0; transform: translateY(10px); } 10% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } .blog-slider-style2:not(.style10) .blog-slider-item h2 { font-size: 36px!important; } .blog-slider-style2:not(.style10) .blog-slider-dots { left: auto; right: 32%; } @media (max-width: 1200px) { .blog-slider-style2:not(.style10) .blog-slider-dots { right: 21%; } .blog-slider-dots .slick-dots { padding: 0; } } .blog-slider-style2 .slick-dots { width: auto; } @media (max-width: 768px) { .blog-slider-style2 .post-author-image { display: none!important; } .blog-slider-style2 .blog-slider-item .blog-slider-container .blog-slider-content h2.post-title { font-size: 18px!important; margin-bottom: 12px!important; } .blog-slider-style2 .post-meta-content { line-height: 100%; } .blog-slider-style2 .post-meta-content > *:not(.post-auhor-date) { display: none!important; } .blog-slider-style2 .blog-grid-small h2 { font-size: 11px!important; } } .blog-slider-style3 .blog-slider-container, .blog-slider-style6 .blog-slider-container { padding-left: 0px; padding-right: 0px; } .blog-slider-style1 .slick-prev, .blog-slider-style1 .slick-next { bottom: 75px; } @media (max-width: 700px) { .blog-slider-style1 .blog-slider-content-icon i, .blog-slider-style3 .blog-slider-content-icon i { font-size: 21px; } .blog-slider-style1 .blog-slider-content-icon, .blog-slider-style3 .blog-slider-content-icon { padding-right: 10px; top: 34px; bottom: 75px; } .blog-slider-style1 .blog-slider-content, .blog-slider-style3 .blog-slider-content { padding-right: 0px; max-width: 85%!important; } .blog-slider-style1 .blog-slider-content-details, .blog-slider-style3 .blog-slider-content-details { padding-left: 20px; } } /* Style 5 */ .blog-slider-style5 { position: relative; margin: 0 -6px; opacity: 0; transition: 0.3s all ease-in-out; } .blog-slider-style5.slick-initialized { opacity: 1; } .blog-slider-style5 .blog-slider-item { z-index: 110; } .blog-slider-style5 .blog-grid-list { height: 500px; margin: 0 6px; } .blog-slider-style5 .blog-slider:not(.slick-initialized) .blog-grid-list:not(:first-child) { display: none; } .blog-slider-style5 .blog-grid-large, .blog-slider-style5 .blog-grid-small { position: relative; float: left; } .blog-slider-style5 .blog-grid-large { width: 67%; height: 100%; } .blog-slider-style5 .blog-grid-small { width: 33%; height: 50%; } .blog-slider-style5 .blog-grid-large:only-child { width: 100%; } .blog-slider-style5 .blog-grid-item2 { padding-bottom: 6px } .blog-slider-style5 .blog-grid-item3 { padding-top: 6px } .blog-slider-style5 .blog-grid-item-container { position: relative; height: 100%; border-radius: 8px; background-size: cover; background-position: 50% 50%; overflow: hidden; } .blog-slider-style5 .blog-grid-small .post-categories, .blog-slider-style5 .blog-grid-small .post-categories a { font-size: 11px; } .blog-slider-style5 .blog-grid-small .blog-grid-item-container { margin-left: 12px; } .blog-slider-style5 .blog-grid-large h2 { font-size: 30px; } .blog-slider-style5 .blog-grid-small h2 { font-size: 18px!important; margin-bottom: 10px; line-height: 115%!important; } .blog-slider-style5 .blog-slider-container { padding: 0px; width: auto; left: 0; right: 0; } .blog-slider-style5 .blog-slider-content { padding-bottom: 30px; max-width: 100%; } .blog-slider-style5 .blog-slider-content-details { padding-left: 0px; } @media (max-width: 1000px) { .blog-slider-style5.blog-slider, .blog-slider-style5 .blog-grid-list { max-height: none; height: auto; } .blog-slider-style5 .blog-grid-large { width: 100%; height: 380px; } .blog-slider-style5 .blog-grid-large:only-child { height: 592px; } .blog-slider-style5 .blog-grid-small { width: 50%; height: 200px; margin-top: 12px; padding: 0; } .blog-slider-style5 .blog-grid-item2 .blog-grid-item-container { margin-left: 0px; } } @media (max-width: 768px) { .blog-slider-style5 { margin-left: calc(-50vw + 50% - 6px); margin-right: calc(-50vw + 50% - 6px); } .blog-slider-style5 .blog-grid-large h2 { font-size: 21px; } .blog-slider-style5 .blog-grid-small h2 { font-size: 15px; } .blog-slider-style5 .blog-grid-item1 .blog-grid-item-container { border-radius: 0px; } .blog-slider-style5 .blog-grid-item2 .blog-grid-item-container { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .blog-slider-style5 .blog-grid-item3 .blog-grid-item-container { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } /* Style 8 */ .blog-slider-style8 { position: relative; margin: 0 -6px; opacity: 0; transition: 0.3s all ease-in-out; max-height: 580px; } .blog-slider-style8.slick-initialized { opacity: 1; } .blog-slider-style8 .blog-slider-item { z-index: 110; } .blog-slider-style8 .blog-grid-list { height: 580px; margin: 0 6px; } .blog-slider-style8 .blog-grid-large, .blog-slider-style8 .blog-grid-small { position: relative; float: left; } .blog-slider-style8 .blog-grid-large { width: 67%; height: 50%; height: calc(50% - 6px); } .blog-slider-style8 .blog-grid-small { width: 33%; height: calc(50% - 6px); } .blog-slider-style8 .blog-grid-large:only-child { width: 100%; } .blog-slider-style8 .blog-grid-item-container { position: relative; height: 100%; border-radius: 8px; background-size: cover; background-position: 50% 50%; overflow: hidden; } .blog-slider-style8 .blog-slider-item .post-categories, .blog-slider-style8 .blog-slider-item .post-categories a { font-size: 11px; } .blog-slider-style8 .blog-grid-item2 .blog-grid-item-container { margin-left: 12px; } .blog-slider-style8 .blog-grid-item3 .blog-grid-item-container { margin-right: 12px; } .blog-slider-style8 .blog-grid-item1, .blog-slider-style8 .blog-grid-item2 { margin-bottom: 12px; } .blog-slider-style8 .blog-grid-large h2 { font-size: 30px; } .blog-slider-style8 .blog-grid-small h2 { font-size: 18px!important; margin-bottom: 10px; line-height: 120% !important; } .blog-slider-style8 .blog-slider-container { padding: 0px; width: auto; left: 0; right: 0; } .blog-slider-style8 .blog-slider-content { padding-bottom: 30px; max-width: 100%; } .blog-slider-style8 .blog-slider-content-details { padding-left: 0px; } @media (max-width: 1000px) { .blog-slider-style8.blog-slider, .blog-slider-style8 .blog-grid-list { max-height: none!important; } .blog-slider-style8 .blog-grid-large:only-child { height: 592px; } } @media (max-width: 768px) { .blog-slider-style8 { margin-left: calc(-50vw + 50% - 6px); margin-right: calc(-50vw + 50% - 6px); } .blog-slider-style8 .blog-grid-large { width: 60%; } .blog-slider-style8 .blog-grid-small { width: 40%; } .blog-slider-style8 .blog-slider-item .post-categories, .blog-slider-style8 .blog-slider-item .post-categories a { font-size: 9px; } .blog-slider-style8 .post-author-image { display: none!important; } .blog-slider-style8 .blog-grid-large h2 { font-size: 16px!important; margin-bottom: 8px!important; } .blog-slider-style8 .post-meta-content { line-height: 100%; } .blog-slider-style8 .post-meta-content > *:not(.post-auhor-date) { display: none!important; } .blog-slider-style8 .blog-grid-small h2 { font-size: 11px!important; } .blog-slider-style8 .blog-grid-item1 .blog-grid-item-container, .blog-slider-style8 .blog-grid-item3 .blog-grid-item-container { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .blog-slider-style8 .blog-grid-item2 .blog-grid-item-container, .blog-slider-style8 .blog-grid-item4 .blog-grid-item-container { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .blog-slider-style8 .blog-slider-content { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } } /* Style 9 */ .blog-slider-style9 { position: relative; opacity: 0; transition: 0.3s all ease-in-out; max-height: 500px; margin: 0 -6px; } .blog-slider-style9.slick-initialized, .blog-slider-style12.slick-initialized { opacity: 1; } .blog-slider-style9 .blog-slider-item { z-index: 110; } .blog-slider-style9 .blog-grid-list { height: 500px; margin: 0 6px; } .blog-slider-style9 .blog-grid-large, .blog-slider-style9 .blog-grid-small, .blog-slider-style9 .blog-grid-medium { position: relative; float: left; } .blog-slider-style9 .blog-grid-large { width: 50%; height: 100%; } .blog-slider-style9 .blog-grid-small { width: 25%; height: calc(50% - 6px); } .blog-slider-style9 .blog-grid-medium { width: 50%; height: calc(50% - 6px); } .blog-slider-style9 .blog-grid-large:only-child { width: 100%; } .blog-slider-style9 .blog-grid-item-container { position: relative; height: 100%; border-radius: 8px; background-size: cover; background-position: 50% 50%; overflow: hidden; } .blog-slider-style9 .blog-slider-item .post-categories, .blog-slider-style9 .blog-slider-item .post-categories a { font-size: 11px; } .blog-slider-style9 .blog-grid-item2 .blog-grid-item-container, .blog-slider-style9 .blog-grid-item3 .blog-grid-item-container, .blog-slider-style9 .blog-grid-item4 .blog-grid-item-container { margin-left: 12px; } .blog-slider-style9 .blog-grid-item1, .blog-slider-style9 .blog-grid-item2 { margin-bottom: 12px; } .blog-slider-style9 h2 { line-height: 130% !important; } .blog-slider-style9 .blog-grid-large h2 { font-size: 20px; margin-bottom: 6px; } .blog-slider-style9 .blog-grid-medium h2 { font-size: 18px; margin-bottom: 6px; } .blog-slider-style9 .blog-slider-item .post-categories-container { margin-bottom: 12px; } .blog-slider-style9 .blog-grid-small h2 { font-size: 14px!important; margin-bottom: 0px; line-height: 140% !important; } .blog-slider-style9 .blog-slider-container { padding: 0px; width: auto; left: 0; right: 0; } .blog-slider-style9 .blog-slider-content { padding-left: 34px; padding-right: 34px; padding-bottom: 25px; max-width: 100%; } .blog-slider-style9 .blog-slider-content-details { padding-left: 0px; } .blog-slider-style9 .slick-prev, .blog-slider-style9 .slick-next, .blog-slider-style11 .slick-prev, .blog-slider-style11 .slick-next { top: 50%; bottom: auto; background-color: #fff; padding: 0px; height: 50px; width: 30px; text-align: center; margin-top: -24px; transition: 0.3s background ease-in-out; opacity: 0; } .blog-slider-style9:hover .slick-prev, .blog-slider-style9:hover .slick-next, .blog-slider-style11:hover .slick-prev, .blog-slider-style11:hover .slick-next { opacity: 1; } .blog-slider-style11 .slick-prev:hover, .blog-slider-style11 .slick-next:hover, .blog-slider-style11 .slick-prev:focus, .blog-slider-style11 .slick-next:focus, .blog-slider-style9 .slick-prev:hover, .blog-slider-style9 .slick-next:hover, .blog-slider-style9 .slick-prev:focus, .blog-slider-style9 .slick-next:focus { background-color: #f63a4c; } .blog-slider-style11 .slick-prev i, .blog-slider-style11 .slick-next i, .blog-slider-style9 .slick-prev i, .blog-slider-style9 .slick-next i { color: #b1b1b1; position: static; line-height: 48px!important; font-size: 18px!important; transition: 0s all ease-in-out; } .blog-slider-style11 .slick-arrow:hover i, .blog-slider-style11 .slick-arrow:focus i, .blog-slider-style9 .slick-arrow:hover i, .blog-slider-style9 .slick-arrow:focus i { color: #fff; } .blog-slider-style9 .slick-next i, .blog-slider-style11 .slick-next i { margin-right: -7px; } .blog-slider-style9 .slick-prev i, .blog-slider-style11 .slick-prev i { margin-left: -7px; } .blog-slider-style9 .slick-prev, .blog-slider-style11 .slick-prev { padding-left: 0; margin-left: 6px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .blog-slider-style11 .slick-next, .blog-slider-style9 .slick-next { padding-right: 0; margin-right: 6px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .blog-slider-style11 .slick-prev, .blog-slider-style11 .slick-next { margin-left: 0; margin-right: 0px; } @media (min-width: 768px) { .blog-slider-container-style9 { position: relative; overflow: hidden; } } @media (max-width: 1000px) { .blog-slider-style9.blog-slider, .blog-slider-style9 .blog-grid-list { max-height: none!important; } .blog-slider-style9 .blog-grid-large:only-child { height: 460px; } } @media (max-width: 768px) { .blog-slider-style9 .blog-grid-list { height: auto; } .blog-slider-style9 .blog-grid-large, .blog-slider-style9 .blog-grid-medium, .blog-slider-style9 .blog-grid-small, .blog-slider-style9 .blog-slider-item { margin-left: 0!important; margin-right: 0; } .blog-slider-style9 .blog-grid-large { height: 200px; width: 100%; margin-bottom: 4px; } .blog-slider-style9 .blog-grid-medium { height: 120px; width: 100%; } .blog-slider-style9 .blog-grid-small { height: 120px; width: 50%; margin-bottom: 4px; } .blog-slider-style9 .blog-grid-item2 .blog-slider-item { margin-right: 2px!important; } .blog-slider-style9 .blog-grid-item3 .blog-slider-item { margin-left: 2px!important; } .blog-slider-style9 .blog-slider-item .post-categories, .blog-slider-style9 .blog-slider-item .post-categories a { font-size: 9px; } .blog-slider-style9 .post-author-image, .blog-slider-style9 .blog-grid-medium .post-meta { display: none!important; } .blog-slider-style9 .blog-grid-large h2 { font-size: 16px!important; margin-bottom: 8px!important; margin-bottom: 0px!important; } .blog-slider-style9 .post-meta { display: none!important; } .blog-slider-style9 .blog-grid-small h2, .blog-slider-style9 .blog-grid-medium h2 { font-size: 11px!important; } .blog-slider-style9 .blog-slider-content { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .blog-slider-style9 .blog-slider-item .post-categories-container { margin-bottom: 8px; } } @media (max-width: 600px) { .blog-slider-style9 .blog-slider-content { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .blog-slider-style9 .blog-grid-small h2, .blog-slider-style9 .blog-grid-medium h2 { margin-bottom: 0px!important; } } /* Style 12 */ .blog-slider-style12 .blog-grid-small-container { width: 25%; height: 100%; float: left; position: relative; } .blog-slider-style12 .blog-grid-small-container .blog-grid-small { width: 100%; } .blog-slider-style12 .blog-grid-small-container .blog-grid-small .blog-slider-item { margin-left: 0; } .blog-slider-style12 .blog-grid-item4 { margin-bottom: 12px; } .blog-slider-style12 .blog-grid-item5 .blog-slider-item { margin-left: 12px; } @media (max-width: 768px) { .blog-slider-style12 .blog-grid-small-container { width: 100%; } .blog-slider-style12 .blog-grid-small-container .blog-grid-small { width: 50%; } .blog-slider-style12 .blog-grid-item1, .blog-slider-style12 .blog-grid-item4 { padding-right: 5px; } } /* Style 5 and Style 8 - Arrows */ .blog-slider-style5.blog-slider .slick-arrow i, .blog-slider-style8.blog-slider .slick-arrow i { font-size: 24px; } .blog-slider-style5.blog-slider .slick-next, .blog-slider-style5.blog-slider .slick-prev, .blog-slider-style8.blog-slider .slick-next, .blog-slider-style8.blog-slider .slick-prev { bottom: 25px; } .blog-slider-style5.blog-slider .slick-next, .blog-slider-style8.blog-slider .slick-next { margin-right: 0px; right: 35px; } .blog-slider-style5.blog-slider .slick-prev, .blog-slider-style5.blog-slider .slick-prev, .blog-slider-style8.blog-slider .slick-prev, .blog-slider-style8.blog-slider .slick-prev { right: 25px; left: auto; } .blog-slider-style5.blog-slider .slick-next i, .blog-slider-style5.blog-slider .slick-prev i, .blog-slider-style8.blog-slider .slick-next i, .blog-slider-style8.blog-slider .slick-prev i { right: 0px; bottom: 0px; } /* Style 6 */ .blog-slider-style6 .blog-slider-content { text-align: center; } .blog-slider-style6 h2 { font-size: 36px; } .blog-slider-style6 .blog-slider-content-details { padding-left: 0px; } .blog-slider-style6 .slick-list { border-radius: 8px; } .blog-slider-style6 .blog-slider-dots .slick-dots { width: 92%; } /* Blog Slider Style 7 */ .blog-basic-slider-item > div > .row > div { height: 540px; display: flex; align-items: center; } @media (max-width: 1025px) { .blog-basic-slider-item h2 { font-size: 24px!important; } } @media (max-width: 767px) { .blog-basic-slider-item > div > .row > div { height: auto; min-height: 200px; } .blog-basic-slider-item .blog-slider-content-details { padding-left: 0px!important; margin: 0 -15px; padding-top: 30px; } .blog-basic-slider-item-controls i { font-size: 24px!important; } .blog-basic-slider-item-controls { margin-bottom: 15px!important; } } .blog-basic-slider-item-thumbnail { background-size: cover; background-position: 50% 50%; border-radius: 8px; position: relative; } .blog-basic-slider-item .blog-slider-content-details { padding-left: 25px; } .blog-basic-slider-item h2 { font-size: 36px; margin-bottom: 15px; } .blog-basic-slider-item-controls i { font-size: 30px; cursor: pointer; transition: 0.3s all ease-in-out; } .blog-basic-slider-item-controls i:hover { opacity: 0.7; } .blog-basic-slider-item-controls { margin-bottom: 25px; } .blog-basic-slider-item-controls span { padding-right: 6px; } /* Style 10 */ .blog-slider-style2.style10 .blog-slider-container { text-align: center; padding-bottom: 50px; } .blog-slider-style2.style10 .blog-slider-item h2 { font-size: 30px!important; padding-top: 10px; margin-bottom: 10px; } .blog-slider-style2.style10 .blog-slider-dots { left: 50%; transform: translate(-50%, -50%); right: auto; } .blog-slider-style2.style10 .blog-slider-dots { bottom: 32px; } /** * 29.2 - Visual Composer: Blog Fancy Posts */ .sh-blog-fancy .blog-fancy-carousel-disabled.blog-style-cover .post-cover-container { opacity: 1!important; animation-name: fadein3; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 1s; z-index: 120; } .sh-blog-fancy .blog-fancy-carousel-disabled.blog-style-cover:not(.blog-style-coverbig) { margin: 0 -18px; } .sh-blog-fancy .blog-style-cover:after { content: ""; display: block; clear: both; } .sh-blog-fancy .slick-list { margin: 0 -18px; width: auto; } .sh-blog-fancy .slick-slider .slick-prev.slick-arrow { left: -18px; } .sh-blog-fancy .slick-slider .slick-next { right: -18px; } .sh-blog-fancy .blog-style-mini1, .sh-blog-fancy .blog-style-mini2 { margin: 0 -10px!important; } .sh-blog-fancy .blog-style-mini1.slick-slider, .sh-blog-fancy .blog-style-mini2.slick-slider { margin: 0 7px!important; } .sh-blog-fancy .blog-style-fancy1, .sh-blog-fancy .blog-style-fancy3 { margin: 0 -20px!important; } .sh-blog-fancy .blog-style-fancy2 { margin: 0 -15px!important; } .blog-fancy-carousel .post-item { padding: 10px 0; } .sh-blog-fancy-title { margin-bottom: 33px; font-size: 24px; } .blog-fancy-list { position: relative; } .post-style-cover { float: left; } .post-style-cover:last-child:after { display: block; content: ""; clear: both; } .post-style-cover .post-container { padding: 0 20px; background-color: #f6f6f6; margin: 0 20px; margin-bottom: 40px; border-radius: 8px; padding: 0; position: relative; } .post-style-cover .post-container:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) ); z-index: 110; } .post-style-cover .post-cover-container { position: absolute; left: 28px; right: 28px; bottom: 28px; opacity: 0; } .post-style-cover .post-gallery, .post-style-cover .post-gallery *, .post-related-item .post-gallery, .post-related-item .post-gallery *:not(i):not(button) { -webkit-transform: none!important; transform: none!important; z-index: 0!important; } .sh-categories .post-item .post-cover-container, .blog-style-coverbig .post-cover-container, .post-style-cover.slick-current .post-cover-container, .blog-slider-custom-item .post-cover-container, .post-style-cover.slick-active .post-cover-container, .post-style-cover[aria-hidden="false"] .post-cover-container, .blog-style-fancy1 .blog-style-cover .post-cover-container, .blog-style-fancy2 .blog-style-cover .post-cover-container { opacity: 1; animation-name: fadein3; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 1s; z-index: 120; } .post-style-cover .post-cover-container { animation-name: fadeout3; animation-direction: alternate; animation-timing-function: ease-in-out; animation-duration: 0.3s; } @keyframes fadein3 { 0% { opacity: 0; transform: translateY(10px); } 10% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeout3 { 0% { opacity: 1; transform: translateY(0px); } 10% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(0px); } } .post-style-cover .post-categories-container { margin-bottom: 6px; } .post-style-cover h2 { font-size: 24px; line-height: 110%!important; margin-bottom: 9px; } .post-style-cover .post-meta { margin-top: 0; } .post-style-cover .post-meta span, .post-style-cover .post-meta a, .post-style-cover h2 { color: #fff; } .post-style-cover .post-categories { margin-bottom: 0px; } .post-style-cover .post-cover-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; } .post-style-cover a, .post-style-cover .post-meta-content, .post-style-cover .post-categories { position: relative; display: inline-block; z-index: 2; } .post-style-cover .sh-ratio-content, .post-style-cover .post-cover-link, .post-style-cover .post-container:after { border-radius: 8px; } .post-style-cover .post-container, .post-style-cover .sh-ratio-content { max-height: 580px; } .blog-style-cover-center .post-cover-container { text-align: center; } .blog-style-cover.columns2 .post-style-cover { width: 50%; } @media (min-width: 1200px) { .blog-style-cover.columns2 .post-style-cover h2 { font-size: 30px; } .blog-style-cover.columns2 .post-style-cover .post-cover-container { left: 60px; right: 60px; bottom: 60px; } } @media (max-width: 1199px) { .blog-style-cover.columns2 .post-style-cover h2 { font-size: 26px; } } @media (max-width: 1000px) { .blog-style-cover.columns2 .post-style-cover h2 { font-size: 21px; } } @media (max-width: 768px) { .blog-style-cover.columns2 .post-style-cover { width: 100%!important; } } @media (max-width: 767px) { .blog-style-coverbig.columns2 .post-style-cover, .blog-style-coverbig.columns3 .post-style-cover { width: 100%!important; } .blog-style-coverbig.columns2 .post-style-cover .post-container, .blog-style-coverbig.columns3 .post-style-cover .post-container { margin-left: 0px; margin-right: 0px; border-radius: 8px!important; } } @media (max-width: 500px) { .blog-style-cover.columns2 .post-meta-content > *:not(.post-auhor-date) { display: none!important; } } .blog-style-cover.columns2 .post-meta { border-left-width: 0px; padding: 1px 0px 1px 0px; margin-top: 0; } .blog-style-cover.columns3 .post-style-cover .sh-ratio-container { padding-bottom: 130%; } .blog-style-cover.columns2 .post-style-cover .sh-ratio-container { padding-bottom: 80%; } .sh-section > .container-fluid .blog-style-cover.columns2 .post-style-cover .sh-ratio-container { padding-bottom: 80%; } .blog-style-cover.columns3 .post-style-cover { width: 33.3%; } .blog-style-cover.columns2 .post-style-cover { width: 50%; } @media (max-width: 767px){ .blog-style-cover.columns3:not(.slick-slider) .post-style-cover { width: 100%!important; } } /* Full width - Article */ .blog-style-cover.columns2 .post-style-cover h2 { line-height: 105%!important; margin-bottom: 15px; } .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(odd) .post-container, .blog-style-coverbig article:nth-child(odd) .post-container { margin-left: 0px; } .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(even) .post-container, .blog-style-coverbig article:nth-child(even) .post-container { margin-right: 0px; } .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(odd) .sh-ratio-content, .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(odd) .post-cover-link, .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(odd) .post-container:after, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(odd) .sh-ratio-content, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(odd) .post-cover-link, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(odd) .post-container:after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(even) .sh-ratio-content, .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(even) .post-cover-link, .vc_row[data-vc-full-width="true"] .blog-style-coverbig article:nth-child(even) .post-container:after, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(even) .sh-ratio-content, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(even) .post-cover-link, .kc-row-container:not(.kc-container) .blog-style-coverbig article:nth-child(even) .post-container:after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /* Blog Style Mini 1 */ .blog-style-mini1 .post-title h4 { font-size: 16px!important; margin-top: 0px!important; margin-bottom: 14px!important; } .blog-style-mini1 .sh-ratio-container { padding-bottom: 75%!important; } .blog-style-mini1 .ratio-container { padding-top: 75%!important; } .blog-style-mini1 .post-gallery-item { display: inline-block; margin: 0px 18px; overflow: hidden; } .blog-style-mini1 .post-content-container { margin-top: 10px; } .blog-style-mini1 { margin-left: 4px; } .blog-style-mini1 article { display: inline-block; vertical-align: top; margin-left: -4px; } .blog-style-mini1.columns4 article { width: 25%; } .blog-style-mini1.columns3 article { width: 33.3%; } .blog-style-mini1.columns2 article { width: 50%; } @media (max-width: 1023px) { .blog-style-mini1:not(.slick-slider) article { min-width: 50%; margin-bottom: 20px; } } @media (max-width: 600px) { .blog-style-mini1 article { min-width: 100%; } .blog-style-mini1.slick-slider article { min-width: 0; } } .blog-style-mini1.blog-fancy-carousel-disabled.columns3 article:nth-child(n+4), .blog-style-mini1.blog-fancy-carousel-disabled.columns4 article:nth-child(n+5) { padding-top: 40px; } /* Blog Style Mini 2 */ .blog-style-mini2 article { display: inline-block; vertical-align: top; margin-left: -4px; padding: 10px 0; } .blog-style-mini2.columns4 article { width: 25%; } @media (max-width: 991px) { .blog-style-mini2:not(.slick-slider) article { min-width: 50%; } .blog-style-mini2.slick-slider article { width: 100%; } } @media (max-width: 550px) { .blog-style-mini2:not(.slick-slider) article { min-width: 100%; } } .blog-style-mini2.columns3 article { width: 33.3%; } .blog-style-mini2.columns2 article { width: 50%; } .blog-style-mini2 h2 { margin-top: 0; margin-bottom: 0; font-size: 13px; } .blog-style-mini2 .post-categories { margin-bottom: 6px; } .blog-style-mini2 .sh-ratio-container { padding-bottom: 100%; } .blog-style-mini2 .post-read-later { padding-top: 0px; } .blog-style-mini2 .post-read-later i { font-size: 12px; } .blog-style-mini2 .post-thumbnail-mini { display: block; position: absolute; width: 72px; height: 72px; top: 0; left: 0; background-size: cover; background-position: 50% 50%; border-radius: 8px; } .blog-style-mini2 .post-container-mini { padding-left: 90px; min-height: 72px; } .blog-style-mini2 .post-categories { margin-bottom: 0px; } /* Blog Fancy Style 1 */ .blog-style-fancy1 .blog-style-cover article { float: none; width: 100%; } .blog-style-fancy1 .blog-style-cover .post-container { margin-left: 0px; margin-right: 0px; margin-bottom: 24px; } .blog-style-fancy1 .blog-style-cover .post-meta { border-left-width: 0px; padding: 1px 0px 1px 0px; margin-top: 0; } .blog-style-fancy1 .blog-style-left .post-item { min-width: 100%; } .blog-style-fancy1 .blog-style-left .post-categories { margin-top: 20px; } .blog-style-fancy1 .blog-style-left .post-container { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } .blog-style-fancy1 .blog-style-left h2 { font-size: 26px; } .blog-style-fancy1 .blog-style-cover h2 { font-size: 20px; } .blog-style-fancy1 .blog-style-left .post-title h2 { font-size: 30px; } .blog-style-fancy1 .row { margin-right: 0px; margin-left: 0px; } .blog-style-fancy1 .row > div { padding-right: 20px; padding-left: 20px; } @media (max-width: 700px) { .sh-blog-fancy .blog-style-fancy1 { margin-left: 0px!important; margin-right: 0px!important; } .blog-style-fancy1 .row > div { margin: 0 -15px; } } /* Blog Fancy Style 2 */ .blog-style-fancy2 .blog-style-cover article { float: none; width: 100%; } .blog-style-fancy2 .sh-ratio-container { padding-bottom: 67%; } .blog-style-fancy2 .blog-style-cover .post-container { margin-left: 0px; margin-right: 0px; margin-bottom: 30px; } .blog-style-fancy2 .row { margin-right: 0px; margin-left: 0px; } .blog-style-fancy2 .row > div { padding-right: 15px; padding-left: 15px; } .blog-style-fancy2 .post-style-cover h2 { font-size: 18px; } .blog-style-fancy2 .post-thumbnail { margin-bottom: 23px; } /* Blog Fancy Style 3 */ .blog-style-fancy3 .blog-style-cover article { float: none; width: 100%; } .blog-style-fancy3 .blog-style-cover .post-container { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } .blog-style-fancy3 > .row { margin-right: 0px; margin-left: 0px; } .blog-style-fancy3 > .row > div { padding-right: 20px; padding-left: 20px; } .blog-style-fancy3 .blog-style-left .post-content-mix { margin-top: 20px; } .blog-style-fancy3 .blog-style-left .sh-ratio-container { padding-bottom: 85%!important; } .blog-style-fancy3 .blog-style-left-custom { margin-top: 75px; } .blog-style-fancy3 .blog-style-left-custom h2 { font-size: 18px; } .blog-style-fancy3 .blog-style-left-custom article:not(:last-child) { border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; padding-bottom: 20px; } .blog-style-fancy3 .blog-style-left-custom article:last-child { margin-bottom: 0px; } .blog-style-fancy3 .post-content { padding-bottom: 0px; } .blog-style-fancy3 .blog-style-left:not(.blog-style-left-custom) h2 { font-size: 30px; } /* Fancy Carousel */ .slider-arrows-sides .slick-prev.slick-arrow, .slider-arrows-sides .slick-next.slick-arrow { width: 46px; height: 46px; margin-top: -23px; border-radius: 100px; border-width: 0px; background-color: #fff; } .slider-arrows-sides .slick-prev.slick-arrow i, .slider-arrows-sides .slick-next.slick-arrow i { font-size: 24px; line-height: 46px; } .blog-fancy-carousel-sides .post-container, .blog-fancy-carousel-title .post-container { margin-bottom: 0px; } .blog-fancy-carousel-sides, .blog-fancy-carousel-title { display: none; } .blog-fancy-carousel-sides.slick-initialized, .blog-fancy-carousel-title.slick-initialized { display: block; } .blog-fancy-carousel-sides article, .blog-fancy-carousel-title article { padding-top: 10px; padding-bottom: 10px; } .slick-dots li button { transition: 0.3s all ease-in-out; } /** * 29.3 - Visual Composer: Blog Categories Posts */ .categories-list { margin-top: -30px; position: relative; } .categories-list-item { padding-top: 30px; } .categories-list-item .sh-ratio-container { padding-bottom: 52%; } .categories-list-item .sh-ratio-content { display: block; border-radius: 10px; } .categories-list-item .sh-ratio-content:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 8px; } .categories-list-item .categories-list-item-name { display: block; position: absolute; bottom: 20px; left: 27px; z-index: 100; color: #fff; margin-bottom: 0px; font-size: 30px; } .categories-list-item-icon { display: block; position: absolute; bottom: -15px; right: -15px; } .categories-list-item-icon i { font-size: 145px; color: #fff; } @media (max-width: 700px) { .categories-list-item .categories-list-item-name { font-size: 18px; } } /** * 29.4 - Visual Composer: Blog Categories */ .sh-categories article { float: none; } .sh-categories .post-container { margin: 0; } .sh-categories.sh-categories-style2.sh-categories-round .blog-mini-post-large .blog-mini-post-thumb { border-radius: 100%; } .sh-categories.sh-categories-style1 .post-style-cover { margin-bottom: 30px; } .sh-categories-style1 .blog-mini-post-small:last-child { border-bottom-width: 0px; padding-bottom: 0px; } .sh-categories .post-item .sh-ratio-container { padding-bottom: 76.5%; } @media (max-width: 1250px) and (min-width: 1026px) { .sh-categories .post-item .sh-ratio-container { padding-bottom: 96%; } } @media (max-width: 1025px) and (min-width: 992px) { .sh-categories .post-item .sh-ratio-container { padding-bottom: 109%; } } @media (max-width: 700px) { .sh-categories .post-item .sh-ratio-container { padding-bottom: 100%; } } @media (max-width: 550px) { .sh-categories .post-item .sh-ratio-container { padding-bottom: 130%; } .sh-categories .post-style-cover h2 { font-size: 18px!important; } } .sh-categories .post-item h2 { font-size: 18px; margin-top: 2px; margin-bottom: 13px; line-height: 120%!important; } .sh-categories .post-item h2 .post-read-later { padding-top: 0px; } .sh-categories .post-item .post-cover-container { left: 35px; bottom: 35px; right: 35px; } .blog-mini-post-large:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; } .sh-categories-tabs { display: table; width: 100%; margin-bottom: 20px; } .sh-categories-style2 .sh-categories-tabs { margin-bottom: 0px; } .sh-categories-style2 .tab-pane.active { padding-top: 20px; } .sh-categories .blog-mini-post-content { display: flex; align-items: center; width: 100%; } @media (min-width: 767px) { .sh-categories-tabs > div { display: table-cell; vertical-align: middle; white-space: nowrap; } } @media (max-width: 766px) { .sh-categories-title { margin-bottom: 10px; } .sh-categories-line { display: none; } } .sh-categories-tabs li { display: inline-block; margin-right: -4px; } .sh-categories-tabs li a { line-height: 160%; padding: 0 9px; text-transform: capitalize; font-size: 12px; font-weight: bold; color: #b1b1b1; background-color: transparent!important; border-radius: 6px; } .sh-section-tabs-style1 .sh-categories-tabs li.active a { background-color: #505050!important; color: #fff; } .sh-categories-title h2 { font-size: 24px; margin-bottom: 0px; } .sh-categories-names .nav { margin-top: 0px; } .sh-categories-line-container { position: relative; margin-left: 25px; margin-right: 25px; } .sh-categories-line-container:after { display: block; content: ""; position: absolute; top: 50%; background-color: #eaeaea; height: 1px; left: 0; right: 0px; margin-bottom: -1px; } /* Style 1 */ .sh-categories-style1:not(.sh-categories-style3) .post-item .post-cover-container h2 { font-size: 24px; } /* Style 2 */ .sh-categories-style2 .post-item .post-cover-container h2 { font-size: 30px; } .sh-categories-style2 .sh-categories-list { position: relative; max-height: 531px; overflow: hidden; padding-top: 5px; margin-top: -5px; } @media (max-width: 991px) { .sh-categories-style2 .sh-categories-list { margin-top: 25px; max-height: 391px; } } /* Style 3 */ .sh-categories-style2.style4 .blog-mini-post-large h5 { font-size: 16px; } .sh-categories-style2.style4 .post-item .post-cover-container h2 { font-size: 20px; } /* Style 4 */ .sh-categories-style3 .post-item .post-cover-container h2 { font-size: 14px!important; } .sh-categories-style3 .post-categories-container { display: none; } .sh-categories-style3 .post-item .post-cover-container { left: 25px; bottom: 25px; right: 25px; } .sh-categories-style3 .sh-categories-line-container { margin-right: 0px; } @media (max-width: 991px) { .sh-categories-style3 .blog-style-cover:not(:last-child) { margin-bottom: 45px; } } .sh-categories-style3 .post-item .sh-ratio-container { padding-bottom: 66% !important; } /* Style 5 */ .sh-categories-style5 .blog-mini-post-small:first-child, .sh-categories-style5 .blog-mini-post-small:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0px; } .sh-categories-style5 .blog-mini-post-generic { border-bottom-width: 0px; margin-bottom: 10px; } @media (max-width: 767px) { .sh-categories-style5 .tab-content .col-md-6:first-child { margin-bottom: 45px; } } /* Visual Composer - Optimization */ @media (min-width: 1026px) { .wpb_column.vc_column_container:not(.vc_col-sm-12) .sh-categories-style2 .post-style-cover .post-container, .wpb_column.vc_column_container:not(.vc_col-sm-12) .sh-categories-style2 .post-style-cover .sh-ratio-content, .wpb_column.vc_column_container:not(.vc_col-sm-12) .sh-categories-style2 .sh-categories-list { min-height: 530px; max-height: 530px; } .wpb_column.vc_column_container:not(.vc_col-sm-12) .sh-categories-style2 .col-md-7 { width: 46%; } .wpb_column.vc_column_container:not(.vc_col-sm-12) .sh-categories-style2 .col-md-5 { width: 54%; } } /* Elementor - Optimization */ @media (min-width: 1026px) { .elementor-section .sh-categories-style2 .post-style-cover .post-container, .elementor-section .sh-categories-style2 .post-style-cover .sh-ratio-content, .elementor-section .sh-categories-style2 .sh-categories-list { min-height: 530px; max-height: 530px; } /*.elementor-section .sh-categories-style2 .col-md-7 { width: 46%; } .elementor-section .sh-categories-style2 .col-md-5 { width: 54%; }*/ } /* Visual Composer - Empty Space */ body.vc_editor.compose-mode .vc_empty_space { /*background: repeating-linear-gradient( 45deg, #fff, #fff 15px, #f2f2f2 15px, #f2f2f2 30px);*/ background: repeating-linear-gradient( 45deg, rgba(255,255,255,0.3), rgba(255,255,255,0.3) 15px, rgba(185, 185, 185, 0.2) 15px, rgba(185, 185, 185, 0.2) 30px); border-radius: 8px; } /** * 29.4 - Visual Composer: Blog Standars Posts */ .sh-blog-standard-posts .blog-style-grid, .sh-blog-standard-posts .blog-style-masonry, .sh-blog-standard-posts .blog-style-left-mini { margin: 0 -15px; } .sh-blog-standard-posts .blog-style-grid.blog-style-columns3 h2 { font-size: 24px; } .sh-blog-standard-posts .blog-style-grid.blog-style-columns3 .post-content p { line-height: 1.65; } .sh-blog-standard-posts .blog-style-grid.blog-style-columns4 h2 { font-size: 21px; } .sh-blog-standard-posts .blog-style-grid.blog-style-columns4 .post-content p { line-height: 1.6; } @media (max-width: 1025px) { .sh-blog-standard-posts .blog-style-grid h2 { font-size: 21px; } } @media (max-width: 700px) { .sh-blog-standard-posts .blog-style-grid h2 { font-size: 18px; } } /** * 29.5 - Visual Composer: Text Seperator 2 */ .text-seperator2 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; margin-left: auto; margin-right: auto; } .text-seperator2-align-center { text-align: center; } .text-seperator2-align-left .text-seperator2-holder:first-child { display: none; } .text-seperator2-align-left .text-seperator2-content { padding-left: 0px; } .text-seperator2-align-right .text-seperator2-holder:last-child { display: none; } .text-seperator2-align-right .text-seperator2-content { padding-right: 0px; } .text-seperator2-holder { height: 1px; position: relative; flex: 1 1 auto; min-width: 10%; } .text-seperator2-line { height: 1px; border-top: 1px solid #EBEBEB; display: block; position: relative; top: 1px; width: 100%; } .text-seperator2-content { line-height: 1em; font-size: 100%; margin: 0; word-wrap: break-word; flex: 0 1 auto; padding: 0 25px; } .text-seperator2-content .text-seperator2-content-heading { padding: 0px; margin-bottom: 0px; line-height: auto; } /** * 29.5 - Visual Composer: Heading */ .vcg-heading i { position: relative; padding-right: 8px; } .vcg-heading-content { margin-bottom: 0px; } .vcg-heading-align-center { text-align: center; } .vcg-heading-align-right { text-align: right; } /** * 29.6 - Visual Composer: Text Block */ .vcg-text-block { position: relative; } .vcg-text-block p { margin-bottom: 0px; } /** * 29.6 - Visual Composer: Text Slider */ .blog-textslider { position: relative; } .blog-textslider-title { white-space: nowrap; margin-right: 20px; font-weight: bold; padding: 7px 21px; font-size: 13px; cursor: default; } .blog-textslider-style1 .blog-textslider-title { border-radius: 5px; background-color: #64d3dc; text-shadow: 0 3px 6px rgba(0,0,0,.2); color: #fff; animation: pulse 3s infinite; } .blog-textslider-style2 .blog-textslider-title { border-radius: 5px; border: #64d3dc 2px solid; color: #64d3dc; } .blog-textslider-style3 .blog-textslider-title { border-radius: 100px; border: #64d3dc 2px solid; color: #64d3dc; } .blog-textslider-style4 .blog-textslider-title { color: #64d3dc; font-size: 18px; border-right: 1px solid #eeeeee; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1; } .blog-textslider-style5 .blog-textslider-title { font-size: 18px; border-right: 1px solid #eeeeee; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1; font-style: italic; font-weight: 800; } .blog-textslider-style5 .blog-textslider-post { font-weight: 600; font-style: italic; } .blog-textslider-style5 .blog-textslider-post-thumnail, .blog-textslider-style6 .blog-textslider-post-thumnail { display: inline-block; width: 48px; height: 48px; border-radius: 100px; background-size: cover; margin-right: 20px; } @media (min-width: 801px) { .blog-textslider-style5 .sh-carousel-buttons-styling { top: 24px!important; } } @media (max-width: 800px) { .blog-textslider { padding: 20px 0; } .blog-textslider-style5 .blog-textslider-title { padding-right: 0; border-right-width: 0; margin-right: auto; text-align: center; } .blog-textslider-style5 .blog-textslider-post-thumnail, .blog-textslider-style5 .sh-carousel-buttons { display: none!important; } .blog-textslider .blog-textslider-post { padding-bottom: 0px; padding-top: 10px; } } /* Blog Text Slier - Style 6 */ .blog-textslider-style6 .sh-carousel-buttons.sh-carousel-buttons-styling { background-color: #fff; right: 0px; margin-top: 16px; } .blog-textslider-style6 .sh-carousel-buttons.sh-carousel-buttons-styling .sh-carousel-prev, .blog-textslider-style6 .sh-carousel-buttons.sh-carousel-buttons-styling .sh-carousel-next { line-height: 26px; } .blog-textslider-style6 .blog-textslider-post { padding-right: 0px; } .blog-textslider-style6 .blog-textslider-post-title { font-size: 15px; } .blog-textslider-style6 .blog-textslider-post-load-more { display: inline-block; white-space: nowrap; line-height: 36px; padding: 0 22px; border-radius: 5px; color: #fff!important; font-size: 12px; margin-right: 75px; } .blog-textslider-post { font-weight: bold; padding: 15px 0; } .blog-textslider-posts:not(.sh-carousel-loadedd) .blog-textslider-post:not(:first-child) { display: none; } .blog-textslider-posts:not(.sh-carousel-loadedd) .blog-textslider-post:first-child { left: 0px; } .sh-carousel-items .blog-textslider-post { display: none; } .sh-active { display: block!important; } .blog-textslider { position: relative; } .blog-textslider-post.sh-active { animation: carousel_in 0.5s normal forwards ease-in-out; } .blog-textslider-post { position: relative; left: -10px; padding-right: 65px; } @media (max-width: 800px) { .blog-textslider .sh-table-cell { display: block; text-align: center; } .blog-textslider .sh-carousel-buttons { display: none; } .blog-textslider-post { padding-right: 0px; left: 0px!important; top: -5px; } .blog-textslider-title { margin: 0 auto; display: table; } .blog-textslider-post.sh-active { animation: carousel_down 0.5s normal forwards ease-in-out; } .blog-textslider-style6 .blog-textslider-post-load-more { margin-right: 0px; margin-top: 10px; } .blog-textslider-style5 .blog-textslider-post-thumnail, .blog-textslider-style6 .blog-textslider-post-thumnail { margin-right: 0px; } } @keyframes carousel_in { 0% { opacity: 0; left: -10px; } 100% { opacity: 1; left: 0px; } } @keyframes carousel_down { 0% { opacity: 0; top: -5px; } 100% { opacity: 1; top: 0px; } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0.07 ); } 70% { -webkit-box-shadow: 0 0 0 18px rgba( 0, 0, 0, 0 ); } 100% { -webkit-box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0 ); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0.07 ); box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0.07 ); } 70% { -moz-box-shadow: 0 0 0 18px rgba( 0, 0, 0, 0 ); box-shadow: 0 0 0 18px rgba( 0, 0, 0, 0 ); } 100% { -moz-box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0 ); box-shadow: 0 0 0 0 rgba( 0, 0, 0, 0 ); } } /** * 29.7 - Visual Composer: Button */ .vcg-button-container { display: inline-block; padding: 0px 35px; background-color: #505050; line-height: 50px; transition: 0.2s all ease-in-out; text-align: center; background-size: 200% auto; } .vcg-button-container, .vcg-button-container:hover, .vcg-button-container:focus { color: #ffffff; } .vcg-button-container:hover, .vcg-button-container:focus { background-position: right center!important; } .vcg-button-shape-rounded { border-radius: 8px; } .vcg-button-shape-round { border-radius: 100px; } .vcg-button-alignment-center { display: table; margin: 0 auto; } .vcg-button-alignment-right { display: table; margin-left: auto; } .vcg-button-icon-image { display: inline-block; width: 19px; height: 20px; background-size: cover; background-position: 50% 50%; bottom: -5px; position: relative; margin-right: 6px; } /** * 29.7 - Visual Composer: Single Image (beta) */ .vcg-single-image-shadow1-withhover img { transition: 0.2s all ease-in-out; box-shadow: 0px 6px 20px 0px rgba(10, 10, 10, 0.5); } .vcg-single-image-shadow1-withhover img:hover { box-shadow: 0px 8px 26px 0px rgba(10, 10, 10, 0.5); } .vcg-single-image-shape-rounded img { border-radius: 8px; } .vcg-single-image-shape-round img { border-radius: 100px; } .image-on-top { position: relative; z-index: 100; } .vcg-single-image-showcase .vc_single_image-wrapper { border-radius: 8px; background-color: #fff; overflow: hidden; position: relative; box-shadow: 0px 6px 20px 0px rgba(10, 10, 10, 0.25); z-index: 1; top: 0; transition: 0.2s all ease-in-out; } .vcg-single-image-showcase .vc_single_image-wrapper:hover { box-shadow: 0px 7px 30px 0px rgba(10, 10, 10, 0.25); } .vcg-single-image-showcase .vc_single_image-wrapper:hover:after { opacity: 1; } .vcg-single-image-showcase img { transition: 0.2s all ease-in-out; } .vcg-single-image-showcase img:hover { opacity: 0.6; } .vcg-row-on-top { z-index: 100; position: relative; overflow: visible; } /* Image Gallery */ .vcg-image-gallery { margin-bottom: 23px; } .vcg-image-gallery-image { padding: 0 13px; text-align: center; } .vcg-image-gallery-image img { display: table; margin: 0 auto; } .vcg-image-gallery .slick-dots li button { background-color: rgba(255, 255, 255, 0); border: 1px solid #d0d0d0; width: 10px; height: 10px; } .vcg-image-gallery .slick-dots li.slick-active button { background-color: #505050!important; border: 1px solid #505050!important; } .vcg-image-gallery .slick-dots { margin-top: 0px; } /* Social Networks */ .vcg-social-networks-item { padding: 0 20px; transition: 0.3s all ease-in-out; } .vcg-social-networks-item:hover { opacity: 0.7; } .vcg-social-networks-alignment-center > div { display: table; margin: 0 auto; } .vcg-social-networks-alignment-right > div { display: table; margin-left: auto; } @media (max-width: 800px) { .vcg-social-networks-item { padding: 12px 20px; display: inline-block; } } /* */ .vcg-image-container { border-radius: 15px; position: relative; z-index: 1; } .vcg-image-container:after { content: " "; position:absolute; left: 4%; right: 10%; bottom: 0; height: 20px; z-index: -1; box-shadow: 0px 6px 30px rgba(0,0,0,0.1); } .vcg-image-container .post-thumbnail { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; } .vcg-image-container .post-thumbnail img { border-radius: 0px; } .vcg-image-container .post-overlay { border-radius: 0px; } .vcg-image-container-content { padding: 40px; position: relative; background-color: #fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .vcg-image-container h3 { font-weight: normal; margin-bottom: 8px; font-size: 18px; } .vcg-image-container p { text-transform: uppercase; font-weight: 300; color: #b2b2b2; margin-bottom: 0px; font-size: 14px; } .vcg-image-container-content-left { padding-right: 70px; } .vcg-image-container-content-right { position: absolute; top: 40px; right: 40px; } .vcg-image-container-share { display: inline-block; height: 54px; width: 54px; text-align: center; line-height: 54px; border: 1px solid #f2f2f2; border-radius: 18px; position: relative; cursor: pointer; } .vcg-image-container-share > i { font-size: 18px; color: #adadad; position: relative; left: -2px; bottom: -2px; } .vcg-image-container-share:hover .vcg-image-container-social { opacity: 1; top: -70px; visibility: visible; } .vcg-image-container-social { position: absolute; padding: 4px 0px 4px 0px; top: -60px; left: -117px; line-height: normal; box-shadow: 0 7px 17px rgba(0,0,0,0.15); background-color: #fff; width: 210px; cursor: default; opacity: 0; transition: 0.3s all ease-in-out; border-radius: 100px; z-index: 100; visibility: hidden; } .vcg-image-container-social:after { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #fff; bottom: -6px; position: absolute; left: 142px; margin-left: -7px; } .vcg-image-container-social:before { content: ""; display: block; width: 100%; height: 22px; bottom: -22px; position: absolute; background-color: rgba(0,0,0,0); } .vcg-image-container-social .jssocials-share-logo { font-size: 17px; color: #474747; transition: 0.3s all ease-in-out; } .vcg-image-container-social .jssocials-share-link:hover .jssocials-share-logo { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10); } .vcg-image-container-social .fa-at:before { content: "\f0e0"; } .vcg-image-container-social .jssocials-share-link { width: 32px; height: 32px; line-height: 28px; background-color: #4c4c4c; border-radius: 100px; transition: 0.3s all ease-in-out; } .vcg-image-container-social .jssocials-share-link:hover { opacity: 0.8; } .vcg-image-container-social .jssocials-share-facebook .jssocials-share-link { background-color: #6187ea; } .vcg-image-container-social .jssocials-share-twitter .jssocials-share-link { background-color: #5ec6fd; } .vcg-image-container-social .jssocials-share-email .jssocials-share-link { background-color: #e7bb7a; } .vcg-image-container-social .jssocials-share-googleplus .jssocials-share-link { background-color: #e77373; } .vcg-image-container-social .jssocials-share-pinterest .jssocials-share-link { background-color: #e64f56; } .vcg-image-container-social .jssocials-share:not(:last-child) { margin-right: 6px; } .vcg-image-container-social .jssocials-share-link i { color: #fff; } /** * 29.12 - WooCommerce Categories */ .vcg-woocommerce-categories { position: relative; margin: 0 -15px; } .vcg-woocommerce-categories-item { width: 25%; float: left; position: relative; vertical-align: top; padding: 0 15px; border-radius: 8px; } .vcg-woocommerce-categories-item-shadow { height: 20px; box-shadow: 0 11px 44px rgba(0,0,0,0.30); margin: 0 20px; position: relative; margin-top: -20px; top: -10px; z-index: 0; opacity: 0; transition: 0.5s opacity ease-in-out; } .vcg-woocommerce-categories-item:focus .vcg-woocommerce-categories-item-shadow, .vcg-woocommerce-categories-item:hover .vcg-woocommerce-categories-item-shadow { opacity: 1; top: 0px; } .vcg-woocommerce-categories-item-container { display: block; position: relative; border-radius: 8px; height: 460px; overflow: hidden; z-index: 1; } .vcg-woocommerce-categories-item-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% 50%; transition: 0.5s cubic-bezier(0.35, 0.57, 0.1, 1.08); } .vcg-woocommerce-categories-item:hover .vcg-woocommerce-categories-item-background { transform: scale(1.2); } .vcg-woocommerce-categories-item-container:after { opacity: 0.5; transition: 0.5s all ease-in-out; } .vcg-woocommerce-categories-item:focus .vcg-woocommerce-categories-item-container:after, .vcg-woocommerce-categories-item:hover .vcg-woocommerce-categories-item-container:after { opacity: 0.6; } .vcg-woocommerce-categories-content { position: absolute; bottom: 30px; left: 30px; right: 30px; color: #fff; z-index: 100; } .vcg-woocommerce-categories-item h3 { margin-bottom: 0; font-size: 24px; color: #fff; font-weight: 900; } .vcg-woocommerce-categories-count { font-size: 48px; font-weight: 900; opacity: 0.3; line-height: 1.1; } .vcg-woocommerce-categories-subtitle { font-size: 13px; text-transform: uppercase; font-weight: 300; opacity: 0.7; } .vcg-woocommerce-categories-item-wide { width: 45%; } .vcg-woocommerce-categories-item-small, .vcg-woocommerce-categories-item-small2 { width: 30%; } .vcg-woocommerce-categories-item-small .vcg-woocommerce-categories-item-container, .vcg-woocommerce-categories-item-small2 .vcg-woocommerce-categories-item-container { height: 215px; } .vcg-woocommerce-categories-item-small { margin-bottom: 30px; } @media (max-width: 1023px) { .vcg-woocommerce-categories-item { width: 50%; height: 215px; margin-bottom: 30px; } .vcg-woocommerce-categories-item .vcg-woocommerce-categories-item-container { height: 215px; } } @media (max-width: 767px) { .vcg-woocommerce-categories-item { width: 100%; } } /** * 29.13 - WooCommerce Spotlight */ .vcg-woocommerce-spotlight-tabs { display: table; margin: 0 auto; margin-bottom: 25px; } .vcg-woocommerce-spotlight-tabs li { display: inline-block; } .vcg-woocommerce-spotlight-tabs li.active a { font-weight: 900; color: #505050; border-bottom: 2px solid #505050; padding: 5px 0px; margin: 0 6px; } .vcg-woocommerce-spotlight-tabs li a { color: #aeaeae; padding: 10px 6px; text-transform: uppercase; font-size: 13px; } .vcg-woocommerce-spotlight-tabs li a, .vcg-woocommerce-spotlight-tabs li a:hover, .vcg-woocommerce-spotlight-tabs li a:focus { background-color: transparent; } .vcg-woocommerce-spotlight .star-rating, .vcg-woocommerce-spotlight .star-rating-count { display: none!important; } @media (max-width: 550px) { .vcg-woocommerce-spotlight-tabs li a { font-size: 11px; } } /** * 29.14 - WooCommerce Categories */ .vcg-woocommerce-products ul.products li.first, .woocommerce-wishlist ul.products li.first { clear: none; } /** * 30.0 - Hambergur menu */ .sh-hamburger-menu { width: 18px; height: 18px; position: relative; margin: 11px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .sh-hamburger-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #b5b5b5; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .sh-hamburger-menu span:nth-child(1) { top: 0px; } .sh-hamburger-menu span:nth-child(2),.sh-hamburger-menu span:nth-child(3) { top: 7px; } .sh-hamburger-menu span:nth-child(4) { top: 14px; } .sh-hamburger-menu.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; } .sh-hamburger-menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 23px; left: -2px; } .sh-hamburger-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 23px; left: -2px; } .sh-hamburger-menu.open span:nth-child(4) { top: 8px; width: 0%; left: 50%; } /** * 31.0 - Custom Sidebar */ .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #fff!important; } .sh-read-later-list.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y, .sh-read-later-list.ps-container>.ps-scrollbar-y-rail:after { background-color: #eeeeee!important; } .ps-container:hover>.ps-scrollbar-y-rail:hover, .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: transparent!important; } .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { width: 6px!important; } .sh-categories-list.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #eeeeee!important; } .sh-categories-list.ps-container>.ps-scrollbar-y-rail, .sh-read-later-list.ps-container>.ps-scrollbar-y-rail { opacity: 1!important; } .sh-read-later-list.sh-read-later-list-init { display: block!important; z-index: -100; visibility: hidden; } /** * 32.0 - MailChimp for WordPress plugin */ .mc4wp-form { position: relative; } .widget-item .mc4wp-form { padding: 0 1px; } .mc4wp-form p { margin-bottom: 15px; } .mc4wp-form-fields { position: relative; margin-bottom: 10px; } .sh-footer .mc4wp-form { margin: 0 2px; } .mc4wp-form label { margin-top: 20px; margin-bottom: 10px; } .mc4wp-form p:first-child label { margin-top: 0px; } .mc4wp-form input, .mc4wp-form button { padding: 0px 40px; border-radius: 100px; border-width: 0px; line-height: 54px; /*box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1);*/ box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); } .mc4wp-form input[type=email] { padding-right: 140px; } .mc4wp-form input[type=submit], .mc4wp-form button[type=submit] { display: block; position: absolute; bottom: 0; right: 0; padding: 0px 32px; line-height: 44px; margin: 5px!important; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #fff; transition: 0.3s all ease-in-out; } .mc4wp-form input::-webkit-input-placeholder { color: #c4c4c4; font-style: normal; } .mc4wp-form input::-moz-placeholder { color: #c4c4c4; font-style: normal; } .mc4wp-form input:-ms-input-placeholder { color: #c4c4c4; font-style: normal; } .mc4wp-form input:-moz-placeholder { color: #c4c4c4; font-style: normal; } /* MC4WP name + email */ .vc_row .mc4wp-form-name, .vc_row .mc4wp-form-email { display: inline-block; margin-right: -4px; position: relative; vertical-align: top; } .vc_row .mc4wp-form-name { width: 40%; } .vc_row .mc4wp-form-email { width: 60%; padding-left: 20px; } .mc4wp-form-name { display: none; } .mc4wp-form-email { position: relative; } .mc4wp-form-email input[type=submit], .mc4wp-form-email button[type=submit] { top: 0px; bottom: auto; } @media (max-width: 1024px) { .vc_row .mc4wp-form-name, .vc_row .mc4wp-form-email { width: 100%; display: block; padding: 0px; } } .widget-item .mc4wp-form input, .widget-item .mc4wp-form button { padding: 0 30px; } .widget-item .mc4wp-form input[type=submit], .widget-item .mc4wp-form button[type=submit] { padding: 0 25px; } .widget-item .mc4wp-form input[type=email] { padding-right: 100px; } @media (max-width: 800px) { .mc4wp-form input { padding: 0 20px; font-size: 12px; } .mc4wp-form input[type=submit], .mc4wp-form button[type=submit] { padding: 0 17px!important; font-size: 10px; } .mc4wp-form input[type=email] { padding-right: 100px; } } /* MailChimp - Style 2 */ .widget_sh_mailChimp_style2 .mc4wp-form input[type=email] { font-size: 13px; padding-right: 70px; } .widget_sh_mailChimp_style2 .mc4wp-form input::-webkit-input-placeholder { color: #a1a1a1; font-style: italic; } .widget_sh_mailChimp_style2 .mc4wp-form input::-moz-placeholder { color: #a1a1a1; font-style: italic; } .widget_sh_mailChimp_style2 .mc4wp-form input:-ms-input-placeholder { color: #a1a1a1; font-style: italic; } .widget_sh_mailChimp_style2 .mc4wp-form input:-moz-placeholder { color: #a1a1a1; font-style: italic; } .widget_sh_mailChimp_style2 .mc4wp-form button[type=submit] { font-size: 0px; background-color: transparent; box-shadow: none; } .widget_sh_mailChimp_style2 .mc4wp-form button[type=submit]:after { content: "\e094"; font-family: 'simple-line-icons'; 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; font-size: 18px; color: #505050; top: 8px; position: relative; display: inline-block; transition: 0.3s all ease-in-out; } .widget_sh_mailChimp_style2 .mc4wp-form button[type=submit]:hover:after { opacity: 0.7; } /* MailChimp - Style 3 */ .widget_sh_mailChimp_style2.style3 .mc4wp-form input[type=email] { box-shadow: none; border: 1px solid rgba(0,0,0,0.08); } /* MailChimp - Style 4 */ .widget_sh_mailChimp_style2.style4 .mc4wp-form button[type=submit] { background-color: #5a5a5a; border-radius: 100px; padding: 0 13px!important; } .widget_sh_mailChimp_style2.style4 .mc4wp-form button[type=submit]:after { color: #fff; } /** * 32.0 - Other Elements */ .bottom-1 { position: relative; bottom: -1px; } .bottom-2 { position: relative; bottom: -2px; } .bottom-3 { position: relative; bottom: -3px; } .bottom-4 { position: relative; bottom: -4px; } /* Showcase */ @keyframes testbounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .sh-showcase-arrow { text-align: center; } .sh-showcase-arrow i { color: #fff; font-size: 24px; animation: testbounce 2.5s infinite; } /** ** Author Element */ .vcg-author { text-align: center; } .vcg-author .sh-post-author { max-width: 600px; } .vcg-author .sh-post-author { margin-top: 0; background-color: transparent; padding: 0; } .vcg-author .sh-post-author-avatar { width: auto; margin-bottom: 30px; } .vcg-author .sh-post-author-description { padding: 5px 0 15px 0; } .vcg-author .sh-post-author-avatar img { max-width: 120px; } .vcg-author .sh-post-author-info { height: auto!important; } /** * 33.0 - Global Options - Carousel */ /* Carousel Button - General */ .sh-carousel-buttons { position: absolute; top: 15px; right: 0; } .widget-slide-arrows button, .post-slide-arrows button { position: relative; display: inline; background-color: transparent; border-width: 0px; padding-right: 0px; padding-left: 8px; } .post-slide-arrows button.slick-disabled, .widget-slide-arrows button.slick-disabled { opacity: 0.5; } .post-slide-arrows button:not(.slick-disabled) i:hover, .widget-slide-arrows button:not(.slick-disabled) i:hover { opacity: 0.7; } /* Carousel Button - Style 1 */ .sh-carousel-style1 .sh-carousel-buttons i { font-size: 24px; margin-left: 6px; cursor: pointer; transition: 0.3s all ease-in-out; color: #b6b6b6; } .sh-carousel-style1 .sh-carousel-buttons i:hover { color: #505050; } .sh-carousel-style1 .post-slide-arrows i, .sh-carousel-style1 .widget-slide-arrows i { transition: 0.3s all ease-in-out; color: #505050; } .sh-carousel-style1 .post-slide-arrows i, .sh-carousel-style1 .sh-blog-fancy-title-container .widget-slide-arrows i { font-size: 24px; } .sh-carousel-style1 .widget-slide-arrows i { font-size: 18px; } .sh-carousel-style1 .sh-footer-widgets .widget-slide-arrows { top: 1px; } /* Carousel Button - Style 2 */ .sh-carousel-style2 .sh-carousel-buttons-styling { display: inline-block; border: 1px solid #ededed; box-shadow: 0 5px 34px rgba(0,0,0,0.07); padding: 5px 4px; border-radius: 5px; } .sh-carousel-style2 .sh-carousel-buttons-styling:after { content: ""; display: block; position: absolute; top: 12px; left: 50%; bottom: 10px; width: 1px; background-color: #e3e3e3; } .sh-carousel-style2 .sh-carousel-buttons-styling > span, .sh-carousel-style2 .sh-carousel-buttons-styling > button { display: inline-block; position: relative; cursor: pointer; } .sh-carousel-style2 .sh-carousel-buttons-styling i { font-size: 11px; margin-left: 0; } .sh-carousel-style2 .sh-carousel-buttons-styling .sh-carousel-prev, .sh-carousel-style2 .sh-carousel-buttons-styling .slick-prev { padding-left: 7px; padding-right: 7px; margin-right: 3px; } .sh-carousel-style2 .sh-carousel-buttons-styling .sh-carousel-next, .sh-carousel-style2 .sh-carousel-buttons-styling .slick-next { padding-left: 7px; padding-right: 7px; margin-left: 3px; } .sh-carousel-style2 .sh-carousel-buttons-styling .icon-arrow-left-circle:before { content: "\e605"; } .sh-carousel-style2 .sh-carousel-buttons-styling .icon-arrow-right-circle:before { content: "\e606"; } .sh-carousel-style2 .blog-textslider .sh-carousel-buttons-styling { top: 7px; } @media (max-width: 800px) { .sh-carousel-style2 .blog-textslider-posts .sh-carousel-buttons-styling { position: relative; margin-bottom: 7px; } } /* Carousel Buttons Position in Widgets - Title */ .sh-carousel-position-title.sh-carousel-style2.sh-title-style1 .widget-slide-arrows-container .sh-carousel-buttons-styling { top: -10px; } .sh-carousel-position-title.sh-carousel-style2:not(.sh-title-style1) .widget-slide-arrows-container .sh-carousel-buttons-styling { top: -5px; } .sh-carousel-position-title.sh-carousel-style1.sh-title-style1 .widget-slide-arrows-container:not(.not-slider) { padding-right: 65px; } .sh-carousel-position-title.sh-carousel-style2 .widget-slide-arrows-container:not(.not-slider) { padding-right: 90px; } .sh-carousel-position-title .widget-slide-arrows, .sh-carousel-position-title .post-slide-arrows { position: absolute; right: 0px; top: -2px; z-index: 1000; margin-right: 2px; margin-top: 2px; } /* Carousel Buttons Position in Widgets - Bottom */ .sh-carousel-position-bottom .sh-carousel-buttons-styling:not(.sh-carousel-buttons) { position: relative; margin-top: 25px; } .sh-carousel-position-bottom .sh-blog-fancy .sh-carousel-buttons-styling:not(.sh-carousel-buttons) { margin-top: 15px; } .sh-carousel-position-bottom .post-related-arrows .sh-carousel-buttons-styling:not(.sh-carousel-buttons) { margin-top: 10px; } .sh-carousel-position-bottom.sh-carousel-style1 .widget-slide-arrows button, .sh-carousel-position-bottom.sh-carousel-style1 .post-slide-arrows button { padding-left: 0px; padding-right: 6px; } /** * Global Options - Titles */ /* Titles - Style 1 */ .sh-title-style1 #sidebar h3:after, .sh-title-style1 .gillion-columns-sidebar .wpb_widgetised_column > .wpb_wrapper h3:after, .sh-title-style1 .post-single-title:after, .sh-title-style1 .sh-widget-poststab-title:after, .sh-title-style1 .sh-blog-fancy-title:after, .sh-title-style1 .sh-header-side h3:after, .sh-title-style1 .sh-header-side h5.widget-title:after { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #f0f0f0; margin-left: 20px; } .sh-title-style1 .sh-widget-poststab-title { margin-bottom: 30px; } .sh-title-style1.sh-section-tabs-style2 .sh-tabs-stying { padding-bottom: 6px; } /* Titles - Style 2 */ .sh-title-style2 .sh-widget-title-styling, .sh-title-style2 .post-related-title, .sh-title-style2 .sh-categories-tabs, .sh-title-style2 .sh-blog-fancy-title-container { margin-bottom: 30px; border-bottom: 2px solid #f0f0f0; } .post-related-title.post-slide-arrows-container { margin-bottom: 0; } .sh-title-style2 .sh-widget-title-styling h3, .sh-title-style2 .sh-widget-title-styling h4, .sh-title-style2 .post-related-title h2, .sh-title-style2 .sh-categories-title h2, .sh-title-style2 .sh-blog-fancy-title-container h2 { display: inline-block; vertical-align: top; position: relative; bottom: -2px; padding-bottom: 15px; margin-bottom: 0; border-bottom: 2px solid #505050; } .sh-title-style2 .sh-categories-title h2, .sh-title-style2 .post-related-title h2, .sh-title-style2 .sh-blog-fancy-title-container h2 { font-size: 20px; } .sh-title-style2 .sh-widget-title-styling h3, .sh-title-style2 .sh-widget-title-styling h4 { font-size: 16px; } .sh-title-style2 .sh-widget-poststab-title .nav-tabs { float: right; } .sh-title-style2 .sh-categories-line { opacity: 0; } /* Tabs Style 2 & 3 */ .sh-section-tabs-style2 .sh-tabs-stying, .sh-section-tabs-style3 .sh-tabs-stying { display: table; padding-bottom: 16px; } .sh-section-tabs-style2 .sh-tabs-stying a, .sh-section-tabs-style2 ul.sh-tabs-stying.nav-tabs li a h4, .sh-section-tabs-style3 .sh-tabs-stying a, .sh-section-tabs-style3 ul.sh-tabs-stying.nav-tabs li a h4 { font-size: 12px!important; text-transform: uppercase; transition-property: color; font-weight: 400; } .sh-section-tabs-style2 .sh-categories-names, .sh-section-tabs-style2 .sh-widget-title-styling .sh-table > .sh-table-cell, .sh-section-tabs-style3 .sh-categories-names, .sh-section-tabs-style3 .sh-widget-title-styling .sh-table > .sh-table-cell { vertical-align: bottom; } .sh-section-tabs-style2 .sh-tabs-stying li { display: table-cell; float: none; padding-left: 14px!important; } .sh-section-tabs-style2 .sh-tabs-stying li a { margin-right: 0; padding-left: 0; padding-right: 0; } .sh-section-tabs-style2 .sh-tabs-stying li.active a, .sh-section-tabs-style2 .sh-tabs-stying li.active a h4{ font-weight: 900!important; color: #505050; } @media (max-width: 767px) { .sh-section-tabs-style2 .sh-tabs-stying, .sh-section-tabs-style3 .sh-tabs-stying { padding-top: 21px; } .sh-section-tabs-style2 .sh-tabs-stying li:first-child, .sh-section-tabs-style3 .sh-tabs-stying li:first-child { padding-left: 0px!important; } .sh-section-tabs-style2 .sh-tabs-stying a, .sh-section-tabs-style3 .sh-tabs-stying a { font-size: 11px!important; } } /* Tabs Style 3 */ .sh-section-tabs-style3 .sh-tabs-stying li.active a, .sh-section-tabs-style3 .sh-tabs-stying li.active a h4 { border: 1px solid #ededed; box-shadow: 0 5px 10px rgba(0,0,0,0.05); border-radius: 6px; } .sh-section-tabs-style3 .sh-tabs-stying li { display: table-cell; float: none; padding-left: 2px!important; padding-right: 2px!important; } .sh-section-tabs-style3 .sh-tabs-stying a { padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 3px; margin-right: 0; border: 1px solid transparent; } .sh-section-tabs-style3 .sh-tabs-stying li.active a, .sh-section-tabs-style3 .sh-tabs-stying li.active a h4 { font-weight: 700!important; color: #505050; } /** * Global Options - Post Format Icon */ .post-format-icon { display: inline-block; position: relative; margin-right: 4px; text-shadow: 0 3px 10px rgba(0,0,0,0.5); background-color: rgba( 28, 28, 28, 0.7 ); width: 34px; height: 34px; line-height: 41px; border-radius: 100px; text-align: center; margin-bottom: -7px; bottom: -4px; transition: 0.3s all ease-in-out; } .post-format-icon i { font-size: 18px; color: #fff; transition: 0.3s all ease-in-out; } .post-format-icon:hover i, .post-format-icon i:hover { opacity: 1!important; } .post-related .post-format-icon i { position: relative; right: -1px; } @media (max-width: 767px) { .post-format-icon { width: 24px; height: 24px; line-height: 27px; } .post-format-icon i { font-size: 13px; } } /** * Global Options - Categories */ .post-categories-container { display: block; width: 100%; margin-bottom: 2px; } .blog-posts-disable-carousel .post-categories-container { display: none; } .post-thumbnail .post-categories-container, .post-gallery .post-categories-container { position: absolute; bottom: 24px; left: 25px; } .post-related .post-thumbnail .post-categories-container, .post-related .post-gallery .post-categories-container .blog-style-left-mini .post-thumbnail .post-categories-container, .blog-style-left-mini .post-gallery .post-categories-container { bottom: 19px; left: 20px; } .post-categories { display: inline-block; border-radius: 8px; line-height: 160%; } .post-categories, .post-categories a { font-size: 11px; color: #d79c6a; } .post-single-meta .post-categories { margin-bottom: 10px; } .blog-slider-style4 .blog-slider-mini-list .post-categories, .blog-slider-style4 .blog-slider-mini-list .post-categories a { color: #fff; opacity: 0.8; font-size: 10px; } .blog-slider-item .post-categories, .blog-slider-item .post-categories a, .post-style-cover .post-categories, .post-style-cover .post-categories a { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.50); } .blog-slider-item .post-categories-container { margin-bottom: 9px; } /* Categories - Style 1 */ .sh-post-categories-style1 .post-categories { text-transform: uppercase; letter-spacing: 2px; } .sh-post-categories-style1 .post-categories, .sh-post-categories-style1 .post-categories a { font-weight: bold; } .sh-post-categories-style1 .blog-slider-item .post-categories, .sh-post-categories-style1 .blog-slider-item .post-categories a { font-size: 12px; } /* Categories - Style 2 */ .sh-post-categories-style2 .post-categories a { font-style: italic; font-weight: 600; font-size: 12px; } .sh-post-categories-style2 .post-thumbnail .post-categories, .sh-post-categories-style2 .post-gallery .post-categories, .sh-post-categories-style2 .blog-slider-item .post-categories, .sh-post-categories-style2 .post-style-cover .post-categories { font-size: 0px; } .sh-post-categories-style2 .post-thumbnail .post-categories a, .sh-post-categories-style2 .post-gallery .post-categories a, .sh-post-categories-style2 .blog-slider-item .post-categories a, .sh-post-categories-style2 .post-style-cover .post-categories a { background-color: rgba( 28, 28, 28, 0.7 ); border-radius: 50px; padding: 4px 9px 5px 9px; color: #fff; margin-right: 4px; font-size: 11px; line-height: 100%; } .sh-post-categories-style2 .sh-categories-style2 .tab-pane.active, .sh-post-categories-style2 .blog-fancy-carousel-title article.post-item { padding-top: 0px!important; } /* Categories - Style 3 */ .sh-post-categories-style3 .post-categories a { font-weight: 600; font-size: 11px; padding: 6px 14px 6px 14px; background-color: rgba( 28, 28, 28, 0.05 ); border-radius: 50px; margin-right: 6px; } .sh-post-categories-style3 .post-categories { font-size: 0px; margin-bottom: 15px; } .sh-post-categories-style3 .post-thumbnail .post-categories, .sh-post-categories-style3 .post-gallery .post-categories, .sh-post-categories-style3 .blog-slider-item .post-categories, .sh-post-categories-style3 .post-style-cover .post-categories { margin-bottom: 0px; } .sh-post-categories-style3 .post-thumbnail .post-categories a, .sh-post-categories-style3 .post-gallery .post-categories a, .sh-post-categories-style3 .blog-slider-item .post-categories a, .sh-post-categories-style3 .post-style-cover .post-categories a { background-color: rgba( 28, 28, 28, 0.7 ); color: #fff; font-size: 11px; line-height: 100%; } .sh-post-categories-style3 .sh-categories-style2 .tab-pane.active, .sh-post-categories-style3 .blog-fancy-carousel-title article.post-item { padding-top: 0px!important; } /** * Global Options - Categories Position */ body.sh-categories-position-image article.post-item .post-gallery .slick-prev, body.sh-categories-position-image article.post-item .post-gallery .slick-next, body.sh-categories-position-image article.post-item .post-gallery .post-gallery-pagination { display: none!important; } body.sh-categories-position-image article.post-item .post-type-content .post-gallery .slick-prev, body.sh-categories-position-image article.post-item .post-type-content .post-gallery .slick-next, body.sh-categories-position-image article.post-item .post-type-content .post-gallery .post-gallery-pagination { display: block!important; } /** * Global Options - Review Icon */ .post-review { position: absolute; color: #fff; font-size: 21px; width: 52px; height: 52px; font-weight: bold; text-align: center; line-height: 1; border-radius: 100px; display: flex; align-items: center; justify-content: center; z-index: 1000; top: 0px; right: 0px; } .sh-read-later-review { position: absolute; } .post-review-score span { font-size: 12px; font-weight: bold; } .blog-mini-post-thumb .post-review-score { font-size: 15px; } .blog-mini-post-thumb .post-review-score span { font-size: 10px; } .blog-mini-post-layout2 .blog-mini-post-thumb .post-review { display: none; } .blog-style-coverbig .post-review { top: auto; right: 40px; bottom: -34px; width: 74px; height: 74px; } .blog-style-coverbig .post-review-score { font-size: 30px; } .blog-style-coverbig .post-review-score span { font-size: 18px; } .blog-style-round .post-review { top: 7px; right: 7px; } /* Review - General */ .post-item-single .post-type-content .sh-post-review-mini, .post-item-single .post-type-content .post-review-svg, .post-item-single .post-type-content .post-review { display: none } /* Review - Style 1 */ .sh-review-style1 .post-review { top: -9px; right: -5px; background-color: #363636; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.09); border: 3px solid #fff; } .sh-review-style1 .blog-mini-post-thumb .post-review { width: 38px; height: 38px; border: 3px solid #fff; top: -5px; right: -5px; } .sh-review-style1 .sh-read-later-review { position: absolute; top: -5px; right: -5px; background-color: #363636; width: 26px; height: 26px; border-radius: 100px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); border: 2px solid #fff; color: #fff; font-size: 12px; transition: 0.2s all ease-in-out; font-weight: bold; } .sh-review-style1 .sh-read-later-review-score span { font-size: 8px; font-weight: normal; } /* Review - Style 2 */ .sh-review-style2 .post-style-cover .post-review, .sh-review-style2 .post-gallery .post-review, .sh-review-style2 .post-thumbnail .post-review { background: transparent!important; top: 13px; right: 13px; border: 4px solid rgba( 110, 110, 110, 0.7 ); text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); } .sh-review-style2 .post-style-cover .post-review-score, .sh-review-style2 .post-style-cover .post-review-score span, .sh-review-style2 .post-gallery .post-review, .sh-review-style2 .post-gallery .post-review span, .sh-review-style2 .post-thumbnail .post-review, .sh-review-style2 .post-thumbnail .post-review span { font-size: 16px; font-weight: bold; } .sh-review-style2 .sh-read-later-review, .sh-review-style2 .sh-post-review-mini .post-review { top: 0px; right: 0px; border-width: 0px; border-radius: 0px; height: auto; width: auto; padding: 5px 8px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); background-color: #525252; box-shadow: 0 3px 15px rgba(0,0,0,0.14); } .sh-review-style2 .sh-post-review-mini .post-review-score, .sh-review-style2 .sh-post-review-mini .post-review-score span { font-size: 12px; font-weight: bold; } .sh-review-style2 .sh-read-later-review, .sh-review-style2 .sh-widget-posts-slider-thumbnail.sh-post-review-mini .post-review { padding: 3px 5px; } .sh-review-style2 .sh-read-later-review, .sh-review-style2 .sh-read-later-review span, .sh-review-style2 .sh-widget-posts-slider-thumbnail.sh-post-review-mini .post-review-score, .sh-review-style2 .sh-widget-posts-slider-thumbnail.sh-post-review-mini .post-review-score span { font-size: 11px; font-weight: bold; } .sh-review-style2 .sh-read-later-review, .sh-review-style2 .sh-read-later-review span { line-height: 1; color: #fff; } /* Review in Open Page */ .sh-review-style2 .post-content-review-score, .sh-review-style2 .post-content-review-score-pattern { border-radius: 8px; } .sh-review-style2 .post-content-review-score span { font-size: inherit; font-weight: inherit; } .sh-review-style2 .post-content-review-score div { text-transform: none; } /* Review Show SVG or Stanard */ .sh-review-style2 .post-style-cover .post-review-standard, .sh-review-style2 .post-gallery .post-review-standard, .sh-review-style2 .post-thumbnail .post-review-standard { display: none; } .sh-review-style2 .sh-post-review-mini .post-review-svg { display: none; } .post-review-svg { position: absolute; top: 14px; right: 14px; } /* Pie Chart */ .sh-pie { display: block; height: 46px; width: 46px; border-radius: 100%; position: relative; margin-bottom: 25px; } .sh-pie: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: 16px; font-weight: bold; color: #ffffff; text-shadow: 0 2px 7px rgba(109, 109, 109, 0.35); text-align: center; } .sh-pie-svg { transform: rotate(-90deg); overflow: hidden; } .sh-pie-svg circle { transition: stroke-dashoffset 1.5s cubic-bezier(0.12, 0.29, 0.21, 0.97); stroke: rgba(29, 29, 29, 0.36); stroke-width: 4px; stroke-linecap: round; } /** * Global Options - Post Meta Order */ /* Post Meta After Description */ .sh-meta-order-bottom .post-content { padding-bottom: 19px; } .sh-meta-order-bottom #content.post-content { padding-bottom: 0px; } /* Post Meta Before Description */ .sh-meta-order-top .post-meta { padding-top: 8px; padding-bottom: 13px; } .sh-meta-order-top .blog-style-mini1 .post-meta, .sh-meta-order-top .blog-style-mini2 .post-meta, .sh-meta-order-top .sh-widget-posts-slider-item:not(.sh-widget-posts-slider-item-large) .post-meta, .sh-meta-order-top .blog-mini-post-content-container .post-meta { padding-top: 0px; padding-bottom: 0px; } .sh-meta-order-top .sh-widget-posts-slider-item-large h5 { margin-bottom: 5px; } /** * Global Options - Instagram Widget */ /* 2 columns */ .sh-instagram-widget-columns2 .null-instagram-feed .instagram-pics { margin: -5px; } .sh-instagram-widget-columns2 .null-instagram-feed .instagram-pics li { width: 50%; padding: 5px; } /* 3 columns */ .sh-instagram-widget-columns3 .null-instagram-feed .instagram-pics { margin: -7px; } .sh-instagram-widget-columns3 .null-instagram-feed .instagram-pics li { width: 33.3%; padding: 7px; } /* Button - On */ .sh-instagram-widget-with-button .null-instagram-feed .clear a { display: inline-block; font-size: 12px; border-radius: 5px; padding: 0px 30px; margin-top: 30px; font-weight: bold; line-height: 36px; border: 1px solid #ededed; box-shadow: 0 5px 34px rgba(0,0,0,0.07); transition: 0.3s all ease-in-out; } .sh-instagram-widget-with-button .null-instagram-feed .clear a:hover, .sh-instagram-widget-with-button .null-instagram-feed .clear a:focus { background-color: #d79c74; border-color: #d79c74; } .sh-instagram-widget-with-button .null-instagram-feed .clear a:hover, .sh-instagram-widget-with-button .null-instagram-feed .clear a:focus, .sh-instagram-widget-with-button #sidebar .null-instagram-feed .clear a:hover, .sh-instagram-widget-with-button #sidebar .null-instagram-feed .clear a:focus { color: #fff!important; } /** * Global Options - Slider Icon Style */ .sh-media-icon-style2 .post-gallery .icon.icon-arrow-left-circle, .sh-media-icon-style2 .post-gallery .icon.icon-arrow-right-circle, .sh-media-icon-style2 .blog-slider .icon.icon-arrow-left-circle, .sh-media-icon-style2 .blog-slider .icon.icon-arrow-right-circle { font-family: 'themify'; 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; } .sh-media-icon-style2 .post-gallery .icon.icon-arrow-left-circle:before, .sh-media-icon-style2 .blog-slider .icon.icon-arrow-left-circle:before { content: "\e64a"; } .sh-media-icon-style2 .post-gallery .icon.icon-arrow-right-circle:before, .sh-media-icon-style2 .blog-slider .icon.icon-arrow-right-circle:before { content: "\e649"; } .sh-media-icon-style2 .blog-slider .slick-arrow i { font-size: 24px; bottom: 3px; } /** * Responsive */ @media (max-width: 991px) { .sh-categories-style2 .sh-categories-list { max-height: none; } } @media (max-width: 767px) { .blog-mini-post-layout1 h5 { font-size: 14px!important; line-height: 130%!important; } .sh-title-style2 .sh-categories-title h2, .sh-title-style2 .post-related-title h2, .sh-title-style2 .sh-blog-fancy-title-container h2 { font-size: 18px; } .sh-widget-posts-slider-item-large h5, article.format-quote .post-quote-link-content h2 { font-size: 18px; } .blog-style-left-mini article h2, .sh-blog-standard-posts .blog-style-grid h2 { font-size: 16px; line-height: 130%!important; } .sh-load-more { font-size: 11px; } .post-content, .sh-widget-posts-slider-item-large .post-content { font-size: 12px; } .sh-post-categories-style2 .post-thumbnail .post-categories a, .sh-post-categories-style2 .post-gallery .post-categories a, .sh-post-categories-style2 .blog-slider-item .post-categories a, .sh-post-categories-style2 .post-style-cover .post-categories a { font-size: 9px; padding: 3px 8px 5px 8px; } .sh-review-style2 .sh-post-review-mini .post-review-score, .sh-review-style2 .sh-post-review-mini .post-review-score span { font-size: 10px; } } /** * Header / Footer Builder */ /* General */ body.single-shufflehound_header { overflow-x: hidden; min-height: 100vh; } body.single-shufflehound_header .vc_row[data-vc-full-width] { overflow: visible; } .sh-header-builder, .sh-header-template { position: relative; } .sh-header-template .vc_row[data-vc-full-width] { overflow: visible; } .sh-header-builder-edit { display: block; position: absolute; top: 5px; right: 10px; opacity: 0.5; color: #7d7d7d; transition: 0.3s all ease-in; z-index: 260; font-weight: bold; font-size: 11px; } .sh-header-builder-edit i { padding-right: 2px; } .sh-header-builder-edit:hover { opacity: 1; } .sh-header-builder-topbar-container, .sh-header-builder-main-container { width: 100%; } .sh-footer-template, .sh-header-top-content-template { position: relative; } /* ** Hide URLs when printing */ @media print { a[href]:after { content: none !important; } .jssocials-shares { display: none!important; } } /* ** Elementor Page Builder */ @media ( min-width: 767px ) { .elementor-row > .elementor-column:first-child > .elementor-element-populated, .elementor-container > .elementor-column:first-child > .elementor-element-populated { padding-left: 0px; } .elementor-row > .elementor-column:last-child > .elementor-element-populated, .elementor-container > .elementor-column:last-child > .elementor-element-populated { padding-right: 0px; } } body.elementor-editor-active .elementor-edit-area-active { padding-top: 23px; } .elementor-widget-text-editor p { line-height: inherit; } .elementor-widget-gillion-separator-text .text-seperator2-line { margin-top: 2px; } .elementor-element .sh-footer-builder-widgets-align-vertical > div { padding-left: 0; padding-right: 0; }
Copyright ©2k19 -
Hexid
|
Tex7ure