????JFIF??x?x????'
Server IP : 104.21.112.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/home/tempvsty/eaabusiness.com/wp-content/themes/pasal-ecommerce/ |
Upload File : |
@charset "UTF-8"; /*! Theme Name: Pasal Ecommerce Theme URI: http://codethemes.co/product/pasal-ecommerce/ Author: Code Themes Author URI: http://codethemes.co/ Description: Pasal eCommerce is free eCommerce WordPress theme suitable for launching any kind of online and digital store. Integrated with the most loved WooCommerce Plugin, no matter in which corner of the world you are, the plugin empowers you to sell things online and attract customers very efficiently. Even though the Pasal eCommerce is theme free WooCommerce WordPress theme, the theme has premium like features that caters all the eCommerce need to create a unique looking and a professional eCommerce website in a matter of minutes. The theme has Right Sidebar, Footer Widgets, Custom WIdgets, 4 Sliders and much more. Version: 1.1.3 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, threaded-comments, flexible-header, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready, post-formats, custom-logo, footer-widgets, e-commerce, blog Text Domain: pasal-ecommerce Tested up to: 5.5.3 Requires PHP: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Pasal Ecommerce is based on Underscores http://underscores.me/ Underscores is distributed under the terms of the GNU GPL v3 or later. */ /* 1.0 Browser Reset ================================================== */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } *, *:before, *:after { /* box layout to all elements */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; } .fixed { position:fixed; top:0; left:0; width: 100%; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; margin: 0px; } ul li a, ol li a { color: #545454; } ul li a:hover, ol li a:hover { color: #000; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0px; border-width: 1px 0 0 1px; margin-bottom: 20px; width: 100%; } caption, th { font-weight: normal; text-align: left; } th { text-transform: uppercase; color: #333; } td, th { padding: 8px; border-width: 0 1px 1px 0; } a img { border: 0 none; } a{ text-decoration: none !important; } a:hover { color: #333; } embed, iframe, object { max-width: 100%; } /* Internet Explorer 10 fix */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Other fixes*/ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Removes dotted line when focus */ :focus { outline-color: transparent; outline-style: none; } /* Webkit */ ::selection { background: #000; color: #fff; } /* Gecko/Mozilla */ ::-moz-selection { background: #000; color: #fff; } /* 2.0 Typography ================================================== */ body, button, input, select, textarea { color: #666; font: 15px/1.8 'Poppins', sans-serif; word-wrap: break-word; overflow-x: hidden; } /* ----- #Headings ----- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top:0; padding-bottom: 20px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 30px; line-height: 37px; } h2 { font-size: 26px; line-height: 33px; } h3 { font-size: 22px; line-height: 31px; } h4 { font-size: 18px; line-height: 29px; } h5 { font-size: 14px; line-height: 27px; } h6 { font-size: 12px; line-height: 25px; } .highlight { font-weight: 500; } /* ----- #Text Elements ----- */ p { padding: 0; margin: 0 0 20px 0; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } /* ----- #Blockquote shortcode start styles ----- */ blockquote:before { color: rgba(0, 0, 0, 0.2); content: '\f10d'; float: left; font-family: "FontAwesome"; font-size: 30px; font-style: normal; line-height: 24px; padding-right: 10px; } blockquote { color: #333; font-family: 'Poppins', sans-serif; font-size: 18px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; letter-spacing: 0.5px; margin-bottom: 40px; padding: 20px 20px 0; position: relative; quotes: none; line-height: 28px; } blockquote cite { font-size: 15px; } blockquote em, blockquote i, blockquote cite { } address { display: block; margin: 0 0 1.6em; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } code, kbd, tt, var { font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; line-height: 21px; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; margin-bottom: 20px; } sup, sub { font-size: 75%; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } .hidden { display: none !important } /* 3.0 Links ================================================== */ a { color: #000; text-decoration: none; cursor:pointer; } a:focus, a:active, a:hover { text-decoration: none; } /* 4.0 Body Structure ================================================== */ #page { width: 100%; } .container { margin: 0 auto; position: relative; } #primary .container { max-width: 100%; } .txt-center{ text-align: center; } /* -------------------------------------------- Column -------------------------------------------- */ .column { margin: 0 -20px; } .one-column, .two-column, .three-column, .four-column { float: left; padding: 0 20px 40px; } .one-column, #primary .two-column { width:100%; } .two-column, .two-column-full-width, #primary .three-column, #primary .four-column-full-width, #primary .four-column { width: 50%; } .three-column, .boxed-layout-small .four-column-full-width, .three-column-full-width { width: 33.33%; } .four-column, .four-column-full-width { width: 25%; } #primary .three-column:nth-child(3n+4), #primary .four-column:nth-child(4n+5) { clear: none; } .two-column:nth-child(2n+3), .three-column:nth-child(3n+4), .four-column:nth-child(4n+5), #primary .three-column:nth-child(2n+3), #primary .four-column:nth-child(2n+3) { clear: both; } /* 5.0 Buttons ================================================== */ /* ----- Default Button ----- */ .btn-default { border: 1px solid #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #484848; display: inline-block; font-family: "Poppins",sans-serif; font-weight: normal; line-height: 23px; margin: 10px 10px 0; padding: 12px 32px; text-align: center; text-transform: uppercase; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-default:hover { background-color: #000; border: 2px solid #000; color: #fff; } .light { background-color: transparent; border-color: #fff; color: #fff; } .light-color { background-color: transparent; border-color: #fff; color: #fff; } .vivid { background-color: #000; border: 1px solid #000; color: #fff; } .light-color:hover, .vivid:hover { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #484848; } /* ----- Go To Top Button ----- */ .go-to-top { position: fixed; bottom: 20px; right: 30px; z-index: 999; } .go-to-top a { border: 2px solid #000; color: #000; display: block; font-size: 26px; height: 38px; line-height: 32px; text-align: center; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 38px; border-radius: 50%; } .go-to-top a:hover { color: #fff; background-color: #000; } /* ----- More Link Button ----- */ a.more-link { letter-spacing: 1px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } a.more-link:hover { background: #fff !important; color: #333 !important; } /* 6.0 Accessibility ================================================== */ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; overflow: hidden; width: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); /* Firefox 3.5 - 3.6 */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ clip: auto !important; color: #000; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* 7.0 Alignments ================================================== */ .alignleft { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* 8.0 Breadcrumb ================================================== */ .breadcrumb { font-size: 13px; margin-top: 6px; } .breadcrumb, .breadcrumb a:hover { color: #999; } .breadcrumb a { color: #333; } .breadcrumb .home:before { content: '\f015'; display: inline-block; font-family: "FontAwesome"; font-size: 16px; font-style: normal; line-height: 21px; margin-right: 4px; vertical-align: top; } /* 9.0 Universal Clearfix ================================================== */ /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* 10.0 Forms ================================================== */ button, input, select, textarea { font-size: 100%; /* Corrects font size in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Appearance and consistency in all browsers */ *vertical-align: middle; /* Appearance and consistency in IE6/IE7 */ } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type="password"], textarea { padding: 6px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0; width: 100%; margin-bottom: 18px; background-color: #fafafa; margin-top: 7px; } input[type="reset"], input[type="button"], input[type="submit"] { background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0 none; color: #fff; cursor: pointer; display: block; margin-bottom: 30px; padding: 6px 18px; text-align: center; text-transform: uppercase; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #747474; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus { border-color: rgba(0, 0, 0, 0.20); background-color: #fff; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /* #Search Form ================================================== */ .header-search, .header-search-x { cursor: pointer; display: block; font-family: "FontAwesome"; font-size: 14px; font-style: normal; display: inline-block; margin-right: 9px; border-right: 1px solid rgba(204, 204, 204, 0.4); padding-right: 20px; margin-top: 4px; } .header-search:before { content: '\f002'; } .header-search-x:before { content: '\f010'; } .header-search:hover, .header-search-x:hover { color: #000; } /** hidden search field **/ #search-box { background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15); display: none; padding: 15px; position: absolute; top: 137px; width: 36%; z-index: 9999; right: 0; } #search-box input.search-field { width: calc(100% - 100px); } #search-box .search-submit { width: 100px; } #search-box input[type="search"] { background-color: transparent; } /* 11.0 Logo-Name-Slogan ================================================== */ nav#pasal-woocart-navigation .wcmenucart-contents { line-height: 9px; padding: 10px; } .is-sticky .pasal-site-branding { display: none; } #site-branding { text-align: left; float: left; padding: 15px 0; } #site-logo { display: block; margin: 0 auto; } #site-title { font-size: 27px; font-weight: normal; line-height: 39px; padding: 0; text-align: left; margin-bottom: 0; } #site-title a { color: #333; display: block; } #site-description { color: #333; font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 19px; margin: 0; text-align: left; } .nav-site-title { float: left; height: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding: 0; } .is-sticky .nav-site-title { height: auto; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); padding: 26px 0; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; } /* #Horizontal Line ================================================== */ hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 1.5em; } /* 12.0 Images ================================================== */ img { height: auto;/* Make sure images are scaled correctly. */ max-width: 100%;/* Adhere to container width. */ vertical-align: top; } img.alignleft, img.alignright, img.aligncenter { margin-top: 20px; margin-bottom: 20px; } figure { margin: 0; } img#wpstats { display: none; } .entry-content img, .comment-content img, .widget img { max-width: 100%; } .img-border { background-color: #fff; padding: 5px; border: 1px solid #ccc; } /* ----- Media ----- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { margin-bottom: 20px; max-width: 100%; } .wp-caption a { display: block; position: relative; } .wp-caption .wp-caption-text { margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .wp-caption .wp-caption-text, .gallery-caption { font-style: italic; } /* 13.0 Margin-Padding-Border Override Classes ================================================== */ .margin-top-none { /* Clear Margin Top */ margin-top: 0px !important; } .margin-bottom-none { /* Clear Margin Bottom */ margin-bottom: 0px !important; } .margin-right-none { /* Clear Margin Right */ margin-right: 0px !important; } .margin-left-none { /* Clear Margin Left */ margin-left: 0px !important; } .padding-top-none { /* Clear Padding Top */ padding-top: 0px !important; } .padding-bottom-none { /* Clear Padding Bottom */ padding-bottom: 0px !important; } .padding-right-none { /* Clear Padding Right */ padding-right: 0px !important; } .padding-left-none { /* Clear Padding Left */ padding-left: 0px !important; } .border-top-none { /* Clear Border Top */ border-top: 0 none !important; } .border-bottom-none { /* Clear Border Bottom */ border-bottom: 0 none !important; } .border-right-none { /* Clear Border Right */ border-right: 0 none !important; } .border-left-none { /* Clear Border Left */ border-left: 0 none !important; } .shadow-none { /* Remove Shadow */ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .margin-bottom-none p { /* Clear Inner p Tags Margin Bottom */ margin-bottom: 0 !important; } /* 14.0 Layouts ================================================== */ /* ----- Photography Layout ----- */ .photography #content { padding: 0; } /*------ Boxed Layout ------*/ .boxed-layout #page { max-width: 1230px; margin: 0px auto; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Firefox 3.5 - 3.6 */ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } // .boxed-layout #colophon, // .boxed-layout-small #colophon { // margin-bottom: 30px; // } .boxed-layout-small #page { max-width: 1038px; margin: 0px auto; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Firefox 3.5 - 3.6 */ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .boxed-layout-small .container { margin: 0px auto; max-width: 978px; padding: 0; position: relative; } .boxed-layout #page, .boxed-layout-small #page { overflow: hidden; } /* ----- small_image_blog and single_column_blog ----- */ .small_image_blog #primary .post:not(:nth-child(1)), .single_column_blog #primary .post:not(:nth-child(1)) { padding: 0; width: 100%; } .small_image_blog .entry-title { text-align: left; } .small_image_blog .entry-header .entry-meta { text-align: left; } .small_image_blog .post-featured-image { width: 100%; display: inline-block; overflow: hidden; } .post-featured-image img { width: 100%; } .post-gallery-item-holder { height: 240px; background-repeat: no-repeat; background-size: cover; } .post-video.single-post-format{ display: none; } .slick-next, .slick-prev { height: 37px; width: 37px; font-size: 0; cursor: pointer; background: #fff; color: #666; position: absolute; top: 50%; border-radius: 0; margin-top: -10px\9; border: none; outline: 0; z-index: 9; transition: all 0.5s ease-out 0s; } .slick-next{ right: 0; } .slick-prev{ left: 0; } .slick-prev:before{ content: "\f104" !important; font-family: FontAwesome; margin-right: 3px !important; font-size: 18px; } .slick-next:before{ content: "\f105" !important; font-family: FontAwesome; margin-left: 3px !important; font-size: 18px; } /* 15.0 Header Section ================================================== */ /* ----- Top Header Bar ----- */ .top-header { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: right; background: #333; padding: 7px 0; } nav#pasal-woocart-navigation { display: inline-block; padding: 0; } .top-header .widget_contact { font-size: 13px; float: left; margin-bottom: 0; padding: 6px 0 7px; width: 30%; } .top-header .widget_contact ul li { float: left; margin-right: 15px; padding: 2px 0; } .top-header .widget_contact ul li a { color: #000; } .top-header .widget_contact ul li a:hover { color: #000; } #sticky_header { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); z-index: 999; } .is-sticky #sticky_header { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); border-bottom: none; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; } /* ----- Header Widget Title ----- */ .top-header .widget-title { display: none; } /* ----- Header Image ----- */ .header-image { width: 100%; height: auto; } /* 16.0 Social Links ================================================== */ .header-social-block { display: inline-block; position: relative; float: left; } .social-links { margin-top: 0px; float: right; position: relative; padding-right: 15px; } .social-links a:hover { color: #fff; } .social-links a i{ display: inline-block; font-size: 22px; margin: 5px 0 0 23px; text-align: center; line-height: 25px; line-height: 40px; border-radius: 3px; height: 40px; width: 40px; } .social-links a i.fa-facebook:hover{ background-color: #3B5998; color: #FFF; } .social-links a i.fa-twitter:hover { background-color: #33CCFF; color: #FFF; } .social-links a i.fa-google-plus-official:hover { background-color: #DF4B38; color: #FFF; } .social-links a i.fa-linkedin:hover { background-color: #007BB6; color: #FFF; } .social-links a i.fa-instagram:hover { background-color: #8E6051; color: #FFF; } .social-links a i.fa-flickr:hover { background-color: #0063DB; color: #FFF; } .social-links a i.fa-pinterest-p:hover { background-color: #CB2027; color: #FFF; } .social-links a i.fa-dribbble:hover { background-color: #F26798; color: #FFF; } /* 17.0 Navigation ================================================== */ .main-navigation { margin: 0 auto; text-align: center; } .is-sticky .main-navigation .menu { float: right; } .woocommerce-header-actions { float: right; padding-top: 25px; } .main-navigation > ul > li { position: relative; display: inline-block; } .main-navigation a { color: #333; display: block; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: normal; padding: 15px 15px; line-height: 57px; text-align: left; } .main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item.menu-item-has-children > a:after, .main-navigation li.menu-item-has-children > a:hover:after, .main-navigation li.page_item_has_children > a:hover:after { color: #000; } /* ----- Dropdown ----- */ .main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul { visibility:hidden; } .main-navigation ul li ul { list-style-type: none; position: absolute; top: 100px; padding: 0; margin: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); visibility:hidden; line-height: 32px; background-color: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); width: 200px; z-index: 9999; -webkit-transition: all .50s ease; -moz-transition: all .50s ease; -ms-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .main-navigation > ul > li:hover > ul { display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; top: 52px; } .main-navigation ul li ul li { float: none; margin: 0; position: relative; text-align: left; width: 200px; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .main-navigation ul li a{ -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .main-navigation ul li ul li:before { border-top: 1px solid #eee; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .main-navigation ul.sub-menu li a:hover { background: #000; color: #fff; } .main-navigation ul li ul li:first-child:before { border-top: none; } .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a { float: none; line-height: 20px; font-size: 14px; height: inherit; letter-spacing: 0.1em; padding: 12px 15px; color: #333; text-transform: capitalize; } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover { color: #000; } .main-navigation ul li ul li ul { left: 199px; top: 50px; } .main-navigation ul li:last-child ul li ul { left: -200px; } .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul { top: 0; display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 14px; padding-left: 6px; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { content: "\f107"; } .main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after { content: "\f105"; position: absolute; right: 15px; } ul.post-categories li { display: inline-block; } /* ----- Responsive Navigation ----- */ .menu-toggle { display: none; } .line-one, .line-two, .line-three { background-color: #333; } /* 18.0 Content ================================================== */ #content { padding: 40px 0 30px; } #main ul { list-style-type: disc; } #main ol { list-style-type: decimal; } #main ol ol { list-style: upper-alpha; } #main ol ol ol { list-style: lower-roman; } #main ol ol ol ol { list-style: lower-alpha; } #primary { float: left; width: 70%; } /* 19.0 Sidebars ================================================== */ #secondary { float: left; padding-left: 40px; width: 30%; } #primary { float: left; width: 70%; } /* 20.0 Post ================================================== */ .entry-header { padding-bottom: 15px; padding-top: 15px; } .post { padding: 35px 0 25px 0!important; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } // .post:first-child .entry-content p:first-child:first-letter { // border-right: 1px solid #222; // display: block; // float: left; // font-family: 'Poppins', sans-serif; // font-size: 80px; // line-height: 80px; // margin-bottom: 10px; // margin-right: 22px; // margin-top: 10px; // padding: 10px 14px; // text-align: center; // } #primary .post:not(:nth-child(1)) { width: 50%; float: left; padding: 0 0 0 15px; } #primary .post:nth-child(2n) { padding-right: 15px !important; padding-left: 0px !important; } #primary .post:nth-child(2n+2) { clear: both; } /* ----- Sticky Post ----- */ #main .sticky { background-color: #f4f4f4; padding: 30px 30px 40px !important; margin-bottom: 50px; float: left; } #primary .post.sticky:not(:nth-child(1)) { margin-left: 15px; padding: 20px 20px 30px; width: calc(50% - 15px); } #primary .post.sticky:nth-child(2n) { margin-right: 15px; margin-left: 0px; } .post-content { background-color: #fff; position: relative; } /* ----- Entry Titles ----- */ .entry-title { font-size: 24px; line-height: 1.2; text-align: center; text-transform: none; padding-bottom: 7px; } .entry-title, .entry-title a { color: #333; text-transform: capitalize; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #000; } /* ----- Entry Meta ----- */ .entry-meta { overflow: hidden; text-align: center; } .entry-meta, .entry-meta a { color: #999; font-size: 13px; line-height: 21px; } .entry-meta span:hover, .entry-meta a:hover { color: #000; } .single-post .entry-header .entry-meta, .single-post .entry-footer { text-align: left; } .cat-links, .cat-links a, .tag-links, .tag-links a { color: #000; font-size: 11px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .cat-links a, .tag-links a { padding-bottom: 15px; display: inline-block; } .cat-links, .tag-links { margin-right: 15px; border-bottom: 1px solid #000; } .entry-meta .entry-format, .entry-meta .author, .entry-meta .posted-on, .entry-meta .comments, .entry-meta .gallery { margin-right: 5px; margin-bottom: 5px; } .home .entry-meta .posted-on { margin-right: 2px; } .archive span.posted-on:after { content: "|"; color: #999; display: inline-block; padding: 0 5px 0 10px; } .entry-meta .entry-format a { color: #000; } .entry-format:before, .entry-meta .entry-format:before, .entry-header .entry-meta .entry-format:before { color: #000; font-family: 'FontAwesome'; font-size: 14px; line-height: 22px; display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; margin-right: 5px; position: relative; } .entry-meta span:after { content: "|"; color: #999; display: inline-block; padding: 0 5px 0 10px; } .entry-meta span:last-child:after { display: none; } /* Entry-format */ .format-aside .entry-format:before { content: "\f06e"; } .format-image .entry-format:before { content: "\f03e"; } .format-gallery .entry-format:before { content: "\f1ad"; } .format-video .entry-format:before { content: "\f03d"; } .format-status .entry-format:before { content: "\f130"; } .format-quote .entry-format:before { content: "\f10d"; } .format-link .entry-format:before { content: "\f0c1"; } .format-chat .entry-format:before { content: "\f086"; } .format-audio .entry-format:before { content: "\f028"; } .entry-footer { text-align: right; } .entry-footer .entry-meta .entry-format, .entry-footer .entry-meta .author { float: left; } .entry-footer .entry-meta .comments { float: left; margin-right: 0px; } /* ----- Entry Meta Link Button ----- */ .entry-footer a.more-link { display: inline-block; font-size: 14px; padding: 9px 24px; background: #272727; color: #fff; border: 1px solid #272727; border-radius: 4px; } /* Woocommerce overrides ================================================== */ #pasal-woocart-navigation ul.dropdown-menu.dropdown-cart { width: auto; right: 0; left: auto; float: left; top: 28px; border-radius: 0; border: none; } li.dropdown.woo-dropdown-cart .wc-proceed-to-checkout a { padding: 15px 0; } #pasal-woocart-navigation ul.dropdown-menu.dropdown-cart li{ width: auto; } .dropdown-cart .woocommerce table.shop_table th { padding: 8px 7px; border: none; } .dropdown-cart .woocommerce table.shop_table th { font-weight: normal; font-size: 14px; } /* Dropdown cart */ .dropdown-cart .woocommerce .shop_table thead{ background: $color__theme ; color: #fff; } .dropdown-cart .woocommerce table.shop_table th{ font-weight: normal; font-size: 14px; } .dropdown-cart .woocommerce table.shop_table th { padding: 8px 7px; border: none; } .dropdown-cart .woocommerce table.cart img{ max-width: 50px; } .dropdown-cart .woocommerce td{ color: #333; } .dropdown-cart .woocommerce table .actions{ display: none; } .dropdown-cart .woocommerce table.shop_table { border: none; margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); } .dropdown-cart .woocommerce table.shop_table .product-name a{ text-transform: uppercase; } .dropdown-cart .woocommerce .cart-collaterals table.shop_table{ border-bottom: none; } .dropdown-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 100%; color: #333; } .dropdown-cart .woocommerce .cart_totals h2{ display: none; } .dropdown-cart .woocommerce table.shop_table td{ border: 0 } .dropdown-cart .woocommerce .wc-proceed-to-checkout a{ display: block; text-align: center; background: $color__theme ; border-radius: 0 ; color: #fff !important; border-radius: 0 !important; } .dropdown-cart .woocommerce table.shop_table .product-quantity{ display: none; } .dropdown-cart .woocommerce table.shop_table tbody .product-quantity{ display: none; } .dropdown-cart .woocommerce table.shop_table td.product-remove a { height: 1em; width: 1em; text-align: center; color: red!important; text-decoration: none; border: 0; padding: 8px 4px !important; font-size: 1.5em !important; line-height: 20px; border-radius: 100%; font-weight: 400 !important; padding-top: 0 !important; } .dropdown-cart .woocommerce table.shop_table td.product-remove a:hover { color: #fff !important; } .dropdown-cart .cross-sells{ display: none; } .woocommerce .product-category h2 { background-color: #000; color: #fff; font-size: 13px; letter-spacing: 2px; line-height: 18px; padding: 10px 10px !important; text-transform: uppercase; text-align: center; position: relative; top: -200px; display: inline-block; z-index: 99; } .woocommerce div.product form.cart .variations td.value{ padding: 0; } .woocommerce div.product form.cart .variations label { font-weight: normal; color: #333; font-size: 18px; text-transform: capitalize; font-family: 'Poppins', sans-serif; } .woocommerce a.button{ border-radius: 0 !important; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: uppercase; } .woocommerce a.button:hover{ background: #747474; color: #fff; } .woocommerce .product-category mark.count{ background: none !important; color: #fff !important; } .woocommerce .product-category { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .woocommerce .product-category:before, .woocommerce .product-category:after{ position: absolute; top: 15px; right: 15px; bottom: 50px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .woocommerce ul.products li.product .onsale { border-radius: 0; min-height: 0; min-width: 0; padding: 4px 14px; line-height: 23px; left: 0; right: auto; top: 15px; z-index: 9; } .woocommerce ul.products li.product a img{ border: none; } .pasal-recent-product { padding: 50px 0; padding-bottom: 0; } .pasal-recent-feat { padding: 50px 0; border-top: 1px solid #eee; } .featured-title h2 { padding-bottom: 35px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-align: center; } .woocommerce ul.products li.product:hover{ -webkit-transform: translate(0px, -4px); -moz-transform: translate(0px, -4px); -ms-transform: translate(0px, -4px); -o-transform: translate(0px, -4px); } .woocommerce ul.products li.product h3 { padding: 0 15px; } .woocommerce ul.products li.product .star-rating { margin: 5px auto; } .woocommerce ul.products li.product .price { padding: 0 15px; } .woocommerce ul.products li.product .button { margin-top: 0; border-radius: 0; padding: 10px 11px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .woocommerce ul.products li.product:hover img{ opacity: 0.5; } .pasal-product-categories .woocommerce ul.products li.product a img{ margin-bottom: 0; opacity: 1 !important; } .pasal-product-categories .woocommerce ul.products li.product{ box-shadow: none !important; } .woocommerce .quantity .qty { height: 39px; margin: 0; } .woocommerce div.product form.cart .button { border-radius: 0; padding: 12px 10px; } .woocommerce .woocommerce-product-search input[type="submit"] { padding: 11px 20px 10px !important; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; border-radius: 0; padding: 13px 10px; } .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ padding: 13px 10px !important; } .woocommerce .woocommerce-ordering select { vertical-align: top; height: 38px; border-radius: 0; } /* #Post Image ================================================== */ .post-image-content { position: relative; } .post-featured-image { text-align: left; } .post-featured-image a { display: block; } /* #Entry Content ================================================== */ .entry-content { display: block; margin: 0px 0px 30px; } .entry-content dt, .comment-content dt { font-weight: bold; } .entry-content dd, .comment-content dd { margin-bottom: 20px; } .entry-content td, .comment-content td { padding: 8px; } .entry-content ul, .entry-content ol { margin: 0px 0px 30px 30px; } .entry-content li > ul, .entry-content li > ol { margin-bottom: 0px; } /* 21.0 Gallery ================================================== */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .gallery-caption { font-size: 13px !important; } .clearfix:after { content: ''; display: block; clear: both; } /* #Post-Image-Paging Navigation ================================================== */ .wp-pagenavi, #main ul.default-wp-page { margin: 50px 0; } .wp-pagenavi .pages { padding: 6px 12px; color: #747474; } .wp-pagenavi .current, .wp-pagenavi a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #747474; display: block; float: left; border: 1px solid rgba(0, 0, 0, 0.15); padding: 4px 11px; } .wp-pagenavi .current, .wp-pagenavi a:hover, .wp-pagenavi span.current { color: #747474; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #f4f4f4; } .wp-pagenavi span.current { font-weight: 200; } /* ----- wp-pagenavi ----- */ .wp-pagenavi { text-align: center; } .wp-pagenavi .current, .wp-pagenavi a { display: inline-block; float: none; margin-left: 4px; } /* ----- Default wp-page ----- */ #main ul.default-wp-page { margin-left: 0; list-style: none; padding-bottom: 0; } ul.default-wp-page li a { color: #000; } ul.default-wp-page li a:hover { color: #747474; } ul.default-wp-page li { padding: 0px 0px 20px; } ul.default-wp-page li.previous { float:left; } ul.default-wp-page li.next { float:right; } ul.default-wp-page li a { display: inline-block; } /* 22.0 Attachments ================================================== */ .image-attachment div.attachment { background-color: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background-color: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* 23.0 Comments ================================================== */ .comments-title { font-size: 30px; font-weight: normal; line-height: 38px; padding-bottom: 15px; } #main .comments-area ul, #main .comments-area ol { margin: 0 0 30px 30px; } #main .comments-area ul ul, #main .comments-area ol ol { margin-bottom: 0; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #484848; } .comments-area article header a { text-decoration: none; color: #484848; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-repeat: repeat-x; background: #0088d0; background: -webkit-linear-gradient(#009cee, #0088d0); background: -moz-linear-gradient(#009cee, #0088d0); background: -ms-linear-gradient(#009cee, #0088d0); background: -o-linear-gradient(#009cee, #0088d0); background: -webkit-gradient(#009cee, #0088d0); background: linear-gradient(#009cee, #0088d0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link { font-size: 13px; line-height: 1.846153846; color: #747474; } a.comment-reply-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } /* ----- Comment form ----- */ p.comment-form-cookies-consent input[type="checkbox"] { margin: 0; display: inline-block; } p.comment-form-cookies-consent label { display: inline-block !important; margin-left: 10px; } #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 30px; font-weight: normal; line-height: 38px; padding-bottom: 0; margin: 0; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #484848; } .required { color: red; } label ~ span.required { display: block; float: left; margin: -18px 0 0 -16px; margin: -1.285714286rem 0 0 -1.142857143rem; } /* 24.0 Pages ================================================== */ /* ----- Page Title ----- */ .page-header { padding: 0 0 30px; position: relative; overflow: hidden; } .error-404 .page-title { padding: 0px; } .error-404 .page-content { padding: 20px 0px; } .page-title { color: #333; float: left; font-size: 24px; line-height: 32px; padding: 0; } /* ----- Contact Page ----- */ .wpcf7-select { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 30px; padding: 10px; width: 40%; display: block; } .wpcf7 p { margin-bottom: 0; } input[type="file"] { margin: 0 0 30px; display: block; } input[type="checkbox"] { margin: 0px 0px 30px; } /* 25.0 Widgets ================================================== */ .widget { margin-bottom: 30px; } .widget ul li a { color: #999; font-size: 15px; } .widget ul li a:hover { color: #fff; } /* .widget-title { font-size: 18px; line-height: 24px; font-weight: 400; } */ aside.widget-area .widget-title,.woocommerce-page.archive .sec-content .widget-title { font-size: 21px; line-height: 24px; font-weight: 500; padding: 17px 20px; background: #f5f5f5; color: #333; } .woocommerce-page.archive .sec-content .widget a:hover{ color: #555; } aside.widget-area .widget a{ color: #555; } aside.widget-area .widget a:hover{ color: #555; } /* .widget-title, .widget-title a { color:#333; } */ .widget-title a:hover { color: #000; } // #secondary .widget-title:after { // -moz-border-bottom-colors: none; // -moz-border-left-colors: none; // -moz-border-right-colors: none; // -moz-border-top-colors: none; // border-color: #161616 transparent transparent; // border-image: none; // border-style: solid; // border-width: 7px; // content: ""; // height: 0; // left: 50%; // margin-left: -7px; // position: absolute; // top: 100%; // width: 0; // } #secondary .widget-title { background-color: #f5f5f5; color: #333; font-size: 18px; line-height: 22px; letter-spacing: 1px; margin-bottom: 10px; padding: 14px 18px; position: relative; text-transform: uppercase; } /* Search Widget ================================================== */ input.search-field { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #747474; float: left; font-size: 14px; height: 46px; line-height: 22px; margin: 0; outline: medium none; padding: 6px 8px; width: 80%; /* fallback if needed */ width: calc(100% - 60px); } .search-submit { background-color: #000; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; height: 46px; margin-left: -1px; outline: medium none; right: 0; width: 60px; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .search-submit:hover { font-size: 22px; } /* Promonational Area ================================================== */ .promonational-area { margin-bottom: 20px; } .promonational-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 220px; padding: 15px; position: relative; width: 100%; } .promonational-area .promonational-link { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 99; } .promonational-overlay { border: 1px solid #fff; height: 100%; position: relative; text-align: center; } .promonational-overlay h4 { background-color: rgba(255, 255, 255, 0.9); color: #000; display: inline-block; font-size: 11px; letter-spacing: 2px; line-height: 18px; max-width: 80%; padding: 8px 12px 7px 14px; margin-top: 25%; text-transform: uppercase; } /* Contact Widget ================================================== */ .widget_contact ul li i { font-size: 14px; line-height: 24px; padding-right: 5px; vertical-align: top; } .widget_contact ul li { padding: 6px 0 7px 0; } .widget_contact ul li a:hover { color: #000; } /* Calendar Widget ================================================== */ .widget_calendar #wp-calendar { width: 90%; margin: 0 auto; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 18px; padding: 0 0 30px; text-transform: uppercase; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar tfoot td { background-color: #f4f4f4; } /* Posts Widget ================================================== */ .widget_posts { margin-bottom: 30px; } .widget_posts .post-title a:hover { text-decoration: underline; } .widget_posts .article-calendar { font-size: 14px; } /* Tag Cloud Widget ================================================== */ .widget_tag_cloud a { border: 1px solid #ddd; color: #747474; display: inline-block; font-size: 13px !important; margin-bottom: 10px; margin-right: 5px; padding: 2px 12px; } .widget_tag_cloud a:hover { background-color: #eee; } /* ----- Site Info ----- */ .site-info { padding: 10px 0; background-color: #f8f8f8; font-size: 14px; line-height: 22px; text-align: center; background-position: center center; background-size: cover; } .site-info .social-links { float: none; margin-bottom: 18px; text-align: center; } .site-info .social-links { display: inline-block; } .site-info .social-links a { border: 1px solid #545454; color: #fff; background: #545454; display: inline-block; margin: 10px 8px 0; border-radius: 50%; transition: all 0.4s ease-in-out; line-height: 28px; } .site-info .social-links a:hover { background: transparent; color: #545454; } .site-info .copyright { color: #848484; font-size: 13px; line-height: 21px; padding: 10px 0; width: 100%; float: none; text-align: center; } .site-info .copyright a { color: #999; } .site-info .copyright a:hover { color: #000; } /* Googlemap Widget ================================================== */ .googlemaps_widget { width: 100%; margin-bottom: 50px; } .maps-container { border: 1px solid #ccc; margin: 0px; padding: 0px; height: 402px; } .googlemaps_widget iframe { width: 100%; height: 400px; } /* 26.0 Footer ================================================== */ #colophon p { margin-bottom: 15px; } #colophon { font-size: 13px; line-height: 21px; } #colophon .widget-wrap { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #333; } #colophon .widget-area { margin: 0 -30px; padding: 50px 0 10px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } #colophon .widget { margin-bottom: 30px; } #colophon .widget ul li a:hover { color: #000; } #colophon .widget_categories ul li a, #colophon .widget_pages ul li a, #colophon .widget_nav_menu ul li a, #colophon .widget_recent_entries ul li a, #colophon .widget_categories ul li a, #colophon .widget_recent_comments ul li a, #colophon .widget_meta ul li a, #colophon .widget_rss ul li a { display: block; } #colophon .widget_categories ul ul li a, #colophon .widget_pages ul ul li a, #colophon .widget_nav_menu ul ul li a, #colophon .widget_recent_entries ul ul li a, #colophon .widget_categories ul ul li a, #colophon .widget_recent_comments ul ul li a, #colophon .widget_meta ul ul li a, #colophon .widget_rss ul ul li a { padding-left: 20px; } #colophon .widget_categories ul ul ul li a, #colophon .widget_pages ul ul ul li a, #colophon .widget_nav_menu ul ul ul li a, #colophon .widget_recent_entries ul ul ul li a, #colophon .widget_categories ul ul ul li a, #colophon .widget_recent_comments ul ul ul li a, #colophon .widget_meta ul ul ul li a, #colophon .widget_rss ul ul ul li a { padding-left: 30px; } #colophon .widget-title { font-size: 23px; line-height: 26px; text-transform: Capitalize; } /*.widget_search .widget-title {*/ /*display: none;*/ /*}*/ .widget_rss ul li { display: block; padding: 10px 0px; } .widget_meta ul li, .widget_recent_comments ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_archive ul li { display: block; padding: 6px 0 7px 5px; } .widget_recent_entries span { display: block; font-size: 12px; } #colophon .widget_posts .post-title { font-size: 15px; line-height: 22px; padding-bottom: 0px; } /* Footer Widget ================================================== */ .column-4 { float: left; padding: 0 20px 40px; } .column-4 { width: 25%; } .column-4:nth-child(4n+5) { clear: both; } #colophon .column-4 { margin-bottom: 30px; padding: 0 30px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } #colophon .column-4:last-child { border-right: none; } /* ----- Footer Navigation ----- */ #footer-navigation { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 0; text-align: center; } #footer-navigation a:hover{ color: #000; } #footer-navigation a { color: #333; display: block; float: left; font-size: 12px; font-weight: normal; padding: 0 10px; text-transform: uppercase; } #footer-navigation ul li:last-child a { padding-right: 0; } #footer-navigation ul li { position: relative; display: inline-block; line-height: 10px; } #footer-navigation ul li:before { content: ''; border-right: 1px solid #999; position: absolute; height: 40%; right: 0; top: 30%; } #footer-navigation ul li:last-child:before { border-right: none; } /* #Main Slider ================================================== */ .main-slider, .main-slider .layer-slider, .main-slider .container { position: relative; height: 100%; } .main-slider .show-display { display: block; } .main-slider .hide-display { display: none; } .main-slider .image-slider { background-position: center center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 600px; position: relative; } .slider-content { left: 0; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 50%; } .slider-content .slider-title, .slider-content .slider-title a { color: #fff; font-size: 40px; font-weight: bold; line-height: 44px; margin-bottom: 0; } .slider-content .slider-text p { color: #fff; font-size: 16px; } .slider-buttons a { border-color: #fff; border-radius: 0; } /* ----- Slider Buttons ----- */ a.slider-prev, a.slider-next { color: #fff; font-size: 80px; line-height: 1; opacity: 0; -moz-opacity: 0.5; filter:alpha(opacity=50); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; z-index: 99; } a.slider-prev { left: 120px; } a.slider-next { right: 120px; } .main-slider:hover a.slider-prev { left: 70px; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } .main-slider:hover a.slider-next { right: 70px; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); } .main-slider a.slider-prev:hover, .main-slider a.slider-next:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } /* ----- Slider Pagination Buttons ----- */ .slider-button { text-align: center; line-height: 0; position: absolute; width: 100%; bottom: 40px; z-index: 99; } .slider-button a { background-color: transparent; border: 1px solid #fff; cursor: pointer; display: inline-block; font-size: 0; height: 11px; line-height: 14px; margin: 0 3px; opacity: ; -moz-opacity: ; filter:alpha(opacity=100); text-align: center; vertical-align: middle; width: 11px; } .slider-button a { border-radius: 50%; } nav.slider-button a.active, nav.slider-button a:hover { background-color: #fff; -moz-transition:background .3s ease; -webkit-transition:background .3s ease; -ms-transition:background .3s ease; transition:background .3s ease; } /* #bbpress ================================================== */ #bbpress-forums, div.bbp-breadcrumb, div.bbp-topic-tags, div.bbp-template-notice p, #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { font-size: 14px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { border: 0px; float: none; margin-bottom: 2px; margin-right: 1px; } .bbp-pagination { text-align: right; } .bbp-pagination-count { float: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 14px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #f4f4f4; border: none; font-weight: bold; text-align: center; padding: 15px 18px 15px 18px; } #bbpress-forums li.bbp-footer { padding: 8px; border-top: 1px solid #ddd; } #bbpress-forums .bbp-topics a { color: #333; } #bbpress-forums .bbp-topics a:hover { color: #000; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #ddd; } #bbpress-forums li.bbp-header ul { font-size: 16px; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { font-size: 14px; padding: 12px 0 10px 18px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; margin: 5px 0 5px; padding: 0; word-wrap: break-word; } div.bbp-template-notice.info { color: #1891a8; } div.bbp-template-notice.info a { color: #1891a8; font-weight: 400; } #bbpress-forums p.bbp-topic-meta img.avatar { width:25px; height:25px; } #bbpress-forums fieldset.bbp-form { border: none; padding: 0; } #bbpress-forums fieldset.bbp-form legend { font-size: 15px; font-weight: bold; padding: 0 0 10px; } div.bbp-template-notice, div.indicator-hint { background: #f4f4f4; border: 1px solid #ddd; padding: 15px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #bbpress-forums .wp-editor-container, #wp-bbp_topic_content-editor-container, #wp-bbp_reply_content-editor-container { border: 1px solid #ddd; } #wp-bbp_topic_content-editor-container textarea { background-color: transparent; } .bbp-topic-form input#bbp_topic_title, .bbp-topic-form input#bbp_topic_tags, .bbp-topic-form select#bbp_stick_topic_select, .bbp-topic-form select#bbp_topic_status_select { color: #AAA9A9; background-color: #ffffff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; /* Firefox 3.5 - 3.6 */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ color: #747474; font-size: 13px; padding: 8px 2%; } .bbp-submit-wrapper button.submit { border: 1px solid #000; background-color: #000; color: #fff; padding: 8px 30px; font-size: 15px; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bbp-submit-wrapper button.submit:hover { background-color: #ddd; border: 1px solid #ccc; color: #666; cursor: pointer; } .bbp-search-form input[type="submit"] { display: inline-block; height: 45px; margin: 0px 0px 0px -4px; } div.bbp-template-notice, div.indicator-hint { color: #ed1c24; } @media only screen and (max-width: 480px) { .bbp-search-form input[type="submit"] { height: 29px; } } /* Woocommerce ================================================== */ .woocommerce-page.photography #content { padding: 70px 0 30px; } /* .woocommerce #main .page-title { display: none; } */ .woocommerce-ordering .orderby { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #000; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: 400; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 14px 20px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #000; color: #fff; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #999; color: #fff; } .woocommerce span.onsale { background-color: #2eb851; min-height: 4em; min-width: 4em; padding: 0.402em; font-size: 14px; left: -20px; top: -20px; font-weight: 500; } .woocommerce ul.products li.product .onsale { margin: -1em -1em 0 0; } .woocommerce ul.products li.product h3 { font-size: 1.2em; } .woocommerce ul.products li.product .price { font-size: 1em; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #747474; } .woocommerce ul.products li.product .price { color: #747474; } .woocommerce ul.products li.product .price { margin-bottom: 1.5em; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 20px; } .woocommerce-demo-store p.demo_store { background-color: #000; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; } .woocommerce .woocommerce-message:before { color: #000; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 10px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 15px; border-radius: 0; } .woocommerce table.shop_table td { padding: 12px; border-top: 0px; } .woocommerce table.shop_table { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce div.product .woocommerce-tabs ul.tabs li { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.5em 0.8em; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 3em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #2eb851; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #008922; } .woocommerce .star-rating, .comment-form-rating .stars span a { color: #000; } .woocommerce .woocommerce-product-search input.search-field { width: calc(100% - 96px); } .woocommerce .woocommerce-product-search input[type="submit"] { padding: 11px 20px 12px; border-radius: 0px; } .woocommerce .tagcloud a { border: 1px solid #ddd; padding: 5px 10px; } .woocommerce-review-link { color: #747474; } #main .woocommerce-MyAccount-navigation > ul { list-style: none; } .woocommerce-MyAccount-navigation ul li > a { border: 1px solid #e4e4e4; display: block; height: 100%; margin-bottom: -1px; padding: 8px; width: 100%; } .woocommerce-MyAccount-navigation ul li > a:hover, .woocommerce-MyAccount-navigation ul li.is-active { background-color: #f8f8f8; } /*Slider Content With background color*/ .slider-content { padding: 20px 30px 30px; } .list-display .post-image-content{ width: 100%; display: block; margin-bottom: 20px; overflow: hidden; } .list-display .post-featured-image img{ width: auto !important; } .cat-links a { text-decoration: none; background: #f5f5f5; color: #333 !important; padding-bottom: 0; padding: 3px 8px; margin-bottom: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .cat-links a:hover{ background: #000; color: #fff !important; } .cat-links, .tag-links { border: 0 !important; padding-top: 11px; display: block; } .grid-display .entry-footer { text-align: center !important; } .footer-content { width: 100%; } nav#footer-navigation { width: 50%; float: right; border-bottom: 0; text-align: right; } .grid-display .post-gallery-item-holder { height: 300px; } .grid-display iframe { height: 300px !important; } .list-display .post-gallery { width: 40%; float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; overflow: hidden; } .list-display .post-gallery-item-holder { height: 250px; background-repeat: no-repeat; background-size: cover; } .list-display .post-video{ width: 40%; float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; overflow: hidden; } .list-display .post-audio{ width: 40%; float: left; display: inline-block; margin-right: 20px; margin-bottom: 20px; overflow: hidden; } .post-video-holder, .pos-audio-holder, .post-gallery{ margin-bottom: 20px; } .list-display iframe{ height: 250px; } .post-content-wrap { width: 100%; } #subscribe-email input { width: 100% !important; border-radius: 0 !important; margin-bottom: 0; } input[type="submit"]{ border-radius: 0; } .single-post .entry-header{ padding-top: 0; } .single-post .page-header { padding: 0 0 10px; } .single-post .post { padding: 0 !important; } .map-container iframe{ width: 100%; } .pasal-contact-info span { font-size: 15px; color: #666; word-wrap: break-word; } .pasal-contact-info { position: relative; } .pasal-contact-info span a { display: inline-block; font-weight: normal; color: #666; } .promonational-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .promonational-overlay:before, .promonational-overlay:after{ position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .promonational-overlay:before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .promonational-overlay::after { transform: scale(1, 0); border-right: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); } .promonational-area .three-column:hover .promonational-overlay::before, .promonational-area .three-column:hover .promonational-overlay::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .contact-content { margin: 0 0 0 25px; position: relative; text-align: left; display: inline-block; } .contact-content-wrap .contact-icon { width: 60px; height: 60px; line-height: 60px; text-align: center; background: #000; border-radius: 50%; color: #fff; font-size: 26px; float: left; } .pasal-contact-info { position: relative; } .contact-content-wrap { margin-bottom: 17px; display: block; line-height: 37px; } .contact-page #primary{ width: 60%; } .contact-page #secondary{ width: 40%; padding-left: 55px; } .contact-content h3 { padding: 0; font-size: 19px; line-height: 26px; } .contact-content h3:after { content: ''; background-color: #000; height: 2px; position: relative; width: 30px; display: block; margin-top: 7px; margin-bottom: 3px; } .author-name a { font-family: 'Poppins', sans-serif; font-size: 20px; } .author-bio .author-image img{ width: 100%; } .author-bio { margin-bottom: 35px; } .list-display .post:first-child { float: left; } .dropdown-menu .woocommerce table.shop_table.shop_table_responsive { padding: 15px; } button { overflow: visible !important; } ol.comment-list li { list-style: none; } .comment-content { padding: 10px 20px; background: #f5f5f5; margin-top: 15px; } .comment-metadata { margin-top: 12px; } .reply a { background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0 none; color: #fff; cursor: pointer; margin-top: 20px; display: inline-block; border-radius: 0; margin-bottom: 30px; padding: 6px 18px; text-align: center; text-transform: uppercase; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .reply a:hover { background-color: #747474; color: #fff; } .custom-logo-link img.custom-logo { max-width: 65px; width: auto; } .is-sticky .nav-site-title { padding: 10px 0; } ul.post-categories { padding: 0; } .post-content-wrap header.entry-header { padding: 0; } .list-display .entry-footer { text-align: left; float: left; width: 100%; } .list-display .entry-meta{ float: left; } .list-display .post-content-wrap .entry-meta { float: none; display: block; } .sticky .post-content-wrap { width: 100% !important; } .list-display .sticky .post-featured-image img { width: 100% !important; } .list-display .sticky .post-image-content{ width: 100%; } .list-display .sticky .entry-footer a.more-link{ float: left; } // article span.comments:before { // content: "|"; // color: #999; // display: inline-block; // padding: 0 5px 0 10px; // } ul.default-wp-page { padding: 0; padding-top: 15px; } .post.format-gallery { float: none; } .search section { padding: 35px 0 25px 0!important; border-bottom: 1px solid rgba(0, 0, 0, 0.15); float: none !important; } .search section header.entry-header { padding: 0; } .search section .entry-content p{ margin-bottom: 0; } .comment-navigation .nav-links .nav-previous { float: left; padding: 0px 0px 20px; width: 50%; } .comment-navigation .nav-links{ float: left; margin: 0 0 40px 0; width: 100%; display: block; } .comment-navigation .nav-links .nav-next { padding: 0px 0px 20px; width: 50%; float: left; text-align: right; } .comment-navigation .nav-links a:hover { color: #747474; } .archive .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: calc(25% - 20px) !important; margin-right: 20px !important; clear: none; min-height: 270px; } .woocommerce .pasal-product-categories ul.products li.product-category.product { width: calc(33.33% - 28px) !important; margin-right: 40px !important; } .woocommerce .pasal-product-categories ul.products li.product-category.product:last-child { margin-right: 0 !important; } .entry-meta span i { margin-right: 5px; } /* .woocommerce-page ul.products li.product.product-category h2.woocommerce-loop-category__title { bottom: 10px; background: none; color: #000 !important; top: auto; display: block; text-align: center; left: auto; } */ .woocommerce-page ul.products li.product.product-category mark.count { color: #000 !important; } .woocommerce-page ul.products li.product.product-category:before,.woocommerce-page ul.products li.product.product-category:after{ display: none; } .footer-content.no-border { border: none; } .woocommerce ul.products li.product .button { margin-top: 0; border-radius: 0; padding: 12px 11px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pasal-image { overflow: hidden; position: relative; } .woocommerce ul.products li .woocommerce a.added_to_cart { background: #000; width: 100%; border-radius: 0; border-radius: 0; padding: 9px 11px; } .woocommerce ul.products li.product .pasal-image .button { width: 100%; position: absolute; left: 0; opacity: 0; bottom: -60px; } .woocommerce ul.products li.product:hover .pasal-image .button{ bottom: 0; opacity: 1; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 19px; } section#promo { background-size: cover; background-position: center; padding: 80px 0; } section#promo h2 { color: #fff; margin-top: 0; font-size: 30px; line-height: 38px; padding-bottom: 0; } section#promo p { color: #fff; margin-bottom: 0; } .btn-default{ border-radius: 0; } .promo-content { max-width: 700px; margin: 0 auto; } .promo-content .cta-btn-wrap { margin-top: 20px; } .blog-section.section { padding: 60px 0; background: #fafafa; } .blog-section.section .section-title{ text-align: center; margin-bottom: 50px; } .blog-section .post-wrap { background: #fff; text-align: left; -webkit-box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,.015); box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,.015); } .blog-section .post-review { padding: 20px 30px; } .blog-section .post-review h2 { font-size: 19px; line-height: 28px; margin-top: 0px; padding-bottom: 10px; } .blog-section article .entry-meta, .blog-section .post-wrap .entry-meta { margin-bottom: 10px; text-align: left; } .blog-section .post-wrap .entry-meta div { display: inline-block; margin-right: 15px; } .blog-section .post-wrap .entry-meta span { font-size: 14px; text-transform: capitalize; font-weight: 500; color: #888; } .blog-section .post-wrap .entry-meta span.author-img img, article .entry-meta span.author-img img { top: -3px; } .blog-section .post-wrap .entry-meta span.author-img img { width: 25px; } .blog-section .author-img img { border-radius: 50%; } .blog-section .post-wrap .entry-meta span { font-size: 14px; text-transform: capitalize; font-weight: 500; color: #888; } .blog-section .post-wrap .entry-meta i { margin-right: 8px; font-size: 17px; color: #000; } .blog-section figure.post-featured-image { margin-bottom: 0; } .blog-section .entry-meta span:after{ display: none; } .blog-section.section .section-title h2 { margin-bottom: 0; padding-bottom: 10px; } div#sticky_header-sticky-wrapper { height: auto !important; } .woocommerce ul.products li.product.product-category{ margin-bottom: 0; } .woocommerce ul.products li.product.product-category h2 { background: #fff; color: #333; text-transform: none; padding: 17px 30px !important; top: -195px; } .woocommerce .product-category mark.count { background: none !important; color: #333 !important; } .blog-section .post-wrap a.btn.btn-default { background: #272727; color: #fff; } .featured-title h2, .section-title h2, section#promo h2 { font-size: 32px; margin-bottom: 15px !important; margin-top: 0; } /* .featured-title h2{ margin-bottom: 30px; } */ .pasal-recent-product { border-top: 1px solid #eee; } .slider-buttons a { background: #000; border-color: #000; border-radius: 0; color: #fff; padding: 11px 28px; } nav#pasal-woocart-navigation ul { padding: 0; } #colophon .widget ul { padding: 0; } .home div#content { padding-bottom: 0; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: normal; } .social-links.clearfix { float: none; text-align: center; border-bottom: 1px solid #eee; padding: 30px 0; } a.added_to_cart.wc-forward{ background-color: #000; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; text-transform: uppercase; font-weight: 400; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; position: absolute; left: 0; opacity: 1; bottom: 0; border-radius: 0; margin-top: 0; border-radius: 0; padding: 10px 11px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .woocommerce ul.products li.product .pasal-image .add_to_cart_button.added{ display: none; } .single-product #primary { float: none; width: 100%; } .widget ul.product-categories li { padding: 6px 0; } .woocommerce ul.products li.product img { width: 100%; } .single-product .page-header { display: none; } .single-product div#content { padding-top: 60px; } .woocommerce div.product form.cart .button { padding: 12px 19px; } .woocommerce #review_form #respond .form-submit input { left: auto; border-radius: 0; padding: 14px 25px; } #promo a.btn.btn-default { margin-top: 30px; background: #000; color: #fff; border-color: #000; } .single-post .post { padding: 0 !important; border-bottom: none; } .social-icon-wrap { background: #fafafa; } .single-post .page-header { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .single-post .entry-header{ margin-bottom: 20px; } .btn-default:hover{ background: none !important; color: #333 !important; } .slider-buttons a:hover{ border-color: #fff !important; background: #fff !important; } #promo a.btn.btn-default:hover { border-color: #fff !important; background: #fff !important; } .nav-wrapper { width: 100%; display: block; z-index: 9999; border: 1px solid #f2f2f2; } .nav-wrapper .navbar { border: none; margin: 0; background: #000; } .nav-wrapper .navbar ul.dropdown-menu { position: absolute; left: auto; right: 0; top: 100%; min-width: 200px; padding: 0px; z-index: 100; display: none; background: #ffffff; border-radius: 0; border: none; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; box-shadow: none; } .nav-wrapper .navbar ul.dropdown-menu li { position: relative; width: 100%; border-bottom: 1px solid rgba(238, 238, 238, 0.28); background: #272727; } .nav-wrapper .navbar ul.dropdown-menu li:last-child { border-bottom: none; } .nav-wrapper .navbar ul.dropdown-menu li a { position: relative; display: block; padding: 9px 15px; line-height: 24px; font-size: 15px; text-transform: capitalize; color: #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .nav-wrapper .navbar ul.dropdown-menu li a:hover { color: #333 !important; } .nav-wrapper .navbar .nav li > a { color: #333; line-height: 47px; font-size: 16px; text-transform: Capitalize; font-family: "Poppins"; padding: 17px 16px; } .nav-wrapper .navbar .navbar-header { z-index: 999; } .nav-wrapper .navbar-collapse { background: #fff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none !important; } .navbar-default .navbar-nav > .active > a { background: transparent !important; } .nav-wrapper .navbar-nav ul.dropdown-sub { top: -2px !important; right: 100% !important; } .navbar-nav { float: left; text-align: right; width: 77%; } .navbar-nav li { float: none; display: inline-block; } .header-mid { padding: 25px 0; } .header-mid .logo { text-align: center; } .header-mid .logo .navbar-brand { float: none; padding: 14px 15px; font-weight: 700; font-family: Poppins; font-size: 30px; padding-bottom: 0; display: block; } .header-mid .category-search .category-form input.form-control { border: 1px solid #ddd; border-radius: 0; display: inline-block; height: 49px; width: 65%; } .header-mid .category-search button { display: inline-block; height: 49px; background: none; border: 1px solid #ddd; border-left: none; font-size: 13px; padding: 0 10px; position: relative; color: #666; width: 30%; } .header-mid .input-group { width: 100%; } .header-default .woocommerce-action { display: inline-block; float: right; width: 15%; } .nav-wrapper .navbar .woocommerce-action li a { font-size: 27px; padding: 15px 11px; } .nav-wrapper.header-default .navbar-nav { text-align: center; } .navbar-brand { float: left; padding: 7px 15px; font-size: 25px; line-height: 20px; } .nav-wrapper.header-default .site-branding { float: left; padding-top: 17px; } .site-branding .site-title { padding-bottom: 0; font-weight: 500 !important; font-size: 26px !important; padding-left: 0 !important; margin: 0; } p.site-description { font-size: 14px; line-height: 24px; margin: 0; } .nav-wrapper.header-default .navbar-nav { margin-left: 30px; text-align: center; width: auto; float: none; display: inline-block; } .nav-wrapper .navbar { background: none; } .site-branding .site-title a { text-decoration: none; color: #333; } .not-home .header .nav-wrapper { position: relative !important; box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.3) !important; } .not-home .header .nav-wrapper .navbar .nav li > a { color: #333; } .not-home .header ul.nav.navbar-nav.navbar-right.woocommerce-action li a{ color: #333; } .not-home .header .navbar-nav > li > a:hover, .not-home .header .navbar-nav > li > a:focus{ color: #333 !important; } .not-home .header .site-branding .site-title a, .not-home .header p.site-description{ color: #333; } .sec-content.section { padding: 70px 0; position: relative; } /* input.search-field { text-align: center; } */ .nav-wrapper.header-default .site-branding { padding-bottom: 9px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding-bottom: 0; padding-top: 20px; } .woocommerce ul.products li.product .star-rating { margin-bottom: 15px; } .woocommerce .products .star-rating { margin: 0 auto !important; } .pasal-product-categories { padding: 50px 0; } .woocommerce .pasal-product-categories ul.products { margin-bottom: 0; } .woocommerce .pasal-product-categories ul.products li.product-category.product{ margin-bottom: 0; } .woocommerce .woocommerce-cart-form__contents .button { padding: 15px 16px !important; } .widget_calendar #wp-calendar td { color: #999; } .woocommerce div.product div.images .flex-control-thumbs li { width: calc(25% - 20px); margin: 10px; } .pasal-recent-product .product-wrap,.pasal-recent-feat .product-wrap{ width: calc(25% - 20px); float: left; margin-right: 20px; } .pasal-recent-feat .product-wrap{ margin-bottom: 20px; } .pasal-product-categories { padding-bottom: 30px; } .copyright a { color: #fff; } @media only screen and (max-width: 989px) { .pasal-recent-product .product-wrap, .pasal-recent-feat .product-wrap { width: calc(50% - 20px); margin-bottom: 20px; } .blog-section .post-wrap { margin-bottom: 30px; } .row { margin-left: 0; margin-right: 0; } .layer-slider .slider-content{ width: 50%; } .archive .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: calc(50% - 20px) !important; } } @media only screen and (max-width: 767px) { .layer-slider .slider-content{ width: 85%; } } @media only screen and (max-width: 480px) { .pasal-recent-product .product-wrap, .pasal-recent-feat .product-wrap { width: 100%; margin-right: 0; } .archive .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 100% !important; margin-right: 0 !important; } } .woocommerce ul.products li.product .star-rating { margin-top: 10px !important; margin-bottom: 10px !important; } .pasal-recent-feat { padding-bottom: 0; } .botfooter { text-align: center; padding: 14px 0; } .single-product a.compare.button { margin: 20px 0; } .woocommerce div.product form.cart .button.single_add_to_cart_button { text-transform: uppercase; } header.woocommerce-products-header .page-title { display: block; float: none; } p.woocommerce-result-count { display: block; } .blog-section .post-wrap a.btn.btn-default { padding: 7px 20px; } .prefooter { padding: 65px 0; background: #2d2d2d; color: #999; } .prefooter ul { margin: 0; padding: 0; list-style: none; } .prefooter ul li { margin-bottom: 5px; } .prefooter ul li a { color: #999; text-decoration: none; } .prefooter .widget-title { color: #fff; font-size: 22px; line-height: 23px; letter-spacing: 1px; margin-top: 0; margin-bottom: 10px; padding: 9px 18px; position: relative; text-align: left; padding-left: 0; font-weight: 500; } .error-404 header.page-header h2 { font-size: 74px; margin-bottom: 25px; } .not-found .page-header h1 { margin-top: 0; font-size: 25px; float: none; } .error404 .section-content.section { padding: 70px 0; text-align: center; } section.error-404.not-found .page-header { overflow: visible; border: none; padding-bottom: 0; } section.error-404.not-found form.search-form { width: 50%; margin: 0 auto; margin-top: 20px; } .search-results article { border-bottom: 1px solid #eee; } .search-results article .entry-summary { margin-top: 15px; } .search-results article h2.entry-title { margin-bottom: 0; } .search-results article header.entry-header { margin-bottom: 20px; } article span.comments-link { margin-right: 15px; } article .entry-footer { text-align: left; } .nav-links { width: 100%; display: table; margin-top: 15px; } .nav-links .nav-previous{ width: 49%; display: table-cell; background: #fafafa; border-right: 1px solid #eee; } .nav-links .nav-next{ width: 50%; display: table-cell; text-align: right; background: #fafafa; } .nav-links .nav-previous, .nav-links .nav-next { vertical-align: middle; float: none; } .nav-links a, .nav-links span { padding: 1em 2em; margin-right: 5px; display: inline-block; font-size: 16px; color: #62646c; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; &:hover{ color: #333; } } .inner-banner-wrap{ background-attachment: fixed; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; outline: 0; padding: 80px 0; } .inner-banner-wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; content: ''; background: #000; } .inner-banner-wrap .inner-banner-content{ position: relative; z-index: 99; text-align: center; max-width: 750px; margin: 0 auto; } .inner-banner-wrap .inner-banner-content h2{ font-size: 30px; color: #fff; margin-top: 0; font-weight: 500; margin-bottom: 0; } .inner-banner-wrap .inner-banner-content ul.breadcrumb { background: none; background: none; margin-bottom: 0; margin: 0; } .inner-banner-wrap .inner-banner-content ul.breadcrumb li{ color: #fff; font-size: 16px; } .inner-banner-wrap .inner-banner-content ul.breadcrumb li a{ color: #fff; } .inner-banner-wrap .inner-banner-content ul.breadcrumb li a :hover,.inner-banner-wrap .inner-banner-content ul.breadcrumb li a :focus{ color: #fff; } .header-breadcrumb a, .header-breadcrumb,.inner-banner-wrap .inner-banner-content .woocommerce-breadcrumb{ color: #fff !important; } .woocommerce .pasal-product-categories ul.products li.product-category.product:last-child { margin-right: 0 !important; } .single-product .sec-content .primary nav.woocommerce-breadcrumb,.archive .sec-content nav.woocommerce-breadcrumb{ display: none; } .sec-content aside.widget .widget-title{ font-size: 21px; line-height: 24px; font-weight: 500; padding: 17px 20px; background: #f5f5f5; color: #333; } .sec-content aside.widget a{ color: #666 !important; } .sec-content aside.widget a:hover{ color: #666 !important; } .sec-content aside.widget ul{ padding-left: 15px; } .woocommerce-demo-store header#top { margin-top: 57px; } .widget_product_search button { background-color: #000; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 16px; height: 46px; margin-left: -1px; outline: medium none; right: 0; width: 90px; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .prev_button, .next_button { float: left; font-style: normal; font-weight: normal; width: 50%; display: inline-block; } .next_button { float: right; } .prev_button i { float: left; padding-right: 10px; } .next_button i { float: right; padding-left: 10px; } .next_button .nav_title, .next_button .pagi_text { float: right; text-align: right; width: 100%; margin: 0; } .prev_button .arrow, .next_button .arrow { color: #cccccc; margin-right: 18px; } .prev_button .pagi_text { float: left; margin: 0; } .prev_button .nav_title { clear: both; } .prev_button .pagi_text, .next_button .pagi_text { margin-bottom: 4px; color: #333; font-size: 18px; } .prev_button .pagi_text span, .next_button .pagi_text span { color: #333; display: block; font-style: normal; font-weight: 300; margin-bottom:4px; } span.pagi_text i { top: 5px; position: relative; } .post-button .nav_title { color: #666; } .single-post div#comments.comments-area { float: left; width: 100%; } .post-button.blog-section { float: left; padding: 25px 26px; margin-bottom: 30px; background: #fafafa; width: 100%; } .next_button { border-left: 1px solid #eee; } span.pagi_text i { top: 5px; position: relative; float: none; top: 0; } .single-post .post-gallery-item-holder{ height: 400px; } .home.woocommerce .pasal-product-categories ul.products li.product-category.product { width: calc(25% - 15px) !important; margin-right: 19px !important; } .home.woocommerce .pasal-product-categories ul.products li.product-category.product:last-child { margin-right: 0 !important; } .home.woocommerce ul.products li.product.product-category h2 { background: #fff; color: #333; text-transform: none; padding: 17px 15px !important; top: -160px; font-size: 18px; letter-spacing: 0; } .woocommerce ul.products li.product.product-category h2{ letter-spacing: 0; } .blog-section .post-wrap a.btn.btn-default { padding: 7px 20px; margin-left: 0; margin-top: 0px; } .post-video-holder iframe { height: 240px; margin: 0; } .post-video-holder { margin: 0; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget,.widget ul { padding-left: 15px !important } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0 0 7px; list-style: none; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: none; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0; width: 100%; background-color: #fafafa; height: auto; padding: 6px; } p#billing_state_field .select2-container--default .select2-selection--single{ height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { margin-top: 40px; } div#customer_details { margin-bottom: 40px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order ,.woocommerce .cart .button, .woocommerce .cart input.button{ text-transform: uppercase; } .sec-content .widget ul li a, .sec-content .widget span, .sec-content .widget p { color: #666; } .product span.woocommerce-Price-amount.amount { margin-top: 10px; display: inline-block; } ul.products li.product a.added_to_cart.wc-forward { width: 100%; padding: 16px 11px; position: absolute; } article a.post-thumbnail img { margin-bottom: 15px; } .woocommerce .alignright,.woocommerce img.alignright { display: inline; float: right; margin-left: 1.5em; } .woocommerce .alignleft, .woocommerce img.alignleft { display: inline; float: left; margin-right: 1.5em; } .woocommerce .alignleft, .woocommerce img.alignleft { display: inline; float: left; margin-right: 1.5em; } .aligncenter{ margin-left: auto; margin-right: auto; } .page-links { clear: both; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } form.search-form label { width: calc(100% - 60px); } form.search-form input.search-field { width: 100%; } form.search-form button.search-submit { float: right; } .header-mobile-show ul.nav.navbar-nav.navbar-right.woocommerce-action li { width: auto; }.product-footer .price span { display: inline-block; } .product-icons.product svg { border: none; margin-right: 8px; text-decoration: none; border-right: 1px solid rgba(238, 238, 238, 0.22); padding-right: 12px; color: #333; text-align: center; line-height: 40px; font-size: 21px !important; padding: 0; background: none; } .product-footer .price { padding: 0 !important; margin: 0 !important; } .cat-product-item svg { color: #fff !important; } .cat-product-item .product-icons.product svg { color: #fff !important; margin-right: 8px; text-decoration: none; border-right: 1px solid rgba(238, 238, 238, 0.22); padding-right: 12px !important; width: auto !important; font-size: 18px !important; } .cat-product-item .product-icons.product svg:last-child { margin-right: 0; padding-right: 0; border: none !important; } .cat-product-item .product-img { position: relative; overflow: hidden; } .prefooter ul { list-style: none; padding: 0 !important; margin: 0 !important; } .botfooter { background: #303030; color: #999; padding: 21px 0; text-align: center; }