/* Theme Name: Trizzy Theme URI: trizzy.purethemes.wpengine.com Author: Purethemes Author URI: http://themeforest.net/user/purethemes Description: Multi-purpose WooCommerce Theme Version: 1.0.4 License: ThemeForest License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: trizzy Domain Path: /languages/ Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns */ /* ------------------------------------------------------------------- */ /* Import Section ---------------------------------------------------------------------- */ @import url("css/base.css"); /* Default Reset, Typography, Forms, etc. */ @import url("css/responsive.css"); /* Responsive Grid */ @import url("css/font-awesome.css"); /* Font Awesome Icons */ @import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800"); /* ------------------------------------------------------------------- */ /* Table of Contents ---------------------------------------------------------------------- 1. Header 2. Navigation 3. Miscellaneous 4. Schortcodes 5. Revolution Slider 6. Royal Slider 7. ShowBiz Carousel 8. Widgets 9. Portfolio 10. Blog Styles 11. Footer 12. Media Queries ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------- */ /* Header ---------------------------------------------------------------------- */ #top-bar { background: #f5f5f5; color: #909090; padding: 0px 0; } ul.top-bar-menu { margin: 5px 0;} ul.top-bar-menu li { font-size: 13px; display: inline; margin: 0 20px 0 0; } ul.top-bar-menu li a { color: #909090; } ul.top-bar-menu li i { color: #c2c2c2; margin: 0 5px 0 0; } /* Logo ------------------------------------- */ #logo { margin-top: 34px; } /* Language / Currency ------------------------------------- */ .top-bar-dropdown { cursor: pointer; display: inline-block; } .top-bar-dropdown.currency-change img { display: none !important; } .top-bar-dropdown .curr_list_vertical, .top-bar-dropdown .options { opacity: 0; visibility: hidden; position: absolute; margin: 20px 0 0 0; z-index: 10; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .top-bar-dropdown.active .curr_list_vertical, .top-bar-dropdown.active .options { opacity: 1; pointer-events: auto; visibility: visible; z-index: 9999 } .top-bar-dropdown.active .curr_list_vertical:before, .top-bar-dropdown.active .options:before{ width: 0px; content: " "; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #606060; position: absolute; top: -5px; left: 6px; } .top-bar-dropdown span:after { content: "\f0d7"; font-family: "FontAwesome"; font-size: 12px; color: #bbb; top: -2px; margin-left: 3px; position: relative; } .top-bar-dropdown ul { background: #606060; width: 100px; } .top-bar-dropdown ul li { width: 100px; display: block; } .top-bar-dropdown ul li a { padding: 5px 8px; display: block; color: #ccc; z-index: 10; position: relative; transition: background 0.1s ease-in-out, color 0.1s ease-in-out;; } .top-bar-dropdown ul li a:hover { background: #808080; color: #fff; z-index: 1; position: relative; } /* Social Icons ------------------------------------- */ .social-icons li { display: inline; float: left; margin-right: 4px; } .social-icons li a { width: 42px; height: 42px; display: inline-block; background-color: #f5f5f5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; } .container .columns.header-right { float: right; } /* Header Icon Styles */ #top-bar .social-icons { float: right; } #top-bar .social-icons li { margin: 0 0 -4px 0; padding: 0; float: left; } #top-bar .social-icons li a { width: 36px; height: 36px; margin: 0; padding: 0; } #top-bar .social-icons li a:before, #top-bar .social-icons li a i { font-size: 14px; } #top-bar .social-icons li .twitter:before, #top-bar .social-icons li .twitter i:before { font-size: 12px; } /* Common Styles */ .social-icons li a i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; z-index: 20; } .social-icons li a:hover, .social-icons li a i { color: #fff; } .social-icons li a i { top: -30px; opacity:0; } .the-team-social.social-icons li a i, .social-icons li a:hover i { top: 0; opacity: 1; } .twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .dribbble:before { font-family: "fontello"; font-size: 16px; line-height: 16px; color: #aaa; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; z-index: 20; } .the-team a:before { display: none; } #top-bar .social-icons a:before { color: #c0c0c0; } /* Icon Styles */ .twitter:before {font-size: 14px;} .icon-twitter {font-size: 14px !important;} .twitter i, .twitter:before { margin: 13px 0 0 12px; } #top-bar .twitter i, #top-bar .twitter:before { margin: 10px 0 0 11px; } .twitter:before { content: "\54"; top: 0; opacity:1; } .twitter:hover:before { top: 30px; opacity: 0; } .twitter:hover { background-color: #3bc1ed; } .the-team .twitter { background-color: #3bc1ed; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } #top-bar .dribbble i, #top-bar .dribbble:before { margin: 11px 0 0 11px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92; } .the-team .dribbble { background-color: #ef5a92; } .facebook i, .facebook:before { margin: 13px 0 0 16px; } #top-bar .facebook i, #top-bar .facebook:before { margin: 11px 0 0 14px; } .facebook:before { content: "\66"; top: 0; opacity:1; } .facebook:hover:before { top: 30px; opacity: 0; } .facebook:hover { background-color: #4a6d9d; } .the-team .facebook { background-color: #4a6d9d; } .linkedin i, .linkedin:before { margin: 13px 0 0 13px; } #top-bar .linkedin i, #top-bar .linkedin:before { margin: 11px 0 0 11px; } .linkedin:before { content: "\4c"; top: 0; opacity:1; } .linkedin:hover:before { top: 30px; opacity: 0; } .linkedin:hover { background-color: #0b7bb5; } .the-team .linkedin { background-color: #0b7bb5; } .delicious i, .delicious:before { margin: 13px 0 0 13px; } #top-bar .delicious i, #top-bar .delicious:before { margin: 11px 0 0 11px; } .delicious:before { content: "\23"; top: 0; opacity:1; } .delicious:hover:before { top: 30px; opacity: 0; } .delicious:hover { background-color: #3274d1; } .the-team .delicious { background-color: #3274d1; } .paypal i, .paypal:before { margin: 13px 0 0 13px; } #top-bar .paypal i, #top-bar .paypal:before { margin: 11px 0 0 11px; } .paypal:before { content: "\24"; top: 0; opacity:1; } .paypal:hover:before { top: 30px; opacity: 0; } .paypal:hover { background-color: #2e689a; } .the-team .paypal{ background-color: #2e689a; } .gplus i, .gplus:before { margin: 13px 0 0 13px; } #top-bar .gplus i, #top-bar .gplus:before { margin: 11px 0 0 11px; } .gplus:before { content: "\2b"; top: 0; opacity:1; } .gplus:hover:before { top: 30px; opacity: 0; } .gplus:hover { background-color: #d53824; } .the-team .gplus { background-color: #d53824; } .stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; } #top-bar .stumbleupon i, #top-bar .stumbleupon:before { margin: 11px 0 0 9px; } .stumbleupon:before { content: "\2f"; top: 0; opacity:1; } .stumbleupon:hover:before { top: 30px; opacity: 0; } .stumbleupon:hover { background-color: #eb4924; } .the-team .stumbleupon { background-color: #eb4924; } .fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; } #top-bar .fivehundredpx i, #top-bar .fivehundredpx:before { margin: 11px 0 0 9px; } .fivehundredpx:before { content: "\30"; top: 0; opacity:1; } .fivehundredpx:hover:before { top: 30px; opacity: 0; } .fivehundredpx:hover { background-color: #444; } .the-team .fivehundredpx { background-color: #444; } .pinterest i, .pinterest:before { margin: 13px 0 0 15px; } #top-bar .pinterest i, #top-bar .pinterest:before { margin: 11px 0 0 13px; } .pinterest:before { content: "\31"; top: 0; opacity:1; } .pinterest:hover:before { top: 30px; opacity: 0; } .pinterest:hover { background-color: #cb1f25; } .the-team .pinterest { background-color: #cb1f25; } .forrst i, .forrst:before { margin: 13px 0 0 15px; } #top-bar .forrst i, #top-bar .forrst:before { margin: 11px 0 0 13px; } .forrst:before { content: "\3a"; top: 0; opacity:1; } .forrst:hover:before { top: 30px; opacity: 0; } .forrst:hover { background-color: #40833e; } .the-team .forrst { background-color: #40833e; } .digg i, .digg:before { margin: 13px 0 0 12px; } #top-bar .digg i, #top-bar .digg:before { margin: 11px 0 0 10px; } .digg:before { content: "\3b"; top: 0; opacity:1; } .digg:hover:before { top: 30px; opacity: 0; } .digg:hover { background-color: #205685; } .the-team .digg { background-color: #205685; } .spotify i, .spotify:before { margin: 13px 0 0 13px; } #top-bar .spotify i, #top-bar .spotify:before { margin: 11px 0 0 11px; } .spotify:before { content: "\3d"; top: 0; opacity:1; } .spotify:hover:before { top: 30px; opacity: 0; } .spotify:hover { background-color: #6ca405; } .the-team .spotify { background-color: #6ca405; } .reddit i, .reddit:before { margin: 13px 0 0 12px; } #top-bar .reddit i, #top-bar .reddit:before { margin: 11px 0 0 10px; } .reddit:before { content: "\3e"; top: 0; opacity:1; } .reddit:hover:before { top: 30px; opacity: 0; } .reddit:hover { background-color: #404040; } .the-team .reddit { background-color: #404040; } .appstore i, .appstore:before { margin: 13px 0 0 14px; } #top-bar .appstore i, #top-bar .appstore:before { margin: 11px 0 0 12px; } .appstore:before { content: "\41"; top: 0; opacity:1; } .appstore:hover:before { top: 30px; opacity: 0; } .appstore:hover { background-color: #c0c0c0; } .the-team .appstore { background-color: #c0c0c0; } .blogger i, .blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; } #top-bar .blogger i, #top-bar .blogger:before { margin: 10px 0 0 13px; font-size: 12px !important; } .blogger:before { content: "\42"; top: 0; opacity:1; } .blogger:hover:before { top: 30px; opacity: 0; } .blogger:hover { background-color: #ff6501; } .the-team .blogger { background-color: #ff6501; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } #top-bar .dribbble i, #top-bar .dribbble:before { margin: 11px 0 0 11px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92; } .the-team .dribbble { background-color: #ef5a92; } .evernote i, .evernote:before { margin: 13px 0 0 15px; } #top-bar .evernote i, #top-bar .evernote:before { margin: 11px 0 0 13px; } .evernote:before { content: "\45"; top: 0; opacity:1; } .evernote:hover:before { top: 30px; opacity: 0; } .evernote:hover { background-color: #6bb130; } .the-team .evernote { background-color: #6bb130; } .flickr i, .flickr:before { margin: 13px 0 0 13px; } #top-bar .flickr i, #top-bar .flickr:before { margin: 11px 0 0 11px; } .flickr:before { content: "\46"; top: 0; opacity:1; } .flickr:hover:before { top: 30px; opacity: 0; } .flickr:hover { background-color: #136dd5; } .the-team .flickr { background-color: #136dd5; } .rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; } #top-bar .rss i, #top-bar .rss:before { margin: 11px 0 0 12px; font-size: 12px !important; } .rss:before { content: "\52"; top: 0; opacity:1; } .rss:hover:before { top: 30px; opacity: 0; } .rss:hover { background-color: #fe8f00; } .the-team .rss { background-color: #fe8f00; } .youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; } #top-bar .youtube i, #top-bar .youtube:before { margin: 10px 0 0 12px; font-size: 16px !important; } .youtube:before { content: "\55"; top: 0; opacity:1; } .youtube:hover:before { top: 30px; opacity: 0; } .youtube:hover { background-color: #bf2f29; } .the-team .youtube { background-color: #bf2f29; } .vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; } #top-bar .vimeo i, #top-bar .vimeo:before { margin: 11px 0 0 11px; font-size: 12px !important; } .vimeo:before { content: "\56"; top: 0; opacity:1; } .vimeo:hover:before { top: 30px; opacity: 0; } .vimeo:hover { background-color: #4c8ab0; } .the-team .vimeo { background-color: #4c8ab0; } .xing i, .xing:before { margin: 13px 0 0 14px; } #top-bar .xing i, #top-bar .xing:before { margin: 11px 0 0 12px; } .xing:before { content: "\58"; top: 0; opacity:1; } .xing:hover:before { top: 30px; opacity: 0; } .xing:hover { background-color: #036568; } .the-team .xing { background-color: #036568; } .yahoo i, .yahoo:before { margin: 13px 0 0 11px; } #top-bar .yahoo i, #top-bar .yahoo:before { margin: 11px 0 0 9px; } .yahoo:before { content: "\59"; top: 0; opacity:1; } .yahoo:hover:before { top: 30px; opacity: 0; } .yahoo:hover { background-color: #9251a2; } .the-team .yahoo { background-color: #9251a2; } .amazon i, .amazon:before { margin: 13px 0 0 12px; } #top-bar .amazon i, #top-bar .amazon:before { margin: 11px 0 0 10px; } .amazon:before { content: "\61"; top: 0; opacity:1; } .amazon:hover:before { top: 30px; opacity: 0; } .amazon:hover { background-color: #2f3842; } .the-team .amazon { background-color: #2f3842; } .steam i, .steam:before { margin: 13px 0 0 11px; } #top-bar .steam i, #top-bar .steam:before { margin: 11px 0 0 9px; } .steam:before { content: "\62"; top: 0; opacity:1; } .steam:hover:before { top: 30px; opacity: 0; } .steam:hover { background-color: #383838; } .the-team .steam { background-color: #383838; } .dropbox i, .dropbox:before { margin: 13px 0 0 13px; } #top-bar .dropbox i, #top-bar .dropbox:before { margin: 11px 0 0 11px; } .dropbox:before { content: "\64"; top: 0; opacity:1; } .dropbox:hover:before { top: 30px; opacity: 0; } .dropbox:hover { background-color: #2c92dd; } .the-team .dropbox { background-color: #2c92dd; } .github i, .github:before { margin: 13px 0 0 13px; } #top-bar .github i, #top-bar .github:before { margin: 11px 0 0 11px; } .github:before { content: "\67"; top: 0; opacity:1; } .github:hover:before { top: 30px; opacity: 0; } .github:hover { background-color: #5c7381; } .the-team .github { background-color: #5c7381; } .lastfm i, .lastfm:before { margin: 13px 0 0 11px; } #top-bar .lastfm i, #top-bar .lastfm:before { margin: 11px 0 0 9px; } .lastfm:before { content: "\6c"; top: 0; opacity:1; } .lastfm:hover:before { top: 30px; opacity: 0; } .lastfm:hover { background-color: #d21309; } .the-team .lastfm { background-color: #d21309; } .tumblr i, .tumblr:before { margin: 13px 0 0 15px; } #top-bar .tumblr i, #top-bar .tumblr:before { margin: 11px 0 0 13px; } .tumblr:before { content: "\74"; top: 0; opacity:1; } .tumblr:hover:before { top: 30px; opacity: 0; } .tumblr:hover { background-color: #3d658d; } .the-team .tumblr { background-color: #3d658d; } .wordpress i, .wordpress:before { margin: 13px 0 0 14px; } #top-bar .wordpress i, #top-bar .wordpress:before { margin: 11px 0 0 12px; } .wordpress:before { content: "\77"; top: 0; opacity:1; } .wordpress:hover:before { top: 30px; opacity: 0; } .wordpress:hover { background-color: #383838; } .the-team .wordpress { background-color: #383838; } .instagram i, .instagram:before { margin: 13px 0 0 14px; } #top-bar .instagram i, #top-bar .instagram:before { margin: 11px 0 0 12px; } .instagram:before { content: "\f31f"; top: 0; opacity:1; } .instagram:hover:before { top: 30px; opacity: 0; } .instagram:hover { background-color: #3f6f94; } .the-team .instagram { background-color: #3f6f94; } /* Web Font */ @font-face { font-family: 'fontello'; src: url('fonts/fontello_31771571.eot'); src: url('fonts/fontello_31771571.eot#iefix') format('embedded-opentype'), url('fonts/fontello_31771571.woff') format('woff'), url('fonts/fontello_31771571.ttf') format('truetype'), url('http://www.bathempire.com/bathroom-ideas/wp-content/themes/trizzy/fonts/fontello.svg?31771571#fontello') format('svg'); font-weight: normal; font-style: normal; } .social-icons li i { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 16px; font-size: 16px; width: auto; } .icon-delicious:before { content: '\23'; } /* '#' */ .icon-paypal:before { content: '\24'; } /* '$' */ .icon-gplus:before { content: '\2b'; } /* '+' */ .icon-stumbleupon:before { content: '\2f'; } /* '/' */ .icon-fivehundredpx:before { content: '\30'; } /* '0' */ .icon-pinterest:before { content: '\31'; } /* '1' */ .icon-forrst:before { content: '\3a'; } /* ':' */ .icon-digg:before { content: '\3b'; } /* ';' */ .icon-spotify:before { content: '\3d'; } /* '=' */ .icon-reddit:before { content: '\3e'; } /* '>' */ .icon-appstore:before { content: '\41'; } /* 'A' */ .icon-blogger:before { content: '\42'; } /* 'B' */ .icon-dribbble:before { content: '\44'; } /* 'D' */ .icon-evernote:before { content: '\45'; } /* 'E' */ .icon-flickr:before { content: '\46'; } /* 'F' */ .icon-linkedin:before { content: '\4c'; } /* 'L' */ .icon-rss:before { content: '\52'; } /* 'R' */ .icon-twitter:before { content: '\54'; } /* 'T' */ .icon-youtube:before { content: '\55'; } /* 'U' */ .icon-vimeo:before { content: '\56'; } /* 'V' */ .icon-xing:before { content: '\58'; } /* 'X' */ .icon-yahoo:before { content: '\59'; } /* 'Y' */ .icon-amazon:before { content: '\61'; } /* 'a' */ .icon-steam:before { content: '\62'; } /* 'b' */ .icon-dropbox:before { content: '\64'; } /* 'd' */ .icon-facebook:before { content: '\66'; } /* 'f' */ .icon-github:before { content: '\67'; } /* 'g' */ .icon-lastfm:before { content: '\6c'; } /* 'l' */ .icon-tumblr:before { content: '\74'; } /* 't' */ .icon-wordpress:before { content: '\77'; } /* 'w' */ .icon-linkedin-rect:before { content: '\f31b'; } /* '?' */ .icon-instagram:before { content: '\f31f'; } /* '?' */ /* Skill Bars ------------------------------------- */ .skill-bar { height: 20px; position: relative; margin: 20px 0 42px 0; background-color: #f6f6f6; } .skill-title { display: block; float: left; position: relative; z-index: 5; color: #999; font-size: 14px; font-weight: 700; text-transform: uppercase; top: -27px; width: 100%; } span.skill-title i { float: right; position: relative; display: block; right: 0; color: #c0c0c0; } .skill-bar-value { display: block; height: 100%; position: absolute; z-index: 1; background: #808080; overflow: visible !important; } /* Skill Bars ------------------------------------- */ .info-banner { background: #f6f6f6; display: block; padding: 24px 28px; } .info-content { float: left; } .info-banner p { margin: 0; color: #909090; } .info-banner a.button { float: right; margin: 5px 0 0 0; font-size: 14px; padding: 8px 15px; } .info-banner h3 { font-size: 18px; font-weight: 700; line-height: 26px; } /* Notification Boxes ------------------------------------- */ #result .success, div.wpcf7-response-output, .woocommerce-message, .woocommerce-error, .woocommerce-info, .notification { font-size: 14px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 13px 40px 13px 18px; } .single-product .woocommerce-message { margin: 0px 55px 15px; padding-right: 18px; } body div.wpcf7-response-output { margin-top: 75px; clear: both; } div.wpcf7-response-output p, .notification p { margin: 0; } div.wpcf7-response-output span, .notification span { font-weight: 600; } #result .success, .notification.success, .notification.success strong { background-color: #EBF6E0; color: #5f9025; } div.wpcf7-response-output.wpcf7-mail-sent-ng, .woocommerce-error, div.wpcf7-response-output.wpcf7-mail-sent-ng strong, .notification.error, .notification.error strong { background-color: #ffe9e9; color: #de5959; } div.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-response-output.wpcf7-validation-errors strong, .notification.warning, .notification.warning strong { background-color: #FBFADD; color: #8f872e; } .woocommerce-info, .notification.notice, .woocommerce-message, .notification.notice strong { background-color: #E9F7FE; color: #5091b2; } .woocommerce-message { min-height: 25px; padding-top: 20px; } .woocommerce-message .wc-forward { float: right; color: #5091b2 } .notification strong { border: none !important; } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; margin-right: 12px; height: 8px; width: 8px; cursor: pointer; } .notification.success .close {background: url(images/alert_boxes_close_ico.png) 0 -8px no-repeat;} .notification.error .close {background: url(images/alert_boxes_close_ico.png) 0 0 no-repeat;} .notification.warning .close {background: url(images/alert_boxes_close_ico.png) 0 -16px no-repeat;} .notification.notice .close {background: url(images/alert_boxes_close_ico.png) 0 -24px no-repeat;} /* Counters ------------------------------------- */ .counter-box { display: block; background: #f6f6f6; padding: 40px 20px 37px 20px; text-align: center; } .counter-box p { margin: 5px 0 0 0; padding: 0; color: #909090; font-size: 18px; font-weight: 500; } .counter-box i { font-size: 60px; margin: 0 0 15px 0; color: #d2d2d2; } .counter { display: block; font-size: 32px; font-weight: 700; color: #666; line-height: 28px; } .counter-box.colored { background: #808080; } .counter-box.colored p, .counter-box.colored i, .counter-box.colored .counter {color: #fff} /* Happy Clients ------------------------------------- */ .happywrapper { position: relative; } .happywrapper .sb-navigation-left-alt.alt, .happywrapper .sb-navigation-right-alt.alt { top: 100px; } .sb-navigation-left-alt, .sb-navigation-right-alt, .sb-navigation-left-alt.notclickable, .sb-navigation-right-alt.notclickable { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sb-navigation-left-alt, .sb-navigation-right-alt { cursor:pointer; margin-top: 42px; } .sb-navigation-left-alt {float:left;} .sb-navigation-right-alt {float:right;} .sb-navigation-left-alt i, .sb-navigation-right-alt i { line-height:24px; font-size:24px; color:#c4c4c4; } .sb-navigation-left-alt:hover, .sb-navigation-right-alt:hover { } .sb-navigation-left-alt.notclickable, .sb-navigation-right-alt.notclickable { cursor:default; } .sb-navigation-left-alt.notclickable i, .sb-navigation-right-alt.notclickable i { color: #c4c4c4; } .sb-navigation-left-alt.alt, .sb-navigation-right-alt.alt { top: 57%; margin: 0; position: absolute; height: 20px; width: 20px; z-index: 99; } .sb-navigation-left-alt.alt { left: 10px; } .sb-navigation-right-alt.alt { right:0; } .happy-clients-photo img { margin: 0 auto; display: block; margin-bottom: 11px; border-radius: 50%; width: 80px; height: 80px; } .happy-clients-cite { font-size: 24px; font-weight: 300; color: #999; width: 75%; margin: 0 auto; display: block; text-align: center; line-height: 36px; margin-bottom: 7px; } .happy-clients-author { font-size: 18px; font-weight: 500; color: #808080; margin: 0 auto; display: block; text-align: center; line-height: 32px; } /* Additional Menu ------------------------------------- */ #additional-menu { display: block; float: right; margin: 18px 0 20px 0; } #additional-menu ul li { display: inline; padding: 0 11px; float: left; position: relative; } #additional-menu ul li:first-child { background: none; } #additional-menu ul li:last-child { padding-right: 0; } #additional-menu ul li a { font-size: 13px; color: #999; } #additional-menu ul li a span { color: #bbb; } #additional-menu ul li a:hover, #additional-menu ul li a:hover span { color: #808080; } #additional-menu ul li ul { position: absolute; margin-top: 10px; display: none; top: 100%; left: 10px; z-index: 999; background-color: #f8f8f8; } #additional-menu ul li li { display: block; padding: 10px; min-width: 130px; float: none; } /* Search ------------------------------------- */ .top-search { float: right; display: block; margin: 0; } .top-search input, .apply-coupon input { font-size: 13px; width: 192px; float: left; } .apply-coupon input { background-color: #fff; display: inline-block; float: left; margin: 0; border: 0; } .woocommerce-checkout .woocommerce-info span { margin-right: 5px; } .checkout_coupon { margin-bottom: 20px } .checkout_coupon .apply-coupon .coupon_code { background-color: #fafafa } .showcoupon { color: #5091b2; font-weight: 600 } .apply-coupon input.button { width: auto } .apply-coupon input:focus { background-color: #fff; margin: 0; border: 0; } @-moz-document url-prefix() { .apply-coupon input { border: 1px solid #f5f5f5; } .apply-coupon input:focus { border: 1px solid #f5f5f5; } } .top-search button { background: #c0c0c0; border: none; cursor: pointer; color: #fff; float: right; width: 40px; height: 40px; display: inline; padding: 0; border: none; position: relative; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .apply-coupon a { display: block; float: left; } .top-search button:hover { background-color: #808080; } .top-search button i { top: 0; left: 0; position: relative; display: block; z-index: 20; } /* Cart ------------------------------------- */ #cart { float: right; display: block; margin: 0 0 0 15px; position: relative; z-index: 100; } #cart a { color: #fff; } .cart-list { position: absolute; right: 0; margin-top: 50px; background: #f5f5f5; z-index: 9999; display: none; width: 260px; } .cart-list.active { display: block; opacity: 1; visibility: visible; } .shipping-calculator-form select { padding: 10px; } .shipping-calculator-form .button { padding: 10px 13px } .shipping-calculator-form input[type="text"] { min-width: 242px } /* Cart Button */ .cart-btn a.button, .cart-btn .button { padding: 8px 14px 8px 52px; float: left; font-weight: 600; font-size: 14px; border-radius: 0px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .cart-btn .button.adc:before, .cart-btn .button.single_add_to_cart_button:before { content: "\f07a"; position: absolute; font-family: "FontAwesome"; padding: 7px 15px 7px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; font-size: 13px; } a.button.checkout.wc-forward:hover, a.button.wc-forward:hover, body .widget_price_filter .price_slider_amount button.button:hover, .cart-btn .button.hovered, .button.wc-backward:hover, .magazine-lead figcaption:hover .button, .wishlist_table .add_to_cart.button:hover, .cart-btn .button:hover { background-color: #606060; } a.button.wc-forward { background: #c0c0c0 } .widget_shopping_cart_content .buttons a{ width: 36%; text-align: center; } .widget_shopping_cart_content .buttons a:first-child{ margin-right: 5px; } .cart_list.product_list_widget li a { display: block; color: #666; font-size: 14px; font-weight: 600; } .widget_shopping_cart_content { padding: 18px; display: inline-block; background-color: #f6f6f6; color: #666; width: 85%; padding: 11px 20px 16px 20px; } /* .widget_shopping_cart_content .buttons a { text-transform: none; } */ /* Cart List */ #cart ul { padding: 16px; } .widget.woocommerce.widget_shopping_cart li, #cart ul li { border-bottom: 1px solid #e5e5e5; padding: 13px 0; display: block; overflow: hidden; } .widget.woocommerce.widget_shopping_cart li.empty { border-bottom: 0px solid #e5e5e5; padding: 0px; color: #888; margin-top: 5px; } #cart ul li:first-child { padding: 0 0 13px 0; } #cart ul li:last-child { border-bottom: none; padding: 13px 0 0 0; } #cart ul li:only-child { border-bottom: none; padding: 0px 0 0 0; } .widget.woocommerce.widget_shopping_cart ul.variation { padding: 5px 0px; opacity: 0.7 } .widget.woocommerce.widget_shopping_cart ul.variation li { padding: 0px; border:0px; } #cart ul li a { display: block; color: #666; font-size: 14px; font-weight: 600; } #cart ul li span { float: none; padding: 0; font-size: 13px; color: #a0a0a0; line-height: 18px; } #cart ul li a img { display: inline-block; float: left; padding: 0; width: 55px; height: auto; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-amount { padding: 9px 0; text-transform: uppercase; font-size: 12px; background-color: #eee; } .cart-list .arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #eee; position: absolute; top: -5px; left: 230px; } .cart-amount span { padding: 0 16px; color: #909090; } .cart-buttons { border-top: 1px solid #e5e5e5; padding: 15px 16px 10px 16px; } .cart-buttons a { font-size: 12px; text-transform: uppercase; font-weight: 600; font-size: 13px; color: #fff; display: inline-block; width: 100%; text-align: center; padding: 7px 0px; margin: 0 0 5px 0; background-color: #808080; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } .cart-buttons a.view-cart { background: #c0c0c0; } .cart-buttons a.checkout { background-color: #808080; } .cart-buttons a.view-cart:before, .cart-buttons a.checkout:before { content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: none; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .cart-buttons a.view-cart:hover:before, .cart-buttons a.checkout:hover:before { background-color: #606060; } .cart-buttons a span { position: relative; z-index: 200; } /* ------------------------------------------------------------------- */ /* Navigation ---------------------------------------------------------------------- */ #navigation .menu { position: relative; padding: 0; list-style: none; float: left; width: 100%; max-height: 50px; background-color: #606060; margin: 15px 0 25px 0; z-index: 99; } #navigation .menu .mega { position: absolute; display: none; top: 100%; left: 0; } #navigation .menu > li { float: left; } #navigation .menu li:hover > .mega, #navigation .menu li.sfHover > .mega { display: block; } #footer .menu li.sfHover { background-color: transparent; } #navigation .menu > li > a { display: block; position: relative; } #navigation ol { list-style: none; margin:0px;} /* Current Page */ #navigation .menu > li.current-menu-parent, #navigation .menu > li.current-menu-ancestor, #navigation .menu > li.current_page_parent, #navigation .menu > li.current-menu-item { background-color: #505050;} #navigation .menu > li:hover .current, #navigation .menu > li.sfHover .current { background-color: #808080; } #navigation .menu > li > a { color: #fff; padding: 17px 20px 15px 20px; display: block; text-transform: uppercase; font-weight: 600; } #navigation .menu .homepage { text-indent: -9999px; display: block; width: 50px; height: 50px; padding: 0; background: url(images/home.png) 50% no-repeat; } #navigation.alt .menu .homepage { text-indent: -9999px; display: block; width: 50px; height: 50px; padding: 0; background: url(images/home_alt.png) 50% no-repeat; } #navigation.alt .menu li.homepage:active, #navigation.alt .menu li.homepage:hover { background-image: url(images/home.png); background-position: 50%; background-repeat: no-repeat; background-size: 13px 12px; } #navigation .menu .homepage li { text-indent: 0px; } #navigation .menu > li:hover, #navigation .menu > li.sfHover { background-color: #808080; } /* #navigation .menu > li.menu-item-has-children li.sfHover { background-color: #ededed; } */ .current, #navigation .menu > li, #navigation .menu > li:hover, #navigation .menu > li.sfHover { -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -ms-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } /* Mega Menu */ #navigation .mega { background-color: #f9f9f9; padding: 0; box-sizing: border-box; border-bottom: 1px solid #eaeaea; font-size: 13px; } #navigation .mega a { color: #909090; padding: 2px 0; display: block; margin-left: 12px; line-height: 19px; -webkit-transition: all 0.15s ease-in-out;; -moz-transition: all 0.15s ease-in-out;; -ms-transition: all 0.15s ease-in-out;; -o-transition: all 0.15s ease-in-out;; transition: all 0.15s ease-in-out;; } #navigation .mega a:hover { color: #808080; } #navigation .mega a.img-caption{ margin: 0px; padding: 0px } #navigation .mega-headline { background: #f0f0f0; color: #707070; font-weight: 600; display: block; padding: 8px 12px; margin-bottom: 8px; } #navigation .mega ul li p { padding: 0 12px; } #navigation .mega ul li p a { color: #808080; text-decoration: underline; display: inline-block; padding: 0; margin: 0; } #navigation .mega ul li p a:hover { color: #888; } #navigation.alt .menu { background-color: #f5f5f5; } #navigation.alt .menu > li > a { color: #787878 } #navigation.alt .arrows .with-ul:after { border-top-color: #aaa } #navigation.alt .menu > li.sfHover > a.with-ul:after, #navigation.alt .menu > li:hover > a.with-ul:after { border-top-color: rgba(255,255,255,.5) } #navigation.alt .menu > li.sfHover > a, #navigation.alt .menu > li:hover > a { color: #fff } #navigation.alt .menu > li.current-menu-parent, #navigation.alt .menu > li.current-menu-ancestor, #navigation.alt .menu > li.current_page_parent, #navigation.alt .menu > li.current-menu-item { background-color: #e6e6e6;} /* Mega Menu Grid */ #navigation .mega-container { margin-left: auto; margin-right: auto; width: 1136px; padding: 30px 22px 30px; } #navigation .mega-container > ul{ overflow: hidden; } #navigation .mega-container ol { list-style: none; margin:0px; padding: 0px; } .one-fourth-column, .one-fourth-columns, .one-column, .one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns { display:inline-block; float: left; position: relative; margin-left: 8px; margin-right: 8px; } #navigation .mega-container .one-column { width: 173px; } #navigation .mega-container .one-columns { width: 173px; } #navigation .mega-container .two-columns { width: 362px; } #navigation .mega-container .one-fourth-column { width: 267px; } #navigation .mega-container .one-fourth-columns { width: 267px; } #navigation .mega-container .three-columns { width: 551px; } #navigation .mega-container .four-columns { width: 740px; } #navigation .mega-container .five-columns { width: 929px; } #navigation .mega-container .six-columns { width: 1118px; } /* Smaller than standard 1180 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1289px) { #navigation .mega-container { margin-left: auto; margin-right: auto; width: 894px; } #navigation .mega-container .one-column { width: 133px; } #navigation .mega-container .one-columns { width: 133px; } #navigation .mega-container .two-columns { width: 282px; } #navigation .mega-container .one-fourth-column { width: 207px; } #navigation .mega-container .one-fourth-columns { width: 207px; } #navigation .mega-container .three-columns { width: 431px; } #navigation .mega-container .four-columns { width: 580px; } #navigation .mega-container .five-columns { width: 729px; } #navigation .mega-container .six-columns { width: 878px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 990px) { #navigation .mega-container { margin-left: auto; margin-right: auto; width: 702px; } #navigation .mega-container .one-column { width: 101px; } #navigation .mega-container .two-columns { width: 218px; } #navigation .mega-container .one-fourth-column { width: 159px; } #navigation .mega-container .three-columns { width: 335px; } #navigation .mega-container .four-columns { width: 452px; } #navigation .mega-container .five-columns { width: 569px; } #navigation .mega-container .six-columns { width: 686px; } } /* Basic Dropdown */ li.menu-item-has-children { position: relative; } li.menu-item-has-children.has-megamenu { position: static; } .menu-item-has-children:not(.has-megamenu) ul { position: absolute; display: none; top: 100%; left: 0; z-index: 9; margin-top: 1px; background-color: #f8f8f8; } li.menu-item-has-children:not(.has-megamenu) ul li { position: relative; } li.menu-item-has-children:not(.has-megamenu) ul li ul { position:absolute; display:none; top: 0; left: 200px; z-index: 100; } li.menu-item-has-children:not(.has-megamenu) ul li ul li a { display: block; min-width: 150px; } li.menu-item-has-children:not(.has-megamenu) ul li a { display: block; min-width: 150px; color: #909090; font-size: 13px; line-height: 18px; padding: 10px 16px; transition: all 0.15s ease-in-out; border-bottom: 1px solid #e9e9e9; margin-top: -1px; } li.menu-item-has-children:not(.has-megamenu) ul li a:hover { background-color: #808080; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.0); } /* Menu Arrows **/ #navigation .menu.arrows > li > a.with-ul { padding-right: 32px; } .arrows .with-ul:after { content: ''; position: absolute; top: 50%; right: 18px; margin-top: -2px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #FFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .arrows .homepage .with-ul:after { display: none } .arrows > li.menu-item-has-children ul li .with-ul:after, .arrows > li.menu-item-has-children ul li.sfHover .with-ul:after { border-left-color: rgba(0,0,0,0.2); border-top-color: rgba(255,255,255,0); right: 15px; margin-top: -4px; } /* =================================================================== */ /* Mobile Navigation ====================================================================== */ #jPanelMenu-menu { display: none; } #jPanelMenu-menu ol { list-style: none; margin: 0px;} #jPanelMenu-menu a.current { background: #808080 !important; } #jPanelMenu-menu a.current:after, #jPanelMenu-menu .with-ul:after { display: none; } #jPanelMenu-menu li p, #jPanelMenu-menu li a { display:block; padding: 12px 20px !important; background-color: #505050; color: #fff; font-weight: 500; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-weight: 600; outline: none; text-transform: uppercase; } #jPanelMenu-menu li p { text-transform: none; margin: 0px; } #jPanelMenu-menu .menu-item-has-children:not(.has-megamenu) ul { display: inline-block; position: static; width: 100%; } #jPanelMenu-menu li.menu-item-has-children:not(.has-megamenu) ul li a { font-size: 14px; border-bottom: 0px; } #jPanelMenu-menu li a:hover { background-color: #808080; } #jPanelMenu-menu .submenu li { background-color: #606060; } #jPanelMenu-menu li li a, #jPanelMenu-menu li li li a { background-color: #606060; padding-left: 30px !important; text-transform: none; font-weight: 500; } #jPanelMenu-menu .one-fourth-column, #jPanelMenu-menu .one-column, #jPanelMenu-menu .one-columns, #jPanelMenu-menu .two-columns, #jPanelMenu-menu .three-columns, #jPanelMenu-menu .four-columns, #jPanelMenu-menu .five-columns, #jPanelMenu-menu .six-columns { display:inline-block; float: left; position: relative; margin:0; width: 100%; } #jPanelMenu-menu #search-in-menu, #jPanelMenu-menu .hidden-on-mobile, #jPanelMenu-menu .mega-headline { display: none; } #jPanelMenu-menu li.menu-item-has-children.has-megamenu { overflow: hidden; } /* ------------------------------------------------------------------- */ /* Miscellaneous ---------------------------------------------------------------------- */ /* Headline ------------------------------------- */ .headline { font-size: 20px; background-color: #fff; padding-right: 10px; z-index: 5; position: relative; float: left; text-transform: uppercase; } .line { border-bottom: 1px solid #ebebeb; width: 100%; float: left; height: 1px; display: inline-block; margin: -16px 0 25px 0; } /* Parallax ------------------------------------- */ .parallax-banner { position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 40px; /* height: 200px; */ opacity: 0 } .parallax-banner img { position: absolute; } .parallax-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: block; text-align: center; text-transform: uppercase; font-weight: bold; background-color: transparent; background-color: rgba(0, 0, 0, 0.45); } .parallax-title { position: relative; z-index: 10; font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; display: block; top: 0; left: 0; text-align: center; } .parallax-title span { display: block; padding: 15px 0 0 0; font-size: 28px; font-weight: 300; } input[type="button"], input[type="submit"], .button, .vc_read_more, a.button { cursor: pointer; padding: 7px 14px; display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 13px; outline: none; overflow: hidden; position: relative; z-index: 10; color: #fff; background-color: #808080; border: none; border-radius: 0px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .vc_read_more { margin-top: 15px; } input[type="button"], input[type="submit"] { padding: 10px 14px; } input[type="button"]:hover, input[type="submit"]:hover { background-color: #c0c0c0; } body input[type="submit"][name="update_cart"] { background-color: #c0c0c0; } .apply-coupon input.button:hover, .button.view:hover, .shipping-calculator-form .button:hover, input.checkout-button:hover { background-color: #606060; } a.button.dark { background-color: #606060; } a.button.gray { background-color: #c0c0c0; } a.button.colo, a.button.dark:hover, a.button.gray:hover, a.button.color:hover { background-color: #c0c0c0; } .button i {margin-right:3px;} /* Parallax Titlebar ------------------------------------- */ .parallax-titlebar { position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 38px; height: 160px; } .parallax-titlebar img { position: absolute; } .parallax-titlebar h2 { position: relative; z-index: 10; font-size: 30px; color: #fff; font-weight: 700; display: block; top: 31%; left: 55px; } .parallax-titlebar span { font-size: 22px; color: #fff; font-weight: 300; display: block; } .parallax-content { position: relative; height: 100%; } .paralaxx-no-subtitle h2 { top: 40%; } .paralaxx-no-subtitle #breadcrumbs ul { margin-top: 40px; } /* Titlebar ------------------------------------- */ .titlebar { background-color: #f4f4f4; position: relative; margin: 0 0 50px 0; padding: 34px 0 32px; word-break: break-all; } .titlebar h2 { font-size: 24px; font-weight: 700; line-height: 28px; float: left; width: 100%; } .titlebar span { font-weight: 300; color: #aaa; } .titlebar #breadcrumbs ul { float: left; margin: 0; right: 0; } .titlebar #breadcrumbs a{ color: #606060; } .titlebar #breadcrumbs ul li, .titlebar #breadcrumbs ul li a, .titlebar #breadcrumbs ul li a:hover, .titlebar #breadcrumbs ul li:last-child a { color: #909090; } .titlebar #breadcrumbs ul li:after { color: #bbb; } /* Breadcrumbs ------------------------------------- */ #breadcrumbs ul { float: right; font-size: 13px; margin-top: 27px; font-weight: 500; position: relative; z-index: 10; right: 55px; } #breadcrumbs ul li { display: inline-block; color: #fff; margin: 0 0 0 5px; } #breadcrumbs ul li:after { content: "\f0da"; font-family: "FontAwesome"; font-size: 13px; color: #fff; margin: 0 0 0 9px; } #breadcrumbs ul li:last-child:after { content: ""; margin: 0; } #breadcrumbs ul li a, #breadcrumbs ul li a:hover, #breadcrumbs ul li:last-child a { color: #fff; } #breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; } #breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { background: none; } #breadcrumbs ul li:last-child { padding:0; font-weight: 600; background: none; } /* Full Width Styles ------------------------------------- */ .fullwidth .parallax-content { margin: 0 auto; } .fullwidth .parallax-banner.fullwidth-element, .fullwidth .parallax-titlebar.fullwidth-element, .fullwidth .parallax-banner img, .fullwidth .parallax-titlebar img { width: 100%; } .fullwidth .parallax-content h2 { left: 0; } .fullwidth .parallax-content #breadcrumbs ul { left: 0; right: 0; } /* Pagination ------------------------------------- */ .woocommerce-pagination, .pagination { margin: 0; text-align: center; overflow: hidden; } .woocommerce-pagination { margin-top: 40px; position: relative; } .right-sidebar-class .woocommerce-pagination { margin-right: 20px } .pagination-next-prev { position: relative; top: -36px; } body .wp-pagenavi a, body .wp-pagenavi span { border: 0px } .pagination #next {float: left} .pagination #prev {float: right} .woocommerce-pagination ul li, .pagination ul li { display: inline-block; margin: 2px; padding: 0; } .wp-pagenavi span.pages { display: none;} .wp-pagenavi li span.extend, .woocommerce-pagination ul li a, .pagination ul li a, .pagination-next-prev ul li a { padding: 9px 14px; border-bottom: none; display: inline-block; color: #fff; background-color: #c0c0c0; font-weight: 700; margin:0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .wp-pagenavi .current, .page-numbers.current, .current-page { background-color: #808080; display: block; padding: 9px 14px; border: 0px; color: #fff; font-weight: 700; } .products .woocommerce-pagination ul li a, .products .pagination-next-prev ul li a { background-color: #d0d0d0; } .pagination .current, .woocommerce-pagination ul li a:hover, .pagination ul li a:hover, .pagination-next-prev ul li a:hover { background: #808080; color: #fff; border: 0px; } .pagination-next-prev a.next { float: right; } .pagination-next-prev a.prev { float: left; } .next.page-numbers { position: absolute; right: 0px; top: 0px; } .prev.page-numbers { position: absolute; left: 0px; top: 0px; } .woocommerce-pagination .prev.page-numbers { left: 20px; } .pagination-next-prev ul li a { width: 36px; height: 36px; padding:0; } .pagination #next a:before, .pagination #prev a:before, .next.page-numbers:before, .prev.page-numbers:before, .pagination-next-prev .prev:before, .pagination-next-prev .next:before { font-family: "FontAwesome"; font-size: 13px; position: relative; display: block; line-height: 19px; } .pagination #next a:before { content: "\f053"; } .pagination #prev a:before { content: "\f054"; } .next.page-numbers:before { content: "\f054"; } .pagination-next-prev .next:before { content: "\f053"; margin: 9px 0 0 14px;} .prev.page-numbers:before { content: "\f053"; } .pagination-next-prev .prev:before { content: "\f054"; margin: 9px 0 0 12px; } .paging ul { position: relative; } .paging ul .nextpostslink { top:4px; right: 0px; position: absolute; } .paging ul .previouspostslink { top:4px; left: 0px; position: absolute; } .nav-links { overflow: hidden; margin-bottom: 40px; } .nav-links .nav-next a, .nav-links .nav-previous a{ padding: 9px 14px; border-bottom: none; display: block; color: #fff; background-color: #c0c0c0; font-weight: 700; margin: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .nav-links .nav-previous { float: left; } .nav-links .nav-next { float: right; } .nav-links a { display: block; color: #fff; word-break: break-all; } /* Custom Margins for Pages */ .products .pagination-next-prev a.prev { margin: 0 0 0 20px; } .pagination-next-prev.full-width a.prev { margin: 0 0 0 10px; } .pagination-next-prev.full-width a.next { margin: 0 10px 0 0; } .pagination-container { margin: 0 0 15px 0; } .products .pagination-container { margin: 50px 0 0 0; } .masonry.pagination-container { margin: 20px 0 40px 0; } /* 404 Error Page ------------------------------------- */ #not-found { margin: 90px 0 115px 0; } #not-found h2 { text-align: center; font-size: 240px; line-height: 210px; font-weight: 600; letter-spacing: -5px; } #not-found p { text-align: center; font-size: 32px; line-height: 48px; color: #999; } #not-found i { color: #808080; font-size: 210px; top: -12px; position: relative; } /* ------------------------------------------------------------------- */ /* Shortcodes ---------------------------------------------------------------------- */ /* Tabs ------------------------------------- */ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .tabs-nav li { float: left; line-height: 38px; overflow: hidden; padding: 0; position: relative; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, body .wpb_content_element .wpb_accordion_header a, .tabs-nav li a, .tab-reviews { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, body .wpb_content_element .wpb_accordion_header a, .tabs-nav li a { background-color: #f6f6f6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #888; font-weight: 600; display: block; letter-spacing: 0; outline: none; padding: 0 20px; text-decoration: none; } .tab-reviews { color: #aaa; } .tabs-nav li.active .tab-reviews { color: #fff; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-tabs-active a, .tabs-nav li.active a { background: #808080; color: #fff; } .tab-content { padding: 15px 0px; } .tabs-container { overflow: hidden; width: 100%; } .woocommerce-tabs { overflow: hidden; } .woocommerce-tabs .tab-content h2 { display: none; } .woo-login-form .tabs-container{ overflow: auto; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, body .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background: none } /* Regular Table ------------------------------------- */ table, table.shop_attributes, table.basic-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; } table.basic-table.shortcode th { text-transform: uppercase; } table th, table.shop_attributes th, table.basic-table th { text-align: left; padding: 10px 15px; color: #666; vertical-align: top; font-size: 14px; font-weight: 600; } table td, table.shop_attributes td, table.basic-table td { padding: 10px 15px; border-top: none; border-right: none; vertical-align: middle; } .order_details.shop_table thead tr:nth-child(odd), .order_details.shop_table tfoot tr:nth-child(odd), #order_review .shop_table thead tr:nth-child(odd), #order_review .shop_table tfoot tr:nth-child(odd), .shop_attributes tr:nth-child(odd), .basic-table tr:nth-child(odd) { background-color: #f8f8f8; } .shop_table.my_account_orders tbody tr:nth-child(odd){ background-color: #fff; } .shop_table.my_account_orders tbody tr:nth-child(even){ background-color: #f8f8f8; } .order_details.shop_table tbody tr, #order_review .shop_table tbody tr { background-color: #aaaaaa; color: #fff } .order_details.shop_table tbody tr td, .order_details.shop_table tbody tr td, #order_review .shop_table tbody tr td { border-top: 1px solid #bbb } .shop_table.order_details tbody tr:nth-child(odd) td, #order_review .shop_table tbody tr:nth-child(odd) td, .shop_table.order_details tbody tr:nth-child(odd) td a, #order_review .shop_table tbody tr td a{ color: #fff } .order_details.shop_table tbody tr td.product-name a, #order_review .shop_table tbody tr td.product-name a, .shop_table.order_details tbody tr:nth-child(odd) td.product-name .product-quantity, .order_details.shop_table tbody tr td.product-name .product-quantity, #order_review .shop_table tbody tr td.product-name .product-quantity { color: #fff; } .order_details.shop_table .variation { opacity: 0.7;} #order_review .variation { opacity: 0.7;} .order_details.shop_table .variation strong { color:#fff;} #order_review .variation strong { color:#fff;} .shop_table.order_details tfoot tr:nth-child(odd), .shop_table.order_details tfoot tr:nth-child(even) { background-color: #f8f8f8; } .my_account_orders thead th { border-bottom: 1px solid #ddd } .tab-content .shop_attributes, .tab-content .basic-table { margin: 0 0 20px 0; } .shop_attributes p { margin-bottom: 0px; } /* Dropcaps ------------------------------------- */ .dropcap { float: left; color: #808080; font-size: 58px; line-height: 54px; padding-top: 4px; padding-right: 10px; margin-top: -2px; font-weight: 600; } .dropcap.full { background: #808080; padding: 3px 5px 5px 5px; margin: 0 5px 0 0; color: #fff; bottom: -5px; position: relative; } dl { margin: 1.6em 0; } dl dt { float: left; width: 180px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; margin-bottom: 1em } dl dd { margin-left: 200px; margin-bottom: 1em } dl.customer_details, dl.variation { margin: 15px 0; } dl.variation dt { width: auto; } dl.customer_details dd, dl.variation dd { margin-left: 80px; } dl.customer_details dt { width: auto; font-weight: 600; min-width: 120px; text-align: left; } .product_list_widget dl.variation dt { } .product_list_widget dl.variation dd { } /* Highlights ------------------------------------- */ .highlight.color, .highlight.gray, .highlight.light { padding: 2px 6px; color: #fff; } .highlight.color { background: #808080; } .highlight.gray { background: #a0a0a0; } .highlight.light { background: #f2f2f2; color: #909090; } /* Blockquote ------------------------------------- */ blockquote { border-left: 4px solid #808080; padding-left: 20px; color: #999; line-height: 24px; font-style: italic; margin: 5px 0 20px 15px; } /* List Styles ------------------------------------- */ .list-1 li, .list-2 li, .list-3 li, .list-4 li { list-style: none; margin: 7px 0; margin-left: 2px; } .list-2 li { list-style: none; margin: 4px 0; margin-left: 2px; } .list-1 li:first-child, .list-2 li:first-child, .list-3 li:first-child, .list-4 li:first-child { margin-top: 0; } .list-1 li:before, .list-2 li:before, .list-3 li:before, .list-4 li:before { content: "\f00c"; font-family: "FontAwesome"; margin: 0 7px 0 0; position: relative; color: #a0a0a0; } .list-1.color li:before, .list-2.color li:before, .list-3.color li:before, .list-4.color li:before { color: #808080; } .list-1 li:before { content: "\f00c"; } .list-2 li:before { content: "•"; font-size: 24px; top: 3px;} .list-3 li:before { content: "\f058"; } .list-4 li:before { content: "\f138"; } /* Tooltips ------------------------------------- */ #tiptip_holder { display: none; position: absolute; left: 0; top: 0; z-index: 99999; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #tiptip_holder.tip_top { padding-bottom: 5px; -webkit-transform: translateX(12px) } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { color: #fff; font-size: 13px; line-height: 16px; padding: 6px 10px; background-color: #666; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #666; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #666; } #tiptip_holder.tip_right #tiptip_arrow { border-right-color:#666; } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #666; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #666; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #666; } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #666; } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #666; } /* Google Maps ------------------------------------- */ #googlemaps { padding-bottom: 30%; } .google-map-container { margin: 0 0 35px 0; } .google-map-container img { max-width: none !important; } /* Contact Details ------------------------------------- */ .contact-informations { } .contact-informations p { margin:0; } .contact-details-alt p { margin: 0 0 0 22px; line-height: 18px; } .contact-informations li i { float: left; margin: 3px 8px 0 0; color: #909090; } .contact-informations li, .contact-informations.second li { padding-bottom: 3px; } /* Contact Form ------------------------------------- */ .wpcf7-form fieldset div { margin-bottom: 15px; } .wpcf7-form fieldset div input { width: 240px; } .wpcf7-form textarea { width: auto; min-width: 97.5%; min-height: 180px; resize: vertical; } .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select { -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .wpcf7-form input:focus .wpcf7-form textarea:focus, .wpcf7-form select:focus { outline: none; position: relative; z-index: 5; } .wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid, .wpcf7-form select.wpcf7-not-valid { border: 1px solid #ffeceb; background: #ffeceb; } .wpcf7-form label { margin-bottom: 5px; } .wpcf7-form label span { color: #e24747; } .wpcf7-submit { margin-top: 20px; float: left; } div.wpcf7 img.ajax-loader { margin-top: 29px; float: left; } .wpcf7 p { margin-bottom: 0px } #message { margin: 0; padding: 0; display: block; background: transparent none; } /* Example Grid ------------------------------------- */ .example-grid .column, .example-grid .columns { display: block; background:#f2f2f2; padding: 10px 0; text-align: center; color: #909090; font-weight: 600; margin-top: 20px; } .example-grid .column:hover, .example-grid .columns:hover { background:#c0c0c0; color: #fff; transition: all 0.2s ease-in-out; } /* Icons Example */ .icons-example ul li i { color: #606060; width: 25px; } .icons-example ul li { margin: 0 0 4px 4px; } /* Example Gallery */ .example-gallery a { float: left; } .example-gallery strong { display: block; } /* Comments ------------------------------------- */ #comments { margin: 10px 0 40px 0; } #reviews #comments { margin: 10px 0 20px 0; } .add-review-button { margin-bottom: 15px; } #comments .button { margin: 0 0 10px 90px; padding: 7px 15px; } #comments ul li { display: block; margin: 0 0 20px 90px; position: relative; } #comments ul li.pingback { padding-bottom: 5px } #comments ul li ul li { margin: 20px 0 0 90px; } .comment-content p { margin: 0; word-break: break-all; line-height: 23px; } .comment-content ul { list-style: circle; } .comment-content { background: #f8f8f8; color: #888; padding: 19px 22px 22px 22px; } .comment-content strong { padding-right: 5px; font-size: 14px; color: #666; } .comment-content span { color: #999; } .comments-amount { color: #909090; } div.avatar { float: left; display: inline-block; position: absolute; left: -90px; } .avatar img { max-width: 70px; } .comment-by { width: 100%; padding-bottom: 8px; padding-top: 5px; } .comment-by span.reply { float: right; display: inline; } .comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; color: #999; } .comment-by span.reply a i { color: #bbb; transition: all 0.1s ease-in-out; } .comment-by span.reply a:hover, .comment-by span.reply a:hover i { color: #808080; } .comment-by .rating { float: right; position: relative; margin: -17px -10px 0 0; } .comment-by .rating .star-bg:after { color: #ddd; } .comment-by span.date { color: #999; font-weight: 300; background: url('images/comments-divider.png') no-repeat 0 55%; padding: 0 0 0 9px; margin: 0 0 0 2px; float: none; text-align: left; } /* Add Comment */ #review_form label { margin: 0 0 4px 0; } #review_form label span { color: #e24747; } #review_form input { margin: 0 0 20px 0; min-width: 240px; } #review_form textarea { margin: 0 0 18px 0; width: auto; min-width: 97.5%; min-height: 180px; resize: vertical; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #review_form h3#reply-title { display: none; } /* Content Boxes ------------------------------------- */ .content-box { padding: 32px 28px; margin: 0 0 20px 0; text-align: center; cursor: pointer; } .content-box, .content-box i, .content-box p, .content-box h3 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-box p { margin: 0; color: #fff; } .content-box h3 { line-height: 26px; padding-bottom: 8px; color: #fff; font-weight: 600; } .content-box i { font-size: 80px; height: 80px; color: #fff; margin: 10px 0; display: block; } .content-box.color-effect-1 { background: #38c782; } .content-box.color-effect-2 { background: #0e83cd; } .content-box.color-effect-3 { background: #a558a6; } .content-box.color-effect-4 { background: #ffba35; } .box-icon-wrap { text-align: center; margin: 0 auto; padding: 15px 0 20px 0; max-height: 120px; } .wpb_row .box-icon-wrap { max-height: 150px; } .box-icon i { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 0; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; } .box-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .box-icon i:before { speak: none; font-size: 40px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } /* Effect 1 */ .box-icon-effect-1 .box-icon i { background: rgba(255,255,255,0.2); color: #fff; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .box-icon-effect-1 .box-icon i:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } /* Effect 1a */ .content-box:hover .box-icon-effect-1a .box-icon i { background: rgba(255,255,255,1); color: #3acf87; } .content-box:hover .box-icon-effect-1a .box-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2 */ .box-icon-effect-2 .box-icon i { box-shadow: 0 0 0 4px #fff; overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; color: #fff; } .box-icon-effect-2 .box-icon i:after { display: none; } .content-box:hover .box-icon-effect-2 .box-icon i { background: #fff; color: #0e83cd; box-shadow: 0 0 0 8px rgba(255,255,255,0.3); } .content-box:hover .box-icon-effect-2a .box-icon i:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } /* Effect 3 */ .box-icon-effect-3 .box-icon i { box-shadow: 0 0 0 4px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .box-icon-effect-3 .box-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } /* Effect 3a */ .box-icon-effect-3a .box-icon i { color: #a558a6; } .content-box:hover .box-icon-effect-3a .box-icon i { color: #fff; } .content-box:hover .box-icon-effect-3a .box-icon i:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } /* Effect 4 */ .box-icon-effect-4 .box-icon i { color: #fff; box-shadow: 0 0 0 3px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .box-icon-effect-4 .box-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: rgba(255,255,255,0.2); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, background 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s, background 0.2s; transition: transform 0.2s, opacity 0.2s, background 0.2s; } .content-box:hover .box-icon-effect-4a .box-icon i:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .content-box:hover .box-icon-effect-4 .box-icon i:after { background: #fff; } .content-box:hover .box-icon-effect-4a .box-icon i { color: #ffba35; } /* Accordions & Toggles ------------------------------------- */ .icon-box { overflow: hidden; } .icon-box span i { font-size: 21px; margin: 20px 0; color: #a0a0a0; z-index: 5; position: relative; text-align: center; } .icon-box span { background-color: #f2f2f2; text-align: center; float: left; display: block; width: 60px; height: 60px; } .icon-description { float: left; margin: -65px 0 0 82px; } .icon-description h3 { font-size: 20px; margin-bottom: 4px; } .icon-description a:after { margin: 0 0 0 5px; position: relative; content: "\f105"; font-family: "FontAwesome"; } .icon-box .icon-description a:after { content: ' '; } .icon-description a:hover { color: #888; } .icon-description a { top: -3px; position: relative; display: block; } .icon-box span i, .icon-box span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box:hover span { background-color: #808080; } .icon-box:hover span i { color: #fff; } /* Accordions & Toggles ------------------------------------- */ .ui-accordion .ui-accordion-header, .wpb_column > .wpb_wrapper .trigger a, .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #888; font-size: 14px; font-weight: 600; background-color: #f6f6f6; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; padding: 10px 16px; margin-bottom: 10px; } .ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active, .wpb_column > .wpb_wrapper .trigger.active a, .trigger.active a, .trigger.active a:hover { background: #808080; color: #fff; } .ui-accordion .ui-accordion-header i, .trigger a i { margin: 0 4px 0 0; position: relative; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .ui-accordion .ui-accordion-content, .toggle-container { padding: 0 16px 10px 16px; } .ui-accordion .ui-accordion-content p { margin: 0; } .ui-accordion .ui-accordion-content { } .ui-accordion-header-icon:before, .ui-accordion-icon:before, .ui-accordion-icon-active:before, .toggle-icon:before { font-family:"FontAwesome"; content:"\f067"; color: #c0c0c0; font-size: 14px; font-weight: 500; display: block; float: right; line-height: 25px; margin: 2px 4px 0 0; } .toggle-container p { margin: 0; } .ui-accordion-header-active .ui-icon:before, .ui-accordion-icon-active:before, .trigger.active .toggle-icon:before { content:"\f068"; color: #fff; } .faq .toggle-icon:before, .faq .trigger.active .toggle-icon:before { content:"\f068"; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: none !important; } /* Share Buttons ------------------------------------- */ .share-buttons { float: left; height: auto; position: relative; z-index: 999; } .share-buttons ul li { float:left; display: inline-block; line-height: 24px; background: #fff; overflow: hidden; } .share-buttons ul li { display: inline; } .share-buttons a { color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; display: block; padding: 6px 12px; margin: 0 1px 1px 0; line-height: 20px; color: #fff; float: left; height: 20px; width: auto; } .share-buttons ul li:first-child a { background: #808080; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .share-buttons ul li:first-child a.share-hovered { background-color: #c0c0c0;} .share-facebook a { background: #4a6d9d; } .share-twitter a { background: #3bc1ed; } .share-gplus a { background: #d53824; } .share-pinit a { background: #cb1f25; } .og-details .share-buttons { margin: 10px 0; } .product-page section .share-buttons { margin: 10px 0 3px 0;} .post-content .share-buttons { margin: 25px 0 0 0;} /* Pricing Tables ------------------------------------- */ .plan-price h3 { text-align: center; font-size: 20px; padding: 10px 0; margin-bottom: 25px; color: #606060; font-weight: 600; text-align: center; background-color: rgba(0,0,0,0.02); } .plan-price { font-size: 36px; font-weight: 300; color: #606060; text-align: center; padding: 0 0 22px 0; position: relative; } .plan-price .value { font-weight: 600; letter-spacing: -1px; } .plan-currency { font-size: 22px; opacity: 0.7; position: relative; margin: 0 -5px 0 0; top: -4px; font-weight: 300; } .period { display: block; font-size: 16px; margin: 2px 0 0 0; opacity: 0.7; } .plan-features { background: #fff; border-top: none; padding: 12px 0 0 0; } .plan-features ul li { padding: 8px 0; text-align: center; } .plan-features a.button { position: relative; display: block; margin: 0 auto; margin: 12px 0; text-align: center; color: #666; padding: 10px 0; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured .plan-price, .featured .plan-price h3, .featured .plan-price .plan-currency, .featured .plan-features a.button { color: #fff; } .featured .plan-price h3 { background-color: rgba(0,0,0,0.05); } /* ------------------------------------------------------------------- */ /* Revolution Slider ---------------------------------------------------------------------- */ .tp-banner-container { margin: 0 0 50px 0; max-height: 480px; } /* SMOOTHER ANIMATION ON ANDROID */ .tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; } .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /* Captions ------------------------------------- */ .caption { z-index: 1; white-space: nowrap; position: absolute; } .caption h2 { font-size: 52px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0 0 15px 0; letter-spacing: -1px; display: block; } .caption h3 { font-size: 32px; font-weight: 300; color: #fff; text-transform: uppercase; padding: 0 0 20px 0; } .caption p { font-size: 16px; font-weight: 500; color: #fff; line-height: 25px; } .caption.dark h2, .caption.dark h3 { color: #505050; padding: 0 0 15px 0; letter-spacing: -1px; font-size: 52px; } .caption.dark h3 { font-size: 32px; padding: 0 0 20px 0; font-weight: 300; } .caption.dark p { color: #999; } .tp-simpleresponsive .caption { position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none; } a.caption-btn { cursor: pointer; padding: 15px 25px; display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 14px; outline: none; overflow: hidden; position: relative; z-index: 10; background-color: #fff; color: #555; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.caption-btn:hover { color: #fff; background: #808080; } /* Navigation Arrows ------------------------------------- */ .rev_slider_wrapper .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .rev_slider_wrapper .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-rightarrow { z-index:100; cursor:pointer; position:relative; width:50px; height:50px; color: #555; background-color: #fff; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; } .rev_slider_wrapper .tp-leftarrow:before, .rev_slider_wrapper .tp-rightarrow:before { font-family: "FontAwesome"; font-size: 18px; top: 13px; position: relative; } .rev_slider_wrapper .tp-leftarrow:before { content:""; left: 17px; } .rev_slider_wrapper .tp-rightarrow:before { content:""; left: 19px; } .rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover { background-color: #808080; color: #fff; } .rev_slider_wrapper .tp-leftarrow.default, .rev_slider_wrapper .tp-rightarrow.default { background-image: none } /* Basic Settings ------------------------------------- */ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(http://www.bathempire.com/bathroom-ideas/wp-content/themes/trizzy/images/coloredbg.png) repeat; } /* Loader ------------------------------------- */ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(images/loader.gif) no-repeat center center; background-color: #fff; margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* Magnific Popup CSS ------------------------------------- */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; position: fixed; background: #000; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: -10px; left: 0; width: 100%; height: 100%; z-index: 1001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #aaa; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-s-loading .mfp-arrow { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px; top: 40px; } /* Close Button */ .mfp-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer !important; z-index: 9999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-close:before { content: ""; font-family: "FontAwesome"; font-size: 16px; top: 0; left: 0; position: relative; } .mfp-close:hover { background: #808080; } .mfp-counter { position: absolute; top: 0; right: 0; color: #aaa; font-size: 13px; line-height: 18px; } .mfp-arrow { opacity: 0; margin: 0; top: 50%; margin-top: -24px; padding: 0; position: absolute; width: 48px; height: 48px; cursor: pointer; z-index: 9999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-arrow:hover { background: #808080; } .mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right { content: ""; font-family: "FontAwesome"; font-size: 16px; } .mfp-arrow.mfp-arrow-right { right: 0; } .mfp-arrow.mfp-arrow-left:before { content: ""; top: 1px; left: -1px; position: relative; } .mfp-arrow.mfp-arrow-right:before { content: ""; top: 1px; left: 1px; position: relative; } .mfp-content:hover .mfp-arrow { opacity: 1; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: 0px; } /* Popup */ #small-dialog { background: #fff; padding: 30px 40px 35px 40px; text-align: left; max-width: 800px; margin: 40px auto; position: relative; } #small-dialog h3 { margin-bottom: 20px; } #small-dialog span.line {padding-top: 7px;} .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Media Queries for Magnific Popup */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0 } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 800px) { .mfp-arrow {width: 70px;} } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Hover Image Captions ------------------------------------- */ a.img-caption { margin: 0 0 40px 0; display: block; } .img-caption img { position: relative; } .img-caption figure { box-sizing: content-box; overflow: hidden; position: relative; } .img-caption figcaption { background: rgba(0, 0, 0, 0.4); position: absolute; box-sizing: content-box; padding: 12px 25px 14px 25px; bottom: 0; display: block; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .img-caption:hover figcaption { background: #808080; } .img-caption figcaption h3 { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 24px; } .mega .img-caption figcaption h3 { font-size: 14px; line-height: 20px; } .mega .img-caption figcaption span { font-size: 14px; line-height: 14px; } .mega .img-caption figcaption { padding: 10px 20px 10px 20px; } .img-caption figcaption span { color: #fff; font-size: 16px; font-weight: 300; line-height: 16px; display: block; position: relative; opacity: 0; max-height: 0; padding: 0; -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition:max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; } .img-caption:hover figcaption span { max-height: 50px; opacity: 1; padding: 0 0 4px 0; } /* Product Categories */ .product-categories .img-caption figcaption { background: rgba(0, 0, 0, 0.3); } .product-categories .img-caption:hover figcaption { background: #808080; } .product-categories .img-caption img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; width: 100%; } .product-categories .img-caption:hover img { opacity: 1; } .product-categories .img-caption figcaption h3 { color: #fff; text-transform: none; font-size: 18px; font-weight: 600; line-height: 22px; } .product-categories .img-caption figcaption span { color: #fff; text-transform: none; font-size: 16px; font-weight: 300; line-height: 14px; } /* ------------------------------------------------------------------- */ /* ShowBiz Carousel ---------------------------------------------------------------------- */ .showbiz-navigation { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .showbiz { margin: 0 0 45px 0; } .wpb_column .showbiz, .related .showbiz { margin-bottom: 0px; } .showbiz ul, .showbiz li { list-style: none; margin: 0; padding: 0; } .showbiz ul li { position:relative; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-right: 20px; margin-top: 20px; } .showbiz .overflowholder { overflow: hidden; position: relative; width: 100%; z-index: 2; } .showbiz .overflowholder ul { width: 100000px; position: absolute; top: 0px; left: 0px; } .showbiz .overflowholder ul li { float: left !important; position:relative; } .products { overflow: hidden; } .full-width-class .products { overflow: visible; } .products .product { margin-top: 20px; position: relative; } .products a { line-height: 18px; } .showbiz .mediaholder, .products .mediaholder { position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:transparent; padding:0px; border:none; overflow: hidden; } .showbiz .mediaholder_innerwrap, .products .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .showbiz .mediaholder img, .products .mediaholder img { width:100%; position:relative; margin-bottom:-5px; } .showbiz .cover, .products .cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .showbiz li:hover .cover, .products figure:hover .cover { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .showbiz li:hover .no-anim .cover, .products figure:hover .no-anim .cover { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .showbiz li .mediaholder img, .products figure .mediaholder img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .showbiz li:hover .mediaholder img, .products figure:hover .mediaholder img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .showbiz li:hover .mediaholder.no-anim img, .products figure:hover .mediaholder.no-anim img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .showbiz .cover, .showbiz li .mediaholder img, .products .cover, .products figure .mediaholder img { -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */ } /* Navigation #1 ------------------------------------- */ .showbiz-navigation { width:53px; height:25px; float: right; margin: -27px 0 0 -2px; background: #fff; padding-left: 10px; position: relative; z-index: 999 } .wpb_row .showbiz-navigation { width: 63px } .sb-navigation-left, .sb-navigation-right, .sb-navigation-left.notclickable, .sb-navigation-right.notclickable { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wpb_row .sb-navigation-left, .wpb_row .sb-navigation-right, .wpb_row .sb-navigation-right:before, .wpb_row .sb-navigation-right:after, .wpb_row .sb-navigation-left:before, .wpb_row .sb-navigation-left:after { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .sb-navigation-left, .sb-navigation-right { width: 25px; height: 25px; cursor: pointer; float: left; background-color: #c4c4c4; } .sb-navigation-left { margin-right: 3px; } .sb-navigation-left i, .sb-navigation-right i { line-height:24px; font-size:17px; color:#fff; margin-left: 10px; } .sb-navigation-left:hover, .sb-navigation-right:hover { background-color: #808080; } .sb-navigation-left.notclickable, .sb-navigation-right.notclickable { cursor: default; background-color: #f2f2f2 !important; } .sb-navigation-left.notclickable i, .sb-navigation-right.notclickable i { color: #c0c0c0; } /* ShowBiz Product Styles ------------------------------------- */ .product section { padding: 18px 0 17px 0; text-align: center; background-color: #f6f6f6; min-height: 69px; } .product section h5 { color: #707070; } .product-button { width: 100%; top: auto; bottom: 0; background: rgba(0, 0, 0, 0.45); position: absolute; z-index: 10; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s; transition: transform 0.3s, opacity 0.1s 0.3s; } a.product-button { color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; padding: 13px 0; } a.product-button i { margin-right: 4px; top: -1px; position: relative; } .product:hover .product-button { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s, background 0.25s; -moz-transition: -moz-transform 0.3s, opacity 0.1s, background 0.25s; transition: transform 0.3s, opacity 0.1s, background 0.25s; } .product-button:hover { background: rgba(0, 0, 0, 0.65); } .product-category { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #aaa; } .add_to_cart_button.loading:before { content: ""; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #999999; opacity: 0.6; } .add_to_cart_button.loading:after { z-index: 2; content: ""; height: 0px; width: 100%; position: absolute; top: 0%; left: 0%; margin: 0px; border-top: 4px solid #eee; -webkit-transition: all 1.75s ease 0s; -moz-transition: all 1.75s ease 0s; transition: all 1.75s ease 0s; -webkit-animation: standard 1.75s infinite linear; -moz-animation: standard 1.75s infinite linear; animation: standard 1.75s infinite linear; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .add_to_cart_button.loading:after { animation: line-back-and-forth 4s infinite linear; -webkit-animation: line-back-and-forth 4s infinite linear; -moz-animation: line-back-and-forth 4s infinite linear; } @-webkit-keyframes line-back-and-forth { 0% { width: 0%; } 50% { width: 100%; } 100% { width: 0%; } } @-moz-keyframes line-back-and-forth { 0% { width: 0%; } 50% { width: 100%; } 100% { width: 0%; } } @keyframes line-back-and-forth { 0% { width: 0%; } 50% { width: 100%; } 100% { width: 0%; } } .added_to_cart { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; font-size: 0px; top: 0px; left: 0px; position: absolute; background: rgba(0, 0, 0, 0.45); width: 17px; height: 17px; padding: 10px; } .added_to_cart:before { content: "\f00c"; color: #fff; /* width: 17px; height: 22px; */ /* padding-top: 3px; */ font-size: 17px; line-height: 17px; display: block; } .price { font-size: 16px; font-weight: 700; color: #606060; padding: 1px 0 5px 0; display: block; } .single-product .price .amount { color: #666 } .widget.woocommerce li del, .price del { color: #888; text-decoration: line-through; padding: 0; } .widget.woocommerce li ins, .product-list-desc ins, .price ins { /* color: #666; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 3px 5px; margin: -1px 0 1px 4px; */ color: #666; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 1px 5px; margin: 0px 0 0px 4px; } .onsale { background-color: #808080; font-weight: 700; text-transform: uppercase; padding: 5px 9px; display: inline-block; position: absolute; color: #fff; z-index: 99; top: 0; right: 1px; } .onsale.soldout { background-color: #808080; } .slider-padding { position: relative;} .slider-padding.svertical .onsale.soldout { margin-right: 125px; } figure.product .onsale { right: 0px } /* Products List ------------------------------------- */ ul.product-list { margin: 0; } ul.product-list li { margin: 15px 0 0 2px; display: block; float: left; width: 100%; } .product-list img { display: inline; float: left; padding-right: 15px; } .product-list-desc { display: inline; font-size: 16px; color: #666; top: 16px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left:0; position: relative; } .top-rated-list .product-list-desc { top:8px; } .product-list-desc i { display: block; font-weight: 700; line-height: 24px; color: #606060; } .product-list li a:hover .product-list-desc { left: 4px; } .product-list.top-rated a span { margin: 9px 0 0 0; } .product-list-desc.with-rating { top: 8px; } /* Star Rating */ .rating { box-sizing: content-box; overflow: hidden; position: relative; width: 100px; height: 18px; display: block; } .rating .star-rating { position: relative; width: inherit; display: block; padding: 0; margin: 0; } .rating.five-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 \f005"; } .rating.four-and-half-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 \f089"; } .rating.four-stars .star-rating:after { content:"\f005 \f005 \f005 \f005 "; } .rating.three-and-half-stars .star-rating:after { content:"\f005 \f005 \f005 \f089"; } .rating.three-stars .star-rating:after { content:"\f005 \f005 \f005 "; } .rating.two-and-half-stars .star-rating:after { content:"\f005 \f005 \f089"; } .rating.two-stars .star-rating:after { content:"\f005 \f005 "; } .rating.one-and-half-stars .star-rating:after { content:"\f005 \f089"; } .rating.one-stars .star-rating:after { content:"\f005 "; } /* halfstar "\f089" star "\f005" */ .rating .star-rating:after { font-family: "FontAwesome"; color: #ffc741; display: block; position: absolute; font-size: 16px; z-index: 10; letter-spacing: -0.5px; } .rating .star-bg:after { content:"    "; font-family: "FontAwesome"; color: #e0e0e0; display: block; position: absolute; font-size: 16px; z-index: 9; padding: 0; margin: 0; letter-spacing: -0.5px; } /* Rate */ p.comment-form-rating { margin-bottom: 45px; } p.form-submit { margin-bottom: 0px; } #review_form p.form-submit input { margin-bottom: 0px; } .comment-form textarea { width: 100% } .stars { unicode-bidi: bidi-override; direction: rtl; font-size: 18px; float: left; cursor: pointer; } .stars a { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; float: left; padding-right: 2px; font-size: 0px; height: 22px; } .stars span.star:hover { cursor: pointer; } .stars a:before { content: ""; color: #e0e0e0; width: 17px; height: 22px; font-size: 17px; display: block; } .stars a:hover:before, .stars a.active:before, .stars a.prevactive:before { content: ""; color: #FFC741; } /* Discount */ del span.amount { text-decoration: line-through; color: #888; margin: 3px 0 0 0; } /* ins span.amount { color: #666; font-weight: 700; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 3px 5px; margin: 0 0 0 4px; line-height: 18px; } */ /* Footer ---------------------------------------------------------------------- */ #footer { background: #606060; color: #d0d0d0; padding: 35px 0 40px 0; margin: 0; } #footer img { height: auto; max-width: 100%; } #footer h3.footer { color: #fff; background: #606060; text-transform: uppercase; } #footer .line { border-color: #747474; margin-bottom: 28px; } #footer a { color: #d0d0d0; } #footer .footer-widget { margin-bottom: 40px; } /* Bottom Footer ------------------------------------- */ #footer-bottom { background: #505050; color: #a8a8a8; padding: 17px 0 13px 0; } #footer-bottom a { color: #fff; font-weight: 600; } #footer-bottom a { color: #e0e0e0; } /* Newsletter ------------------------------------- */ .newsletter-btn { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #fff; cursor: pointer; float: right; z-index: 5; position: relative; padding: 10px 15px; line-height: 18px; margin: 0; height: 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #808080; border: none; color: #fff; box-shadow: none; } .newsletter-btn:hover { background-color: #c0c0c0; } .widget_ns_mailchimp form { background-color: #505050; position: relative; } input.newsletter { float: left; color: #808080; font-weight: 600; z-index: 1; position: relative; font-size: 13px; width: 85%; padding: 10px 14px; line-height: 18px; height: 20px; background-color: #505050; border: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input.newsletter::-webkit-input-placeholder { color: #909090; } input.newsletter:-moz-placeholder { color: #909090; } input.newsletter::-moz-placeholder { color: #909090; } input.newsletter:-ms-input-placeholder { color: #909090; } input:focus.newsletter { background-color: #4c4c4c; border: none; color: #999; } input.newsletter-btn { position: absolute; right: 0px } /* Footer Links ------------------------------------- */ /* .widget_meta ul { margin: 0 0 15px 0; } .widget_meta li a { padding: 0 0 7px 0; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget_meta li a:hover { padding-left: 3px; color: #fff !important; } .widget_meta li:before { font-family: "FontAwesome"; font-size: 12px; content: ""; color: #fff; position: relative; left: 0; top: -1px; padding: 0 7px 0 0; color: #fff; } */ /* Payment Icons ------------------------------------- */ .payment-icons { float: right; top: -2px; position: relative; } .payment-icons li { display: inline-block; float: left; } .payment-icons li img { margin: 0 0 0 6px; } /* ------------------------------------------------------------------- */ /* Widgets ---------------------------------------------------------------------- */ .widget { margin: 30px 0 0 0; word-wrap: break-word; } .widget:first-child { margin: 0px; } .widget p { margin: 0 } .widget span.line { margin-bottom: 22px;} .widget p.total { padding: 10px 0px; } .top-search.widget { float: left; } .widget select, select#cat { padding: 10px } .rsswidget { font-weight: bold; } .rssSummary { padding: 5px 0px } .widget_rss cite { font-style: italic; } .rss-date { text-transform: uppercase; font-size: 11px; } table#wp-calendar th, table#wp-calendar td { padding: 10px } table#wp-calendar #next { text-align: right; } #wp-calendar caption { text-transform: uppercase; } #footer .widget .menu > li { color: #d0d0d0; } .widget .menu > li:hover { background: transparent; } /* Categories ------------------------------------- */ ul.product-categories { width: 100%; } .widget_layered_nav_filters ul li { padding: 11px 13px 10px 2px; border-bottom: 1px solid #eee; } .widget_layered_nav ul li { padding: 0px; border-bottom: 1px solid #eee; } .widget_layered_nav ul li a { padding: 11px 13px 10px 2px; display: block; } .widget_layered_nav ul li a span { color: #aaa } .widget_layered_nav ul li:hover span, .widget_layered_nav ul li a:hover { color: #fff; } .widget.woocommerce.widget_layered_nav ul li:hover a { color: #fff; padding: 11px 13px 10px 13px; } .widget_layered_nav ul li small{ display: none; } ul.product-categories li a, ul.product-categories li a span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out, ; } ul.product-categories li a { display: block; padding: 11px 13px 10px 2px; text-decoration: none; color: #777; border-bottom: 1px solid #eee; margin-top: -1px; } .widget_layered_nav_filters .chosen a:before { content: "\f00d"; margin-right: 7px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .widget_layered_nav_filters .chosen a { display: block; } .widget_layered_nav_filters .chosen a:hover:before { color: red } .widget.woocommerce ul.product-categories > li > a:hover { padding: 11px 13px 10px 13px;} .widget.woocommerce ul.product-categories > li > li a:hover { padding: 3px 25px 4px 25px;} ul.product-categories li a:hover, ul.product-categories li a.active { background-color: #808080; color: #fff; padding-left: 13px; } ul.product-categories li a span { color: #aaa; } ul.product-categories li a.active span, ul.product-categories li a:hover span { color: #fff } /* .widget ul.product-categories li a:hover span, ul.product-categories li a.active span { color: #fff; } */ ul.product-categories li ul { display: none; background-color: #f8f8f8; padding: 15px 0; } ul.product-categories li li a, .widget.woocommerce ul.product-categories li li a:hover { padding: 3px 25px 4px 25px; border: none; color: #777; background-color: #f8f8f8; } ul.product-categories li ul li a:hover span, ul.product-categories li ul li a:hover { color: #808080; } .widget ul.product-categories li:before { content: ""; display: none; } .widget ul.product-categories li { padding: 0px } .widget.woocommerce li:before { content: ''; display: none; } .widget.woocommerce li { overflow: hidden; position: relative; } .widget.woocommerce li .reviews-counter { float: none; position: static; } .widget.woocommerce li .reviews-counter .rating { right: 0px; margin:5px 0px; } .widget.woocommerce li .attachment-cart-square-thumb, .widget.woocommerce li .attachment-shop_thumbnail { display: block; /* width: 74px; height: 74px; */ float: left; margin: 0 15px 0 0; } #wrapper .widget.woocommerce li .attachment-cart-square-thumb, #wrapper .widget.woocommerce li .attachment-shop_thumbnail { max-width: 74px; } .widget.woocommerce li .amount { font-weight: 600 } .widget-product-title { display: block; margin-bottom: 5px; } .widget.woocommerce li a:hover { padding: 0px; } /* Filter By Price ------------------------------------- */ .padding-range { padding: 0 8px; } .widget_price_filter { display: block; position: relative; } .widget_price_filter input { padding: 0; background:0; border: 0; box-shadow: none; margin: 8px 0 0 4px; color: #888; font-weight: 500; display: block; width: 100px; float: left; font-size: 14px; } .widget_price_filter label { float: left; margin: 6px 0 0 0; } .widget_price_filter .button { float: right; padding: 8px 11px; margin: 0; } #slider-range { margin: 0 0 16px 0; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin: -3px 0 0 -8px; cursor: w-resize; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 11px; display: block; border: 0; background-position: 0; } .widget_price_filter .ui-widget-content { background-color: #d4d4d4; border-radius: 25px; } .widget_price_filter .ui-widget-header { background: #f0f0f0; } .widget_price_filter .ui-state-default { background: #808080; border-radius: 50%; } .widget_price_filter .ui-slider.ui-state-disabled .ui-slider-handle, .widget_price_filter .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .widget_price_filter .ui-slider-horizontal { height: 11px; margin: 0 10px 16px 8px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; } .nobr { white-space: nowrap; } .woocommerce .col2-set,.woocommerce-page .col2-set { *zoom: 1; width: 100%; } .woocommerce .col2-set:after,.woocommerce .col2-set:before,.woocommerce-page .col2-set:after,.woocommerce-page .col2-set:before { content: " "; display: table; } .woocommerce .col2-set:after,.woocommerce-page .col2-set:after { clear: both; } .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { float: right; width: 48%; } /* Ordering ------------------------------------- */ .selectricWrapper { position: relative; margin: 10px 0 0 20px; min-width: 205px; cursor: pointer; float: left; } .orderby { margin-left: 20px; } .right-sidebar-class .orderby, .full-width-class .orderby { margin-left: 0; } .selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectricOpen { z-index: 9999; } .selectricOpen .selectricItems { display: block; } .selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; } .selectricHideSelect select { position: absolute; left: -100%; display: none; } .selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; background: none !important; } .selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric { border: 0px solid #fff; background: #c0c0c0; position: relative; } .linking .selectric .button, .linking .selectric { background: #f5f5f5 } .linking .selectric .label { color: #888 } .linking .selectric .button { box-shadow: 0px 0px 0px } .selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 40px 0 0; padding: 6px 15px; font-size: 13px; line-height: 28px; color: #fff; min-height: 28px; font-weight: 600; text-transform: uppercase; } .selectric .button { background: #b4b4b4; border-radius: 0px; display: block; position: absolute; right: 0; padding: 0px; top: 0; width: 40px; height: 40px; color: #FFFFFF; text-align: center; font: 0/0 a; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #fff; border-bottom: none; } /* Options */ .selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #f8f8f8; z-index: 9998; } .selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; line-height: 20px; font-size: 13px; } .selectricItems ul {margin-top: 1px;} .selectricItems li { padding: 9px 15px; cursor: pointer; display: block; color: #999; border-bottom: 1px solid #e9e9e9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out; margin-top: -1px; } .selectricItems li:last-child { border:0; } .selectricItems li:hover { background: #808080; color: #fff; } /* ------------------------------------------------------------------- */ /* Royal Slider ---------------------------------------------------------------------- */ #basic-slider, .basic-slider, #product-slider, #product-slider-vertical { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .slider-padding { padding-right: 20px; margin-bottom: 50px; } .single-portfolio .slider-padding { margin-bottom: 25px; } .royalSlider { width: 560px; height: 632px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .royal-caption { position: absolute; bottom:0; left:0; background: rgba(0,0,0,0.3); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 16px; text-align: center; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } #wrapper img.rsImg { width: 100% } .grab-cursor { cursor:url(http://www.bathempire.com/bathroom-ideas/wp-content/themes/trizzy/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); } /* Directional Navigation (Next/Prev) ------------------------------------- */ .rsDefault .rsArrow { height: 100%; width: 36px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsHor .rsArrowLeft { bottom: 0; right: 37px; } .rsDefault.rsHor .rsArrowRight { bottom: 0; right: 0px; } .rsDefault .rsArrowIcn { width: 36px; height: 36px; position: absolute; cursor: pointer; color: #fff; bottom: 0; font-family: "FontAwesome"; font-size: 13px; background-color: #c0c0c0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsDefault .rsArrowIcn:hover { background-color: #808080; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { position: relative; top: 6px; left: 14px; } .post-img .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .post-img .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { top: 7px; left: 14px; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before { content: ""; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { content: ""; } /* Thumbnails ------------------------------------- */ .rsDefault .rsThumbsHor { width: 100%; height: 105px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 105px; } #wrapper #product-slider-vertical .rsDefault .rsThumb img { width: 95px; } .rsDefault .rsThumb img { width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.5; filter: alpha(opacity=50); } .rsDefault .rsThumb.rsNavSelected img, .rsDefault .rsThumb:hover img { opacity: 1; filter: alpha(opacity=100); } .rsDefault .rsTmb { display: block; } /* Thumbnails Arrow Icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 30px; margin-top: 10px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #c0c0c0; color: #fff; font-family: "FontAwesome"; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; visibility: visible; } .rsThumbsVer .rsThumbArrow { top:0 !important; } .rsDefault .rsThumbsArrow:hover { background: #808080; } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before, .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { top: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: ""; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: ""; } .rsDefault .rsThumbsArrowIcn { top: 47%; left: 50%; position: absolute; cursor: pointer; margin-top: -12px; margin-left: -4px; } .rsDefault .rsThumbsArrowDisabled { opacity:0; visibility: hidden; } /* Preloader */ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(images/preloader.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /* Product Page ------------------------------------- */ .product-page { position: relative; } .product-page h1 { font-weight: 600; font-size: 24px; line-height: 30px; } .product-page .price { font-size: 24px; margin: 5px 0 0 0; font-weight: 500; } .product-page del .amount { font-weight: 500; } .product-list-desc ins .amount, .product-page ins .amount { color: #666; font-weight: 600; } .reviews-counter { float: right; position: absolute; top: 2px; right: 0; font-size: 13px; text-transform: uppercase; padding: 0 10px 0 0; color: #a0a0a0; text-align: right; } .reviews-counter .five-stars, .reviews-counter .four-stars, .reviews-counter .three-stars, .reviews-counter .two-stars, .reviews-counter .one-stars { text-align: left; } .reviews-counter .rating { right: -14px; } .reviews-counter a.woocommerce-review-link { position: relative; display: block; margin: -2px 0 0 0; color: #a0a0a0; } .product-page .title { padding: 0 0 20px 0; } table.variations, .product-page section { border-bottom: 1px solid #ebebeb; padding: 20px 0; background: transparent; text-align: left; } table.variations td { padding: 0px; } .product-page section.project-section { padding: 0 0 22px 0; } .product-page section p a:after { content: ""; font-family: "FontAwesome"; margin: 0 1px 0 3px; font-size: 13px; } /* Variables ------------------------------------- */ /* .variations select { display: none; } */ .variables select, .variations select { width: 100%; padding: 9px; } .variables label, .variations label { font-weight: 600; color: #606060; } .variables .selectricWrapper { margin: 0px; } .linking .variables .selectric .button:after { border-top-color: #aaa } .variables .customSelect.select-open .selectedValue { background-color: #c0c0c0; color: #fff; } form.cart, .variations_form.cart { overflow: hidden; } table.variations { padding-bottom: 28px; width: 100%; display: block; padding-top: 0px; margin-bottom: 28px; } .reset_variations { margin-left: 0px; margin-top: 15px; display: block; margin-bottom: 25px; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .add_to_wishlist { /* display: block; */ display: inline-block; } .add_to_wishlist:before { content: "\f004"; margin-right: 7px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } body .wishlist_table .add_to_cart, body .yith-wcwl-add-button > a.button.alt { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .customSelect { position: relative; float: left; width: 100%; background-color: #f5f5f5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .customSelect .selectedValue { padding: 8px 15px; margin-bottom: 0; font-weight: 500; font-size: 13px; color: #909090; cursor: pointer; } .customSelect.select-open .selectedValue { background-color: #c0c0c0; color: #fff; } .customSelect.select-open .caret { border-top-color: #fff; } .customSelect .selectList { z-index: 100; position: absolute; left: -999em; top: -999em; font-size: 13px; list-style: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 100%; } .customSelect dd, .customSelect .caret, .customSelect.select-open .caret, .customSelect .selectedValue, .customSelect.select-open .selectedValue { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .customSelect.select-open .selectList { left: 0 !important; top: auto !important; } .customSelect .selectList dl { background: #f8f8f8; border-bottom: 1px solid #e9e9e9; } .customSelect dl, .customSelect dd { margin: 0; } .customSelect dd { zoom: 1; cursor: pointer; padding: 6px 15px; } .customSelect .disabled { color: #999; cursor: default; } .customSelect .selectList dd.hovered { background: #808080; color: #fff; } .customSelect .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .customSelect .selectValueWrap .caret { position: absolute; top: 18px; right: 18px; cursor: pointer; } .product_meta { display: block; } /* Quantity ------------------------------------- */ section.linking { border-bottom: 0; padding-top: 20px; } #quantity { position: relative; float: left; } .qty { width: 25px; height: 22px; text-align: center; float: left; padding: 8px 9px; } input.qty { padding: 8px 9px; } input.qty, .input-text { font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quantity input.plus, .quantity input.minus, a.cart-remove { background: #c0c0c0; color: #fff; border: none; float: left; font-family: "FontAwesome"; cursor: pointer; width: 40px; height: 40px; font-size: 13px; outline: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.cart-remove { background-color: #f6f6f6; color: #a0a0a0; } .qtyplus:hover, .qtyminus:hover { background: #808080; color: #fff; } a.cart-remove:hover { background: #df2727; color: #fff; } .quantity input.plus::-webkit-input-placeholder { font-family: fontAwesome; content:"\f067"; } .quantity input.plus::-moz-placeholder::before { font-family: fontAwesome; content:"\f067"; } /* firefox 19+ */ .quantity input.plus:-ms-input-placeholder::before { font-family: fontAwesome; content:"\f067"; } /* ie */ .quantity input.plus:-moz-placeholder::before { font-family: fontAwesome; content:"\f067"; } .quantity input.plus:before { content: ""; } .quantity input.minus:before { content: ""; } .cart-remove:before { content: ""; } .qtyplus:before, .qtyminus:before { position: relative; display: block; top: 10px; left: 15px; } .cart-remove:before { position: relative; display: block; top: 8px; left: 15px; } body .wishlist_table tr td { text-align: left; } /* Add to Cart Button */ .linking button.button { margin: 0 0 0 25px; padding: 11px 15px 11px 52px; float: left; border-radius: 0px; } .linking .button.single_add_to_cart_button:before { content: ""; position: absolute; font-family: "FontAwesome"; padding: 14px 15px 8px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; } .linking button.button:hover { background-color: #606060; } input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .yith-wcwl-add-to-wishlist { /* border-top: 1px solid #ebebeb; padding: 20px 0px; */ } body #yith-wcwl-popup-message { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #f6f6f6 } /* Shopping Cart ------------------------------------- */ table.cart-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; } table.cart-table th { border: none; background-color: #f6f6f6; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; } table.cart-table td { padding: 20px; border-bottom: #eee 1px solid; border-top: none; border-right: none; vertical-align: middle; } table .cart-title a { font-weight: 600; color: #666; } table .cart-title a:hover { color: #808080; } table .cart-total { color: #666; font-weight: 600; } table.cart-table.bottom { margin-top: -1px; } table.cart-table.bottom .cart-btns { float: right; } table.cart-table.bottom .cart-btns a { margin-left: 10px; } table.cart-table.bottom th { padding: 15px; } .product-subtotal .amount { font-weight: 600 } /* Cart Totals */ .eight.columns.cart_totals { float: right; margin: 45px 0 0 0; } .cart_totals .cart-table th { vertical-align: middle; border-bottom: 1px solid #fff; width: 40%; padding: 10px 15px; } .cart_totals .cart-table td { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; } .cart_totals .cart-table tr:last-child th, .cart_totals .cart-table tr:last-child td {border:0;} table.cart-table.subtotals td { padding: 15px; border: none; vertical-align: middle; } a.button.proceed:hover { background-color: #606060; } a.calculate-shipping { text-align: center; display: block; background: #c0c0c0; color: #fff; padding: 10px; text-transform: uppercase; font-weight: 700; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.calculate-shipping i { font-size: 14px; padding: 0 2px; } a.calculate-shipping:hover { background: #808080; color: #fff; } /* Responsive Tables */ .st-key { border: none; background-color: #f6f6f6; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; width: 40%; border: 1px solid #eee; } .st-val { width: 58%; text-align: left; padding: 10px 20px; border: 1px solid #f0f0f0; border-left:0; } .st-val a { font-weight: 600; } .st-val a:hover { color: #808080; } .st-space { height: 25px; } .st-val .cart-remove {color: #a0a0a0;} .st-val .cart-remove:hover {color: #fff;} .stacktable { width: 100%; } .st-head-row { } .st-head-row img { } .st-head-row.st-head-row-main { display: block;} .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } /* ------------------------------------------------------------------- */ /* Portfolio ---------------------------------------------------------------------- */ /* Dynamic Grid ------------------------------------- */ .og-grid { list-style: none; padding: 0; margin: 0 auto; text-align: left; width: 100%; margin-left: 2px; } .og-grid > li.unclickable a { cursor: default; } .og-grid li a img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .og-grid > li { display: inline-block; margin: 0 8px 20px 8px; vertical-align: top; height: auto; float: none; } /* Hover Effects */ .dynamic-portfolio-holder { overflow: hidden; position: relative; } .dynamic-portfolio-holder .hover-icon:before { top: 15px; } .og-grid li a:hover .hover-cover { opacity: 0.5; visibility: visible; } .og-grid li a:hover .hover-icon { opacity: 1; visibility: visible; bottom: 0; } .og-grid li a:hover .hover-desc { opacity: 1; visibility: visible; top: 40%; } /* Filtered Element Style */ b .hover-desc, .og-grid > li.unclickable .hover-desc, .og-grid > li.unclickable .hover-icon, .og-grid > li.unclickable .hover-cover { display: none; } .og-grid > li { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .og-grid > li.clickable { cursor: pointer; } .og-grid > li.unclickable { opacity: 0.4; } .hover-desc { position: absolute; top:0; left:0; color: #fff; text-align: center; width: 100%; top: 45%; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hover-desc h5 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: -2px; } .hover-desc span { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; opacity: 0.7; } .og-expander { position: absolute; background: #f6f6f6; top: auto; left: 10px; margin-top: 20px; margin-bottom: 40px; text-align: left; opacity: 0; overflow: hidden; cursor: default; } .og-expander-inner { padding: 0; height: 100%; } /* Close Button */ .og-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; z-index: 999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .og-close:before { content: ""; font-family: "FontAwesome"; font-size: 16px; top: 15px; left: 18px; position: relative; } .og-close:hover { background: #808080; } /* Details */ .og-details { width: auto; overflow: hidden; position: relative; padding: 0 50px; margin: 45px 0; } .og-details h3 { font-weight: 600; font-size: 24px; padding: 0; margin-bottom: 14px; margin-top: 0; color: #606060; } .og-details .headline { background: #f6f6f6; } .og-details p { font-weight: 500; font-size: 14px; line-height: 22px; color: #909090; margin-bottom: 12px; } /* Image Gallery */ .gridslider { float: left; display: inline-block; position: relative; width: 500px; overflow: hidden; } .gridslider img { height: 100%; max-width: inherit; width: auto; } /* Columns Grid */ .gridslider { width: 500px; } .og-expander { width: 1180px; } .og-grid > li { width: 280px; } @media only screen and (min-width: 960px) and (max-width: 1389px) { .gridslider { width: 400px; } .og-expander { width: 940px; } .og-grid > li { width: 220px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .gridslider { width: 350px; } .og-expander { width: 748px; } .og-grid > li { width: 236px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .gridslider , .og-expander, .og-grid > li { width: 420px; } .og-expander { left:0; } } @media only screen and (max-width: 479px) { .gridslider , .og-expander, .og-grid > li { width: 300px; } .og-expander {left:0;} } /* Portfolio Item ------------------------------------- */ .item-description { padding: 20px 20px 30px 20px; text-align: center; background-color: #f6f6f6; } .item-description h5 { font-size: 16px; font-weight: 500; line-height: 16px; color: #707070; margin: 0; } .item-description span { color: #aaa; font-size: 12px; font-weight: 700; line-height: 12px; margin: 0; text-transform: uppercase; } .portfolio-holder { position: relative; overflow: hidden; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .portfolio-holder img { width: 100%; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Flexslider ------------------------------------- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider { margin: 0 0 0px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 36px; height: 36px; margin: 0; position: absolute; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; font-family: "FontAwesome"; font-size: 13px; background-color: #c0c0c0; color: #fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .flex-direction-nav .flex-prev { bottom: 0; right: 37px; } .flex-direction-nav .flex-next { bottom: 0; right: 0; } .flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before { position: relative; top: 9px; left: 14px; } .flex-direction-nav .flex-prev:before { content: ""; } .flex-direction-nav .flex-next:before { content: ""; } .flexslider .flex-prev:hover, .flexslider .flex-next:hover { background-color: #808080; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /* Hover / Animations ------------------------------------- */ .hover-cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; visiblity: hidden; } .portfolio-item:hover .hover-cover{ opacity: 0.5; visibility: visible; } .the-team-image:hover .hover-icon, .portfolio-item:hover .hover-icon{ opacity: 1; visibility: visible; bottom:0; } .hover-icon { position:absolute; right: 0; bottom: -48px; color:#fff; font-size: 16px; width: 48px; height: 48px; background-color: #808080; border-radius: 0; opacity: 0; visibility: hidden; } .hover-icon:before { height: 19px; width: 19px; top: 12px; left: 18px; content: ""; font-family: "FontAwesome"; position: relative; } .hover-icon.loading:before { content:""; height: 16px; width: 16px; top: 16px; left: 16px; background: url(images/loading.png) no-repeat; display: block; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; } .hover-cover, .hover-icon { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size:14px; } /* Filters ------------------------------------- */ #portfolio-wrapper .portfolio-item { margin-bottom: 20px; } .categories_filter, #filters { margin: 0 0 20px 0; float: left; } .categories_filter li, #filters li { float:left; display: inline-block; line-height: 24px; background: #fff; overflow: hidden; } #filters ul li { display: inline; margin-bottom: 1px;} .categories_filter a, #filters a { color: #aaa; font-size: 12px; text-transform: uppercase; font-weight: 700; display: block; padding: 6px 12px; margin: 0 1px 0 0; background-color: #f6f6f6; line-height: 20px; -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; float: left; } .wpb_teaser_grid .categories_filter li a:hover, .wpb_categories_filter li a:hover, .wpb_teaser_grid .categories_filter li.active a, #filters a:hover, #filters a.selected { background-color: #808080; color: #fff; border: 0px !important; } .wpb_teaser_grid .categories_filter li.active a { border:0px !important; } .wpb_content_element > .wpb_heading { margin-bottom: 20px !important; } /* ------------------------------------------------------------------- */ /* Blog Styles ---------------------------------------------------------------------- */ .left-sidebar .twelve.columns{ float: right; } /* Masonry ------------------------------------- */ .masonry-item .from-the-blog { margin: 0 0 20px 0; } .masonry-item .from-the-blog.post { border: 0px; padding: 0px; } .wpb_column > .wpb_wrapper .from-the-blog:last-child, .wpb_column > .wpb_wrapper *:last-child .from-the-blog, .wpb_column > .wpb_wrapper .from-the-blog, .from-the-blog { margin-bottom: 10px;} .wpb_column > .wpb_wrapper .masonry .from-the-blog:last-child, .wpb_column > .wpb_wrapper *:last-child .masonry .from-the-blog, .wpb_column > .wpb_wrapper .masonry .from-the-blog, .masonry .from-the-blog { margin-bottom: 30px;} .vc_responsive .wpb_row .masonry .vc_col-sm-6:nth-child(even){ padding-right: 0px; } .vc_responsive .wpb_row .masonry .vc_col-sm-6:nth-child(odd){ padding-left: 0px; } .vc_responsive .wpb_row .wpb_column.alpha { padding-left: 0px; } .vc_responsive .wpb_row .wpb_column.omega{ padding-right: 0px; } .recent-blog-posts { overflow: hidden; } /* Blog Quote */ .post-quote { background: #505050; padding: 25px 25px 10px 25px; } .recent-blog .post-quote { margin:0px; padding-bottom: 28px; } .post-quote blockquote { color: #fff; font-size: 18px; font-style: normal; line-height: 26px; border-left: 1px solid #666; padding: 0 0 0 18px; margin-left: 45px; font-weight: 300; } .from-the-blog .post-quote blockquote { margin-bottom: 10px; } .post-quote span { text-decoration: none; display: block; margin: 10px 0 0 0; font-size: 14px; color: #d0d0d0; } .post-quote .icon:before { font-family: "FontAwesome"; font-size: 24px; content: ""; color: #fff; position: relative; height: 15px; width: 25px; display: block; float: left; margin: 4px 0 0 0; } /* Blog List ------------------------------------- */ .teaser_grid_container .isotope-inner, .the-team-content, .from-the-blog-content { background-color: #f8f8f8; padding: 25px 30px; margin: 0; } .the-team.post { overflow: hidden; } .teaser_grid_container .isotope-inner h2, .the-team-content h5, .from-the-blog-content a h5 { font-weight: 700; line-height: 22px; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 0 3px 0; } .wpb_teaser_grid .entry-content { line-height: 22px; margin-bottom: 10px; } .teaser_grid_container .isotope-inner .post-title, .teaser_grid_container .isotope-inner .post-thumb { margin-bottom: 20px; } .the-team h5 { font-size: 18px; margin: 0; } .the-team h5 a { color: #606060; } .the-team-content a:hover h5, .from-the-blog-content a:hover h5 { color: #888; } .the-team-content i, .from-the-blog-content i { font-weight: 500; color: #aaa; font-size: 13px; } .the-team-content span, .from-the-blog-content span { font-size: 14px; display: block; margin: 9px 0 14px 0; } .the-team span { margin: 9px 0 17px 0; } .the-team-image, .from-the-blog-image { overflow: hidden; position: relative; } .the-team-image a img, .from-the-blog-image a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /*.the-team-image a img, .from-the-blog-image:hover a img { opacity: 0.9; }*/ .from-the-blog-image:hover .hover-icon { visibility: visible; bottom:0; opacity:1; } .from-the-blog-content.no-img { padding-top: 30px; } /* Posts ------------------------------------- */ .post { padding: 0 0 30px 0; margin: 0 0 40px 0; border-bottom: 1px solid #ebebeb; } .post.search-result { overflow: hidden; } .entry-content {word-break: break-word;} .entry-title { word-break: break-all; } .entry-content embed, .entry-content iframe { max-width: 100% } .post.single { border:0; margin: 0 0 10px 0; } .post #basic-slider { margin-bottom: 25px; } .extra-padding { padding-right: 20px; } .left-sidebar .extra-padding { padding-left: 20px; padding-right: 0px; } .extra-padding.left { padding-left: 20px; } .post-content { margin: 0 0 0 70px; } .post-content.no-data { margin: 0 0 0 0px; } .container .page ul, .post-content ul { list-style: circle; margin-left: 20px; margin-bottom: 20px; } .container .page .icons-example ul, .container .page .plan-features ul, .container .page .list-1 ul, .container .page .list-2 ul, .container .page .list-3 ul, .container .page .list-4 ul, .container .page .widget ul, .container .page .showbiz .overflowholder ul, .container .page .share-buttons ul, .container .page ul.product-list, .container .page ul.ptwsi_social-icons, .container .page ul.widget-tabs, .container .page ul.tabs-nav { margin-bottom: 0px; margin-left: 0px; list-style: none; } .post-content ul ol, .post-content ol ul, .post-content ul ul { margin-bottom: 0px; } .post-content ol { margin-left: 20px; margin-bottom: 20px; } .post-content ol li, .post-content ul li { padding: 3px } .format-video .embed, .post-quote, .post-img { overflow: hidden; margin: 0 0 23px 0; position: relative; } #masonry-wrapper .format-video .embed, #masonry-wrapper .post-quote, #masonry-wrapper .post-img { margin-bottom: 0px; } #masonry-wrapper .from-the-blog-image { background: #000; } #masonry-wrapper .from-the-blog-image img { margin:0px auto; } .post-img a:hover .hover-icon { opacity: 1; visibility: visible; bottom: 0; } .post-img a img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; margin:0px auto; } /*.post-img a:hover img { opacity: 0.9; }*/ /* Tags */ .meta { color: #909090; margin: 0 0 15px 0; } .meta a { color: #909090; text-decoration: none; } .meta time { margin: 0 0 0 -2px; } .meta a:hover { color: #808080; } .meta i { display: inline-block; margin: 2px 5px 0 0; color: #c0c0c0; } .meta:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .meta span { margin-right: 12px; float: left; } /* Title */ .meta h1, .meta h2 { line-height: 26px; font-size: 24px; font-weight: 600; margin: 0 0 2px 0; } .meta h1 a, .meta h2 a { color: #606060; } .meta h1 a:hover, .meta h2 a:hover { color: #888; } /* Date */ .post section.date { float: left; text-align: center; height: 0; } .post section.date span { display: block; } .post section.date span.day { background: #f6f6f6; padding: 10px; font-size: 16px; font-weight: 500; color: #a0a0a0; } .post section.date span.month { background: #c0c0c0; padding: 0px 10px 2px 10px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; } .post.sticky section.date span.day { background: #fff5b3; } .post.sticky section.date span.month { background: #f8d32b; } /* Tags ------------------------------------- */ .tagcloud { margin: 5px 0 0 0; } .tagcloud a { padding: 4px 11px 4px 11px; display: inline-block; color: #aaa; font-size: 12px; text-transform: uppercase; font-weight: 700; background-color: #f6f6f6; margin: 0 2px 6px 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tagcloud a:last-child { margin-right: 0; } #footer .widget .tagcloud a { background: #505050 } #footer .widget .tagcloud a:hover, .tagcloud a:hover { background: #808080; color: #fff; } /* Widget Tabs ------------------------------------- */ .widget .widget-tabs li { padding: 0 0 15px 0; margin: 15px 0 0 0; border-bottom: 1px solid #ededed; } .widget .widget-tabs li:before { display: none; content: "" } .widget .widget-tabs li:first-child { margin: 4px 0 0 0; } .widget .widget-tabs li:last-child { border-bottom: 0; } .widget-thumb a img { display: block; width: 74px; height: 74px; float: left; margin: 0 15px 0 0; } .widget-text h4 { font-size: 14px; font-weight: 600; line-height: 21px; padding: 3px 0 0 0; } .widget-text h4 a { color: #666; } .widget-text h4 a:hover { color: #888; } .widget-text span { color: #a0a0a0; font-weight: 500; margin: 4px 0 0 0; display: block; } .widget-tabs.comments .widget-text span { padding: 5px 0 0 0; margin: 0; } /* Blog Tabs */ .tabs-nav.blog li { width: 33.334%; text-align: center; padding: 0px; } .tabs-nav.blog li a { padding: 0; } .widget .tabs-nav.blog li.active a:hover{ color: #fff } .tabs-nav.blog li:before{ content: ""; display: none; } /* Widget ------------------------------------- */ .widget li { padding: 5px 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget li a{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #888; } .widget li:hover { /* padding-left: 3px; */ color: #808080; } .widget .widget-tabs li:hover a, .widget .widget-tabs li:hover { padding-left: 0px; color: #c0c0c0; } .widget .tabs-nav li:hover { padding-left: 0px; color: #888 } .widget li .widget-thumb a:hover img { padding: 0px } .widget li:before { font-family: "FontAwesome"; font-size: 12px; content: ""; color: #ddd; float: left; position: relative; left: 0; top: -1px; padding: 0 7px 0 0; } .cart_list.product_list_widget span.quantity { display: block; margin-left: 70px; } .woo-search { padding: 155px 40px; margin-bottom: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-repeat: no-repeat; } .woo-search-main input[type="text"] { display: inline-block; width: 572px; font-weight: 500; background: #fff; float: left; font-size: 20px; border: 0; padding: 0 19px; height: 65px; line-height: 32px; -moz-box-sizing: border-box; box-sizing: border-box; } .woo-search-main label { color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 15px; } .woo-search .search-form { width: 640px; margin: 0px auto } .woo-search-main button { background: #606060; border: 0px; color: #fff; cursor: pointer; margin: 0; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition:background 0.2s ease-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px; max-height: 65px; width: 65px; line-height: 20px; } .woo-search-main button i { font-size: 20px; line-height: 20px; height: 25px; } .ac_results { font-size: 16px; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; background: #f8f8f8; border-style: solid; color: #a6a6a6; width: 572px; border-bottom: 1px solid #e9e9e9; } .ac_results li { padding: 12px 19px; white-space: nowrap; overflow: h; text-align: left; line-height: 26px; } .ac_over { cursor: pointer; background: #f2f2f2; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .ac_match { font-weight: 700; color: #606060; } .woo-search-elements { background: #fff; padding: 20px 20px 10px 5px; display: none; } .woo-search-elements > ul > li { float: left; padding-left: 15px; width: 189px; margin-bottom: 15px } .woo-search-elements select { width: 100%; } /** * @author zhixin wen */ .ms-parent { display: inline-block; position: relative; vertical-align: middle; outline: 0; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; border: 0px; cursor: pointer; text-align: left; white-space: nowrap; line-height: 28px; color: #909090; font-weight: 500; text-decoration: none; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 6px; left: 5px; right: 20px; font-size: 14px; color: #909090; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #909090; font-weight: 500; } .ms-choice > div { position: absolute; top: 8px; right: 5px; width: 20px; height: 25px; background: url('images/multiple-select.png') left top no-repeat; } .ms-choice > div.open { background: url('images/multiple-select.png') right top no-repeat; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #f5f5f5; color: #000; border: 0; color: #888; } .ms-drop.bottom { top: 100%; } .ms-drop.top { bottom: 100%; } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 30px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('images/multiple-select.png') no-repeat 100% -22px; background: url('images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); outline: none; } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 10px 10px 5px 10px ; border-bottom: 1px solid #e9e9e9; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; margin: 8px 0; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; cursor: pointer; top: 1px; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { vertical-align: middle; margin-top:0; } .ms-drop .ms-no-results { display: none; } .woo-search-elements { margin-top: -7px; font-size: 14px; font-weight: 600; position: absolute; z-index: 9999; width: 612px; border-bottom: 1px solid #eaeaea; } .woo-search-elements button { background: #f5f5f5; padding: 20px; outline: none; } .woo-search .advanced-search-btn { text-transform: uppercase; padding: 0px 0px 0px 18px; margin-top: 10px; font-size: 14px; } .woo-search .advanced-search-btn:hover { background: #606060 } .woo-search .advanced-search-btn i { background: rgba(0,0,0,0.1); padding: 17px 18px 15px 18px; margin: 0px; margin-left: 15px; height: 14px; } .woo-search .price_slider_wrapper { padding: 0px 20px 0px 20px; } .woo-search .widget_price_filter .ui-slider-horizontal { width: 63%; float: left; margin-top: 13px; } .woo-search .price_amount { margin-top: 6px; float: left; margin-left: 14px; text-align: right; font-weight: 500; } .woo-search .widget_price_filter label { float: left; margin: 6px 0 0 0; font-weight: 500; margin-right: 15px; } .left-sidebar-class .woocommerce-info { margin-left: 330px; overflow: hidden; } /* ------------------------------------------------------------------- */ /* Media Queries ---------------------------------------------------------------------- */ /* Standard 1180 (devices and browsers) */ @media only screen and (min-width: 1200px){ a.menu-trigger { display: none; } } /* Smaller than standard 1180 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1389px) { #not-found { margin: 50px 0 75px 0; } #not-found h2 { font-size: 210px; line-height: 210px; } .top-search.widget input { width: 154px; } #not-found p { font-size: 28px; line-height: 36px; } #not-found i { font-size: 200px; top: -5px; } a.menu-trigger { display: none; } .product-list span { font-size: 14px; } .widget_shopping_cart_content .buttons a { width: 85%; } input.newsletter-btn { position: static; } input.newsletter { width: 86%; } .woo-search { padding: 100px 40px; } } @media only screen and (max-width: 990px) { .from-the-blog .post-quote blockquote { margin-left: 0px; border: 0px; } .from-the-blog .post-quote .icon { display: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 990px) { .menu > li > a { padding: 17px 20px 15px 20px; } .slider-padding { padding-right: 10px; } .share-buttons ul li:first-child a { display: none; } .extra-padding { padding-right: 10px; } .extra-padding.left { padding-left: 10px; } #not-found {margin: 35px 0 60px 0;} .top-search.widget input { width: 106px; } #not-found h2 { font-size: 160px; line-height: 160px; } #not-found i { font-size: 155px; top: -4px; } #not-found p { font-size: 22px; line-height: 32px; } a.menu-trigger { display: none; } .product-list span { font-size: 14px; } .product-list-desc, .product-list-desc.with-rating { top: 0; } .menu > li > a { padding: 17px 15px 15px 15px; } .arrows .with-ul { padding-right: 26px; } .arrows .with-ul:after { right: 13px; } .widget_shopping_cart_content .buttons a { width: 85%; } input.newsletter-btn { position: static; } input.newsletter { width: 86%; } .woo-search { padding: 50px 40px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .wpb_column { margin-bottom: 20px; } .pagination-next-prev a.prev { margin: 0; } .slider-padding { padding-right: 0; } .og-details { display: inline-block; margin: 30px 0; padding: 0 40px; } .og-grid { margin-left: -8px; } .share-buttons ul li:first-child a { display: none; } .extra-padding, .extra-padding.left { padding: 0; } .parallax-content h2 span {display: none;} .parallax-titlebar #breadcrumbs ul { left:55px; display: block; float: left; top: 30px; } #not-found {margin: 15px 0 25px 0;} #not-found h2 { font-size: 110px; line-height: 120px; } #not-found i { font-size: 105px; top: -2px; } #not-found p { font-size: 22px; line-height: 32px; } #additional-menu { display: none; } #cart { float: left; } .top-search { float: right; } #cart, .top-search { margin: 35px 0 0 0; } .cart-list { left:0; } .cart-list .arrow { left: 20px; } #top-bar .social-icons { display: none; } .parallax-title { font-size: 36px; } .parallax-title span { padding: 10px 0 0 0; font-size: 24px; } .the-team-content, .from-the-blog-content { margin-bottom: 20px; } #footer p { margin-bottom: 20px !important; } .payment-icons { float: left; margin: 15px 0 0 -5px; } .tp-banner-container, ul.product-list {margin-bottom: 35px;} a.img-caption {margin-bottom: 25px;} .caption {margin-top: -40px;} .caption.dark h2, .caption h2 {font-size: 38px; padding-bottom: 0;} .caption.dark h3, .caption h3 {font-size: 24px; padding-bottom: 5px;} .orderby { margin: 40px 0 0 0;} .full-width .orderby { margin: 0;} .products .pagination-next-prev a.prev { margin: 0; } .slider-padding { margin-bottom: 25px;} section.linking { border-bottom: 1px solid #ebebeb; margin-bottom: 50px; padding-bottom: 25px; } .variables label { margin-top: 20px;} .variables { margin-top: -20px; } .tabs-nav li {width: 100%;} #our-clients img { margin:0 auto; } .counter-box, .icon-description, .related .portfolio-item { margin-bottom: 20px; } input.qty { padding: 8px 7px; } .cart-btns { margin-top: 10px;} .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } table.cart-table.bottom {margin-top: 25px;} .container.cart {top:-25px;} .widget_shopping_cart_content .buttons a { width: 85%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; } body .woocommerce form .form-row-first,body .woocommerce form .form-row-last,body .woocommerce-page form .form-row-first,body .woocommerce-page form .form-row-last { float: left; width: auto; overflow: visible; } .vc_responsive .wpb_row .recent-blog-posts .vc_col-sm-6, .vc_responsive .wpb_row .recent-blog-posts .vc_col-sm-4, .vc_responsive .wpb_row .recent-blog-posts .vc_col-sm-3 { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; } .reviews-counter { position: static; text-align: left; float: none; margin-top: 5px; } .reviews-counter .rating { position: static; } input.newsletter { width: 90%; } .woo-search .search-form { width: 420px; } .woo-search-main input[type="text"] { width: 325px; } .woo-search-elements { width: 395px; } .woo-search-elements > ul > li { width: 96%; } .woo-search { padding: 35px 40px; background-size: auto !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .top-search input { width: 215px; } .apply-coupon input { width: 233px; } .cart-list { width: 420px; } .widget_shopping_cart_content { width: 90%; } .parallax-title { font-size: 30px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .top-search input { width: 95px } .apply-coupon input { width: 112px; } .top-search { float: right; } .cart-list { width: 300px; } .widget_shopping_cart_content { width: 90%; } .parallax-title { font-size: 30px; } .magazine-lead figcaption ul { display: none; } .woo-search .search-form { width: 300px; } .woo-search-main input[type="text"] { width: 205px; } .woo-search-elements { width: 275px; } .woo-search-elements > ul > li { width: 96%; } .woo-search .widget_price_filter .ui-slider-horizontal { width: 100%; } .woo-search .price_amount { margin-left: 0px; } } /* Styles for Retina Images */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) { .menu .homepage { background: url(http://www.bathempire.com/bathroom-ideas/wp-content/themes/trizzy/images/home@2x.png) 50% no-repeat; background-size: 13px 12px; } #navigation.alt .menu .homepage { background: url(images/home_alt-2x.jpg) 50% no-repeat; background-size: 13px 12px; } #navigation.alt .menu li.homepage:active, #navigation.alt .menu li.homepage:hover { background-image: url(http://www.bathempire.com/bathroom-ideas/wp-content/themes/trizzy/images/home@2x.png); background-position: 50%; background-repeat: no-repeat; background-size: 13px 12px; } } /* ------------------------------------------------------------------- */ /* Styles Switcher ---------------------------------------------------------------------- */ /*-------------------------------------------------------------- WordPress styles --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; 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 */ } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin-bottom: 30px } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .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-caption {} #wrapper .gallery-icon img { text-align: center; margin: 0px auto; } .gallery-caption { margin-top: 15px; font-style: 12px } .sticky { } .bypostauthor { } .woocommerce form .form-row,.woocommerce-page form .form-row { *zoom: 1; } .woocommerce form .form-row:after,.woocommerce form .form-row:before,.woocommerce-page form .form-row:after,.woocommerce-page form .form-row:before { content: " "; display: table; } .woocommerce form .form-row:after,.woocommerce-page form .form-row:after { clear: both; } .woocommerce form .form-row label,.woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100%; } .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .woocommerce form.checkout_coupon .form-row .input-text,.woocommerce-page form.checkout_coupon .form-row .input-text { width: auto; background: #f5f5f5; } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { float: left; width: 47%; overflow: visible; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide { clear: both; } .woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select { width: auto; } #ship-to-different-address label { float: left; margin-right: 15px; } #payment { background:#f8f8f8; border-top: 1px solid #e5e5e5; } #payment ul.payment_methods { text-align:left; padding:1em; border-bottom:1px solid #e0dadf; margin:0; list-style:none outside } #payment ul.payment_methods:after { content:""; display:block; clear:both } #payment ul.payment_methods li { line-height:2em; text-align:left; margin:0; font-weight:normal } #payment ul.payment_methods li label.payment-label { display: block; } #payment ul.payment_methods li input { margin: 6px 9px 0 0; float: left; } #payment ul.payment_methods li img { vertical-align:middle; display: inline; margin:-2px 0 0 .5em; position:relative } #payment div.form-row { padding:1em; } #payment #place_order { float:right; margin:0 } #payment .terms { padding:0 1em 0; text-align:right } #payment div.payment_box { position:relative; width:95%; padding:1em 2%; margin:1em 0 1em 0; font-size:.92em; line-height:1.5em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; } #payment div.payment_box p:last-child { margin-bottom:0 } #payment div.payment_box #cc-expire-month,#payment div.payment_box #cc-expire-year { width:48%; float:left } #payment div.payment_box #cc-expire-year { float:right } #payment div.payment_box span.help { font-size:11px; color:#777; line-height:13px; font-weight:normal } #payment div.payment_box .form-row { margin:0 0 1em } #payment div.payment_box .form-row select { width:48%; float:left; margin-right:3.8% } #payment div.payment_box .form-row select:nth-child(3n) { margin-right:0 } #payment div.payment_box:after { content:""; display:block; border:8px solid #b6d7e8; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent; position:absolute; top:-4px; left:0; margin:-1em 0 0 2em } #payment_method_paypal { display: inline; } .cross-sells .products .product:first-child { margin-left: 0px; } .container .eight.columns.woo-login-form { float: none; display: block; margin: 0px auto; } body span.wpcf7-not-valid-tip { color: #de5959; } .wpcf7-form .ajax-loader { margin-top: 10px; } body .wpcf7-response-output { border: 0px; margin: 0px; } .product-name .product-quantity { color: #999 } #payment { margin-bottom: 15px } ul.order_details li { margin: 5px 0px; } .order_details.bacs_details h3 { font-size: 16px; } body a.ptwsi-social-icon { border-radius: 0px } .wpb_row.vc_row-fluid:last-child, .wpb_row.vc_row-fluid:only-child { margin-bottom: 15px; } /* Back to Top ------------------------------------- */ #backtotop_trizzy { position: fixed; right: 0; display: none; bottom: 20px; margin: 0 20px 0 0; z-index: 999999; } #backtotop_trizzy a { text-decoration: none; border: 0 none; display: block; width: 45px; height: 45px; background-color: rgba(0,0,0,0.25); color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 99999; } #backtotop_trizzy a:after { content: "\f077"; font-family: "FontAwesome"; position: relative; display: block; top: 10px; left: 15px; } #backtotop_trizzy a:hover { background-color: #808080; } body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 1em 0px; } h6.myaccount_user { font-size: 18px; color: #666; font-weight: 600 } h6.myaccount_user span { font-size: 14px; color: #999; } p.myaccount_user { color: #666 } article.type-team { margin-bottom: 40px; } .single-team .post-navigation { padding-bottom: 10px; } .single-team .nav-links { margin-bottom: 10px; } input#rememberme { margin-top: 10px; } .magazine-lead img { position: relative; } .magazine-lead figure { max-height: 432px; overflow: hidden; position: relative; } .magazine-lead figcaption { background: rgba(0, 0, 0, 0.4); position: absolute; padding: 30px; bottom: 0; display: block; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .magazine-lead figcaption h3 { color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; } .magazine-lead figcaption h3 a { color: #fff } .magazine-lead .lead-post:first-child { margin-bottom: 5px; } .magazine-lead .lead-post figcaption { padding:20px; } .magazine-lead .lead-post figcaption h3 { font-weight: 600; font-size: 14px; margin-top: -2px; } .magazine-lead time { color: #f4f4f4; opacity: 0.8 } .magazine-lead ul { margin-top: 15px; overflow: hidden; } .magazine-lead ul li { float: left; margin-right: 10px; } .magazine-lead figcaption:hover time{ opacity: 1 } .video-cont iframe{ max-width: 100%; margin:0px auto; } .widget_ns_mailchimp { } .related.products .onsale { right:0px;} .full-width-class .woocommerce-ordering { overflow: hidden;} .shop-search-title { position: relative; } .shop-search-title h3{ padding-left: 20px; } a.back-to-shop { position: absolute; right: 0px; top: 60px; color: #777; font-weight: 600 } a.back-to-shop.link-up { position: static; margin-left: 20px; } a.back-to-shop i { color: #c0c0c0; margin-right: 4px; } /* Sliding Search Form */ #navigation .menu > li#search-in-menu { position: absolute; right:0; } #navigation .menu > li#search-in-menu .fa { position: relative; cursor: pointer; right: 0; max-height: 50px; padding: 17px 18px; font-size: 16px; line-height: 16px; background: #505050; display: inline-block; } #navigation .menu > li#search-in-menu .fa:before{ color: #fff; } #navigation .menu > li#search-in-menu input[type="text"]{ background: transparent; border: 0px; display: inline; } #navigation .menu > li#search-in-menu.sfHover, #navigation .menu > li#search-in-menu:hover { background: none; } #navigation .menu > li#search-in-menu input[type="text"] { right:0; width: 0; height: 50px; max-height: 50px; background: #505050; padding: 0; margin:0; border: none; top: -0; outline: none; color: transparent; font-size: 14px !important; cursor: pointer; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 16px; position: relative; } @-moz-document url-prefix() { #navigation .menu > li#search-in-menu input[type="text"] {top:-1px;} } #navigation .menu > li#search-in-menu input[type="text"]:focus { font-size: 13px; width: 180px; padding-right: 15px; border: none; color: #fff; cursor: text; } #navigation.alt .menu > li#search-in-menu .fa, #navigation.alt .menu > li#search-in-menu input[type="text"] { background: #e6e6e6} #navigation.alt .menu > li#search-in-menu .fa:before { color:#999;} #navigation.alt .menu > li#search-in-menu input[type="text"]:focus {color: #909090} .search-result.product section { text-align: left; padding-top: 0px; background: transparent; } .search-result.product section .price { margin-bottom: 15px; } .trail-browse { display: none; } .trail-begin { margin-left: 80px; }