/********************************************************************************************* Theme Name: Capital Theme URI: http://www.wpzoom.com/themes/capital Version: 1.2.3 Private: true Author: WPZOOM Author URI: http://www.wpzoom.com Description: Capital is a theme that suits best for Organizations and Events sites, with numerous CMS-like features. Tags: events, slider, responsive, theme-options, blog, widgetized homepage License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 1. Toolbox CSS 2. Global Styles 3. Navigation 4. Featured Slider 5. Homepage 6. Archive posts 7. Single posts 8. Events 9. Comments 10. Sidebar & Widgets 11. Footer /********************************************************************************************* 1. Toolbox CSS *********************************************************************************************/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 600 } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } figure { margin: 0 } img { vertical-align: middle } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px } small { font-size: 85% } mark { padding: 0.2em } ul, ol { list-style-position: inside; margin: 0; padding: 0; } ul ul, ol ol, ul ol, ol ul { margin: 0 } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857 } dt { font-weight: bold } dd { margin-left: 0 } blockquote:before, blockquote:after { content: "" } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .sticky, .bypostauthor { } /* Smart clearfix */ .clear, .cleaner { clear: both; height: 0; overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Headings */ h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } /* Text Selection Color */ ::-moz-selection { background: #08ceff; color: #fff; } ::selection { background: #08ceff; color: #fff; } .floatleft { float: left; } .floatright { float: right; } .sticky, .bypostauthor {} .aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:15px; } .alignright { float: right; margin-left:15px; } .button, .btn, .more-link, .more_link, .site-footer .search-form .search-submit { font-weight: normal; display: inline-block; padding: 6px 25px; text-align: center; white-space: nowrap; letter-spacing: 1px; font-size: 16px; color: #6c7a84; border: 2px solid #ebf0f2; -webkit-border-radius: 20px; border-radius: 20px; background-image: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .button:hover, .button:focus, .btn:hover, .more-link:hover, .more_link:hover, .site-footer .search-form .search-submit:hover, .btn:focus, .more-link:focus, .more_link:focus, .site-footer .search-form .search-submit:focus { text-decoration: none; color: #2d87cc; border-color: #2d87cc; } .btn-primary, .site-footer .search-form .search-submit { color: #2d87cc; border-color: #2d87cc; } input, textarea { font-family: "Source Sans Pro", sans-serif; } label { margin-bottom: 5px; } input, textarea { padding: 8px 10px; font-size: 16px; background: white; border: 2px solid #ebf0f2; width: auto; border-radius: 0; } input[type=text], textarea { -webkit-appearance: none; } input:focus, textarea:focus { border-color: #2d87cc; outline: 0; } button, input[type=button], input[type=reset], input[type=submit] { display: inline; width: auto; font-weight: normal; padding: 10px 25px; text-align: center; white-space: nowrap; letter-spacing: 1px; font-size: 16px; color: #fff; border: none; background-color: #2d87cc; -webkit-border-radius: 3px; border-radius: 3px; background-image: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; text-decoration: none; background: #de2b37; } /* Navigation */ div.navigation { position: relative; text-align: center; margin: 0 0 50px; font-weight: normal; font-size: 18px; } div.navigation a { padding: 5px 10px 0; color: #6c7a84; display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } div.navigation a:hover { color: #2d87cc } div.navigation span.current { padding: 5px 10px 0; color: #222; display: inline-block; } div.navigation span.pages { margin-right: 10px; display: none; } div.navigation .alignleft, div.navigation .alignright { margin: 0 } div.navigation .prev, div.navigation .next { position: absolute; padding: 3px 25px; border: 2px solid #ebf0f2; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } div.navigation .prev:hover, div.navigation .next:hover { color: #2d87cc; border-color: #2d87cc; } div.navigation .prev { left: 0 } div.navigation .next { right: 0 } /********************************************************************************************* 2. Global Styles *********************************************************************************************/ html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 1.7; color: #444; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #2d87cc; text-decoration: none; } a:hover, a:focus { color: #de2b37; text-decoration: none; } .inner-wrap { margin: 0 auto; width: 1170px; } /********************************************************************************************* 3. Navigation *********************************************************************************************/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 6px 0px 0 4px; } .sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white } /* Navbar Search Form */ .navbar-search { float: right; position: relative; z-index: 102; } .navbar-search label { display: block; padding: 0; margin: 0; } .navbar-search .search-field { display: block; font-size: 14px; font-weight: normal; line-height: 19px; vertical-align: middle; color: #fff; background: rgba(0,0,0,.1) url('images/search-icon.png') 22px 15px no-repeat; width: 75px; padding: 15px 22px 15px 52px; border: 0; margin: 0; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .navbar-search .search-field::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.69); opacity: 1; } .navbar-search .search-field:-moz-placeholder { color: rgba(255, 255, 255, 0.69); opacity: 1; } .navbar-search .search-field::-moz-placeholder { color: rgba(255, 255, 255, 0.69); opacity: 1; } .navbar-search .search-field:-ms-input-placeholder { color: rgba(255, 255, 255, 0.69); opacity: 1; } .navbar-search .search-field:focus { width: 200px; } .navbar-search .search-submit { display: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .navbar-search .search-field { background: #2577b7 url('images/search-icon@2x.png') no-repeat 22px 15px; background-size: 19px 19px; } } .navbar-brand { float: left; max-width: 30%; } .navbar-brand img { max-width: 100%; height: auto; } .navbar-brand h1 { margin: 0; font-weight: 400; line-height: 1.4; } .navbar-brand a { font-size: 32px; } .navbar-brand a:hover { text-decoration: none; opacity: 0.8; } .navbar-brand .tagline { font-size: 16px; color: #A8A8A8; margin: 0; } .navbar-toggle { display: none; position: relative; float: left; margin: 8px 0 0; padding: 9px 10px; background: #fff; } .main-navbar .navbar-toggle { float: right; background: #2d87cc; } .navbar-toggle:hover { background: #2577b7; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #020206; } .main-navbar .navbar-toggle .icon-bar { background: #fff; } .top-navbar .navbar-toggle:hover .icon-bar { background: #fff; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px } .navbar-nav { font-size: 16px; font-weight: 400; position: relative; z-index: 100; } .navbar-nav > li { padding: 0 15px; } .navbar-nav > li:first-child { padding-left: 0; } .navbar-nav > li:last-child { margin-right: 0 } .navbar-nav a { border-bottom: 1px solid transparent; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } .navbar-nav a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.8); } .navbar-nav ul { font-size: 16px; width: 220px; margin-top: 0; background: #2d87cc; } .navbar-nav ul a { color: rgba(255, 255, 255, 0.69); padding: 8px 15px; } .navbar-nav ul a:hover { color: #fff; } .navbar-nav ul ul { right: 100%; margin-top: 0px; } .navbar-nav .current-menu-item a, .navbar-nav .current_page_item a, .navbar-nav .current-menu-parent a, .navbar-nav .current_page_parent a { border-bottom: 1px solid rgba(255, 255, 255, 0.8); color: #fff; } .navbar-nav .current_page_item ul a, .navbar-nav .current-menu-parent ul a, .navbar-nav .current_page_parent ul a { border: none; color: #fff; } .top-navbar { background: #2d87cc; position: relative; z-index: 101; } .top-navbar .navbar-nav { padding: 10px 0 40px; } .top-navbar a { color: #fff; } .main-navbar { padding: 40px 0; border-bottom: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1); position: relative; z-index: 100; } .main-navbar:before, .main-navbar:after { content: " "; display: table; } .main-navbar:after { clear: both } .main-navbar .navbar-nav { float: right; padding: 20px 0 0; } .main-navbar .navbar-nav > li:last-child { padding-right: 0; } .main-navbar a { color: #333; } .main-navbar a:hover { color: #de2b37; } .main-navbar .current-menu-item a, .main-navbar .current_page_item a, .main-navbar .current-menu-parent a, .main-navbar .current_page_parent a { border-bottom: none; color: #de2b37; } /* WooCommerce Cart Icon */ a.cart-button:before { content: "\f174"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/24px 'dashicons'; vertical-align: top; margin: 0 8px 0 0; } a.cart-button { display: block; } /********************************************************************************************* 4. Featured Slider *********************************************************************************************/ #slider { margin: -1px 0 0; overflow: hidden; position: relative; background: #111111; } .empty-slider { width: 1170px; margin: 60px auto 40px; padding: 0 15px; color: #fff; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; } .flexslider { margin: 0; padding: 0; } #slider .slides { height: 550px; overflow: hidden; } .slides > li { -webkit-backface-visibility: hidden; display: none; } #slider .slides > li { position: relative; overflow: hidden; height: 550px; background-color: black; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .slides > li .li-wrap { width: 1170px; margin: 0 auto; } .slides > li .li-content { position: relative; right: 0; width: 31%; padding: 35px; float: right; height: 100%; min-height: 550px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#80000000', GradientType=0); opacity: 1; } .slides > li h3 { position: relative; padding-top: 30px; padding-bottom: 30px; color: #fff; font-size: 28px; line-height: 1.4; font-weight: 400; margin: 0; } .slides > li h3:after { width: 100%; content: " "; border-bottom: 1px solid rgba(201, 201, 201, 0.4); bottom: 0px; left: 0; margin-left: 0; position: absolute; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } .slides > li h3 a { color: white; } .slides > li h3 a:hover { text-decoration: none; } .slides > li h3 a:hover:after { border-color: #2d87cc; } .slides > li .excerpt { margin: 40px auto 0; color: #e6e6e6; font-size: 18px; font-weight: 400; line-height: 1.5; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .slides > li .excerpt:last-child { margin-bottom: 0; } .slides > li .slide_button { font-size: 24px; margin: 40px 0 0; } .slides > li .slide_button a { display: inline-block; width: auto; padding: 8px 30px; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 18px; font-weight: 600; -webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .slides > li .slide_button a:hover, .slides > li .slide_button a:focus { text-decoration: none; opacity: .9; color: #fff; } .slides .more_link { display: none; } .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides > li:first-child { display: block } .flexslider { margin: 0 0 15px; position: relative; zoom: 1; } .flex-viewport { min-height: 300px; max-height: 2000px; } .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom: 1 } .carousel li { margin-right: 5px } .flex-direction-nav .flex-disabled { display: none } .flex-direction-nav > li { position: absolute; z-index: 100; top: 50%; margin-top: -20px; } .flex-direction-nav > li:first-child { left: 1.5% } .flex-direction-nav > li:last-child { right: 1.5% } .flex-direction-nav > li:last-child a { background-position: -42px center } .flex-direction-nav a { display: block; text-indent: -9999em; background: url('images/slider_arrows.png') left center no-repeat; height: 40px; width: 22px; opacity: 0.4; overflow: hidden; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .flex-direction-nav a:focus { outline: 0; } .flex-direction-nav a:hover, .flex-direction-nav a:active { opacity: 1; } /* Nav Dots */ .flex-control-nav { bottom: 5%; height: 30px; left: 0; pointer-events: none; position: absolute; text-align: center; width: 100%; z-index: 500; } .flex-control-nav li { display: inline-block; height: 14px; margin: 5px; pointer-events: auto; position: relative; width: 14px; } .flex-control-nav li a { border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer; display: block; height: 100%; text-indent: -9999em; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; } .flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background: rgba(255,255,255,1) } /********************************************************************************************* 5. Homepage *********************************************************************************************/ /* Hompage (widgetized) Template */ .home_widgets { margin: 0 0 50px } .home_widgets .widget { margin: 0 0 5px; padding: 40px 0 0; } .home_widgets .widget:last-child { margin: 0; } .home_widgets .home_column { width: 31%; margin-right: 3.5%; float: left; } .home_widgets .home_column.last { margin: 0; padding: 0 35px 30px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 2px solid #2d87cc; } /* Homepage Dark Area */ .home_widgets_dark { background: #15191c; padding: 40px 0 0; color: #d7d7d7; } .home_widgets_dark .widget h3.title { margin: 0 0 20px; padding: 0; border-bottom: none; color: #fff; } .home_footer_widgets { padding: 40px 0 0; } .home_widgets_dark .widget, .home_footer_widgets .widget { display: inline-block; vertical-align: top; margin-bottom: 30px; } .home_widgets_dark .dark_column-1 .widget, .home_footer_widgets .footer_column-1 .widget { width: 100%; } .home_widgets_dark .dark_column-2 .widget, .home_footer_widgets .footer_column-2 .widget { width: 48%; margin-right: 4%; } .home_widgets_dark .dark_column-3 .widget, .home_footer_widgets .footer_column-3 .widget { width: 31%; margin-right: 3.5%; } .home_widgets_dark .dark_column-4 .widget, .home_footer_widgets .footer_column-4 .widget { width: 23%; margin-right: 2.66666%; } .home_footer_widgets .footer_column-2 .widget:nth-child(2n+2), .home_footer_widgets .footer_column-3 .widget:nth-child(3n+3), .home_footer_widgets .footer_column-4 .widget:nth-child(4n+4), .home_widgets_dark .dark_column-2 .widget:nth-child(2n+2), .home_widgets_dark .dark_column-3 .widget:nth-child(3n+3), .home_widgets_dark .dark_column-4 .widget:nth-child(4n+4) { margin-right: 0; } .home_footer_widgets .widget h3.title { margin: 0 0 20px; padding: 0; border-bottom: none; } /********************************************************************************************* 6. Archive Posts *********************************************************************************************/ .site-main { margin-bottom: 35px; } .recent-posts, .post-wrap, .single-tribe_events .type-tribe_events { width: 840px; float: left; } .single-tribe_events .widget .type-tribe_events { width: 100%; } .section-title { border-bottom: 1px solid #ebebeb; padding: 40px 0 20px; margin: 0 0 40px; font-size: 26px; line-height: 1.2; } /* Meta separator */ .separator { margin: 0 3px; color: #6c7a84; } .section-title .cat-links a { color: #6c7a84; } .section-title .cat-links a.section-home-link { color: #2c343a; } .section-title .cat-links a:hover { color: #2d87cc; } .section-title .cat-links { font-size: 16px; } .recent-posts .post:before, .recent-posts .post:after { content: " "; display: table; } .recent-posts .post:after { clear: both } article .entry-body { overflow: hidden; } article .entry-date { width: 70px; text-align: right; float: left; margin: 6px 30px 0 0; } article .entry-date .day { font-size: 28px; font-weight: 600; line-height: 1; } article .entry-date .month { display: block; line-height: 1.5; } article .entry-meta { margin: 0 0 10px; color: #2c343a; } article .entry-meta a { color: #6c7a84; } article .entry-meta a:hover { text-decoration: none; color: #2c343a; } article .entry-meta span { float: left; margin: 0 15px 0 0; } .recent-posts .hentry { padding-bottom: 10px; margin-bottom: 48px; position: relative; } .recent-posts .hentry:after { display: block; content: " "; border-bottom: 1px solid #ebebeb; margin: 40px auto 0; } .more-link, .more_link { display: table; margin: 10px 0 0; } /********************************************************************************************* 7. Single posts *********************************************************************************************/ article .post-thumb { display: block; margin-bottom: 30px; } article .post-thumb img { max-width: 100%; height: auto; } h3.entry-title, h1.entry-title { margin-top: 0; margin-bottom: 15px; font-size: 38px; font-weight: normal; line-height: 1.3; } .entry-title a { color: #2d87cc } .entry-title a:hover { color: #2c343a; text-decoration: none; } .entry-content:before, .entry-content:after { content: " "; display: table; } .entry-content:after { clear: both } .entry-content p { margin-bottom: 20px } .entry-content p:last-child { margin-bottom: 0 } .entry-content img { max-width: 100%; height: auto; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 20px; line-height: 1.3; font-weight: 600; } .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize { margin-bottom: 20px; max-width: 100%; height: auto; } .entry-content ul, .entry-content ol { margin: 0 0 14px 14px } .entry-content li ul, .entry-content li ol { margin-bottom: 0 } .entry-content li { list-style-position: inside } .entry-content ul li { list-style-type: square } .entry-content ol li { list-style-type: decimal } .entry-content .shortcode-unorderedlist ul li, .entry-content .shortcode-unorderedlist ul li ul { list-style-type: none } .entry-content blockquote { border-left: solid 3px #ddd; font-style: italic; font-size: 20px; margin: 45px 40px; padding: 0 0 0 40px; } /* [gallery] shortcode */ .entry-content .gallery .gallery-item { max-width: 150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .entry-content .gallery { clear: both; margin: auto; text-align: center; } .entry-content .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.6; transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; } .gallery img { width: 150px; height: auto; } /* Images align */ .entry-content .aligncenter, div.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; } .alignleft, .entry-content .alignleft { float: left; margin-right: 15px; } .alignright, .entry-content .alignright { float: right; margin-left: 15px; } /* Caption for images */ .entry-content .wp-caption { width: auto; text-align: center; } .entry-content .wp-caption img { background: none; margin: 0; border: 0 none; max-width: 100%; width: auto; height: auto; } .entry-content .wp-caption-text, .gallery-caption { color: #868686; font-size: 14px; margin: 0; padding: 15px 0; text-align: center; } .entry-content .wp-caption.aligncenter { margin: 0 auto 15px } img.wp-smiley { border: none; padding: 0; } .entry-content .fullimg .wp-caption.aligncenter { margin-bottom: 0 } .entry-content .fullimg .aligncenter { margin-bottom: 0 } .entry-content .fullimg p { margin-bottom: 0 } .single .entry-footer { border-top: 1px solid #ebebeb; margin: 30px 0 0; padding: 30px 0 0; } .single .entry-footer .section-title { color: #666; font-size: 16px; font-weight: normal; border: none; padding: 0; margin: 0 0 20px; } .single .tag_list { margin: 10px 0; } .single .tag_list .separator { margin: 0 5px 0 0; color: #aaa; } /* Author Bio */ .post_author { overflow: hidden; padding: 0 0 30px 100px; border-bottom: 1px solid #ebebeb; } .post_author img { margin: 0 15px 0 0; -webkit-border-radius: 50%; border-radius: 50%; float: left; } .post_author span { display: block; margin: 5px 0 0; } .post_author a { font-size: 18px; color: #222; } .post_author a:hover { text-decoration: none; color: #2d87cc; } /* Sharing Buttons */ .single .share { border-bottom: 1px solid #ebebeb; padding: 0 0 30px 50px; margin: 0 0 30px; } .single .share a { display: inline-block; float: left; text-decoration: none; font-size: 16px; color: #fff; font-weight: 600; padding: 6px 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 0 50px; } .single .share a.twitter { background: #3a93d8 } .single .share a.facebook { background: #2e6cc8 } .single .share a.gplus { background: #dd5042 } .single .share a.twitter:before { content: "\f301"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; } .single .share a.facebook:before { content: "\f305"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; } .single .share a.gplus:before { content: "\f462"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; } .single .share a.twitter:hover { background: #59aef5 } .single .share a.facebook:hover { background: #5084e4 } .single .share a.gplus:hover { background: #fb6c59 } .full-width .post-wrap { width: 100%; float: none; } /********************************************************************************************* 8. Events *********************************************************************************************/ .events-title { padding: 30px; position: relative; background-color: #000; margin: -1px 0 0; display: block; } .events-title:after { content: ""; background-image: url('images/events_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .events-title h1 { color: #fff; position: relative; z-index: 3; font-size: 36px; } .event_content { overflow: hidden; margin-bottom: 30px; } .single-tribe_events .tribe-events-content { border-top: 1px solid #ebebeb; padding: 25px 0 0; margin: 25px 0 0; } .single-tribe_events .tribe-events-event-meta { font-size: 16px; } h2.tribe-events-page-title, #tribe-geo-results h2.tribe-events-page-title { font-weight: normal; text-align: left; } #tribe-bar-form .tribe-bar-submit input[type=submit] { background-color: #2d87cc; font-size: 16px; font-weight: normal; letter-spacing: 1px; -webkit-border-radius: 3px; border-radius: 3px; text-transform: none; } .tribe-events-button.tribe-inactive, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover, .tribe-events-button:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { cursor: pointer; text-decoration: none; background: #de2b37; } .tribe-events-loop .tribe-events-event-meta, .single-tribe_events .tribe-event-meta { float: right; width: 300px; margin: 0 0 0 30px; font-weight: normal; font-size: 16px; clear: none; color: #898989; } .single-tribe_events .tribe-event-meta { float: none; width: 100%; margin: 30px 0 0; } .time-details span.event_meta_title:before { font: normal 20px/15px 'dashicons'; display: inline-block; margin: 0 8px 0 0; content: "\f508"; vertical-align: top; -webkit-font-smoothing: antialiased; } .single-tribe_events .time-details { line-height: 1.2; } .tribe-events-venue-details span.event_meta_title:before { font: normal 20px/15px 'dashicons'; display: inline-block; margin: 0 8px 0 0; content: "\f230"; vertical-align: top; -webkit-font-smoothing: antialiased; } .tribe-events-event-cost span.event_meta_title:before { font: normal 20px/20px 'dashicons'; display: inline-block; margin: 0 8px 0 0; content: "\f481"; vertical-align: top; -webkit-font-smoothing: antialiased; } span.event_meta_title { font-size: 14px; font-weight: 600; text-transform: uppercase; display: block; color: #535353; margin: 0 0 10px; } .tribe-events-content { float: none; } .tribe-events-venue-details, .tribe-events-event-meta address.tribe-events-address { font-size: 16px; line-height: 1.4; font-style: normal; margin-top: 20px; } .tribe-events-list .tribe-events-venue-details { font-style: normal; } .tribe-events-event-meta .tribe-events-venue-details, .tribe-event-meta .tribe-events-event-cost { border-top: 1px solid #ebebeb; padding: 25px 0 0; margin: 25px 0 0; } .tribe-events-notices { text-shadow: none; border: none; } #tribe-bar-form input[type="text"] { font-weight: 600; } .tribe-events-list .vevent.hentry h2 { font-size: 30px; margin: 0 0 10px; display: block; } .tribe-events-list .vevent.hentry h2 a { color: #2c343a; } .tribe-events-list .vevent.hentry h2 a:hover{ color: #2d87cc; } .tribe-events-event-meta .tribe-events-gmap, .tribe-events-event-meta-desc .tribe-events-gmap { white-space: inherit; } .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top-color: #ebebeb; } .single-tribe_events #tribe-events-footer { border: none; } .tribe-events-sub-nav li a { background: none; } ul.tribe-events-sub-nav a { display: inline-block; color: #6c7a84; letter-spacing: 1px; font-weight: normal; padding: 10px 25px; border: 2px solid #ebf0f2; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } ul.tribe-events-sub-nav a:hover { color: #2d87cc; border-color: #2d87cc; } .tribe-events-list .more-link { margin-top: 20px; font-weight: 600; } .tribe-events-list-separator-month { font-weight: normal; text-transform: uppercase; font-size: 18px; } .tribe-events-list-separator-month:after { border-bottom-color: #ebebeb; } .events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .single-tribe_organizer .tribe-events-loop { max-width: 100%; } .tribe-events-list .vevent.hentry { border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .tribe-events-list .vevent.hentry.tribe-events-last { border-bottom: none; } .tribe-events-list .tribe-events-event-image, .single-tribe_events .tribe-events-event-image { width: 20%; margin: 0 30px 20px 0; float: left; clear: none; } .single-tribe_events .tribe-events-event-image { width: 35%; } .events-archive #tribe-events-pg-template { max-width: 100%; margin: 0 0 30px; } #tribe-events-pg-template { max-width: 1170px; } .single-tribe_events .section-title a { color: #2c343a; } .single-tribe_events .section-title a:hover { color: #2d87cc; } .single-tribe_events .section-title { font-size: 16px; } .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, #tribe-events .tribe-events-button, .tribe-events-button.tribe-inactive { background-color: #2d87cc; } #tribe-events .tribe-events-button:hover, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { background-color: #de2b37; } #tribe-events-content { margin: 0; } /********************************************************************************************* 9. Comments *********************************************************************************************/ #comments { margin: 40px 0 0; } #comments > h3, #respond > h3 { font-weight: normal; font-size: 26px; position: relative; margin: 0 0 30px; } #comments > h3 { border-bottom: 1px solid #ebebeb; padding: 0 0 20px; } #respond h3 { margin-top: 30px } .comment-notes { margin-bottom: 20px; font-style: italic; } .commentlist { list-style-type: none; padding: 0; } .commentlist li { list-style-type: none } .commentlist .children { margin-left: 50px } .commentlist .comment { margin-bottom: 80px; position: relative; } .commentlist .comment:after { width: 100%; content: " "; border-bottom: 1px solid #ebebeb; bottom: -40px; left: 0; position: absolute; } .comment-author:before, .comment-author:after { content: " "; display: table; } .comment-author:after { clear: both } .comment-author .avatar { float: left; border-radius: 50%; margin-right: 22px; margin-bottom: 15px; } .comment-author .fn, .comment-author .fn a { color: #222; font-size: 16px; font-style: normal; } .comment-author .fn a:hover { text-decoration: none; color: #2d87cc; } .comment-author .comment-meta, .comment-author .comment-meta a { color: #6c7a84; font-size: 14px; } .comment-author .comment-meta a:hover { color: #2d87cc; text-decoration: none; } .comment-author a.comment-reply-link, .comment-author a.comment-edit-link { color: #2c343a } .comment-body { font-size: 16px; line-height: 28px; margin-bottom: 40px; } #respond { margin-bottom: 30px } #respond .form_fields p { margin-bottom: 15px } #respond label { display: block; } #respond input { width: 40% } #respond textarea { width: 100% } #respond #submit { width: auto } #respond code { white-space: pre-wrap } .form-allowed-tags { display: none } /********************************************************************************************* 10. Sidebar & Widgets *********************************************************************************************/ #sidebar { float: right; width: 300px; margin: 0 0 40px; } #sidebar .widget { margin-bottom: 50px; } #sidebar .widget:last-child { padding-bottom: 0; border-bottom:none; margin-bottom: 0; } #sidebar .widget h3.title { line-height: 1.2; margin: 0 0 25px; padding: 0 0 15px; } .textwidget img { max-width: 100%; height: auto; } .widget h3.title { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ebebeb; color: #222; font-size: 20px; font-weight: 600; } .widget ul { clear: both; margin: 0; } .widget ul li { list-style-type: none; } .widget ul ul { margin: 0; padding: 0; border-top: none; } .widget ul ul li { border: none; } .textwidget img { max-width: 100%; height: auto; } /* Twitter widget */ .zoom-twitter-widget__item { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #ebebeb} .zoom-twitter-widget__item-timestamp { display: block; color: #838383; margin: 5px 0 0; font-size: 16px; font-style: normal; } .zoom-twitter-widget__item-timestamp:hover { color: #212426; } .home_widgets_dark .widget .zoom-twitter-widget__item { border-bottom: none; } .home_widgets_dark .widget .zoom-twitter-widget__item-timestamp { color: #838F98; } .home_widgets_dark .widget .zoom-twitter-widget__item-timestamp:hover { color: #fff; } /* Single Page Widget */ .featured_page_content { overflow: hidden; } .featured_page_content .post-thumb { margin-bottom: 15px; } .wpzoom-singlepage img { max-width: 100%; height: auto; } .featured_page_content .post-video { width: 100%; float: none; } /* Recent Posts */ .widget .feature-posts-list br {display: none;} .widget .feature-posts-list img { margin: 0 15px 15px 0; float: left; } .widget .feature-posts-list small { font-size: 16px; color: #838383; margin: 0 0 5px; display: block; } .widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; } .widget .feature-posts-list li { padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ebebeb; } .widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;} .widget .feature-posts-list li h3 { line-height: 1.3; font-size: 20px; color: #3a3a3a; margin: 0 0 5px; } .widget .feature-posts-list li a { color: #212426; } .widget .feature-posts-list li a:hover { color: #2d87cc; } .home_widgets_dark .widget .feature-posts-list small { color: #838F98; font-size: 14px; } .home_widgets_dark .widget .feature-posts-list li { border-bottom: none; padding-bottom: 0; } .home_widgets_dark .widget .feature-posts-list li a { color: #fff; } .home_widgets_dark .widget .feature-posts-list li a:hover { color: #fff; } /* Events widget */ .tribe-events-list-widget ol li { padding: 0 0 15px !important; margin: 0 0 15px; border-bottom: 1px solid #ebebeb; } .tribe-events-list-widget h4.entry-title { line-height: 1.3; font-size: 20px; color: #3a3a3a; margin: 0 0 5px; } .tribe-events-list-widget h4.entry-title a { color: #212426; } .tribe-events-list-widget h4.entry-title a:hover { color: #2d87cc; } .tribe-events-list-widget .duration { font-size: 16px; color: #838383; margin: 0 0 5px; display: block; font-weight: normal; } .tribe-events-list-widget .tribe-events-widget-link a { font-weight: 600; } .home_widgets_dark .tribe-events-list-widget ol li { border-bottom: none; } .home_widgets_dark .tribe-events-list-widget h4.entry-title { font-size: 16px; color: #fff; } .home_widgets_dark .tribe-events-list-widget h4.entry-title a { color: #fff; } .home_widgets_dark .tribe-events-list-widget h4.entry-title a:hover { color: #fff; } .home_widgets_dark .tribe-events-list-widget .duration { color: #838F98; } /* Tag cloud Widget */ .widget_tag_cloud div a { padding: 0 3px; } /* Calendar widget */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; font-weight:bold; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #E8E8E8; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* Facebook Like Box */ div.fb-like.fb_iframe_widget { width: 100% !important; } .fb_iframe_widget { width: 100%!important } .fb_iframe_widget span { width: 100%!important; } .fb_iframe_widget span iframe { width: 100%!important; } /* Carousel Widget */ .carousel-slider { position: relative; margin:0 0 20px; } .carousel-slider .post-thumb, .carousel-slider .video-cover { margin-bottom: 10px; } .carousel-slider .post-thumb img { display: block; max-width: 100%; height: auto; } .carousel-slider .item { float: left; padding: 0; margin:0 25px 0 0; width: 270px; display: none; } .carousel-slider .caroufredsel_wrapper { -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .1s; -o-transition: all .3s ease .1s; -ms-transition: all .3s ease .1s; transition: all .3s ease .1s; } .carousel-slider .caroufredsel_wrapper .item { display: block; } .carousel-slider .item h4 { font-size: 18px; line-height: 1.3;} .carousel-slider .item h4 a { color: #3a3a3a; } .carousel-slider .item h4 a:hover { color: #2d87cc; } .carousel-slider .date { font-size: 14px; color: #838383; margin:5px 0; display: block;} .home_widgets_dark .carousel-slider .item h4 a { color: #fff; } .home_widgets_dark .carousel-slider .item h4 a:hover { color: #de2b37; } .home_widgets_dark .carousel-slider .date { color: #aaa; } .carousel-slider a.prev, .carousel-slider a.next { background: url(images/arrows.png) no-repeat transparent; width: 11px; height: 11px; display: block; position: absolute; top:15px; opacity: 0.7; } .carousel-slider a.prev { right: 40px; background-position: 0 0; } .carousel-slider a.prev:hover, .carousel-slider a.next:hover { opacity: 1; } .carousel-slider a.prev.disabled, .carousel-slider a.next.disabled { opacity: 0.4; } .carousel-slider a.next { right: 20px; background-position: -24px 0; } .carousel-slider a.prev.disabled, .carousel-slider a.next.disabled { cursor: default; } a.prev span, a.next span { display: none; } /********************************************************************************************* 11. Footer *********************************************************************************************/ .site-footer { width: 100%; } .footer-widgets { background: #f8f8f8; padding: 40px 0 0; } .footer-widgets .column { float: left; } .footer-widgets.widget-columns-4 .column { width: 23%; margin-right: 2.66666%; } .footer-widgets.widget-columns-3 .column { width: 31%; margin-right: 3.5%; } .footer-widgets.widget-columns-2 .column { width: 48%; margin-right: 4%; } .footer-widgets.widget-columns-1 .column { width: 100%; } .footer-widgets.widget-columns-2 .column:nth-child(2n+2), .footer-widgets.widget-columns-3 .column:nth-child(3n+3), .footer-widgets.widget-columns-4 .column:nth-child(4n+4) { margin-right: 0; } .footer-widgets .widget { margin-bottom: 30px; } .footer-widgets h3.title { margin: 0 0 10px; padding: 0; font-size: 20px; border: none; } .site-info { padding: 30px 0; color: #6c7a84; font-size: 16px; } .site-info a { color: #2c343a } .site-info .copyright, .site-info .designed-by { width: 50%; float: left; } .site-info .designed-by { text-align: right } /* jQuery.mmenu CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 100px 20px 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1 } .mm-menu .mm-list { padding: 20px 0 } .mm-menu > .mm-list { padding-bottom: 0 } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0 } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none } .mm-list > li { position: relative } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; font-size: 16px; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100% } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px } .mm-list > li.mm-spacer.mm-label { padding-top: 25px } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .mm-menu { background: #2b343b; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15) } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3) } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15) } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05) } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } .shop-wrapper { margin-top: 30px; } /* WooCommerce */ .woocommerce-checkout #payment ul.payment_methods li { list-style-type: none; } .woocommerce-checkout #payment ul.payment_methods li label { display: inline; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px; } .woocommerce ul.products li.product h3 { font-size: 20px; line-height: 1.4; font-weight: 600; } .woocommerce .quantity .qty { padding: 3px; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { border: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: #2d87cc !important; color: #fff !important; font-weight: 600; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover { opacity: 0.9 }