/* Theme Name: Belinni-lite Theme URI: https://themeforest.net/user/pixelshow/portfolio Author: Pixelshow Author URI: https://themeforest.net/user/pixelshow Description: Belinni is modern, clean and easy to use Blog & Magazine theme. It's perfect for any kind of blog: personal, food, lifestyle, fashion, etc... Is fully Responsive and Retina Display ready, clean, modern and minimal. Version: 1.1.2 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.en.html Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, flexible-header, full-width-template, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: belinni-lite Domain Path: /languages * Table of Contents * * 1.0 - Global reset * 2.0 - Main Styles * 3.0 - Header * 3.1 - Header Logo * 3.2 - Navigation * 3.3 - Searchbox * 3.4 - Glide-navigation * 3.5 - Trends Header * 4.0 - Main * 4.1 - Slider * 4.2 - Posts & Main Content * 5.0 - Sidebar & Widgets * 6.0 - Footer Instagram * 7.0 - Copyright * 8.0 - Error-page * 9.0 - Contact Form * 10.0 - Single Post * 11.0 - Footer Viewed Posts * 12.0 - WordPress Core * 13.0 - Post Like System * 14.0 - Most liked */ /** * 1.0 - Global reset. * Based upon 'reset.css' in the Yahoo! * User Interface Library: http://developer.yahoo.com/yui */ fieldset,hr,img{border:0}a,strong{color:#111}*,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,label,li,ol,p,pre,td,th,ul{margin:0;padding:0}table{width:100%;margin-bottom:22px;border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}em,em *,i,i *{font-style:italic}b,b *,strong,strong *,th{font-weight:700}li,ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}a img{border:none}:focus,input:focus,textarea:focus{outline:0}hr{height:0;clear:both}img{max-width:100%;height:auto}pre{overflow:auto}ol{padding-left:45px;margin-bottom:20px}td,th{padding:12px;border-bottom:1px #e5e5e5 solid}th{font-size:14px;background:#f5f5f5}tr:hover{background:#f9f9f9}a{font-weight:600}p{line-height:25px} .searchbox-input::-webkit-input-placeholder{color:#d2d2d2;font-weight:700;font-size:25px}.searchbox-input:-moz-placeholder{color:#d2d2d2;font-weight:700;font-size:25px}.searchbox-input::-moz-placeholder{color:#d2d2d2;font-weight:700;font-size:25px}.searchbox-input:-ms-input-placeholder{color:#d2d2d2;font-weight:700;font-size:25px}.container{position:relative} .container .container{padding:0!important;margin:0!important}input::-webkit-input-placeholder{font-size:13px}input:-moz-placeholder{font-size:13px}input::-moz-placeholder{font-size:13px}input:-ms-input-placeholder{font-size:13px} /** * 2.0 - Main Styles */ body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: #7d7d7d; font-size: 15px; background: #fff; font-weight: 400; } html{ overflow-x: hidden; -webkit-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -moz-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -o-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); } h1 { font-size: 36px; line-height: 42px; letter-spacing: -0.8px; } h2 { font-size: 33px; line-height: 37px; } h3{ font-size: 30px; line-height: 35px; } h4 { font-size: 25px; line-height: 32px; } h5{ font-size: 19px; line-height: 24px; } h6{ font-size: 17px; line-height: 20px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 700; color: #111; } .mfp-title{ display: none; } .cart, .site-header-cart, .navigation li:hover ul, .navigation li ul li:hover ul, .navigation li ul li:hover > ul, .navigation li ul, .navigation li ul ul, .back-to-top, .fadetotop, .site-header-cart{ -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .back-to-top{position:fixed;display:none;width:40px;height:40px;text-align:center;line-height:37px;right:20px;bottom:10px;cursor:pointer;z-index:999;background:#f9f9f9}.back-to-top a{color:#111;font-size:16px}.back-to-top:hover{background:#111}.back-to-top:hover a{color:#fff}.fadetotop{bottom:30px;opacity:1} select { padding: 11px 35px 11px 15px !important; font-size: 13px; outline: none; background: #fff url(img/caret.png) 95% center no-repeat; -webkit-appearance: none; -moz-appearance: none; } /** * 3.0 - Header * 3.1 - Header Logo */ header { position: relative; } .background-block { z-index: -2; background: #fff; } .background-block, .background-opacity { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 1; background-position: center; background-size: cover; } .glide-nav-open .background-block, .glide-nav-open .background-opacity{ left: -40px; } /* header icons */ .header-wrapper .icons, .header-wrapper .fa { cursor: pointer; font-size: 16px; color: #111; z-index: 92; } .header-wrapper .icons{ font-weight: 600; } .searchbox-icon{ position: absolute; right: 17px; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .header-soc-icon{ position: absolute; left: 16px; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .header-subscribe:before{ font-family: 'FontAwesome'; content: "\f2b7"; position: absolute; font-size: 17px; line-height: 15px; font-weight: 500; opacity: 0; } .header-subscribe:hover i{ opacity: 0; } .header-subscribe:hover:before{ opacity: 1; } .menu-icon{ position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } /* top cart */ .top-cart-wrapper { position: absolute; right: 5px; top: 50%; z-index: 993; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .header-widget-cart-title { display: none; } .top-cart { padding: 13px 15px 13px 7px; position: relative; z-index: 998!important; } .top-cart .icons{ font-size: 17px; position: relative; } .top-cart .icons .count { position: absolute; border-radius: 50%; text-align: center; width: 14px; height: 14px; top: -4px; right: -8px; font-size: 9px; letter-spacing: -1px; line-height: 16px !important; font-weight: 600; background: #fff; } .site-header-cart { right: 10px; width: 280px; padding: 20px 20px 0; top: 50px; position: absolute; background: #fff; opacity: 0; visibility: hidden; } .top-cart:hover .site-header-cart { opacity: 1 !important; visibility: visible; top: 48px; } .site-header-cart .widget_shopping_cart_content { margin-bottom: -10px; } .site-header-cart .empty{ font-size: 13px; } /* logo */ .logo-wrapper { position: relative; top:0;eft:0;right:0;width:100%; text-align: center; } .header-logo { display: inline-block; position: relative; height: auto; width: 226px; max-width: 80%; margin: 30px 0; } .header-logo img { max-width: 100%; max-height: 100%; } .retina-logo-img { display: none; } .logo-img { display: block; } /** * 3.2 - Navigation */ .navigation-under-logo .container{ position: relative; } .header-style-2 .header-logo{ float: left; } .header-style-2 .navigation-under-logo .navigation{ float: left; } .header-style-2 .top-cart-wrapper{ right: 46px; } .header-style-2 .menu-icon, .header-style-5 .menu-icon{ left: auto; right: 14px; position: absolute; } .header-style-3 .menu-icon, .header-style-7 .menu-icon, .header-style-7 .searchbox-icon, .header-style-8 .menu-icon, .header-style-8 .searchbox-icon, .header-style-2 .main-navigation-content .searchbox-icon{ display: none; } .header-style-5 .top-cart-wrapper{ right: 93px; } .header-style-5 .searchbox-icon{ right: 60px; } .header-style-7 .header-socials{ width: 100%; float: left; text-align: center; margin-top: 20px; } .header-style-7 .header-socials li{ display: inline-block; float: none!important; position: relative; z-index: 99; margin: 0; padding: 14px; } .main-navigation-content.left-navigation .navigation-wrapper, .main-navigation-content.left-navigation .navigation{ float: left; } .main-navigation-content{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff; } .header-style-6 .logo-wrapper { border-bottom: 1px solid #eee; } .header-style-9 .header-logo{ float: left; } .header-style-9 .navigation-under-logo .navigation{ float: left; } .header-style-9 .top-cart-wrapper{ right: 93px; } .header-style-9 .searchbox-icon{ right: 60px; } .header-style-9 .menu-icon{ right: 15px; } .header-ads-9{ float: right; width: 720px; } .header-style-9 .logo-wrapper ul{ display: flex; } .header-style-9 .logo-wrapper li{ float: left; width: 70%; } .header-style-9 .logo-wrapper li:first-child{ width: 30%; } .header-style-9 .logo-wrapper li *{ margin-right: 0; max-width: 100%; } .header-style-9 .logo-wrapper li:last-child{ padding-left: 40px; padding-right: 16px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) } .header-style-9 .logo-wrapper li:last-child *{ float: right; text-align: right; } .main-navigation-content .header-socials{ float: right; width: auto; line-height: 53px; } .header-socials li{ float: left!important; margin-left: 15px; display: inline-block!important; } .navigation-wrapper { left: 0; right: 0; text-align: center; height: 51px; z-index: 991; } .navigation-wrapper ul ul li { border-bottom: 1px solid #eee; } .navigation-wrapper ul ul, .navigation-wrapper ul ul ul, .site-header-cart { border: 1px solid #eee; background: #fff; } .sticky-navigation { position: fixed; z-index: 999; background: #fff; height: 50px; top: -50px;left:0;right:0; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .fixed-header{ top: 0; left:0;right:0; visibility: visible; opacity: 1!important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .admin-bar .fixed-header { top: 32px !important; } .navigation li { position: relative; display: inline-block; margin-right: 0 !important; } .navigation li a, .header-wrapper ul.mega-menu>li>a{ display: inline-block; padding: 5px 22px 0 0; margin: 10px 0; font-size: 13px!important; line-height: 22px; font-weight: 600; text-transform: uppercase; } .navigation li:last-child a, .navigation li ul a { border-right: none; } .navigation li ul a { margin: 0; } .navigation .menu-item-has-children a { padding-right: 30px !important; margin-right: 10px; } .navigation li a:hover, .navigation li.current-menu-item > a, .header-wrapper ul.mega-menu>li>a:hover, .header-wrapper ul.mega-menu>li>a:focus{ color: #979797; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .navigation .menu-item-has-children:hover a:after { border-bottom: none; } .navigation li:hover ul li a { border-bottom: none; } .navigation li:first-child { margin-left: 0; } .navigation .menu-item-has-children > a { padding-right: 20px; position: relative; } .navigation .menu-item-has-children > a:before { position: absolute; display: inline-block; font-family: 'FontAwesome'; content: "\f107"; right: 14px !important; left: auto; top: 4px; } .navigation li ul .menu-item-has-children > a:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; display: inline-block; right: 20px !important; left: auto; top: 15px; } .navigation ul .menu-item-has-children a { position: relative; } .navigation ul .menu-item-has-children a:before { right: 20px !important; top: 17px; } .navigation li ul { position: absolute; top: 74px; left: 0; padding: 0 0; visibility: hidden; min-width: 215px; text-align: left; opacity: 0; } .navigation li:hover ul { display: block; top: 51px; z-index: 9999; visibility: visible; } .navigation li ul li { display: block; float: none; margin: 0; padding: 0; } .navigation li ul li:last-child { border: none; } .navigation li ul li a { display: inline-block; min-width: 100%; padding: 12px 20px 10px; line-height: 16px; text-transform: none !important; font-weight: 400 !important; } .navigation li a { text-decoration: none; position: relative; } .navigation > li > a:after { content: ''; position: absolute; bottom: -13px; left: 50%; height: 2px; width: 0; -webkit-transition: width .2s, left .2s; -moz-transition: width .2s, left .2s; -o-transition: width .2s, left .2s; transition: width .2s, left .2s; } .navigation > li:hover > a:after { width: 100%; left: 0; } .navigation li a i { padding-left: 9px; } .navigation li ul ul { visibility: hidden; display: none; opacity: 0 !important; left: 110%; top: 0 !important; } .navigation li ul li:hover > ul { visibility: visible; display: block; opacity: 1 !important; top: 0; left: 100%; } .navigation li:hover ul, .navigation li ul li:hover ul, .navigation li ul li:hover > ul { opacity: 1; } /** * 3.3 - Searchbox */ .search-wrapper { position: fixed; visibility: hidden; top: 0; left: 0; bottom: 100%; right: 0; background: #fff; z-index: 9999; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-wrapper-close { position: absolute; width: 20px; height: 20px; background: url(img/close.png)no-repeat; right: 50px; top: 50px; opacity: 0; cursor: pointer; } .admin-bar .search-wrapper-close { right: 50px; top: 70px; } .search-wrapper .search-form { position: absolute; top: 50%; left: 50%; padding: 0 20px 0 0; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-form .searchbox-input{ font-size: 45px; font-weight: 700; background: none; border: none; margin-bottom: 10px; text-align: center; } .search-wrapper span{ font-size: 16px; color: #c5c3c3; display: inline-block; width: 100%; } .wrapper-active { visibility: visible; bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .wrapper-active .search-wrapper-close{ opacity: 1; } .wrapper-active input::-webkit-input-placeholder{color:#111;font-weight:700;font-size:45px}.wrapper-active input:-moz-placeholder{color:#111;font-weight:700;font-size:45px}.wrapper-active input::-moz-placeholder{color:#111;font-weight:700;font-size:45px}.wrapper-active input:-ms-input-placeholder{color:#111;font-weight:700;font-size:45px} .header-socials-block{ position: absolute; text-align: center!important; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-socials-block ul li{ margin: 15px!important; font-size: 30px; float: none!important; display: inline-block; } /** * 3.4 - Glide-navigation */ .glide-navigation { width: 400px; z-index: 9999; left: 0; background: #fff; position: fixed; height: 100%; overflow: hidden; -webkit-transform: translate(-100%, 0px); -moz-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -moz-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -o-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); } .admin-bar .glide-navigation { padding-bottom: 30px; } .glide-nav-open{ margin-left: 440px; -webkit-transition: all 0.65s cubic-bezier(0.25, 0.35, 0.5, 1); -moz-transition: all 0.65s cubic-bezier(0.25, 0.35, 0.5, 1); -o-transition: all 0.65s cubic-bezier(0.25, 0.35, 0.5, 1); transition: all 0.65s cubic-bezier(0.25, 0.35, 0.5, 1); } /* Glide-overlay */ .glide-overlay { position: fixed; top:0;bottom:0;left:0;right:0; opacity: 0; visibility: hidden; pointer-events: none; z-index: 9998; background: #111; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.2, 0.5, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 0.2, 0.5, 1); -o-transition: all 0.3s cubic-bezier(0.5, 0.2, 0.5, 1); transition: all 0.3s cubic-bezier(0.5, 0.2, 0.5, 1); } .glide-nav-open .glide-overlay { visibility: visible; opacity: 0.4; pointer-events: initial; } /* Glide-close */ .close-glide-button { position: absolute; right: 0; } .close-glide-button a { width: 20px; height: 20px; background: url(img/close.png); background-repeat: no-repeat; float: right; cursor: pointer; margin: 20px; } /* Glide-logo */ .glide-navigation-logo-wrapper { text-align: center; margin: 60px 20px 10px; overflow: hidden; } .glide-navigation-logo { text-align: center; display: inline-block; width: 226px; max-width: 100%; height: auto; } .glide-navigation-logo a { display: inline-block; } .glide-navigation-logo img { max-width: 100%; max-height: 100%; } /* Glide-navigation */ .glide-nav-open .glide-navigation { visibility: visible; z-index: 99999; background: #fff; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .glide-navigation .sidebar-scroll { position: relative; width: 100%; height: 100%; } .glide-navigation ul li { position: relative; } .glide-navigation .menu-item-has-children li:last-child a { border: none; } .glide-navigation .menu-item-has-children i { position: absolute; font-weight: 700; top: -2px; right: -1px; width: 50px; padding: 22px 0 18px; text-align: center; z-index: 9999; background: none; cursor: pointer; color: #111; } .glide-navigation .navbar { position: relative; margin: 40px 40px 30px; } .glide-navigation .navbar li { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .glide-navigation .navbar li ul { position: relative; display: none; } .glide-navigation .navbar li ul li ~ li { border: 0; } .glide-navigation .navbar li ul li a { position: relative; padding: 15px 20px 15px 0; text-transform: none; margin-left: 40px; } .glide-navigation .navbar li ul li ul li a { padding: 15px 0px 15px 40px; } .glide-navigation .navbar li a { position: relative; display: block; text-transform: uppercase; text-decoration: none; padding: 18px 23px 18px; color: #111; font-size: 13px; font-weight: 700; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .glide-navigation .navbar li.menu-item-has-children span { position: absolute; right: 0; top: 0; width: 45px; height: 47px; text-align: center; line-height: 47px; cursor: pointer; } .glide-navigation .navbar li ~ li, .glide-navigation .navbar li ul { border-top: 1px solid #eee; } .navigation li ul li, .glide-navigation .navbar li ul li ul li, .glide-navigation .navbar li ul li ul, .glide-navigation .menu-item-has-children li a { border-bottom: 1px solid #eee; } .glide-navigation .navbar li ul li ul, .glide-navigation .navbar li ul li ul li:last-child { border-bottom: none; } /* Glide-navigation-socials */ .glide-widget.pixelshow_social_widget { text-align: left !important; width: 80%; } .pixelshow_social_widget .widget-title { margin-left: 30px; } .pixelshow_social_widget .widget-title:before { content: '\f1e0'; font-family: 'FontAwesome'; position: absolute; left: -30px; font-weight: 400; } .glide-widget.pixelshow_social_widget li { margin-left: 0 !important; } /* Glide-widget */ .glide-widget { text-align: left; margin: 10px 40px 0px !important; padding: 20px; width: 320px !important; box-sizing: border-box; } .glide-widget-title { margin-bottom: 30px!important; text-align: center!important; } .glide-widget img { max-width: 100%; } .glide-widget.widget_calendar { padding: 10px 20px 0; } .glide-navigation .widget_search { width: 80%; } .glide-widget.widget_nav_menu li :before{ display: none; } .glide-widget.widget_nav_menu li a{ border-bottom: 1px solid #eee!important; } /** * 4.0 - Main * 4.1 - Slider */ .main-panel { padding-top: 40px; background: #fff; } .hero { margin-bottom: 50px; overflow: hidden; } .top-header-slider { height: 540px; } .hero .owl-carousel .item { height: 540px; position: relative; background-size: cover; z-index: 999; } .hero .owl-carousel .item:before { content: ''; position: absolute; z-index: 998; top:0;left:0;bottom:0;right:0; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .hero .owl-item .slide-info { text-align: center; display: inline-block; width: 620px; opacity: 1; visibility: visible; z-index: 9992!important; } .item .slide-info a, .item .slide-info .category-post-title { z-index: 9996 !important; position: relative; } .hero .owl-carousel .owl-item .heading { margin-bottom: 10px; margin-top: -10px; } .hero-more { width: 100%; margin: 30px 0 -6px; } .hero-more a { display: inline-block; float: none; position: relative; font-weight: 400; } .slide-info h3 { position: relative; z-index: 9995 !important; } .slide-info h3 a{ color: #fff; } .hero .category-post-title a{ background: none; color: #fff; } .hero .owl-carousel .owl-dots span { background: #fff; width: 8px !important; display: block; height: 8px !important; border-radius: 50%; } .hero .owl-carousel .owl-dot.active span { background: #111; } .hero .owl-carousel .owl-nav { position: absolute; left: 0%; } .hero .owl-carousel .owl-prev { right: 70px; z-index: 998; } .hero .owl-carousel .owl-prev:after { left: 50%; content: '\f104'; } .hero .owl-carousel .owl-next { right: 20px; z-index: 998; } .hero .owl-carousel .owl-next:after { left: 50%; content: '\f105'; } .hero .owl-next, .hero .owl-prev { position: absolute; width: 40px; height: 40px; margin: 0; background: #111; color: #fff; opacity: 1; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .hero .owl-next:hover, .hero .owl-prev:hover { opacity: .9; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .hero .owl-next:after, .hero .owl-prev:after { font-family: 'FontAwesome'; font-size: 20px; line-height: 38px; position: absolute; top: 50%; margin: -20px -5px 0; } .hero .owl-next:after{ margin: -20px -2px 0; } .top-header-slider .owl-nav { position: absolute; width: 100%; bottom: 0; height: 60px; } /* carousel-two */ .carousel-two .slide-info { width: 350px !important; } /* carousel-three */ .carousel-full-three { position: absolute; width: 160% !important; left: -30%; right: -30%; height: 540px; } .carousel-full-three .owl-next{ right: 18.7%!important; bottom: 0; width: 50px; height: 50px; } .carousel-full-three .owl-prev{ left: 18.7%!important; bottom: 0; width: 50px; height: 50px; } /* carousel-fourit */ .carousel-fourit .item .slide-info { padding: 10px 30px 0px; width: auto; bottom: 0; left: 0; right: 0; } /* buttons */ .carousel-onef .owl-next, .carousel-twof .owl-next { right: 0 !important; bottom: 0; width: 50px; height: 50px; } .carousel-onef .owl-prev, .carousel-twof .owl-prev { left: 0 !important; bottom: 0; width: 50px; height: 50px; } .owl-dots { text-align: center; margin-top: 0; position: absolute; width: 100%; bottom: 0; } .owl-dot { display: inline-block; margin: 30px 4px 20px; height: 13px; width: 13px; border-radius: 50%; } /* static posts */ .grid-static-posts { float: left; width: 100%; margin: 0 0 50px; position: relative; } .grid-static-posts .static-grid { float: left; width: 33.3%; height: 320px; position: relative; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; } .grid-static-posts .static-three-grid { width: 33%; } .grid-static-posts .static-grid:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); z-index: 2 !important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .grid-static-posts .static-three-grid { height: 290px; } .grid-static-posts .static-three-grid:first-child { width: 67%; height: 580px; } .grid-static-posts .slide-info { position: absolute; left: 0; right: 0; width: 100% !important; bottom: 0; z-index: 1; padding: 50px 20px 40px; text-align: center !important; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .grid-static-posts .static-grid:hover .slide-info { padding: 50px 20px 60px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .grid-static-posts .slide-info h4 a { color: #fff; } .grid-static-posts .category-post-title { background: #111; padding: 2px 10px 4px; } .grid-static-posts .category-post-title a { background: none; font-size: 13px; line-height: 13px; color: #fff; padding: 0; } .grid-static-posts .slide-info .hero-more, .grid-static-posts .slide-info .date { display: none; } .grid-static-posts .static-three-grid:first-child .hero-more, .grid-static-posts .static-three-grid:first-child .date { display: block; } .grid-static-posts .static-three-grid:first-child .date a { color: #fff; display: block; margin: 10px 0 0 !important; } .owl-item { display: table; } .owl-carousel .item { display: table-cell; vertical-align: middle; text-align: center; } /** * 4.2 - Posts & Main Content */ #main-column { width: 780px; float: left; } .all-width-list iframe, .post iframe { width: 100%; } .post { margin-bottom: 20px; } .post.sticky:after { content: '\f0c6'; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; color: #111; font-size: 20px; padding: 0 0 8px 10px; background: #fff; border-radius: 0 0 0 5px; } .fl-grid .post.sticky .post-header { padding: 0 !important; } .post-password-required .comment-counter { display: none !important; } /* blockquote */ blockquote { position: relative; margin: 0 0 30px; padding: 25px 40px; font-size: 18px; line-height: 26px; font-style: italic; font-weight: 600; color: #111; display: inline-block; background: #f9f9f9; border-left: 7px solid #ff2a2d; } blockquote p { margin-bottom: 0 !important; } blockquote cite { font-size: 12px; color: #7a7a7a; } .format-quote .post-img{ position: relative; min-height: 200px; min-width: 100%; padding: 40px 40px 30px; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; } .index_relet .format-quote .post-img{ padding: 0; min-height: auto; } .format-quote .post-img:before{ content: ''; position: absolute; top:0;left:0;right:0;bottom:0; background: rgba(0,0,0,.5); } .format-quote .post-img a{ color: #fff; position: relative; font-size: 18px; line-height: 28px; font-weight: 400; } .format-quote .category-post-title{ margin-bottom: 10px!important; width: 100%; float: left; } .format-quote .category-post-title a{ background: none; text-align: left; display: inline-block; padding-left: 30px; line-height: 20px!important; position: relative; font-size: 14px; } .format-quote .category-post-title a:after{ content: "\f097"; position: absolute; font-family: 'FontAwesome'; top:0; left:1px; width: 50px; height: 50px; color: #fff; font-size: 20px; } .frmt-quote-source{ float: left; width: 100%; font-size: 14px; color: #eee; margin-top: 14px; font-weight: 400; position: relative; } /* post-entry */ .post-entry ul, .comment-text ul { margin-left: 20px; box-sizing: border-box; } .post-entry ul li, .comment-text ul li { margin-bottom: 12px; list-style: square; line-height: 26px !important; } .post-entry ol li, .comment-text ol li { margin-bottom: 12px; list-style: decimal; line-height: 26px !important; } .post-entry ol ul li, .comment-text ol ul li, .post-entry ul ol ul li, .comment-text ul ol ul li{ list-style: square; } .post-entry ul ol li, .comment-text ul ol li, .post-entry ol ul ol li, .comment-text ol ul ol li{ list-style: decimal; } .post-entry ol li, .comment-text ol li{ width: 100%; float: left; margin-bottom: 5px; box-sizing: border-box; } .single .fl-grid h1, .page .fl-grid h1, .single .fl-grid h2, .page .fl-grid h2, .single .fl-grid h3, .page .fl-grid h3, .single .fl-grid h4, .page .fl-grid h4, .single .fl-grid h5, .page .fl-grid h5, .single .fl-grid h6, .page .fl-grid h6 { margin-bottom: 20px; margin-top: 10px; float: left; width: 100%; } dl { margin-bottom: 15px; } dt { float: left; width: 120px; text-align: right; clear: left; font-weight: 700; padding: 5px 15px 5px 0; } dd { float: left; width: 60%; padding: 5px 0; } dl:after { content: ""; display: table; clear: both; } .single .fl-grid ul li, .page .fl-grid ul li { float: left; width: 100%; margin-bottom: 0; } address { font-style: italic; } code { background: #eee; padding: 0 5px; } q { background: #eee; font-style: italic; padding: 4px 5px; } pre { background: #fbfafa; } /* Post header */ .post-header { margin-bottom: 10px; margin-top: 20px; text-align: center; } .post-header h4 a:hover, .post-header h3 a:hover, .post-header h6 a:hover { opacity: 0.8 !important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .category-post-title a { display: inline-block; text-align: center; margin-bottom: 15px; margin-right: 4px; } .category-post-title a:hover { opacity: 0.9; } .single-post .catery-date-block { margin-top: -10px !important; } /* Post Image */ .wp-post-image { margin-bottom: 20px !important; } .post-img { margin-bottom: 10px; position: relative; overflow: hidden; } .post-img img { max-width: 100%; height: auto; max-height: 700px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .post-img img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .post { position: relative; background: #fff; } /* More button */ .more-link { text-align: center; display: block; float: right; } .more-button { text-transform: uppercase; float: right; margin-top: -10px; letter-spacing: 0.4px; text-transform: uppercase; font-size: 11px; padding: 10px 16px; line-height: 18px; font-weight: 700; color: #fff!important; background: #111; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .more-button:before{ content: ''; position: absolute; top: 12px; right: 16px; opacity: 0; width: 12px; height: 12px; background: url(img/arrow.png); background-size: cover!important; } .more-button:hover{ padding: 10px 40px 10px 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .more-button:hover:before{ opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* Post meta */ .post-meta { margin-top: 35px; overflow: hidden; padding-bottom: 10px; clear: both; } .single-post-type .comment-counter { margin-left: 0; border: none; padding-left: 0; } /* List-meta */ .list-meta { display: inline-block; font-style: normal; } .list-meta div { float: left; margin: 0; color: #111; font-size: 12px; } .list-meta div a{ font-weight: 400; } .list-meta .views-counter, .list-meta .likes-counter { padding-right: 15px !important; } .list-meta div:last-child { padding-right: 0 !important; } .list-meta div i { font-weight: 600 !important; } .list-meta i { margin-right: 3px; } .list-meta .views-counter { color: #1abc9c; } .list-meta .comment-counter { color: #7a7a7a; text-align: left; } /* Default Posts */ .default-post-style { margin-bottom: 30px; } .default-post-style .list-meta { margin-top: 15px; } .default-post-style .socials-box { bottom: -8px; } /* Grid */ .grid-list-post { width: 48%; display: inline-block; vertical-align: top; margin-right: 3.2% !important; margin-bottom: 40px; } .grid-list-post:nth-of-type(2n+2) { margin-right: 0 !important; } .full-and-grid .grid-list-post:nth-of-type(2n+2) { margin-right: 3.2% !important; } .full-and-grid .grid-list-post:nth-of-type(2n+3) { margin-right: 0 !important; } .grid-list-post .comment-counter { float: right !important; margin-right: 0 !important; padding-right: 0 !important; } .fl-grid .post-password-required .comment-counter { float: left !important; margin-top: 10px; } .grid-list-post .post-header { text-align: left; margin-top: 5px; } .grid-list-post.format-standard .post-header, .grid-list-post.has-post-thumbnail .post-header, .grid-list-post.format-gallery .post-header { position: relative; background: #fff; padding: 12px 15px 0 0; } .grid-list-post.format-gallery .post-header { margin-top: -10px; } .grid-list-post .list-meta { margin-top: 20px; float: left; } .all-width-list .grid-list-post { width: 31.27%; margin-right: 2% !important } .post.grid-list-post .socials-box{ bottom: -56px!important; } .all-width-list .grid-list-post:nth-of-type(2n+2) { margin-right: 2% !important; } .all-width-list .grid-list-post:nth-of-type(3n+3) { margin-right: 0 !important; } .all-width-list .full-and-grid .post.grid-list-post, .all-width-list .full-and-grid .post.grid-list-post:nth-of-type(2n+2), .all-width-list .full-and-grid .post.grid-list-post:nth-of-type(3n+3) { margin-right: 2% !important; } .all-width-list .full-and-grid .post.grid-list-post:nth-of-type(3n+4) { margin-right: 0 !important; } .catery-date-block a, span.date { font-size: 13px; font-weight: 400; } span.date { color: #cacaca; } .catery-date-block .date { margin-left: 3px; } .post-img.audio iframe { height: 166px; width: 100%; } /* full-page-post */ .full-page-post { width: 100% !important; } .page-panel .single-views-counter { display: none; } .page-panel .share-single-post { margin: 15px 0 20px; } /* all-width-list */ .all-width-list { width: 100% !important; } .all-width-list .post-list li:nth-of-type(3n+3) { margin-right: 0 !important; } #main-column.all-width-shop{ width: 100%; } .woocommerce .all-width-shop .products li.product{ width: 31%; margin-right: 3%; } .woocommerce .all-width-shop .products li.product:nth-child(2n+2) { margin-right: 3%!important; } .woocommerce .all-width-shop .products li.product:nth-child(3n+3) { margin-right: 0%!important; } .page-panel { margin-bottom: 40px; } /* Full-width-post */ .post.full-width-post { width: 100%; float: left; margin-bottom: 40px; } .post.full-width-post .list-meta, .post.full-width-post .post-header { margin-bottom: 25px; } .full-width-post img, .full-width-post h2 { margin-bottom: 15px; } .full-width-post .comment-counter { float: left; } .full-width-post .list-meta { margin-top: 30px; } .full-width-post ul.socials { margin-right: 0 !important; } .full-list-column .full-width-post .post-img { width: 100%; } .full-list-column .full-width-post .post-header, .full-list-column .full-width-post .post-entry { display: inline-block; text-align: center; width: 100%; margin-bottom: 30px; } .full-list-column .full-width-post .post-entry { text-align: left; margin-bottom: 0; } /* Full-list-column */ .post-list-style { margin-bottom: 20px; } .post-list-style .post-header { margin: 0 0 10px; } .post-list-style .post-img a { display: inline-block; overflow: hidden; margin-bottom: -4px !important; padding-bottom: 0 !important; } .post-list-style .post-header .catery-date-block { margin: 5px 0 -5px !important; display: block; } .main #main-column .post-list-style { width: 100%; margin-right: 0; float: left; display: block; } .main #main-column .post-list-style:nth-of-type(2n+2) { float: left; } .main #main-column .post-list-style .post-img { width: 230px !important; float: left; margin-right: 20px; overflow: hidden; height: 100%; } .main #main-column .post-list-style .post-header, .main #main-column .post-list-style .post-entry { display: block; text-align: left; } .main #main-column .post-list-style .post-img { display: block !important; } .main #main-column .post-list-style .post-header { margin-bottom: -5px !important; } .post-list-style .list-meta { margin-top: 15px; } .post-list-style .socials-box { bottom: -6px; } .list-content-wrapper { overflow: hidden; } /* post-mix-style */ .all-width-list .post-mix-style .post-img { width: 300px !important; } .fl-grid .post.post-mix-style .post-img { min-width: 270px; } .fl-grid .post.post-mix-style .post-img a, .fl-grid .post-mix-style .post-img img { width: 100% !important; } .post.post-mix-style .list-meta { padding: 10px 0 0 !important; } .post-mix-style .post-entry { overflow: hidden; } .fl-grid .post-mix-style:nth-child(5) .post-img, .fl-grid .post-mix-style:nth-child(6) .post-img, .fl-grid .post-mix-style:nth-child(15) .post-img, .fl-grid .post-mix-style:nth-child(16) .post-img { width: 100% !important; min-width: 100% !important; float: left; margin-bottom: 25px; } .post-mix-style:nth-child(1), .post-mix-style:nth-child(2), .post-mix-style:nth-child(9), .post-mix-style:nth-child(10) { width: 48% !important; text-align: left; } .post-mix-style:nth-child(1) .post-img, .post-mix-style:nth-child(2) .post-img, .post-mix-style:nth-child(9) .post-img, .post-mix-style:nth-child(10) .post-img { float: left; width: 100% !important; min-width: 100% !important; margin-bottom: 20px; } .post-mix-style:nth-child(1) { margin-left: 0 !important; margin-right: 0 !important; float: left; } .post-mix-style:nth-child(2), .post-mix-style:nth-child(10) { margin-left: 4% !important; } .post.post-mix-style .socials-box li { margin-bottom: 0 !important; } .post.post-mix-style .list-meta { margin-top: 0 !important; } /* masonry */ #masonry{ -moz-column-width: 25em; -webkit-column-width: 25em; -moz-column-gap: 2.5em; -webkit-column-gap: 2.5em; } .masonry-child { display: inline-block; margin: 0.25rem; width: 100%; } .masonry-child .post-entry{ margin-bottom: 40px!important; } /* Main Slider */ #main-column .item, #main-column .owl-carousel { height: 420px; } #main-column .item:before{ display: none; } #main-column .item{ position: relative; z-index: 992; } #main-column .item .slide-info { background: #fff; position: absolute; width: auto; left: 30px;right:30px;bottom: 0; padding: 10px 40px; z-index: 993; } #main-column .item .slide-info .category-post-title a{ color: #111; } #main-column .item .slide-info h3{ margin-bottom: 10px; } #main-column .item .post-header { text-align: left; } #main-column .owl-dots, #main-column .owl-carousel .owl-prev, #main-column .owl-carousel .owl-next { display: none; } /* Pagination */ .pagination-links { float: left; height: 31px; width: 100%; position: relative; margin-top: 30px; } .pagination-links .next { padding-right: 35px !important; } .pagination-links span, .pagination-links a { padding: 12px 20px !important; background: #fff; font-size: 15px; z-index: 2; position: relative; font-weight: 400; } .pagination-links .current { background: #eee; color: #111; } .pxs-post-pagination { font-size: 14px; font-weight: 600; margin-bottom: 30px; } .pxs-post-pagination a { margin-left: 2px; padding: 2px 10px; } /* Social Box */ .socials-box { max-width: 40px; height: 40px; position: absolute; right: 0; bottom: -17px!important; cursor: pointer; width: auto!important; } .socials-box .socials { border: 1px solid #eee; padding: 6px 40px 6px 6px; visibility: hidden; opacity: 0; margin-right: -14px; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .socials-box .socials li{ width: 32px; font-size: 13px; margin-bottom: 0; } .socials-box-open { width: auto; max-width: 410px!important; } .socials-box-open .socials { visibility: visible; background: #fff; opacity: 1; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .socials-box-icon { position: absolute; top: 15px; right: 0; z-index: 1; font-size: 13px; } .socials li { display: inline-block; text-align: center; cursor: pointer; position: relative; margin: 0 5px 5px 0; width: 50px; } .socials li:first-child{ margin-left: 0; } .socials li:last-child { margin-right: 0; } .socials li a { color: #fff; } .socials li a i{ line-height: 30px; width: 50px; } .socials li:first-child { margin-left: 0; } .socials li .fa-share { color: #cacaca; } .socials-box .fa-share-alt { color: #111; } /** * 5.0 - Sidebar & Widgets */ .home-sidebar-left #main-column, .single-sidebar-left #main-column, .archive-sidebar-left #main-column, .shop-sidebar-left #main-column{ float: right!important; } .home-sidebar-left .sidebar-column, .single-sidebar-left .sidebar-column, .archive-sidebar-left .sidebar-column, .shop-sidebar-left .sidebar-column { float: left!important; } .sidebar-column { width: 320px; float: right; } .widget { margin-bottom: 30px; float: left; width: 100%; } .sidebar-column .widget { background: #fff; } .sidebar-column .widget:first-child { margin-top: -5px; } .sidebar-column .widget:last-child { margin-bottom: 0 !important; } .widget label { text-transform: uppercase; display: block; position: relative !important; } .widget select { position: relative !important; width: 100%; margin-top: -5px; max-width: 100%; float: left; padding: 5px 10px; border: 1px solid #eee; } .widget_product_categories select{ margin-top: 0px; } .widget-title, .glide-widget-title { text-align: left; margin: 0 0 20px; position: relative; font-size: 20px; line-height: 24px; color: #111; } .sidebar-column .widget .widget-title:first-child { margin-top: 0 !important; } .widget img { max-width: 100%; height: auto; } .widget_recent_entries a { display: inherit; } .widget_recent_entries .post-date { font-size: 12px; margin-top: 5px; display: inline-block; } /* About Widget */ .about-widget{ text-align: center; line-height: 23px; } .pixelshow_about_widget .widget-title{ text-align: center!important; } .about-widget img { margin-bottom: 20px; max-width: 100%; width: auto; height: auto; } .about-widget p{ float: left; } .about-widget .more-button{ float: none; } .about-widget .more-button:before{ top: 11px; } .about-widget .about-round { border-radius: 50%; } /* Social Widget */ .socials .fa-facebook{background:#3b5998}.socials .fa-twitter{background-color:#1da1f2}.socials .fa-google-plus{background-color:#eb4026}.socials .fa-pinterest{background:#bd081c}.socials .fa-dribbble{background:#ff4ddb}.socials .fa-linkedin{background:#0077b5}.socials .fa-tumblr{background:#3d5a70}.socials .fa-heart{background:#111}.socials .fa-vimeo-square{background:#1ab7ea}.socials .fa-rss{background:#ff9b0b}.socials .fa-soundcloud{background:#ff3e00}.socials .fa-youtube-play{background:#e62117}.socials .fa-instagram{background:#e19039}.socials .fa-get-pocket{background:#f04055} .socials li{ margin-right: 2px; } .sidebar-column .widget_shopping_cart { background: #fbfafa; padding: 24px 30px; } .sidebar-column .widget_shopping_cart .button { width: 48%; } .social-light-version .socials li a i { background: #fff; color: #111!important; } .social-light-version .socials-box .socials li{ width: auto; padding: 0 8px; } .social-light-version .socials li { width: 36px; } .social-dark-version .socials li a i { background: #111!important; } /* Newsfeed Widget */ .side-newsfeed li { list-style-type: none; margin-bottom: 17px; margin-left: 0; } .side-newsfeed li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .side-newsfeed li .side-item, .tab-content li .side-item { overflow: hidden; } .side-newsfeed li .side-item .side-image, .tab-content li .side-item .side-image { float: left; margin-right: 14px; } .side-newsfeed li .date { margin-bottom: 15px; display: inline-block; } .side-newsfeed li .side-item .side-image img { width: 80px; height: auto; } .side-newsfeed li .side-item .side-item-text, .tab-content li .side-item .side-item-text{ overflow: hidden; } .side-newsfeed li .side-item .side-item-text h5, .tab-content li .side-item .side-item-text h5{ margin-bottom: -4px; margin-top: -6px; } /* Slider widget */ .slider_news_widget { float: left; padding: 0; width: 100%; height: 400px; } .slider_news_widget .item{ position: relative; z-index: 993; } .slider_news_widget .item:before{ content: ''; position: absolute; top:0;left:0;bottom:0;right:0; } .slider_news_widget:hover .item:before { background: #fff!important; opacity: 0.8!important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .slider_news_widget .item, .slider_news_widget .owl-carousel { height: 400px!important } .slider_news_widget .owl-nav{ position: absolute; bottom: 0; right: 0; } .slider_news_widget .owl-next, .slider_news_widget .owl-prev { top: auto!important; bottom: 0!important; width: 32px; height: 32px; background: #fff; color: #111; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index: 99; } .slider_news_widget .owl-next:hover, .slider_news_widget .owl-prev:hover { background: #111; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; color: #fff } .slider_news_widget .owl-prev { right: 30px!important; left: auto!important } .slider_news_widget .owl-next { right: 0!important } .widget-slide-info { position: absolute; top: 50%; left: 30%; text-align: center; z-index: 999; -webkit-transform: translate(-20%, -50%); -moz-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); transform: translate(-20%, -50%) } .widget-slide-info h4 a { color: #fff!important } .widget-slide-info .date { margin-top: 10px } .widget-slide-info .date a { color: #fff!important; font-size: 13px; font-weight: 400; } .slider_news_widget:hover .item .date a, .slider_news_widget:hover .item .widget-slide-info h4 a { color: #111!important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } /* Tagcloud widget */ .tagcloud a { display: inline-block; text-align: center; padding: 7px 11px; margin-bottom: 4px; background: #fbfafa!important; color: #111!important; font-weight: 400; font-size: 13px !important; } .widget_tag_cloud{ float: left; } /* Widget menu */ .widget ul.menu li ul { padding-left: 12px; margin-top: 8px; } .cat-item { padding: 10px 0 15px !important; } .cat-item span { display: inline-block; margin-bottom: 10px; margin-left: 10px; float: right; } /* Search widget */ .widget_search form, .widget_product_search { position: relative; width: 100%; } .widget_search form input, .widget_product_search form input { width: 100%; height: 50px; border-radius: 0; padding: 15px 50px 15px 20px; box-shadow: none; box-sizing: border-box; border: 1px solid #eee; font-size: 13px; color: #111; } .widget_search form button { position: absolute; top: 0; right: 0; border-radius: 0; width: 50px; height: 50px; border: 0; font-size: 0; background: transparent; } .widget_search button:before { content: "\f002"; position: absolute; font-family: 'FontAwesome'; width: 50px; height: 50px; font-size: 15px; line-height: 50px; top: 0; left: 0; text-align: center; color: #111 !important; } .widget_search form button:hover { background-color: transparent; } /* Review widget */ .widget-tabs{ float: left; } .widget_reviews_tabs .reviews-tabs-content-container .reviews-tab-content, .widget-tabs .widget-tabs-content .tab-content{ display: none; } .tab-content{ width: 100%; border: 1px solid #eee; padding: 30px 20px; background: #fff; float: left; margin-top: -1px; z-index: 9998; } .tab-content li:last-child{ border-bottom: 0; } .widget-tab-titles{ position: relative; z-index: 998; background: #fff; } .widget-tab-titles li{ float: left; width: 33.333%; text-align: center; } .widget-tab-titles li:last-child h3{ border-right: 1px solid #eee; } .widget-tab-titles h3 { padding: 15px 16px 12px; width: 100%; font-size: 12px; line-height: 12px; margin: 0!important; border: 1px solid #eee; border-right: 0; background: #fafafa; cursor: pointer; letter-spacing: 0; } .widget-tab-titles li.active h3 { background-color: #fff; padding: 16px 16px 12px; border-bottom: 0; margin-top: 0!important; } .widget-tab-titles li { margin: 0!important; display: inline-block; } /* Flickr */ .widget.widget_flickr,.widget.widget_dribbble,.widget.pinterest{text-align:center}.widget.widget_flickr .overlay-effect,.widget.widget_dribbble .overlay-effect,.widget.pinterest .overlay-effect{width:72px;height:72px;margin:0 4px 4px 0;overflow:hidden;display:block;float:left;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:.9;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;will-change:opacity}.widget.widget_flickr .overlay-effect:hover,.widget.widget_dribbble .overlay-effect:hover,.widget.pinterest .overlay-effect:hover{opacity:1}.widget.widget_flickr .overlay-effect a,.widget.widget_dribbble .overlay-effect a,.widget.pinterest .overlay-effect a{display:block}.widget.widget_flickr.style2 .overlay-effect,.widget.widget_dribbble.style2 .overlay-effect,.widget.pinterest.style2 .overlay-effect{margin:0 6px 6px 0}.widget.widget_flickr .pin_link,.widget.widget_dribbble .pin_link,.widget.pinterest .pin_link{display:block;margin-top:20px;text-transform:uppercase;text-align:left;font-size:11px;font-weight:600} /* MailChimp */ .widget_mc4wp_form_widget { background: #fbfafa !important; padding: 30px 40px; text-align: center; } .widget_mc4wp_form_widget .widget-title { color: #111; font-size: 16px; text-align: center; text-transform: uppercase; } .widget_mc4wp_form_widget p { margin: 15px 0; } .widget_mc4wp_form_widget label, .widget_product_search form label { margin-bottom: 15px; font-weight: 400; text-transform: none !important; color: #aaa; line-height: 23px; } .widget_mc4wp_form_widget input, .widget_product_search form input { padding: 12px 20px; width: 100% !important; border: 1px solid #f4f3f3; background: #fff !important; font-size: 12px; } .widget_mc4wp_form_widget input[type=submit], .widget_product_search form input[type=submit] { width: 100%; border: none; padding: 12px 0; margin-bottom: 0; margin-top: 10px; background: #ff2a2d !important; color: #fff; text-transform: uppercase; font-size: 12px !important; font-weight: 600; } .mc4wp-form-fields label { width: 100%; display: block; text-align: center; margin-bottom: 25px; } .mc4wp-form-fields p { display: inline-block; } /* latest_news_widget */ .latest_news_widget li, .tab-content li { padding: 20px 0 !important; } .latest_news_widget li:first-child, .tab-content li:first-child { padding-top: 0 !important; } .latest_news_widget li:last-child, .tab-content li:last-child { padding-bottom: 0 !important; } .latest_news_widget h5, .tab-content h5 { margin-top: -4px !important; } .latest_news_widget a:hover, .widget_top_rated_products a:hover, .tab-content li a:hover { opacity: 0.8 !important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .latest_news_widget .wp-post-image, .latest_news_widget .date, .tab-content li .wp-post-image, .tab-content li .date { margin-bottom: 0 !important; } .latest_news_widget .date, .tab-content li .date { font-size: 12px; color: #cacaca; } .latest_news_widget .post-entry p, .tab-content li .post-entry p { line-height: 20px !important; margin: 7px 0 2px; } /* simpe-sidget */ .widget_simpleimage{ float: left; } .widget_simpleimage .simple-image{ max-height: 120px; float: left; overflow: hidden; } .widget_simpleimage{ position: relative; } .widget_simpleimage p.more{ text-align: center; padding: 10px 20px; line-height: 18px; background: #fff; position: absolute; top: 50%;left:50%; font-size: 13px; text-transform: uppercase; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(0%, -50%); transform: translate(-50%, -50%); } .widget_simpleimage p.more a{ background:#fff; position: relative; z-index: 99999; } /* All widget */ .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_product_categories li, .widget_rss li, .widget_nav_menu li a, .widget_recent_entries li, .widget_recent_comments li, .latest_news_widget li, .tab-content li { padding: 10px 0; margin-bottom: 0 !important; border-bottom: 1px solid #eee; } .widget_nav_menu a { display: block; } .widget_archive li, .widget_categories li { display: inline-block; width: 100%; } .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_entries ul, .widget_recent_comments ul { margin-top: -15px; } .widget_categories li li a, .widget_pages li li a{ padding-left: 20px; } .widget_pages li li:first-child, .widget_categories li li:first-child{ border-top: 1px solid #eee; margin-top: 10px; } .widget_pages li li:first-child{ margin-top: 26px; } .widget_pages li li:last-child, .widget_categories li li:last-child{ border-bottom: 0!important; padding-bottom: 0!important; } .widget_archive select, .widget_categories select { float: right; } .widget_categories, .widget_archive { text-align: right; } .widget_categories a, .widget_archive a { float: left; } .pixelshow_facebook_widget { text-align: center; height: auto !important; } .widget_text .wp-caption { width: 100%; max-width: 100%; } .widget_text p { margin-bottom: 10px; } .widget_rss li { line-height: 23px; } /* Calendar widget */ #wp-calendar{width:100%}#wp-calendar caption{text-align:left;color:#111;font-size:12px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:15px;text-transform:uppercase}#wp-calendar thead{font-size:12px}#wp-calendar thead th{font-size:11px!important;padding-bottom:10px!important}#wp-calendar tbody{color:#aaa}#wp-calendar tbody td{background:#f9f9f9;text-align:center;font-size:12px}#wp-calendar tbody td a{font-weight:700;color:#111}#wp-calendar tbody td:hover{background:#fff}#wp-calendar tbody .pad{background:none}#wp-calendar tfoot #next{font-size:10px;text-transform:uppercase;text-align:right}#wp-calendar tfoot #prev{font-size:11px;text-transform:uppercase;padding-top:14px;text-align:left}#wp-calendar tfoot #prev a,#wp-calendar tfoot #next a{color:#111;font-weight:700!important}#wp-calendar thead th{padding-bottom:20px;text-align:center} /* ads widget */ .prom-widget { width: 100%; float: left; border: none; margin: 10px 0; text-align: center; } .prom-widget .widget-title { text-align: center; } .no-padding { padding: 0 !important; margin: 0 !important; } .prom-above-header { margin: 20px 0; text-align: center; } .prom-above-slider { float: none; margin-top: -22px; margin-bottom: 25px; } .prom-under-slider { margin-top: -20px; margin-bottom: 30px; } .prom-above-mpp { margin-bottom: 0px; margin-top: 30px; } .prom-under-mpp { margin-bottom: -10px; } .prom-widget .product_list_widget, .prom-widget .side-newsfeed { text-align: left; } .prom-widget .product_list_widget li { border-bottom: none !important; width: 18%; text-align: left; margin-left: 2% !important; vertical-align: top !important; display: inline-block; margin-bottom: 0 !important; } .prom-widget .side-newsfeed li { width: 23.5% !important; float: left !important; border-bottom: none; margin-left: 2% !important; } .prom-widget .side-newsfeed li:first-child { margin-top: 20px; margin-left: 0 !important; } .prom-widget .product_list_widget li:first-child { margin-left: 0 !important; } .prom-widget .product_list_widget li .wp-post-image { width: 100%; } .prom-widget .product_list_widget .product-title { margin: 15px 0 5px; display: block; float: left; width: 100%; } .prom-widget .about-widget{ text-align: left!important; } .prom-widget .about-widget img{ float: left; margin-right: 50px; } .prom-widget .about-widget .social-light-version{ margin-left: -15px; } .prom-widget.widget_mc4wp_form_widget{ padding-bottom: 40px; } .prom-widget.widget_mc4wp_form_widget .widget-title{ margin-top: 10px!important; display: block; } .prom-widget .mc4wp-form-fields{ width: 60%; display: inline-block; float: none; } .prom-widget .mc4wp-form-fields input[type=email]{ width: 78%!important; margin-right: 2%; float: left; } .prom-widget .mc4wp-form-fields label{ margin-bottom: 10px; } .prom-widget .mc4wp-form-fields input[type=submit]{ width: 20%!important; float: left; margin-top: 0; } .prom-widget.widget_simpleimage{ width: 32%; margin-right: 2%; position: relative; margin-bottom: 40px; } .prom-widget.widget_simpleimage:nth-child(3n){ margin-right: 0; } /** * 6.0 - Footer Instagram */ .instagram-footer { position: relative; margin-top: 40px; float: left; width: 100%; } .instagram-footer .widget { margin-bottom: 0; } #sb_instagram{ position: relative; } #sbi_load { position: absolute; z-index: 1; top: 50%; text-transform: uppercase; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #sbi_load .sbi_follow_btn { margin: 0 !important; } #sb_instagram #sbi_load a { background: #fff; border-radius: 0; padding: 14px 20px; margin: 0 !important; opacity: 1 !important; color: #111 !important; font-weight: 600; } /** * 7.0 - Copyright */ footer{ float: left; width: 100%; } .copy-wrapper { padding: 20px 0; overflow: hidden; border-top: 1px solid #eee; } .copy-wrapper .copyright { float: left; width: 100%; text-align: center; line-height: 34px; } .right-socials { float: left; width: 100%; text-align: center; } footer .socials li{ margin-left: 3px; } .socials-right { float: right; text-align: right; width: auto !important; } .copy-left { text-align: left !important; float: left; width: auto !important; } /* Footer Widget */ .footer-parts { width: 30%; float: left; overflow-x: hidden; } .footer-parts.footer-part-1 .widget:first-child, .footer-parts.footer-part-2 .widget:first-child, .footer-parts.footer-part-3 .widget:first-child{ margin: 50px 0 30px!important; } .footer-part-2, .footer-part-3 { margin-left: 5%; } footer a:hover { color: #ff2a2d !important; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /** * 8.0 - Error-page */ .error-page { text-align: center; background: #fbfafa; padding-top: 10px; float: left; width: 100%; } .error-page-wrapper { border-bottom: 0 !important; } .error-page h2 { font-size: 90px; font-weight: 700 !important; color: #111; margin: 55px 0 !important; } .error-page p { line-height: 22px; margin-bottom: 20px; } .error-page form { width: 100%; max-width: 500px; display: inline-block; margin-bottom: 60px; margin-top: 40px; } .error-page .widget { border: none !important; } .image-page-title { margin-bottom: 30px; text-align: left; } /* Shop-title */ .shop-title-wrapper { margin-bottom: 30px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #eee; } .shop-title-wrapper h2 { font-weight: 700 !important; letter-spacing: 1px; } .shop-title-wrapper .page-title p { font-size: 13px; } /* Page-title */ .page-title-wrapper .page-title h5 { margin-bottom: 20px; text-align: center; } .page-title-wrapper { text-align: center; margin: -40px 0 40px; } .page-title-wrapper .grey-color{ margin: 0!important; padding: 0!important; } .page-title-wrapper .page-title { background: #fbfafa; padding: 42px 0; } .page-title-wrapper p { margin-bottom: -15px; margin-top: 10px; } .page-title-wrapper h3 { padding: 12px 0 5px !important; } /** * 9.0 - Contact Form */ .wpcf7{float:left;width:100%}.wpcf7-form{margin:40px 0;width:100%!important;float:left;padding:30px 20px 20px;background:#fbfafa}.wpcf7-form label{font-size:13px;line-height:20px!important;margin-bottom:2px;width:100%!important;display:inline-block}.wpcf7 input{border:1px solid #eee;width:100%!important;padding:13px 20px;margin-bottom:14px;font-size:13px;margin-top:4px}.wpcf7-textarea{border:1px solid #eee;resize:none!important;width:100%!important;height:130px;margin-top:4px;margin-bottom:10px}.wpcf7-text{width:100%!important}.wpcf7-submit{border:none;padding:7px 0;background:#111;color:#fff;margin:0!important} /** * 10.0 - Single Post */ .post-border { margin: 0; padding-bottom: 20px; } .single-post .fl-grid { position: relative; } .single-post-background{ height: 500px!important; margin: -60px 0 -300px; background-position: center!important; background-repeat: no-repeat!important; background-attachment: fixed!important; } .block-with-padding { background: #fff; } .block-with-padding .sidebar-column{ padding: 20px; } .block-with-padding .fl-grid{ padding: 40px 0 30px 30px; } .single-post .fl-grid .post-header { text-align: left; } .single-post .fl-grid h1 { margin: 10px 0 20px; } .single-post .fl-grid .post-img { margin: 20px 0 30px !important; width: 100%; } .single-post .post-img img:hover { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .single-post .fl-grid img { margin: 0 !important; } .single-post .fl-grid p, .page .fl-grid p { margin-bottom: 26px; } .single-post .fl-grid .post-header { margin-bottom: 0; margin-top: 0; } .single-post .fl-grid .post-header h1 { text-transform: none !important; } .single-post-type .comment-counter { float: left; } .post-meta-item { width: 100%; float: left; } .single-post-type { border: none !important; margin-bottom: 30px; } /* Single Share */ .share-single-post { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; } .single .share-single-post li { width: 10% !important; margin: 0 2px !important; } #main-column .share-single-post li a, #main-column .share-single-post li i { width: 100%; text-align: center !important; height: auto; } .single .social-light-version .share-single-post li{ width: 50px!important; } .single .social-light-version .share-single-post li:first-child{ margin-left: -16px!important; } .single .share-single-post li.single-views-counter { float: right !important; background: #f9f9f9; padding: 8.4px 15px; font-size: 11px; color: #111; text-align: left; width: auto !important; } .single-post .single-views-counter a { color: #7a7a7a; margin-left: 3px; float: right; } .single-post .single-views-counter i { font-size: 13px; display: none; } .single-post .single-post-comment-counter, .single-post .likes-counter { display: inline-block; } .single-post .fl-grid .single-post-comment-counter a, .single-post .fl-grid .likes-counter a { font-weight: 400; font-size: 12px; background: none; color: #7a7a7a; } .single-post .single-post-comment-counter i { font-family: 'simple-line-icons' !important; } .single-post .single-post-date em { font-size: 10px !important; margin: 0 8px; color: #7a7a7a; } .single-post .single-post-date .sl-wrapper{ margin-left: 5px; } .single-post .single-post-date .sl-loader{ margin-left: 5px; margin-right: -10px; margin-top: 1px; } /* Post-tag */ .single-post .post-tags { float: right; position: relative; width: 100%; margin-top: 12px; padding: 25px 0 0; border-top: 1px solid #eee; } .single-post .post-tags span { margin-right: 10px; color: #111; } .single-post .post-tags span i { font-size: 12px !important; margin-right: 4px; } .single-post .post-tags a { font-style: normal; display: inline-block; text-align: center; padding: 0 2px 2px; margin-right: 4px; line-height: 10px; font-weight: 400; position: relative; color: #111; background: #eee; } .single-post .post-tags .socials-box { top: 0; } .single-post .post-tags .socials-box .socials, .single-post .post-tags .socials-box .socials * { border: none !important; text-align: center !important; } /* Post-switch */ .single-post .post-switch { width: 100%; display: flex; margin-top: 30px; float: left; } .single-post .post-switch li { width: 49.5% !important; position: relative; float: left; text-align: right; background-size: cover; position: relative; background-position: center; overflow: hidden; } .single-post .post-switch li img{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .single-post .post-switch li:first-child{ margin-right: 1%; } .single-post .post-switch li a { padding: 30px 30px; height: 100%; width: 100%; color: #fff; position: relative; display: inline-block; text-align: right !important; background: rgba(0,0,0,.1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .single-post .post-switch li a:hover { background: rgba(0,0,0,.2); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .single-post .post-switch li:first-child a { text-align: left !important; } /* gallery */ .single .gallery, .page .gallery { margin-bottom: 20px !important; } .single .gallery dl.gallery-item, .page .gallery dl.gallery-item { margin: 0 !important; text-align: center; } .single .gallery dl.gallery-item .gallery-caption, .single .gallery dl.gallery-item .gallery-caption { width: 100%; margin-bottom: 8px; } .single .gallery .gallery-item img, .single .gallery .gallery-icon, .page .gallery .gallery-item img, .page .gallery .gallery-icon { width: 100% !important; border: none !important; margin: 0 !important; padding: 2px !important; } /* Author-post */ #main-column .author-post { float: left; width: 100%; margin: 30px 0 0; padding: 30px; background: #f9f9f9; } #main-column .author-post img { max-width: 80px; max-height: 80px; border-radius: 50%; float: left; overflow: hidden; margin-right: 30px !important; } #main-column .author-post .author-socials li { text-align: center !important; width: auto; margin-top: 13px; margin-left: 14px; } #main-column .author-post .author-socials li:first-child { margin-left: 0; } #main-column .author-post .author-socials li a i { background: none!important; width: auto; text-align: center !important; color: #111!important; font-size: 14px; } #main-column .author-post .author-post-text { font-size: 14px; line-height: 21px; } .author-post-name a { text-transform: uppercase; font-weight: 700; display: inline-block; margin-bottom: 10px; } #main-column .author-post .author-content { overflow: hidden; } .mashsb-container{ margin-bottom: 14px; float: left; width: 100%; } /* Post-related */ .post-related { float: left; width: 100%; margin-top: 0; text-align: center; } .post-related-title { width: 100%; float: left; margin-top: 30px; margin-bottom: 0; } .item-related { width: 32%; margin-left: 2%; float: left; } .item-related:first-child { margin-left: 0; } .item-related h6 { margin: 15px 0 6px !important; } /* Comments */ .comments-counter-title{color:#111!important;background:#f9f9f9;padding:3px 14px 0;margin-right:6px;line-height:12px!important}.comment-block-title h4,.post-related-title h4{font-size:20px!important;letter-spacing:-.6px}.comment-block-title{margin-bottom:10px}#comments{float:left;width:100%;margin-top:10px;margin-bottom:0}.thecomment{padding-bottom:5px;margin-bottom:30px;float:left;width:100%;font-size:13px;border-bottom:1px solid #eee}.thecomment p{line-height:22px}.thecomment .author-img{float:left;display:inline;margin-right:25px}.thecomment .author-img img{border-radius:50%}.thecomment .comment-text{overflow:hidden}.thecomment .comment-text span.author,.thecomment .comment-text span.author a{display:block;text-transform:uppercase;margin-bottom:8px;font-weight:700;color:#111;font-size:13px}.thecomment .comment-text span.date{display:block;color:#cacaca;font-weight:400;font-size:12px;line-height:10px!important;margin-bottom:10px}.post-comments span.reply a{float:right;padding:5px 10px;border-radius:2px;margin-left:7px}.post-comments .comment .comment{margin:0 0 0 30px}.comment-reply-title{margin-top:0!important}.post-comments{margin-bottom:60px}.post-comments .comment-reply-link,.post-comments .comment-edit-link{font-size:11px;font-weight:400!important;color:#7a7a7a;border-radius:0!important;background:#f9f9f9;padding:5px 12px!important} /* Respond */ #respond{margin-bottom:-50px!important;}#respond h3{margin-bottom:15px;text-transform:uppercase;font-size:16px}#respond h3 a{display:inline-block}#respond h3 small a{text-transform:uppercase;background:#333;padding:4px 6px 5px;border-radius:3px;margin-left:7px}#respond label{width:80px;display:inline-block}#respond input{padding:8px 10px;margin-right:10px;margin-bottom:10px;width:250px;border:1px solid #eee}#respond .comment-form-url{margin-bottom:10px}#respond textarea{padding:14px;width:100%;height:120px;margin-bottom:14px;resize:none;border:1px solid #eee}#respond #submit{border:0;border-radius:0;background:#111;color:#eee;width:auto!important;padding:7px 22px;-webkit-font-smoothing:initial;text-align:center;font-size:11px;font-weight:700;letter-spacing:.33px;text-transform:uppercase}#cancel-comment-reply-link{font-size:12px;font-weight:400!important;color:#7a7a7a!important;border-radius:0!important;background:#f9f9f9!important;padding:3px 15px!important;text-transform:none!important} .comment-respond{ padding: 0!important; margin: 0!important; } /** * 11.0 - Footer Viewed Posts */ .index_relet { float: left; position: relative; text-align: center; width: 100%; margin-top: 30px; margin-bottom: -15px; padding: 60px 0 0 !important; } .index_relet h2 { position: absolute; padding: 15px 40px 10px; top: -10px; left: 0; right: 0; } .related-posts .post { margin-bottom: 15px; } .index_relet .small-popular-block { width: 20%; float: left; } .index_relet .last-spb { float: right; } .index_relet .big-popular-block { width: 56%; float: left; margin-left: 2%; } .index_relet .big-popular-block .post-img{ max-height: 450px; } .index_relet .big-popular-block .list-meta { margin-top: 10px; } .related-posts .post-img { margin-bottom: -50px; } .related-posts .post-header { background: #fff !important; width: 86%; margin: 0 7%; position: relative; padding: 10px 10px; } .related-posts .post-header h6, .related-posts .post-header h4 { margin: 10px 0; } .related-posts .post-header h6 a, .related-posts .post-header h4 a { font-weight: 700; } .related-posts .post-header .category-post-title { width: 100%; float: left; height: 26px !important; } /** * 12.0 - WordPress Core */ .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{text-align:center!important;}.wp-caption.aligncenter{width:100%!important;text-align:center;}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0!important;}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;max-width:100%;display:inline-block!important;padding:10px 0 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 0 20px 0}.wp-caption.alignright{margin:5px 0 0 20px}.fl-grid img.alignright{margin:15px 0 20px 20px!important}.fl-grid img.alignleft{margin:15px 20px 20px 0!important}.wp-caption img{border:0;height:auto;margin:0;max-width:100%;padding:0;width:auto}.wp-caption p.wp-caption-text{margin:8px 0 0}.post-password-form input[type=submit]{padding:2px 20px}.post-password-form label input{margin:0 0 0 20px}.post-password-form input{border:1px solid #eee;padding:3px 10px!important}.post-password-form input[type=submit]{background:#f9f9f9;color:#111;border:none;font-size:12px;padding:4px 25px!important;margin-top:-1px;}.gallery-caption,.screen-reader-text,.bypostauthor{font-style:normal} /** * 13.0 - Post Like System */ /* Colors */ a.liked, a.liked:hover, a.liked:active, a.liked:focus { color: #ff2a2d!important; } a.liked .sl-count{ color: #111; } /* Icon */ .sl-icon { margin-right: 0.3125em; font-family: 'Arial Unicode MS', Arial, sans-serif; vertical-align: middle; } .sl-icon svg { fill: currentColor; width: 1em; height: 1em; } .sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; } /* Loader */ .sl-loader{ position: relative; float: right; margin-left: 10px; margin-right: -10px; margin-top: 4px; height: 10px; } .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { left: 0; text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: .6em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } /** * 14.0 - Most liked */ .carousel-mostlike{ padding-top: 50px; margin-bottom: -10px; } .carousel-mostlike, .carousel-mostlike .item{ height: auto!important; } .carousel-mostlike .owl-nav{ height: 30px; position: absolute; top: 0!important; right: 0; } .carousel-mostlike .owl-prev, .carousel-mostlike .owl-next{ width: 30px; height: 30px; background: none; border: 1px solid #eee; color: #111; } .carousel-mostlike .owl-prev:after, .carousel-mostlike .owl-next:after{ font-size: 17px; line-height: 40px; } .carousel-mostlike .owl-prev:hover, .carousel-mostlike .owl-next:hover{ color: #111!important; background: #eee!important; } .carousel-mostlike .owl-prev{ right: 40px!important; } .carousel-mostlike .owl-next{ right: 0!important; } .carousel-mostlike .item:before{ display: none; } .most-liked-posts-wrapper, .most-liked-posts { float: left; width: 100%; } .most-liked-posts .most-post { display: inline-block; width: 100%; text-align: center; vertical-align: top; } .most-liked-posts-wrapper h3 { background: #fff; line-height: 40px; margin-bottom: -35px; margin-top: -10px; } .most-liked-posts .most-post:first-child { margin-left: 0; } .most-liked-posts .most-post h6 { margin: 10px 0; } .most-liked-posts .most-post h6 a { font-weight: 700 !important; } .most-liked-posts .most-post .post-img { margin-bottom: -50px; } .most-liked-posts .post-header { display: block; background: #fff !important; position: relative; padding: 10px 10px 0; width: 90%; left: 5%; } .most-liked-posts .post-entry p { margin-top: -5px !important; line-height: 20px !important; } /** * Retina */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .search-wrapper-close, .close-glide-button a { background-image: url(img/close_2x.png); background-size: 20px 20px; } } /** * Animations */ @-webkit-keyframes rotating { 0% { -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 100% { -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } @keyframes rotating { 0% { -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 100% { -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } /* Mega Menu */ .header-wrapper ul.mega-menu>li>a{padding:5px 25px;margin-top:9px}.header-wrapper .mega-menu-wrap ul.mega-menu{text-align:center}.header-wrapper .mega-menu-wrap ul.mega-menu li{display:inline-block;float:none}.header-wrapper ul.mega-menu li.information_widget:first-child{clear:left}.mega-menu li a{display:inline-block}.mega-menu{margin:0;padding:0;position:relative}.mega-menu:before,.mega-menu:after{content:" ";display:table}.mega-menu:after{clear:both}.mega-menu>li{list-style:none;position:relative;float:left}.rtl .mega-menu>li{float:right}.mega-menu>li[class*="-has-children"]>a:before{position:absolute;content:"\f107";color:#333;font-family:'fontawesome';right:8px;top:10pxpx;font-size:12px;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.rtl .mega-menu>li[class*="-has-children"]>a:before{left:5px;right:auto}.mega-menu>li:hover[class*="-has-children"]>a:before{color:#979797;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.mega-menu>li>a{font-size:14px;color:#333;padding:0;position:relative}.mega-menu>li>a:hover,.mega-menu>li>a:focus{color:#979797;background:transparent}.mega-menu>li>a:hover:after,.mega-menu>li>a:focus:after{opacity:1;width:100%;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.mega-menu>li>ul{visibility:hidden;opacity:0;top:120%;-webkit-transition:0s;-o-transition:0s;transition:0s;position:absolute!important;min-width:210px;background:#FFF;z-index:9999;width:100%;border:1px solid #eee}.mega-menu>li>ul li[class*="-has-children"] a:before{content:none}.mega-menu>li>ul li[class*="-has-children"]:after{position:absolute;content:"\f105";color:#282828;font-family:'fontawesome';right:10px;line-height:50px;top:0}.rtl .mega-menu>li>ul li[class*="-has-children"]:after{left:10px;right:auto}.mega-menu>li>ul li[class*="-has-children"]:hover:after{color:#979797}.mega-menu>li>ul>li{float:none;display:block;border-right:none;text-align:left;border-top:1px solid #ebebeb}.rtl .mega-menu>li>ul>li{text-align:right}.mega-menu>li>ul>li:first-child{border-left:none}.mega-menu>li>ul>li a{padding:15px 0;text-transform:capitalize;font-size:12px;line-height:20px}.mega-menu>li>ul a{width:100%;font-size:12px}.mega-menu>li:hover>ul{visibility:visible;opacity:1;top:100%;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.mega-menu>li>ul>li ul{float:none!important;display:none;position:absolute;left:100%;top:0}.rtl .mega-menu>li>ul>li ul{right:100%;left:auto}.mega-menu>li>ul>li:hover>ul{display:block}.mega-menu>li>ul>li:hover>.sub-menu{top:0}.mega-menu-megamenu .mega-sub-menu{width:100%;padding:20px;border-top:1px solid #f3f3f3}.mega-menu-megamenu .mega-sub-menu li{border-right:none}.mega-menu-megamenu .mega-sub-menu li:first-child{border-left:none}.mega-menu-megamenu .mega-sub-menu>*{border:none}.mega-menu-megamenu .mega-sub-menu li>a:after{content:none}.mega-menu-megamenu .widget_nav_menu{text-align:center}.mega-menu-megamenu .wpb_column{border-right:1px solid #eee}.mega-menu-megamenu .wpb_column:last-child{border-right:0 solid #eee}.mega-menu-megamenu .vc_wp_custommenu{margin-bottom:20px}.mega-menu-megamenu .widgettitle{font-size:14px;padding-bottom:20px;font-weight:600}.mega-menu-megamenu .widget_text{padding-left:0;padding-right:0}.mega-menu-megamenu .widget_nav_menu{margin-top:30px;min-height:180px}.mega-menu-megamenu .wpb_single_image{padding:0 15%}.mega-menu li.mega-menu-megamenu{position:static}.mega-menu li.mega-menu-megamenu>ul{right:0}.rtl .header-wrapper .mega-menu li.mega-menu-megamenu>ul{left:0;right:auto}.header-wrapper .mega-menu li.mega-menu-megamenu>ul:before,.header-wrapper .mega-menu li.mega-menu-megamenu>ul:after{content:" ";display:table}.header-wrapper .mega-menu li.mega-menu-megamenu>ul:after{clear:both}.header-wrapper .mega-menu li.mega-menu-megamenu>ul>li{float:left}.rtl .header-wrapper .mega-menu li.mega-menu-megamenu>ul>li{float:right}.header-wrapper .mega-menu li.mega-menu-megamenu>ul ul{display:block;position:relative;left:0}.rtl .header-wrapper .mega-menu li.mega-menu-megamenu>ul ul{right:0;left:auto}.header-wrapper .mega-menu li.mega-menu-megamenu>ul ul li.menu-item{float:none}.header-wrapper .mega-menu li.mega-menu-megamenu>ul ul li.menu-item a{padding:5px 0px!important;font-size:12px;text-transform:capitalize}.header-wrapper .mega-menu li.mega-menu-megamenu>ul ul li.menu-item a:after{content:none}.mega-menu-columns-1-of-1{width:100%}.mega-menu-columns-1-of-2{width:50%}.mega-menu-columns-2-of-2{width:100%}.mega-menu-columns-1-of-3{width:33.33333%}.mega-menu-columns-2-of-3{width:66.66667%}.mega-menu-columns-3-of-3{width:100%}.mega-menu-columns-1-of-4{width:25%}.mega-menu-columns-2-of-4{width:50%}.mega-menu-columns-3-of-4{width:75%}.mega-menu-columns-4-of-4{width:100%}.mega-menu-columns-1-of-5{width:20%}.mega-menu-columns-2-of-5{width:40%}.mega-menu-columns-3-of-5{width:60%}.mega-menu-columns-4-of-5{width:80%}.mega-menu-columns-5-of-5{width:100%}.mega-menu-columns-1-of-6{width:16.66667%}.mega-menu-columns-2-of-6{width:33.33333%}.mega-menu-columns-3-of-6{width:50%}.mega-menu-columns-4-of-6{width:66.66667%}.mega-menu-columns-5-of-6{width:83.33333%}.mega-menu-columns-6-of-6{width:100%}.mega-menu-columns-1-of-7{width:14.28571%}.mega-menu-columns-2-of-7{width:28.57143%}.mega-menu-columns-3-of-7{width:42.85714%}.mega-menu-columns-4-of-7{width:57.14286%}.mega-menu-columns-5-of-7{width:71.42857%}.mega-menu-columns-6-of-7{width:85.71429%}.mega-menu-columns-7-of-7{width:100%}.mega-menu-columns-1-of-8{width:12.5%}.mega-menu-columns-2-of-8{width:25%}.mega-menu-columns-3-of-8{width:37.5%}.mega-menu-columns-4-of-8{width:50%}.mega-menu-columns-5-of-8{width:62.5%}.mega-menu-columns-6-of-8{width:75%}.mega-menu-columns-7-of-8{width:87.5%}.mega-menu-columns-8-of-8{width:100%}.header-wrapper .mega-block-title{padding-bottom:15px;color:#757575;font-size:14px;text-transform:uppercase;border-bottom:1px solid #ebebeb;margin:10px 0}.header-wrapper .product_list_widget{box-shadow:none;max-width:400px;position:relative!important}.header-wrapper .product_list_widget>li{margin-bottom:30px;border:none}.header-wrapper .product_list_widget>li:before,.header-wrapper .product_list_widget>li:after{content:" ";display:table}.header-wrapper .product_list_widget>li:after{clear:both}.header-wrapper .product_list_widget>li .product-image{padding:0!important}.header-wrapper .cart_list.product_list_widget>li{border-bottom:1px solid #e0e0e0;margin-bottom:0}.header-wrapper .product-image{margin-right:10px;width:auto;padding:0;float:left}.rtl .header-wrapper .product-image{float:right}.header-wrapper .product-image .img-effect:hover .wp-post-image{margin-left:0%;transition:all 0.4s ease 0s}.header-wrapper .product-image .hover-image{display:none}.header-wrapper .product-details{padding:0;overflow:hidden}.header-wrapper .product-details a{padding-left:0;color:#000;font-size:15px;padding-bottom:10px}.header-wrapper .product-details a:hover{color:#979797}.header-wrapper .product-details .amount{color:#000;font-size:16px;line-height:20px}.header-wrapper .widget_sp_image-image-link{padding:0}.header-wrapper .widget_sp_image-description{padding:15px 0;font-style:italic;text-align:justify}