/*------------------------------------------------------------------ [Master Stylesheet] Project: Vega Wordpress Theme Version: 1.0 Last change: 02/12/14 [initial release] Assigned to: ThemeGoods Primary use: Wordpress Theme -------------------------------------------------------------------*/ @import "reset.css"; @import "wordpress.css"; /*------------------------------------------------------------------ [Color codes] Background: #ffffff (white) Content: #000000 (black) Header: #000000 (black) Footer: #000000 (black) a (standard): #000000 (black) a (hover): #000000 (black) a (active): #000000 (black) -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Typography] Body copy: 16px/1.8em "Crimson Text", "Times New Roman", georgia, sans-serif Header: 36px/1.8em "Montserrat", "helvetica neue", Helvetica, sans-serif Input, textarea: 16px "Crimson Text", "Times New Roman", georgia, sans-serif Sidebar heading: 13px uppercase "Montserrat", "helvetica neue", Helvetica, sans-serif -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Navigation / .top_bar 3. Footer / #footer 4. Content / #page_content_wrapper 5. Social Sharing / #social_share_wrapper 6. Sidebar / .sidebar_wrapper 7. Form & Input 8. Pagination / .pagination 9. Widgets 10. Gallery Template Elements 11. Contact Form Captcha / #captcha-wrap 12. Woocommerce Elements -------------------------------------------------------------------*/ html { overflow-x: hidden; } body { background: #fff; font-size: 16px; font-family: "Crimson Text", "Times New Roman", georgia, sans-serif; padding: 0; margin: 0; color: #000; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; line-height: 1.8; height: 100%; word-wrap: break-word; font-weight: 300; } html, body[data-style=password], body[data-style=wall], body.page-template-contact-php { height: 100%; } body.mfp-zoom-out-cur { height: auto; } hr { height: 0; border: 0; border-top: 1px solid #e1e1e1; background: transparent; display: block; margin: auto; width: 100%; clear: both; } hr.thin { border-top: 1px solid #000; } .textright { text-align: right; } a { color: #0da29e; text-decoration: none; -webkit-transition: color .2s linear, background .1s linear; -moz-transition: color .2s linear, background .1s linear; -ms-transition: color .2s linear, background .1s linear; -o-transition: color .2s linear, background .1s linear; transition: color .2s linear, background .1s linear; } a:hover { color: #000; text-decoration: none; } a:active { color: #000; text-decoration: none; } h1 { font-size: 36px; } h2 { font-size: 32px; } #searchform label { display: none; } #searchform input[type=text] { width: 91%; border: 0; } h3 { font-size: 26px; } h3#reply-title { font-size: 20px; margin-bottom: 5px; } h4 { font-size: 20px; } .gmap_marker h4 { font-size: 13px; color: #000; display: block; width: 100%; text-align: center; } h5 { font-size: 18px; } h6 { font-size: 16px; } h7 { font-size: 14px; } h1, h2, h3, h4, h5, h6, h7 { color: #000; font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif; } h1.white { color: #fff; } .fixed { position: fixed; z-index: 10; } .strong { font-weight: bold; } .middle { vertical-align: -30%; } pre, code, tt { font:12px 'andale mono', 'lucida console', monospace; line-height:1.5; padding: 15px 10px 15px 10px; display: block; overflow: auto; margin-top: 20px; margin: 20px 0 20px 0; width:92%; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .clear { clear: both; } img.mid_align { vertical-align: middle; margin-right: 5px; border: 0; } #contact_form { margin-left: -1.33333rem; } #contact_form label { clear: both; float: none; width: 100%; margin-left: 0; margin-bottom: 10px; display: block; } #contact_form > p { float: left; width: 31.1%; border-left: 0 solid transparent; border-left-width: 24px; border-left-width: 1.33333rem; } #contact_form > p.textarea, #page_content_wrapper.fixed #contact_form > p { width: 100%; box-sizing: border-box; } #contact_form input, #contact_form textarea, #commentform input, #commentform textarea { margin-bottom: 15px; } .dropcap1 { display: block; float: left; margin: 0 8px 0 0; font-size: 40px; line-height: 40px; background: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #000; width: 40px; height: 40px; text-align: center; text-shadow: none; } blockquote { margin: 10px 0 10px 0; font-size: 22px; font-style: italic; } blockquote h2 { font-weight: normal; font-size: 20px; } blockquote h3 { font-weight: normal; font-size: 18px; } #respond { width: 100%; float: left; margin: 0; } #respond.comment-respond { margin: 0 0 20px 0; padding-top: 60px; border-top: 1px solid #e1e1e1; text-align: center; position: relative; } #wrapper, #supersized { -webkit-transition: all 500ms ease; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-font-smoothing: antialiased; } body.js_nav #wrapper { -webkit-transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1); transform: translate3d(70%, 0px, 0px) scale3d(1, 1, 1); } #wrapper { background: #fff; padding: 20px 20px 0 20px; box-sizing: border-box; } body[data-style=fullscreen], body[data-style=password] { overflow: hidden; } body[data-style=fullscreen] #wrapper { max-height: 100%; max-width: 100%; height: 100%; background: transparent; z-index: 9; position: relative; } #ajax_loading { display: none; } #supersized li { background: #000; } /*------------------------------------------------------------------ [2. Navigation] */ #overlay_background { background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 21; top: 0; left:0; width: 100%; height: 100%; display: none; } #overlay_background.visible { display: block; } .logo_wrapper { text-align: center; display: inline-block; line-height: 0; } .top_bar { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 30px; position: relative; z-index: 99; background: #fff; float: left; } .top_bar #searchform { display: block; float: right; margin-left: 0; } .top_bar #searchform input { border: 0; width: 600px; position: relative; display: none; margin-left: 15px; padding: 0; } .top_bar #searchform input:focus { outline: none; } .top_bar #searchform button { padding: 0 10px 0 10px; margin-left: 15px; background: transparent; border: 0; outline: none; cursor: pointer; } .top_bar #searchform button i { font-size: 16px; color: #777; } .top_bar #searchform button.active { position: relative; top: 2px; } .top_bar #searchform button.active i { color: #000; } body[data-style=fullscreen] .top_bar, .top_bar.fixed { padding-top: 20px; padding-bottom: 10px; position: fixed; top: 0; left: 0; top: 20px; } .top_bar.fixed { top: 0; opacity: 0; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } .top_bar.fixed.visible { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } body[data-style=fullscreen] .top_bar .logo_wrapper img, .top_bar.fixed .logo_wrapper img { max-height: 30px; width: auto; } body[data-style=fullscreen] .top_bar .main_menu_container { margin-top: -19px !important; } #mobile_nav_icon { margin-top: 19px; margin-left: 20px; display: block; border-bottom: 10px double #888; border-top: 3px solid #888; height: 4px; width: 25px; float: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: none; cursor: pointer; } .top_bar.fixed #mobile_nav_icon, body[data-style=fullscreen] .top_bar #mobile_nav_icon { margin-top: 5px; } .mobile_menu_wrapper { left: 0px; -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); -o-transform: translate(-100%, 0px); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: -webkit-transform 500ms ease; -webkit-font-smoothing: subpixel-antialiased; width: 70%; background: #191919; position: absolute; top: 0px; overflow: scroll !important; height: 100%; z-index: 99999; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0,0,0,0.1); font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; display: none; } body.js_nav .mobile_menu_wrapper { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); } .mobile_main_nav li a { text-transform: uppercase; } #close_mobile_menu { font-size: 22px; line-height: 40px; text-decoration: none; height: 40px; display: block; text-align: center; } #close_mobile_menu i { color: #fff; } body #imageFlow_gallery_info { height: 100%; max-height: 100%; overflow: auto; } body.js_nav #imageFlow_gallery_info { display: none; } @-moz-document url-prefix() { .mobile_menu_wrapper { display: none; } body.js_nav .mobile_menu_wrapper { display: block; } } #menu_wrapper { position: relative; } #menu_wrapper .notice { font-size: 13px; display: inline-block; vertical-align: middle; margin: 0 25px 0 25px; } #menu_border_wrapper { display: block; } .nav, .subnav, .nav_page_number { list-style: none; } .subnav { background: none; } .nav > li, .nav_page_number > li { display: inline-block; } .nav_page_number { margin-top: 2px; } .main_menu_container { vertical-align: middle; display: inline-block; margin: 0 25px 0 25px; display: none; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } .main_menu_container.visible { display: inline-block; } #menu_wrapper .nav ul, #menu_wrapper div .nav { list-style: none; display: inline-block; padding-top: 10px; } #menu_wrapper .nav ul li, #menu_wrapper div .nav li { display: inline-block; margin: 0 15px 0 15px; } #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li { clear: both; width: 100%; padding: 0; margin: 0; } #menu_wrapper .nav ul li:last-child, #menu_wrapper div .nav li:last-child { margin-right: 0; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a { display: inline-block; padding: 0; margin: 0; color: #999; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; width: 100%; display: block; font-weight: bold; font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; } #menu_wrapper div .nav > li > a { padding-bottom: 10px; } #menu_wrapper .nav ul li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after { font-weight: bold; font-size: 10px; margin-left: 0.5em; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-family: 'FontAwesome'; content: "\f107"; float: right; margin-right: 0px; margin-top: 5px; } #menu_wrapper .nav ul li ul li.arrow > a:after, #menu_wrapper div .nav li ul li.arrow > a:after { content: "\f105"; margin-top: 9px; } #menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover { color: #000; } #menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a { color: #000 !important; } #menu_wrapper div .nav li ul li.current-menu-ancestor a { color: #000; } #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { list-style: none; width: 100%; display: none; text-align: left; margin: 0; position: absolute; padding: 5px 15px 5px 15px; width: 150px; border: 1px solid #e1e1e1; background: #fff; margin-left: -15px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); z-index: 9; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } #menu_wrapper .nav ul li ul.visible, #menu_wrapper div .nav li ul.visible { display: block; } #menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul { left: 180px; margin-left: 0; margin-top: -41px; } #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li { width: 100%; padding: 0; padding-right: 25px; display: block; margin-left: 0; } #menu_wrapper .nav ul li ul li:first-child, #menu_wrapper div .nav li ul li:first-child { padding-top: 5px; } #menu_wrapper .nav ul li ul li:last-child, #menu_wrapper div .nav li ul li:last-child { padding-bottom: 5px; } #menu_wrapper .nav ul li ul li ul:before, #menu_wrapper div .nav li ul li ul:before { display: none; } #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a { color: #000; display: block; background: transparent; height: auto; } #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a { width: 100%; display: block; border-top: 0; font-size: 11px; line-height: 30px; color: #999; } #menu_wrapper .nav ul li ul li:last-child a, #menu_wrapper div .nav li ul li:last-child a, #menu_wrapper div .nav li.current-menu-parent ul li:last-child a { border-bottom: 0; } #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover { color: #000; } #menu_wrapper .nav ul li.megamenu > ul, #menu_wrapper div .nav li.megamenu > ul { position: absolute; width: 960px; left: 0; right: 0; margin-left:auto; margin-right:auto; padding: 15px; box-sizing: border-box; } #menu_wrapper .nav ul li:not(.megamenu) ul.sub-menu li.arrow > a:after, #menu_wrapper div .nav li:not(.megamenu) ul.sub-menu li.arrow > a:after { font-size:11px; margin-left: 0.5em; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-family: 'FontAwesome'; content: "\f105"; float: right; margin-right: 0px; margin-top: 5px; } #menu_wrapper div .nav li.megamenu ul li { display: block; box-sizing: border-box; clear: none; float: left; border-left: 1px solid #eeeeee; } #menu_wrapper div .nav li.megamenu ul li.hidden > a { display: none; } #menu_wrapper div .nav li.megamenu ul li:first-child { border: 0; } #menu_wrapper div .nav li.megamenu.col2 ul li { width: 50%; padding: 0px 12px; } #menu_wrapper div .nav li.megamenu.col3 ul li { width: 33.3%; padding: 0px 12px; } #menu_wrapper div .nav li.megamenu.col4 ul li { width: 25%; padding: 0px 12px; } #menu_wrapper .nav ul li.megamenu ul li ul, #menu_wrapper div .nav li.megamenu ul li ul { position: relative; width: 100%; margin: 0; border: 0; box-shadow: 0 0 0; display: block !important; opacity: 1 !important; left: 0; padding: 0; } #menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li { width: 100% !important; border: 0 !important; } #menu_wrapper div .nav li.megamenu ul li > a, #menu_wrapper div .nav li.megamenu ul li > a:hover, #menu_wrapper div .nav li.megamenu ul li > a:active { width: 100%; color: #444; box-sizing: border-box; background: transparent; } #menu_wrapper .nav ul li.megamenu ul li ul li a, #menu_wrapper div .nav li.megamenu ul li ul li a { color: #888; } #menu_wrapper .nav ul li.megamenu ul li ul li a:before, #menu_wrapper div .nav li.megamenu ul li ul li a:before { text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 10%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; font-family: 'FontAwesome'; content: "\f105"; float: left; margin-right: 8px; margin-top: 7px; } #menu_wrapper .nav ul li.megamenu ul li ul li a:hover, #menu_wrapper div .nav li.megamenu ul li ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.megamenu ul li ul li a:active { color: #444; background: #f9f9f9; width: auto; } #menu_wrapper div .nav li.megamenu ul li a:after { display: none; } #menu_wrapper .nav ul li.megamenu ul li ul li, #menu_wrapper div .nav li.megamenu ul li ul li a { width: auto; display: inline-block; margin-left: -12px; padding: 2px 20px 2px 5px; } #menu_wrapper .nav ul li.megamenu ul.sub-menu li.arrow > a:after, #menu_wrapper div .nav li.megamenu ul.sub-menu li.arrow > a:after { display: none; } .header_cart_wrapper { display: inline-block; vertical-align: middle; position: relative; display: none; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } .header_cart_wrapper.visible { display: inline-block; } .header_cart_wrapper .cart_count { position: absolute; top: -10px; right: -10px; font-size: 10px; font-weight: 600; border-radius: 50px; background: #000; color: #fff; z-index: 2; width: 16px; height: 16px; line-height: 16px; text-align: center; } .header_cart_wrapper i { font-size: 18px !important; } /*------------------------------------------------------------------ [3. Footer] */ .footer_bar { width: 100%; background: #000; text-align: center; padding: 40px 0 40px 0; } body[data-style=fullscreen] .footer_bar, body[data-style=password] .footer_bar { display: none; } body.page-template-portfolio-2-php .footer_bar, body.page-template-portfolio-3-php .footer_bar, body.page-template-portfolio-4-php .footer_bar { margin: 0; } .footer_bar .logo_wrapper { margin: 40px 0 60px 0; } #footer { width: 960px; clear: both; margin: auto; color: #999; word-wrap: break-word; font-size: 90%; margin: auto; margin-top: 0; padding: 20px 0 20px 0; } #footer a { color: #ccc; } #footer a:hover, #footer a:active { color: #888; } #footer ul.sidebar_widget { width: 960px; list-style: none; margin: 0; margin: auto; } #footer ul.sidebar_widget li ul { list-style: none; margin-left: 0; } #footer .sidebar_widget > li img { max-width: 100%; height: auto; } #footer ul.sidebar_widget li ul li ul.children { margin-left: 10px; margin-bottom: 0; } #footer ul.sidebar_widget li ul li ul.children li:last-child { border: 0; margin-bottom: 0; } #footer .sidebar_widget.four > li { width: 20%; float: left; margin-right: 5%; } #footer .sidebar_widget.four > li:nth-child(4) { margin-right: 0; width: 25%; } #footer .sidebar_widget.three > li { width: 31%; float: left; margin-right: 2%; } #footer .sidebar_widget.three > li:nth-child(3) { margin-right: 0; width: 33%; } #footer .sidebar_widget.two > li { width: 48%; float: left; margin-right: 2%; } #footer .sidebar_widget.two > li:nth-child(2) { margin-right: 0; width: 50%; } #footer .sidebar_widget.one > li { width: 100%; clear: both; float: left; margin-bottom: 30px; } #footer ul.sidebar_widget li ul.posts.blog li img { width: 70px; float: left; margin: 0 15px 15px 0; } #footer ul.sidebar_widget li ul.posts.blog li { clear: both !important; float: left; border: 0; } #footer ul.sidebar_widget li ul li { margin: 0 0 10px 0; } #footer ul.sidebar_widget li ul li ul.sub-menu { margin-left: 15px; } #footer ul.sidebar_widget li ul.flickr li { margin: 0 9px 0 0; border-bottom: 0; } #footer ul.sidebar_widget li ul.flickr li img { width: 70px; height: auto; } #footer.fullscreen , #footer.flow, #footer.kenburns, #footer.wall, #footer.flip, #footer.static { display: none; } #copyright { width: 100%; font-size: 13px; margin-top: 0; color: #999; } /*------------------------------------------------------------------ [4. Content] */ #option_btn { position: fixed; top: 135px; left:-2px; cursor:pointer; z-index: 999; background: #fff; background: rgb(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); border: 1px solid #e1e1e1; border-left: 0; width: 45px; height: 55px; text-align: center; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); } #option_btn i { font-size: 20px; line-height: 57px; color: #000; } #option_wrapper { position: fixed; top: 0; left:-260px; width: 250px; height: 100%; background: #fff; border: 1px solid #e1e1e1; z-index: 99999; color: #888; font-size: 12px; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1); overflow: scroll; } #option_wrapper:hover { overflow-y: auto; } #option_wrapper select { width: 100%; margin-top: 5px; } #option_wrapper .note_icon { color: #ff3e36; margin-right: 5px; } strong.label, div.label { font-weight: normal; margin-bottom: 5px; color: #000; display: block; } .demo_list { list-style: none; display: block; margin: 15px 0 20px 0; } .demo_list li { display: block; position: relative; margin-bottom: 10px; width: 100%; overflow: hidden; } .demo_list li img { max-width: 220px; height: auto; line-height: 0; } .demo_list li:hover 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-filter: blur(2px); filter: blur(2px); -moz-filter: blur(2px); } .demo_list li:hover .demo_thumb_hover_wrapper { opacity: 1; } .demo_thumb_hover_wrapper { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 0; transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; visibility: visible; width: 100%; } .demo_thumb_hover_inner { display: table; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .demo_thumb_desc { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; } .demo_thumb_hover_inner h6 { color: #fff !important; line-height: 20px; } .demo_thumb_desc .button.white { margin-top: 10px; font-size: 12px !important; } .demo_thumb_desc .button.white:hover { background: #fff !important; color: #000 !important; } #option_wrapper .inner { padding: 25px 15px 25px 15px; box-sizing: border-box; } .fixed { position: fixed; z-index: 22; } .frame_top { top: 0; left:0; width: 100%; height: 20px; background: #000; } .frame_bottom { bottom: 0; left:0; width: 100%; height: 20px; background: #000; z-index: 10; } .frame_left { top: 0; left: 0; height: 100%; width: 20px; background: #000; z-index: 10; } .frame_right { top: 0; right: 0; height: 100%; width: 20px; background: #000; z-index: 10; } .ppb_wrapper { width: 100%; background: #f9f9f9; clear: both; } #page_content_wrapper, .page_content_wrapper { width: 100%; background: #f9f9f9; box-sizing: border-box; padding: 50px 0 50px 0; clear: both; } #page_content_wrapper.transparent, .page_content_wrapper.transparent { background: transparent; } #page_content_wrapper img, .page_content_wrapper img { max-width: 100%; } .one .page_content_wrapper { background: transparent; } #page_content_wrapper.fixed { position: fixed; top: 85px; bottom: 20px; right: 20px; width: 550px; padding: 40px 30px 30px 30px; box-sizing: border-box; background: #f9f9f9; max-height: 100%; overflow: auto; z-index: 1; } body.page-template-blog_g-php #page_content_wrapper { padding: 50px 30px 50px 30px; box-sizing: border-box; } #page_content_wrapper.nobg, .page_content_wrapper.nobg { background: transparent !important; } #page_content_wrapper.nopadding, .page_content_wrapper.nopadding { padding: 0; } #page_content_wrapper.transparentbg, .page_content_wrapper.transparentbg { padding: 0; } .transparentbg { background: transparent !important; } .transparentbg input[type=password] { background: #fff !important; } #page_content_wrapper.withtitle, .page_content_wrapper.withtitle { margin-top: 30px; } #content_wrapper .inner { overflow: hidden; } #page_content_wrapper .inner, .page_content_wrapper .inner { margin: auto; } #page_content_wrapper.fixed .inner { width: 100%; } .nicepadding { padding: 30px; box-sizing: border-box; } .ppb_title { text-align: center; display: block; margin-bottom: 30px; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; } .upper_title { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; margin: 10px 0 10px 0; } .post.type-post { margin-bottom: 20px; } body.page-template-blog_thumb-php .post.type-post { float: left; } .post.type-post.gallery img { max-width: 100%; height: auto; line-height: 0; } .post.type-post.gallery .gallery_wrapper, .post.type-post.gallery .image_wrapper { float: left; line-height: 0; overflow: hidden; position: relative; } body[data-style=blog_grid] #blog_grid_wrapper.vertical .post.type-post, body[data-style=blog_grid] .blog_grid_wrapper.vertical .post.type-post { width: 100%; } body[data-style=blog_grid] .post.type-post, body.page-template-galleries-php .gallery.type-gallery, body[data-style=blog_grid] .post.type-post, .ppb_galleries .post.type-post, .blog_grid_wrapper .post.type-post { float: left; width : 31.2%; margin: 0 1% 2.5% 1%; padding: 15px 15px 15px 15px; box-sizing: border-box; background: #fff; } .post.type-post .mask { position: absolute; overflow: hidden; top: 0; left: 0; background: #000; background-color: rgba(0,0,0, 0.5); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; width:100%; height:100%; } .post.type-post .mask.transparent { background: transparent !important; } .post.type-post.gallery img { display: block; width: 100%; height: auto; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .post.type-post.gallery:hover img:not(.static) { -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-filter: blur(2px); filter: blur(2px); -moz-filter: blur(2px); } .post.type-post .mask .mask_frame { width: 100%; height: 100%; display: table; } .post.type-post .mask .mask_frame .mask_image_content { display: table-cell; vertical-align: middle; } .post.type-post .mask .mask_frame .mask_image_content .mask_image_content_frame i { font-size: 20px; border-radius: 200px; padding: 20px; background: #fff; color: #000; margin: 0 5px 0 5px; opacity: 0; } .post.type-post:hover .mask .mask_frame .mask_image_content .mask_image_content_frame i { animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .image_classic_frame { background: #fff; width: 100%; padding: 15px; box-sizing: border-box; text-align: center; } .image_classic_frame.expand { padding: 20px 20px 25px 20px; } .image_classic_frame .image_wrapper { line-height: 0; } .image_classic_frame.single { padding: 30px; } .image_grid_frame { text-align: center; } .post.type-post:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .post.type-post:last-child { margin-bottom: 0; } .post_wrapper { width: 100%; padding: 20px 0 10px 0; } .post_wrapper.thumbnails { float: left; padding-top: 0; margin-top:0; border: 0; padding: 0 0 15px 0; } .type-post:first-child .post_wrapper, body.single .post_wrapper { padding-top: 0; } body.single .post_wrapper { border-bottom: 0; } .type-post:first-child .post_wrapper { padding-top: 0; } .type-post:last-child .post_wrapper { border-bottom: 0; padding-bottom: 10px; } .type-post:last-child .post_wrapper.fullwidth { padding-bottom: 35px; } .post_wrapper.grid_layout { padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; text-align: center; } .post_wrapper.grid_layout .flex-direction-nav a { bottom: 10% !important; } .post_wrapper.single { width: 100%; margin: 0; } .post_header { width: 100%; float: left; margin-bottom: 10px; } .post_header.grid_layout { margin-top: 15px; } .post_header.thumbnails { width: 55%; margin: 0 0 0 0; } .post_header.fullwidth { text-align: center; margin-bottom: 20px; } body.page-template-galleries-php .post_header { margin-bottom: 0 !important; } .post_header.fullwidth h4 { font-size: 22px; margin-bottom: 0; } .post_header.fullwidth h4 a, .post_header h5 a { color: #000; } .post_header h5 { font-size: 18px; padding-bottom: 0; width: 90%; display: block; margin: auto; } .post_excerpt { width: 70%; margin: auto; } .post_wrapper.fullwidth .post_excerpt { width: 100%; } .post_tag { margin: 0; text-transform: uppercase; font-size: 11px; width: 100%; text-align: center; letter-spacing: 2px; } .post_tag i { margin-right: 5px; } .post_tag a { color: #000; } #about_the_author { text-align: center; margin-top: 20px; } #about_the_author .gravatar { float: none; margin: auto; margin-bottom: 15px; } .author_detail { font-style: italic; } .uppercase { font-weight: bold; text-transform: uppercase; } body[data-style=fullscreen]:not(.single-post) #social_share_wrapper { position: fixed; float: none; bottom: 20px; right: 20px; z-index: 9; margin: 0; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; bottom: -60px } body[data-style=fullscreen]:not(.single-post):hover #social_share_wrapper { bottom: 20px; opacity: 1; } .post_header .post_detail, .post_detail { font-size: 15px; color: #777; font-style: italic; } .post_header .post_detail a, .post_detail a { color: #777; } .post_header .post_subtitle, .post_subtitle { text-transform: uppercase; font-size: 11px; letter-spacing: 2px; margin-bottom: 0; margin-top: 0; } .post_header .post_subtitle a, .post_subtitle a { color: #000; } #page_caption .post_detail { padding: 0; margin-bottom: 5px; } .post_detail_wrapper { float: left; width:96%; margin: 0 0 10px 0; } #blog_grid_wrapper, .blog_grid_wrapper { padding: 0; width: 100%; position: relative; margin: -10px 0 0 0; padding-top: 10px; top: 0; } #blog_grid_wrapper .post.type-post, .blog_grid_wrapper .post.type-post { opacity: 0; } #blog_grid_wrapper .post.type-post.visible, .blog_grid_wrapper .post.type-post.visible { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .animate { opacity: 0; } .animate.visible { animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .comment .left img.avatar { width: 50px; height: 50px; } .comment { width: 100%; padding-bottom: 0; float: left; padding: 50px 0 50px 0; } .comment .children { float: left; margin-top: 10px !important; } .fullwidth_comment_wrapper .comment { width: 100%; } .comment .left { float: left; margin-right: 15px; } .comment_arrow { width: 10px; height: 10px; float: left; position: relative; left: 5px; margin-top: 20px; display: none; } .comment .right { width: 85%; float: left; padding: 0 0 0 20px; position: relative; } .fullwidth_comment_wrapper .comment .right { width: 91%; } ul.children div.comment .right { width: 72%; } .fullwidth_comment_wrapper ul.children div.comment .right { width: 90%; } .comment .right p { margin: 0; padding: 0; } .comment .right strong { font-weight: #fff; } #content_wrapper ul.children { list-style: none; margin: -40px 0 0px 74px; border-left: 1px solid #ccc; padding: 5px 20px 2px 0; float: left; width: 106%; } #content_wrapper ul.children ul.children { margin-top: -10px; padding-bottom: 0; width: 83.5%; } .comment_wrapper { float: left; margin-left: 25px; border-left: 1px solid #eeeeee; } .comment_date { margin: 0; clear: both; font-style: italic; font-size: 15px; color: #777; } .gravatar { position: relative; z-index: 2; border-radius: 200px; overflow: hidden; float: left; width: 60px; height: 60px; } .fullwidth_comment_wrapper { padding: 30px 0 60px 0; } .fullwidth_comment_wrapper h4 { text-align: center; margin-top: 60px; } .comment-reply-link, .comment-reply-link:hover, .comment-reply-link:active { position: absolute; right: 0; top: 0px; background: #999; color: #fff; font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif; padding: 2px 10px 2px 10px; font-size: 11px; } ul.children .comment { width: 98%; margin: 0; padding: 20px 0 10px 0; margin-top: 20px; margin-left: 25px; float: left; } ul.children .comment:last-child { padding-top: 0; padding-bottom: 15px; } ul.children .comment:first-child { padding-top: 10px; margin-top: 0px; } .one_half { float: left; width: 48%; margin-right: 4%; } .one_half.last { float: right; width: 48%; margin-right: 0; clear: right; } .one_half.withbottom { margin-bottom: 4%; } .one_half_bg { width: 50%; float: left; background-position: 50% 50% !important; background-size: cover !important; box-sizing: border-box; padding: 20px; } .one_third { width: 31.2%; float: left; min-height: 50px; margin-right: 3%; } .one_third.last { margin-right: 0; } .two_third { float: left; width:100%; margin-right: 3%; } .one_fourth { width: 22%; float: left; margin-right: 3%; margin-bottom: 2%; } .one_fourth.last { margin-right: 0; } .one_fourth.portfolio4 { margin:0; } .one_fifth { width: 14%; float: left; margin-right: 6%; margin-bottom: 2%; } .one_fifth.last { margin-right: 0; } .post_img { position: relative; height: auto; } .post_img img { max-width: 100%; height: auto; } .post_img.thumbnails { width: 40%; margin-right: 4%; float: left; } #content_slider_wrapper { width: 100%; height: 20px; background: transparent; position: fixed; bottom: 200px; } #page_content_wrapper .inner .sidebar_content { width: 70%; margin-top: 0; margin-right: 2%; float: left; } #page_content_wrapper .inner .sidebar_content.left_sidebar { width: 67%; margin-right: 0; margin-left: 2%; } #page_content_wrapper .inner .sidebar_content img { max-width: 100%; height: auto; } #page_content_wrapper .inner .sidebar_content iframe, #page_content_wrapper .inner .sidebar_content div { max-width: 100%; } #page_content_wrapper .inner .sidebar_content.full_width { width: 100%; padding: 0 0 0 0; margin: auto; float: none !important; } .post_readmore { margin: auto; margin-top: 50px; text-align: center; position: relative; width: 50%; } .post_readmore .button { position: relative; z-index: 2; } .post_readmore_line { height: 1px; border-top: 1px solid #000; position: absolute; top: 50%; width: 100%; } /*------------------------------------------------------------------ [5. Social Sharing] */ #page_caption #social_share_wrapper { position: static; width: 80%; margin: auto; margin-top: 20px; padding-top: 10px; border-top: 1px solid rgba(256,256,256,0.2); } #page_caption #social_share_wrapper { display: none; } #page_caption #social_share_wrapper.visible { display: block; } #social_share_wrapper.attachment { float: right !important; margin-top: -5px !important; background: transparent !important; position: static !important; padding: 0 !important; } #social_share_wrapper { text-align: center; margin-top: 40px; } #social_share_wrapper ul, .social_share_wrapper ul { margin: 0 !important; list-style: none !important; } #social_share_wrapper ul li, .social_share_wrapper ul li { display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 1.5em; } #page_caption #social_share_wrapper ul li { float: none; display: inline-block; } #social_share_wrapper ul li i, .social_share_wrapper ul li i { font-size: 20px; padding: 7px; box-sizing: border-box; color: #b4b4b4; text-align: center; } #social_share_wrapper ul li:hover i, .social_share_wrapper ul li:hover i { color: #000; } body[data-style=fullscreen]:not(.single-post) #social_share_wrapper { background: #fff; padding: 0 10px 0 10px; } body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li { background: #fff; margin: 0 -2px 0 -2px; padding: 2px; font-size: 14px; } body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li i { font-size: 14px; } #page_caption #social_share_wrapper ul li a:hover i, body[data-style=fullscreen]:not(.single-post) #social_share_wrapper ul li a:hover i { opacity: 1; } /*------------------------------------------------------------------ [6. Sidebar] */ #page_content_wrapper .inner .sidebar_wrapper { width: 25%; margin-left: 3%; float: right; } #page_content_wrapper .inner .sidebar_wrapper.left_sidebar { width: 25%; margin-right: 3%; float: left; } #page_content_wrapper .inner .sidebar_wrapper a { color: #000; } #page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active { color: #000; } #page_content_wrapper .inner .sidebar_wrapper .sidebar { width: 100%; float: left; } #page_content_wrapper .inner .sidebar_wrapper .sidebar .content { width: 100%; margin: 0; color: #000; } #imageFlow { position: absolute; width: 100%; height: 80%; left: 0%; top: 23%; overflow: hidden; background: transparent; } #imageFlow .diapo { position: absolute; left: -4000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; } #imageFlow .link { border: dotted #fff 1px; margin-left: -1px; margin-bottom: -1px; } #imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 26%; text-align: center; z-index: 1000; } #imageFlow .title { font-style: italic; opacity: 0.5; } #imageFlow .legend { font-size: 0.8em; } #imageFlow .scrollbar { position: absolute; left: 10%; bottom: 10%; width: 80%; height: 16px; z-index: 1000; } #imageFlow .track { position: absolute; left: 1%; width: 98%; height: 10px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #imageFlow .arrow-left { position: absolute; display: none; } #imageFlow .arrow-right { position: absolute; right: 0px; display: none; } #imageFlow .bar { position: absolute; height: 10px; left: 0; width: 100px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } .diapo { opacity: 1; } .diapo.current { opacity: 1; } body[data-style=flow] .footer_bar { display: none; } /*------------------------------------------------------------------ [7. Form & Input] */ input[type=text], input[type=email], input[type=url], input[type=password], .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { padding: 10px 10px 10px 10px; font-size: 100%; margin: 0; background: #fff; border: 1px solid #e1e1e1; color: #000; -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; font-family: "Crimson Text", "Times New Roman", georgia, sans-serif; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, .woocommerce table.cart td.actions .coupon .input-text:focus, .woocommerce-page table.cart td.actions .coupon .input-text:focus, .woocommerce #content table.cart td.actions .coupon .input-text:focus, .woocommerce-page #content table.cart td.actions .coupon .input-text:focus { border-color: #000; outline: 0; } input[type=text].blur, textarea.blur { color: #fff; text-transform: uppercase; font-weight: bold; } #contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { margin-bottom: 15px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } #contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"] { margin-bottom: 5px; } .fullwidth_comment_wrapper #commentform textarea { width: 100%; } #commentform { margin-left: -1.33333rem; } #commentform label { display: none; } .logged-in-as { display: none; } #commentform > p { border-left: 0 solid transparent; border-left-width: 24px; border-left-width: 1.33333rem; } #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url { float: left; width: 31.1%; } #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email, #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url { width: 30.3%; } ::-webkit-input-placeholder { color: #999; font-style: italic; } :-moz-placeholder { /* Firefox 18- */ color: #999; font-style: italic; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; font-style: italic; } :-ms-input-placeholder { color: #999; font-style: italic; } .form-allowed-tags { display: none !important; } p.comment-notes { margin-bottom: 20px; } .error { color: #ff0000 !important; } textarea { font-size: 100%; color: #000; background: #fff; border: 1px solid #e1e1e1; margin: 0; height: 200px; overflow: auto; padding: 12px 10px 12px 10px; -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; font-family: "Crimson Text", "Times New Roman", georgia, sans-serif; } textarea:focus { border-color: #000; outline: 0; } input[type=submit], input[type=button], a.button, .button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .4em 1.5em .4em; color: #fff; background: #000; border: 1px solid #000; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; text-shadow: none; font-weight: bold; letter-spacing: 2px; -webkit-transition: color .2s linear, background .1s linear; -moz-transition: color .2s linear, background .1s linear; -ms-transition: color .2s linear, background .1s linear; -o-transition: color .2s linear, background .1s linear; transition: color .2s linear, background .1s linear; -webkit-appearance: none; } a.button.transparent { background: transparent !important; color: #000 !important; border: 0; } .form-submit #submit { float: right; } input[type=submit].white, input[type=button].white, a.button.white, .button.white, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active { color: #fff !important; border-color: #fff !important; border: 2px solid #fff; background: transparent !important; } input[type=submit]:hover, input[type=button]:hover, .button:hover { color: #fff !important; background: #000 !important; border-color: #000 !important; } p.comment-reply-link { padding: 0 !important; } input[type=submit].medium, input[type=button].medium, a.button.medium { font-size: 15px; } input[type=submit].large, input[type=button].large, a.button.large { font-size: 17px; } #cancel-comment-reply-link { position: absolute; bottom: 15px; left: 0; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .4em 1.5em .4em; color: #fff; background: #999; border: 1px solid #999; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; text-shadow: none; font-weight: bold; letter-spacing: 2px; } input[type=submit].left, input[type=button].left, a.button.left { float: left; } input[type=submit].right, input[type=button].right, a.button.right { float: right; } input[type=submit].center, input[type=button].center, a.button.center { margin: auto; } /*------------------------------------------------------------------ [8. Pagination] */ .pagination { margin: 40px 0 40px 0; float: left; } .pagination p a:first-child { float: left; } .pagination p a:last-child { float: right; } .pagination a, .pagination span { padding-left: 12px; padding-right: 12px; height: 30px; line-height: 30px; display: inline-block; text-align: center; margin-left: 5px; color: #444; border-radius: 200px; } .pagination span { color: #fff; background: #000; } .pagination span, .pagination a:hover { color: #fff; background: #000; } #page_content_wrapper ul { margin: 15px 0 15px 40px; list-style-type: disc; } #page_content_wrapper ol { margin: 15px 0 15px 40px; } /*------------------------------------------------------------------ [9. Widgets] */ #page_content_wrapper ul.flickr { margin: 0 0 10px 0; } #page_content_wrapper ul.flickr li img { width: 65px; height: auto; } #page_content_wrapper .sidebar .content .posts.blog li img, #page_content_wrapper .posts.blog li img { float: left; margin: 0 10px 2px 0; padding: 3px; width: 55px; } #page_content_wrapper .sidebar .content .sidebar_widget, #page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-left: 0; margin-top: 0; padding: 0; } #page_content_wrapper .sidebar .content .posts.blog li { padding: 0 0 10px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li { margin: 30px 0 50px 0; padding: 0; } .page_item_has_children { margin-left: 15px !important; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle { font-size: 13px; font-weight: bold; letter-spacing: 1px; display: block; color: #fff; text-transform: uppercase; margin-bottom: 10px; text-align: center; background: #000; padding: 3px 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li:first-child { margin-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul { list-style: none; padding: 10px 0 0 0; margin: 0 0 15px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.sub-menu { margin-left: 15px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li, #footer .sidebar_widget li ul li { padding: 0 0 10px 0; margin-top: 5px; margin-bottom: 5px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li .flickr { padding-top: 10px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child, #footer ul.sidebar_widget li ul.flickr li:first-child { border: 0; padding-top: 0; } #page_content_wrapper table#wp-calendar { margin-bottom: 30px; width: 100%; padding: 5px 0 5px 0; } #page_content_wrapper table#wp-calendar a { font-weight: bold; } #page_content_wrapper table#wp-calendar caption { font-size: 12px; font-weight: bold; letter-spacing: 1px; text-align: left; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px; } #page_content_wrapper table#wp-calendar tr th, #page_content_wrapper table#wp-calendar tr td { padding: 0; border-bottom: 0; text-align: center; } table#wp-calendar tr th { font-weight: bold; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr { list-style: none; margin: 5px 0 30px 0; float: left; display: block; padding: 15px 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li, #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li a { display: block; float: left; margin: 0 10px 3px 0; padding: 0; border: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img { width: 79px; height: auto; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter { margin: 0; margin-top: 15px; list-style:none; padding: 0 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:first-child { background-position:0px 1.3em; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media { list-style: none; margin: 10px 0 15px 0; float: left; display: block; padding: 0 0 3px 0; margin-left: -5px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li { display: block; float: left; margin: 0 5px 0 0; } ul.list { margin: 5px 0 0 20px; } .highlight_yellow { background: #ffc600; color: #000; } .highlight_black { background: #000; color: #fff; } #page_content_wrapper ul.twitter { margin: 0; list-style:none; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr { list-style: none; margin: 10px 0 0 0; float: left; display: block; clear: both; } ul.flickr li { float: left; margin: 0 5px 0 0; } #page_content_wrapper ul.flickr li a, #page_content_wrapper ul.flickr li a:hover, #page_content_wrapper ul.flickr li a:active { background: transparent; } #page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-top: 15px; } #page_content_wrapper .sidebar .content .posts.blog li, #page_content_wrapper .posts.blog li { line-height: 1.7em; clear: both; border:0; background: none; } #page_content_wrapper .sidebar .content .posts.blog li { padding-top: 10px; } #page_content_wrapper .sidebar .content .posts.blog li strong.header, #page_content_wrapper .posts.blog li strong.header { font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; font-weight: normal; font-size: 13px; } /*------------------------------------------------------------------ [10. Gallery Template Elements] */ .gallery-caption { font-weight: bold; } #slidecaption.invisible { opacity: 0; visibility: hidden; } #gallery_caption a, #gallery_caption a:hover, #gallery_caption a:active { color: #fff; } #gallery_caption.ppb_fullwidth, .slider_wrapper .gallery_image_caption { bottom: 0; position: absolute; line-height: 1em; } #gallery_caption h2, .slider_wrapper .gallery_image_caption h2 { color: #000; font-family: "Crimson Text", "Times New Roman", georgia, sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 5px 15px 5px 15px; background: #fff; } .slider_wrapper .gallery_image_caption h2 { padding: 15px; } #gallery_caption h2:empty, .slider_wrapper .gallery_image_caption h2:empty { display: none; } .jp-play, .jp-pause { position: fixed; top: 46.5%; left: 4px; width: 22px; height: 20px; background:transparent url('../images/sound_off.png') no-repeat left center; text-indent: -9999px; z-index: 99999; } .jp-pause { background:transparent url('../images/sound_on.png') no-repeat left center; } .social_wrapper { width: 100%; float: left; margin-top: 50px; text-align: center; } .footer_bar .social_wrapper { margin-top: 0; margin-bottom: 10px; } .social_wrapper.shortcode { margin: 0; text-align: left; } .social_wrapper.shortcode ul { margin-top: 0 !important; } .social_wrapper ul { list-style: none; margin-left: 0 !important; } #page_content_wrapper .social_wrapper ul { list-style: none; margin-top: 5px; } .social_wrapper ul li { display: inline-block; margin: 5px 2px 0 2px; } .social_wrapper ul li i { font-size: 18px; padding: 7px; width: 24px; height: 24px; box-sizing: border-box; color: #fff; background: #000; text-align: center; border-radius: 200px; } .footer_bar .social_wrapper ul li a { font-family: "Montserrat", "helvetica neue", Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: 3px; margin: 0 10px 0 10px; } #tray-button { display: none; } #page_background { width: 100%; height: 100%; background-size: cover; background-position: center center; } #page_caption { text-align: center; padding: 150px 0 150px 0; clear: both; } .parallax { position: relative; clear: both; background-attachment: fixed; background-size: 100%; } #page_caption.hasbg { padding: 0; height: 560px; position: relative; background-size: cover; background-position: center center; } #page_caption_with_map { padding: 0; height: 560px; position: relative; text-align: center; overflow: hidden; width: 100%; clear: both; } #page_caption.hasbg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(76%, rgba(0,0,0,0.1)), color-stop(93%, rgba(0,0,0,0.4)), to(rgba(0,0,0,0.59))); background-image: -webkit-linear-gradient(transparent 0%, transparent 50%, rgba(0,0,0,0.1) 76%, rgba(0,0,0,0.4) 93%, rgba(0,0,0,0.59) 100%); background-image: linear-gradient(transparent 0%, transparent 50%, rgba(0,0,0,0.1) 76%, rgba(0,0,0,0.4) 93%, rgba(0,0,0,0.59) 100%); z-index: 2; } #page_caption_with_map:after { height: 150px; content: ""; position: absolute; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), color-stop(30%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.59))); background-image: -webkit-linear-gradient(transparent 0%, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.59) 100%); background-image: linear-gradient(transparent 0%, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.59) 100%); z-index: 2; } #page_caption_wrapper_bg, #page_caption_with_map_bg { position: absolute; bottom: 20px; width: 100%; color: #fff; z-index: 9; } #page_caption_wrapper_bg a, #page_caption_wrapper_bg h1, #page_caption_wrapper_bg .post_detail, #page_caption_with_map_bg a, #page_caption_with_map_bg h1, #page_caption_with_map_bg .post_detail, #page_caption_wrapper_bg .page_tagline, #page_caption_with_map_bg .page_tagline { color: #fff !important; } #page_caption #page_caption_wrapper_bg h1, #page_caption_with_map_bg h1 { font-size: 28px; } .page_caption_full { text-align: center; margin-bottom: 20px; } .page_caption_full h1 { font-size: 28px; } .page_tagline { text-transform: uppercase; font-size: 11px; letter-spacing: 2px; } .page_tagline a { color: #000; } .page_tagline .post_detail { color: #fff; } #page_caption_wrapper { width: 85%; display: none; margin: auto; } #page_caption_wrapper.visible { display: block; } .password_container { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .password_wrapper { height: 100%; width: 100%; position: relative; display: table; } .vertical_center_wrapper { display: table-cell; vertical-align: middle; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .lock_wrapper { text-align: center; margin: auto; margin-top: 0; margin-bottom: 20px; } .lock_wrapper i { font-size: 8em; } #page_caption h1 { font-size: 36px; } #page_caption hr { margin: 0 0 20px 0; } #page_caption h2 { color: #000; padding: 0 0 25px 0; font-size: 24px; font-weight: 600; letter-spacing: -1px; } #page_caption.page_content { background: #fff; height: 100%; text-align: left; overflow: scroll; color: #000; } #page_caption.page_content h1 { color: #000; } #page_caption.page_content .page_tagline { color: #000; } #crumbs { text-align: center; text-transform: uppercase; color: #999; font-size: 13px; letter-spacing: 1px; } .page_control { position: fixed; bottom: 20px; right: 65px; text-align: center; z-index: 999; } .page_control img, .page_control_static img { width: 40px; height: 40px; } .tubular-pause { position: fixed; bottom: 20px; right: 20px; } .page_control_static { position: fixed; top: 20px; right: 20px; text-align: center; z-index: 9; background: #fff; padding: 5px 10px 5px 10px; } .page_control_static.invisible { opacity: 0; visibility: hidden; } .page_control_static #page_share:after { display: block; font-family: 'FontAwesome'; content: "\f065"; color: #fff; font-size: 1.3em; } .page_control_static #page_maximize:after { display: block; font-family: 'FontAwesome'; content: "\f065"; color: #000; font-size: 0.9em; } .page_control_static #page_maximize.minimize:after { content: "\f066"; } #page_content_wrapper .sidebar .content .tagcloud, #page_content_wrapper .sidebar .content .textwidget { margin-top: 10px; padding: 0 0 15px 0; } #page_content_wrapper .sidebar .content .textwidget img, #page_content_wrapper .sidebar .content .textwidget iframe, #page_content_wrapper .sidebar .content .textwidget video, #page_content_wrapper .sidebar .content .textwidget select { max-width: 100%; } #page_content_wrapper .sidebar .content .textwidget img { height: auto; } select[name=archive-dropdown] { margin-top: 15px; } #jquery_jplayer_1 { display: none; } #kenburns { position: fixed; top: 0; left: 0; z-index: 1; } #kenburns_overlay { position: fixed; top: 0; left: 0; z-index: -1; } a#kb-prevslide, a#kb-nextslide { display: block; width: 60px; height: 60px; text-align: center; position: absolute; bottom: 49%; z-index: 2; overflow: hidden; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background: rgba(256,256,256,0.8); line-height: 45px; opacity: 0; } a#kb-prevslide:before, a#kb-nextslide:before { font-family: "FontAwesome"; font-size: 20px; display: block; content: '\f104'; color: #000; margin-top: 9px; } a#kb-nextslide:before { content: '\f105'; } a#kb-prevslide { left: -60px; } a#kb-nextslide { right: -60px; } body:hover a#kb-prevslide { opacity: 1; left: 20px; } body:hover a#kb-nextslide { opacity: 1; right: 20px; } .portfolio_header h6 { color: #fff; margin: 10px 0 10px 0; font-size: 20px; font-weight: 200; } .mansory_img { opacity: 0; visibility: hidden; } .mansory_img img { display: block; } .mansory_img .mask { position: absolute; overflow: hidden; top: 0; left: 0; background: #000; background-color: rgba(0,0,0, 0.7); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; width:100%; height:100%; } .mansory_img .mask .mask_frame { width: 100%; height: 100%; } .mansory_img .mask .mask_frame .mask_image_content .mask_image_content_frame { display: table-cell; vertical-align: middle; } .mansory_img .mask .mask_frame .mask_image_content h6 { width: 80%; font-size: 22px !important; line-height: 28px; color: #fff; font-weight: bold; margin: auto; display: block; } .mansory_img:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .wall_thumbnail { float:left; margin: 0; overflow: hidden; } .wall_thumbnail img { display: block; } .wall_thumbnail .mask { position: absolute; overflow: hidden; top: 0; left: 0; background: #000; background-color: rgba(0,0,0, 0.5); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; width:100%; height:100%; } .wall_thumbnail:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .wall_thumbnail img { display: block; width: 100%; height: auto; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .wall_thumbnail:hover img:not(.static) { -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-filter: blur(2px); filter: blur(2px); -moz-filter: blur(2px); } .wall_thumbnail .mask .mask_frame { display: table; width:100%; height:100%; } .wall_thumbnail .mask .mask_frame .mask_image_content { width: 100%; height: 100%; display: table !important; } .wall_thumbnail .mask .mask_frame .mask_image_content.hascycle { z-index: 10; position: relative; background: #000; background-color: rgba(0,0,0, 0.5); margin: 0; } .wall_thumbnail .mask .mask_frame .mask_image_content .mask_image_content_frame { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } .wall_thumbnail .mask .mask_frame .mask_image_content .mask_image_content_frame i { font-size: 20px; border-radius: 200px; padding: 20px; background: #fff; color: #000; margin: 0 5px 0 5px; opacity: 0; } .wall_thumbnail:hover .mask .mask_frame .mask_image_content .mask_image_content_frame i { animation-name: slideUp2; -webkit-animation-name: slideUp2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } .wall_thumbnail h6 { width: 100%; font-size: 18px !important; margin: auto; display: block; padding: 20px 0 0 0; box-sizing: border-box; } .gallery_excerpt { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; } .wall_thumbnail .mask .mask_frame .mask_image_content span:not(:empty) { font-size: 11px; color: #fff; font-weight: bold; font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; display: block; width: 70%; margin: auto; margin-top: 15px; text-transform: uppercase; padding-top: 25px; border-top: 1px solid rgba(256,256,256,0.9); } .wall_thumbnail:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .wall_thumbnail:hover .mask h6 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .photo_wall_wrapper_cover { background: #f0f0f0; position: relative; } #photo_wall_wrapper, .photo_wall_wrapper { padding: 0; width: 99.5%; position: relative; margin: 0 0 0 0; top: 0; left: 0.5%; clear: both; } #photo_wall_wrapper.parallax { padding-top: 14px; } #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry { float: left; border: none; margin: 0; padding: 0; position: relative; width: 32%; margin-bottom: 1%; margin-left: 0.5%; margin-right: 0.5%; word-wrap: break-word; overflow: hidden; } #photo_wall_wrapper .wall_entry:hover, .photo_wall_wrapper .wall_entry:hover { opacity: 1; } #photo_wall_wrapper .wall_entry .wall_thumbnail, .photo_wall_wrapper .wall_entry .wall_thumbnail { opacity: 0; } #photo_wall_wrapper .wall_entry.visible .wall_thumbnail, .photo_wall_wrapper .wall_entry.visible .wall_thumbnail { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } @media only screen and (min-width: 1400px) { #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry { width: 23.6%; } } @media only screen and (min-width: 1720px) { #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry { width: 18.8%; } } @media only screen and (min-width: 2200px) { #photo_wall_wrapper .wall_entry, .photo_wall_wrapper .wall_entry { width: 15.5%; } } #photo_wall_wrapper .wall_entry .wall_entry_wrapper, .photo_wall_wrapper .wall_entry .wall_entry_wrapper { position: relative; } #photo_wall_wrapper .wall_entry img, .photo_wall_wrapper .wall_entry img { display: block; width: 100%; height: auto; } .page_audio { position: fixed; bottom: 20px; right: 27px; z-index: 999999; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s !important; -moz-transition-duration: 0s !important; -ms-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } .page-template-template-gallery-thumbnails-php .gallery_mansory_wrapper { padding: 0px; margin: 0 auto; } #map_contact { width: 100%; min-height: 100%; } #searchsubmit { display: none; } #portfolio_wall_filters { width: 100%; text-align: center; background: #fff; } .filter { margin: 0 0 0 0 !important; } .filter li { margin: 0 0 0 0; display: inline-block; list-style: none; } .filter li:first-child, .filter li:first-child a { margin-left: 0 !important; } .filter li a { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 1em 2em 1em; background: transparent; font-size: 13px; text-shadow: none; font-family: 'Montserrat', 'helvetica neue', Helvetica, sans-serif; color: #777 } .filter li .separator { display: none !important; } .filter li:last-child .separator { display: none; } .filter li a:hover { color: #000; background: #f9f9f9; } .filter li a.active, #portfolio_wall_filters li a.active, #portfolio_wall_filters li a:hover { color: #000; background: #f9f9f9; } #portfolio_filter_wrapper { width: 720px; } .gallery_a_title { position: absolute; left: 20px; bottom: 20px; color: #fff; } .gallery_a_title h5 { font-size: 16px; font-weight: bold; color: #fff; } .gallery_a_title span { font-size: 16px; color: #fff; font-family: 'Crimson Text', georgia,Verdana,sans-serif; font-style: italic; margin-top: -10px; display: block; } .gallery_a_title a, .gallery_a_title a:hover, .gallery_a_title a:active { color: #fff; } body.single-attachment p.attachment { display: none; } .widget_tag_cloud div, .tag_cloud { margin: 15px 0 10px 0; } .widget_tag_cloud div a, .meta-tags a, .tag_cloud a { display: inline-block; font-size: 14px; line-height: 0.8em; margin: 0 0 4px 0; padding: 6px 10px 6px 10px; } .tag_cloud a { margin-right: 5px; } .widget_tag_cloud div a:hover, .meta-tags a:hover, #footer .widget_tag_cloud div a:hover, #footer .meta-tags a:hover, .tag_cloud a:hover { border-color: #000 !important; color: #fff !important; background: #000 !important; } #reponse_msg ul:empty { margin: 0; } #reponse_msg ul { margin-left: 20px; margin-top: 0 !important; } #reponse_msg ul li:last-child { margin-bottom: 20px; } #reponse_msg ul li.error { color: #000; } .fancybox-title-outside-wrap { margin-top: 15px !important; } .fancybox-title-outside-wrap h5 { font-size: 16px !important; font-weight: bold !important; color: #fff !important; } .fancybox-title-outside-wrap .fancy_image_desc { font-size: 16px; color: #999; font-family: 'Crimson Text', georgia,Verdana,sans-serif; font-style: italic; } .fancybox-title-outside-wrap a, .fancybox-title-outside-wrap a:hover, .fancybox-title-outside-wrap a:active { color: #fff !important; } .footer_bar_wrapper { width: 960px; margin: auto; padding-top: 40px; margin-top: 20px; border-top: 1px solid #444; } #toTop { width:30px; background: #fff; color: #000; text-align:center; padding:8px 7px 8px 7px; position:fixed; bottom:20px; right:20px; cursor:pointer; visibility: hidden; transition: color 300ms, background-color 300ms, opacity 300ms; -moz-transition: color 300ms, background-color 300ms, opacity 300ms; -o-transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; z-index: 9; } #toTop i { font-size: 1em; line-height: 1em; } #toTop:hover { background: transparent; color: #fff; } @-webkit-keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } } @-moz-keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } } @keyframes fadeInBlack { from { opacity:0; } to { opacity:1; background: #000; } } .backstretch { opacity:0; -webkit-animation:fadeInBlack ease-in 1; -moz-animation:fadeInBlack ease-in 1; animation:fadeInBlack ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:.2s; -moz-animation-duration:.2s; animation-duration:.2s; } .backstretch img { opacity: 0.4; } body.page-template-template-image-php .backstretch img { opacity: 1 !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .slider_wrapper { width: 100%; min-height: 280px; position: relative; overflow: hidden; } .slider_wrapper ul li { line-height: 0; } .slider_wrapper ul li img { max-width: 100%; height: auto; line-height: 0; } .post_previous { width: 50%; float: left; margin-top: 40px; } .post_previous h6, .post_next h6 { margin: 0; } .post_previous_icon { color: #000; float: left; font-size: 4em; line-height: 0em; margin-top: -10px; margin-right: 20px; } .post_previous_content { float: left; width: 85%; margin-top: -5px; text-align: center; } .post_previous_content h6, .post_next_content h6 { text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-family: "Crimson Text", "Times New Roman", georgia, sans-serif; } .post_next { width: 49.5%; float: right; margin-top: 40px; } .post_next_icon { color: #000; float: right; font-size: 4em; line-height: 0em; margin-top: -10px; margin-left: 20px; } .post_next_content { float: right; width: 85%; margin-top: -5px; text-align: center; } .post_previous_content h5, .post_next_content h5 { font-size: 16px; letter-spacing: 0; margin-top: 10px; } .portfolio_post_previous, .portfolio_post_next { position: fixed; top: 48%; right: 20px; overflow: hidden; } .portfolio_post_previous { left: 20px; } .portfolio_post_previous a, .portfolio_post_next a { width: 30px; background: #fff; color: #000; text-align: center; padding: 8px 7px 8px 7px; display: block; } .portfolio_post_previous a, .portfolio_post_next a, .portfolio_post_previous a:hover, .portfolio_post_next a:hover { color: #000; } .portfolio_post_previous a:hover, .portfolio_post_next a:hover { background: transparent; } .portfolio_post_previous { float: left; max-width: 50%; } .portfolio_post_next { float: right; max-width: 50%; } .gallery_audio { position: fixed; top: 23px; right: 50px; z-index: 999; } .progress_bar { background: #f0f0f0; height: 37px !important; position: relative; margin-bottom: 10px; visibility: hidden; } .progress_bar_content { height: 37px !important; -webkit-transition: width s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } .progress_bar_title { font-size: 13px; color: #fff; font-weight: normal; position: absolute; top: 6px; left: 13px; font-weight: bold; } #supersized_overlay { display: none !important; } .lightbox_video_wrapper iframe, .lightbox_video_wrapper video { width: 100%; } .lightbox_video_wrapper .mejs-container { margin: auto; } #horizontal_gallery { opacity: opacity: 1 !important;; overflow-x: scroll; clear: both; } #horizontal_gallery.visible { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; } #horizontal_gallery_wrapper { background: #fff; padding-right: 15px; } #horizontal_gallery_wrapper tbody tr td { display:table-cell; vertical-align: middle; min-width: 200px; } #horizontal_gallery_wrapper tbody tr td a { outline: none; } #horizontal_gallery_wrapper tbody tr td .horizontal_gallery_info { width: 220px; text-align: right; padding-right: 30px; } #horizontal_gallery_wrapper tbody tr td .horizontal_gallery_info h1 { font-size: 22px; line-height: 1.3em; margin-top: 10px; } #horizontal_gallery_wrapper img.horizontal_gallery_img { height: auto; } #horizontal_gallery_wrapper .gallery_image_wrapper { text-align: center; display: none; } #horizontal_gallery_wrapper .gallery_image_wrapper.visible { display: block; } #horizontal_gallery_wrapper .gallery_image_wrapper .image_caption, .image_caption { letter-spacing: 2px; text-transform: uppercase; margin-top: 30px; margin-bottom: 15px; font-size: 14px; } #horizontal_gallery_wrapper .gallery_image_wrapper .image_caption { margin-top: 15px; } .image_caption.fullscreen { clear: both; padding-top: 15px; } .caption_header { letter-spacing: 2px; text-transform: uppercase; font-size: 14px; } #horizontal_gallery_wrapper .gallery_image_wrapper .image_description, .image_description { font-style: italic; color: #777; font-size: 14px; margin-top: -10px; } body[data-style=fullscreen] .image_description { width: 70%; margin: auto; margin-top: -10px; } .gallery_img_slides { z-index:9; visibility:hidden; margin: 0 !important; position: absolute; width: 100%; height: 100%; } .gallery_img_slides li, .gallery_img_slides li img { max-width: 100% !important; height: auto !important; } .gallery_img_slides.active { visibility:visible; } /*------------------------------------------------------------------ [11. Contact Form Captcha] */ #captcha-wrap { border:solid #870500 1px; width:270px; -webkit-border-radius: 10px; float:left; -moz-border-radius: 10px; border-radius: 10px; background:#870500; text-align:left; padding:3px; margin-top:3px; height:107px; margin-left: 1.33333rem; } #captcha-wrap .captcha-box { -webkit-border-radius: 7px; background:#fff; -moz-border-radius: 7px; border-radius: 7px; text-align:center; border:solid #fff 1px; } #captcha-wrap .text-box { -webkit-border-radius: 7px; background:#ffdc73; -moz-border-radius: 7px; width:140px; height:43px; float:left; margin:4px; border-radius: 7px; text-align:center; border:solid #ffdc73 1px; } #captcha-wrap .text-box input { width:120px; -webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; float: none; margin: auto; display: block; margin-top: -5px; padding: 0; height: 20px; } #captcha-wrap .text-box label { color:#000000; font-size:11px; width:140px; padding-top:3px; padding-bottom:3px; margin: 0; font-weight: normal; margin-top: -2px; } #captcha-wrap .captcha-action { float:right; width:117px; background:url(../images/logos.jpg) top right no-repeat; height:44px; margin-top:3px; } #captcha-wrap img#captcha-refresh { margin-top:9px; border:solid #333333 1px; margin-right:6px; cursor:pointer; } /*------------------------------------------------------------------ [12. Woocommerce Elements] */ h1.page-title { display: none; } #page_content_wrapper .inner .sidebar_content ul.products { margin: 0; padding-top: 20px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 32%; margin-right: 2%; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce .woocommerce-ordering select { border: 0; background: transparent; font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; font-size: 14px; } .woocommerce .woocommerce-result-count { font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; font-size: 14px; } .woocommerce ul.products li.product h3 { font-size: 1em; } .woocommerce ul.products li.product .price { font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; color: #444; font-size: 1.3em; font-weight: bold; } .woocommerce ul.products li.product .button { background: transparent; padding: 0; text-transform: none; font-size: 12px; font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; letter-spacing: 0; font-weight: 400; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { outline: 0; border: 1px solid #e1e1e1 !important; height: 28px; } .woocommerce-page div.product form.cart .button { width: auto !important; margin-left: 5px; letter-spacing: 1px !important; padding: .8em 1.5em .8em 1.5em !important; border: 0 !important; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: 0px 0px 0px black !important; width: 100% !important; text-align: center !important; margin: auto !important; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-size: 14px !important; margin-top: 5px !important; padding-bottom: 0; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { font-size: 0.9em !important; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { text-decoration: none !important; font-size: 16px !important; color: #b63327; } .woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li ins { text-decoration: none; font-weight: bold; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { display: none !important; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; width: 45px; height: auto; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { box-shadow: 0px 0px 0px black !important; -webkit-box-shadow: 0px 0px 0px black !important; -moz-box-shadow: 0px 0px 0px black !important; } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { margin-left: 0 !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h1 { font-size: 30px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h2 { font-size: 18px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h3 { font-size: 16px !important; padding-bottom: 0; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h4 { font-size: 14px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h5 { font-size: 13px !important; } .woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h6 { font-size: 12px !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { margin-bottom: 3.8%; } div[itemprop="description"] { margin: 5px 0 10px 0; padding-left: 0 !important; } .review-summary { display: none !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { font-size: 14px !important; color: #000; padding-top: 10px !important; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background: #444 !important; box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important; -webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5) !important; -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5) !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { border: 1px solid #e1e1e1 !important; background: #fff !important; } .woocommerce #page_content_wrapper a.button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover { text-transform: none !important; border: 0 !important; padding: 0 !important; letter-spacing: 0 !important; font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif !important; font-weight: normal !important; position: relative !important; padding-left: 20px !important; background: transparent !important; margin-top: 0; opacity: 0.3; color: #444 !important; font-size: 12px !important; } .woocommerce #page_content_wrapper a.button:hover, .woocommerce-page #page_content_wrapper a.button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover { opacity: 1; } .woocommerce.columns-4 ul.products li.product a.add_to_cart_button { color: #000 !important; font-size: 100% !important; } .woocommerce #page_content_wrapper a.button:before, .woocommerce-page #page_content_wrapper a.button:before, .woocommerce .products a.button:before { position: absolute; margin-left: -20px; color: inherit; font-family: "FontAwesome"; content: '\f07a'; } .woocommerce #page_content_wrapper a.button.product_type_variable:before, .woocommerce-page #page_content_wrapper a.button.product_type_variable:before { content: '\f03a'; } .woocommerce ul.products li.product:hover a.add_to_cart_button, .woocommerce-page ul.products li.product:hover { border-color: #777 !important; } .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { opacity: 1 !important; } .woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button, .woocommerce table.cart td.actions .button.alt.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.cart td.actions .button.alt { background: #444 !important; color: #fff !important; text-shadow: none !important; border-color: #444 !important; font-weight: normal !important; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { font-weight: normal !important; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { width: 70px !important; float: left !important; margin-right: 15px !important; margin-left: 0 !important; } .woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { margin-top: 20px !important; } .cart-collaterals .cart_totals table { width: 100% !important; } .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product { width: 32% !important; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { color: #999 !important; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { color: #fff !important; } body[data-shop=three_cols].woocommerce ul.products li.product, body[data-shop=three_cols].woocommerce-page ul.products li.product { width: 31.2% !important; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 !important; } body.woocommerce .page-title { display: none; } .woocommerce-page div.product div.images div.thumbnails { display: none; } p.price { padding-top: 0 !important; margin-top: -10px !important; } p.price ins span.amount, p.price span.amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price { font-weight: bold; font-size: 18px; color: #b63327; } p.price del span.amount { color: #ccc !important; font-size: 16px; } span.price del span.amount { font-size: 13px; } #tab-description h2, .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 { font-size: 18px; } .checkout h3 { font-size: 18px; margin: 15px 0 15px 0; } .related.products h2, .cart_totals h2, .shipping_calculator h2, .upsells.products h2, .cross-sells h2 { font-size: 18px; margin-bottom: 15px; } .cart_totals h2 { display: none; } .shipping_calculator h2 { text-align: left; } .related.products { margin-top: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { border: 0; box-shadow: 0 0 0; border-radius: 0px !important; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { border: 1px solid #e1e1e1; padding: 25px; box-sizing: border-box; background: #fff; } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { background: #ebebeb !important; border: 0 !important; box-shadow: none !important; visibility: visible !important; border: 1px solid #e1e1e1 !important; border-bottom: 0 !important; border-radius: 0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { padding: 10px 30px 9px 30px !important; font-weight: normal !important; font-size: 14px !important; text-shadow: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { background: #fff !important; color: #000 !important; border-radius: 0px !important; height: auto !important; padding: 0 !important; border: 1px solid #e1e1e1 !important; border-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color: #000 !important; font-weight: bold !important; border-radius: 0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding-left: 0 !important; margin-bottom: 0 !important; } .widget_shopping_cart_content a.button { margin-right: 5px !important; } .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price { font-size: 1.5em !important; } .woocommerce-page div.product p.price ins { text-decoration: none !important; } .product_meta > span { clear: both; display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 0 !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info { box-shadow: 0 0 0 #000 !important; border-radius: 0 !important; } .woocommerce-message { background: #23B064 !important; border-color: #23B064 !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-info { background: #4db2ec !important; border-color: #4db2ec !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-error { background: #e62c22 !important; border-color: #e62c22 !important; color: #fff !important; text-shadow: none !important; padding: 1.3em 1.2em 1.1em 3.2em !important; } .woocommerce-info a, .woocommerce-message a, .woocommerce-error a { color: #fff !important; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { box-shadow: none !important; top: 0.4em !important; background: #23B064 !important; } .woocommerce-info:before { background: #4db2ec !important; } .woocommerce-error:before { background: #e62c22 !important; } .woocommerce .woocommerce-message a.button { display: none; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, #order_review { margin-bottom: 0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { text-align: left; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-bottom: 0; } .post_carousel.flexslider .slides > li { margin-right: 20px; } .woocommerce-page .products .star-rating { float: right; margin-top: 5px; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { box-shadow: none; text-shadow: none; color: #fff; background: #ff3e36; margin-top: -6px; margin-left: -6px; left: 0; right: auto; } .woocommerce #content nav.woocommerce-pagination, .woocommerce nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { text-align: left; margin-top: 30px; margin-bottom: 30px; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: 0; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { height: 30px; width: 30px; line-height: 30px; display: inline-block; text-align: center; color: #888; background: #fff; border: 1px solid #e1e1e1; margin-right: 10px; overflow: hidden; } .woocommerce-page nav.woocommerce-pagination ul li a { color: #888; line-height: 1.3em; } .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:active { border-color: #e1e1e1; background: #fcfcfc; color: #000000 !important; font-weight: bold; line-height: 1.3em; } .woocommerce .woocommerce-pagination ul.page-numbers, .woocommerce-page .woocommerce-pagination ul.page-numbers { margin-left: 0 !important; } .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a { text-align: center; } .price_slider_wrapper { margin-top: 30px; } .woocommerce-page ul.product_list_widget li .star-rating { display: none; } .woocommerce-page ul.product_list_widget li a { font-weight: 600 !important; } .woocommerce-page ul.product_list_widget li .amount { font-weight: 600; color: #444; } .woocommerce-page ul.product_list_widget li del .amount { color: #ccc; } .woocommerce-page .price_label { font-weight: 600; } .woocommerce-page ul.product_list_widget li ins { background: transparent; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { float: left !important; } ul.product_list_widget li { padding: 10px 0 10px 0 !important; } .woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product { clear: both; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating { float: none; } .woocommerce-review-link { color: #000 !important; } .woocommerce-page div.product form.cart { margin-top: 2em; } .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:after, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:after, .woocommerce-page .woocommerce-message:before { display: block; clear: none; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 70px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size: 14px; padding: 12px 12px 10px 12px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { line-height: 1em; } .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .wc-forward a:after, .wc-forward:after { display: none; } #page_content_wrapper .inner .sidebar_content ul.products { margin-left: 0 !important; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 0; padding: 15px 12px; } .shipping-calculator-button { color: #000; } .product-subtotal .amount { color: #000; font-weight: 600; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 100%; float: none; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { margin-top: 10px; } .woocommerce-page table.cart th, table.shop_table thead tr th { border-bottom: 1px solid #e1e1e1; color: #000; font-weight: 600; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-radius: 0 !important; border-bottom: 1px solid #e1e1e1; } .woocommerce table.shop_table.cart, .woocommerce-page table.shop_table.cart { border: 0; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { border-bottom: 0 !important; padding-top: 40px; } .woocommerce table.cart td.actions .coupon .input-text#coupon_code { width: 200px; padding: 12px 10px 8px 10px; border-radius: 0; box-shadow: 0 0 0 0; margin-right: 10px; } .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { border-bottom: 0; } .woocommerce-page #payment ul.payment_methods label { display: inline-block; clear: none; width: auto; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { margin-top: 0; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border-bottom: 0; } .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { border-top: 0; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #444; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; } strong[itemprop="author"] { font-size: 1em; font-weight: 600; color: #000; font-weight: 600 !important; font-family: 'Montserrat', 'Helvetica Neue', Arial,Verdana,sans-serif; text-transform: uppercase; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #fff !important; box-shadow: 0 0 0 0; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { display: none !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: 0 !important; border-bottom: 1px solid #e1e1e1 !important; padding: 0; } .woocommerce ul.products li.product a .star-rating, .woocommerce-page ul.products li.product a .star-rating { display: none !important; } .woocommerce #review_form #respond { width: 100%; } .woocommerce #reviews h3 { text-align: left; } h1.product_title { font-size: 26px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { display: none; } .woocommerce-cart .wc-proceed-to-checkout { padding: 2em 0; } .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border-radius: 0 !important; } .return-to-shop .wc-backward { padding-left: 35px !important; } .return-to-shop { padding: 0 0 2em 0 !important; } .woocommerce-checkout-payment { margin-bottom: 4em !important; } .woocommerce-result-count { padding-top: 0 !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { margin-top: 11px; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 32%; } .woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab { top: 2px; }