/* Theme Name: Bizpress Theme URI: http://www.ilovewp.com/themes/bizpress/ Description: Bizpress is a moden blog/magazine theme that displays posts in a 2-columns grid. The Front Page provides the ability to highlight (feature) your most important posts as well as feature up to 5 different post categories. Version: 1.0.0 Author: ilovewpcom Author URI: http://www.ilovewp.com/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bizpress Tags: blog, education, news, grid-layout, footer-widgets, one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ /*! 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: bold } 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 { 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 } ul li { list-style-type: none; } 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 { } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both } .clickable { cursor: pointer } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 300; line-height: 1.1; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; } h1 small, h2 small, h3 small { font-size: 65% } h4 small, h5 small, h6 small { font-size: 75% } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: '' ''; } blockquote { border-left: 4px solid #e9b330; font-family: 'Lato', 'Roboto', Georgia, serif; font-size: 24px; font-style: italic; line-height: 1.75em; margin: 2em 0; padding-left: 1em; } blockquote p { margin-bottom: 1.1667em; } hr { background-color: #ece8e0; border: 0; height: 2px; margin-bottom: 1.75em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { border-top: 1px solid #eee; margin: 0 0 1.75em; max-width: 100%; } th { background: rgba(0,0,0,0.05); font-weight: bold; } th, td { border-bottom: 1px solid rgba(0,0,0,0.05); padding: .4375em .875em; } /* Tables */ table { border-top: 0; margin-bottom: 1.5em; position: relative; table-layout: fixed; width: 100%; z-index: 1; } table th { text-align: left; } table tr { border-bottom: 1px solid #F0F0F0; } table th, table td { font-family: inherit; font-size: inherit; padding: 12px; vertical-align: middle; } .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; } .align-center { text-align: center; } input, textarea { background: white; border: 1px solid #ccc; color: #444; font-size: 15px; font-weight: 400; padding: 10px 12px; width: auto; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } input[type=text], textarea { -webkit-appearance: none; } input:focus, textarea:focus { border-color: #555; outline: 0; } button, input[type=button], input[type=reset], input[type=submit] { background-color: #111; border: none; color: white; font-size: 13px; font-weight: 500; padding: 7px 20px; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; background: #d32e36; } /* Hides navigation links and site footer when infinite scroll is active */ .infinite-scroll .navigation { display: none; } .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 30px; position: relative; } #infinite-handle { clear: both; margin: 20px 0; } .infinite-scroll #infinite-handle span { background-color: #b21b34; color: #fff; display: block; font-size: 14px; font-weight: 500; line-height: 40px; margin: 0 auto; text-align: center; width: 60%; transition: 0.2s ease all; } .infinite-scroll #infinite-handle span:hover { background-color: #0a0a08; color: #fff; width: 80%; } .infinite-scroll #infinite-handle button { text-transform: uppercase; -webkit-transition: none; -o-transition: none; transition: none; } /****************************************** 1. General ******************************************/ a { color: #3fa0cd; text-decoration: none; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; } a:hover, a:focus { color: #ab1133; } body { background-color: #ddd; color: #414141; font-family: 'Lato', 'Roboto', Arial, Tahoma, sans-serif; font-size: 62.5%; line-height: 1.5em; margin: 0; padding: 0; text-align: center; } h1,h2,h3,h4,h5,h6 { color: #0a0a08; font-family: 'Roboto', 'Lato', Arial, Tahoma, sans-serif; font-weight: 600; margin: 0; padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #121212; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { color: #ba1426; } #container { font-size: 12px; line-height: 1.4em; padding: 0; text-align: center; width: 100%; } .wrapper { margin: 0 auto; padding: 0; text-align: left; width: 1220px; } .cleaner { clear: both; font-size:1px; height: 1px; line-height: 1px; margin:0; } .special-background { background-color: #fff; } /****************************************** 2. Header ******************************************/ .site-header { margin: 0; } #site-header-main { background-color: #b21b34; color: #fff; } .site-header .wrapper-header-branding { padding-top: 20px; padding-bottom: 20px; } .site-header .wrapper-header { padding-right: 30px; padding-left: 30px; } .site-header .site-branding { display: inline; float: left; margin: 0 30px 0 0; } .site-header .site-logo { height: auto; max-width: 100%; } .site-header .site-title { display: block; font-family: 'Roboto', 'Lato', Arial, Tahoma, sans-serif; font-size: 30px; font-weight: 700; letter-spacing: 0; line-height: 1.25em; margin: 0; text-transform: uppercase; } .site-header .site-description { display: block; font-size: 14px; font-weight: 300; line-height: 1.25em; margin: 5px 0 0; } .site-header a { color: #fff; } .site-header a:hover, .site-header a:focus { text-decoration: underline; } #site-header-navigation { background-color: #202020; padding: 5px 0 0; position: relative; } #site-header-navigation a, #site-header-navigation-secondary a { color: #fff; } #site-header-navigation a:hover, #site-header-navigation a:focus, #site-header-navigation-secondary a:hover, #site-header-navigation-secondary a:focus { color: #f9a447; } #site-header-navigation-secondary { background-color: #303030; padding: 3px 0 5px; } /****************************************** 3. Nav ******************************************/ #site-header-navigation, #site-header-navigation-secondary { font-family: 'Lato', 'Roboto', Arial, Tahoma, sans-serif; } /* Mobile Menu Icons */ .navbar-toggle { display: none; position: relative; float: left; margin: 15px 0 15px 0; } .navbar-toggle .icon-bar { background: #fff; border-radius: 1px; display: block; height: 2px; width: 30px; } .navbar-toggle:hover .icon-bar { background: #fff; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px } #menu-top-slide:not( .mm-menu ), #menu-main-slide:not( .mm-menu ) { display: none; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; } .sf-menu li { position: relative; } .sf-menu ul { display: none; position: absolute; top: 100%; left: 0; z-index: 99; } .sf-menu > li { display: inline-block; } .sf-menu li:hover > ul, .sf-menu li:focus > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* COLOR STYLE */ .sf-menu ul { box-shadow: 1px 1px 3px rgba(0,0,0,.15); margin-top: 0; min-width: 15em; /* allow long menu items to determine submenu width */ *width: 15em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a { color: #fff; display: block; padding: 10px 0; position: relative; zoom: 1; /* IE7 */ } .sf-menu ul a { color: #fff; padding: 7px 15px; } #menu-main .current-menu-item > a, #secondary-menu .current-menu-item > a, .sf-menu .current-menu-item > a, .sf-menu .sfHover > a, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #f7bb5d; text-decoration: underline; } .sf-menu .sub-menu a:hover, .sf-menu .sub-menu a:focus { color: #ffd064; } .sf-menu li { display: inline-block; font-size: 13px; font-weight: 400; line-height: 24px; margin: 0 20px 0 0; position: relative; text-transform: uppercase; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #252525; border-bottom: solid 1px #353535; display: block; font-size: 14px; font-weight: normal; margin: 0; text-align: left; text-transform: none; } .sf-menu ul ul li { background: #252525; } .sf-menu ul li:hover, .sf-menu ul li:focus { background-color: #353535; border-bottom-color: #454545; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 1.75em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 37%; right: 0.5em; margin-top: 0; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */ } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #fce376; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */ } .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-top-color: #fce376; /* IE8 fallback colour */ } /* Secondary Nav Level */ #secondary-menu { font-size: 14px; } #secondary-menu .menu-item { display: inline-block; margin: 0 20px 0 0; text-transform: none; } #secondary-menu a { display: inline-block; padding: 10px 0; } /****************************************** 4. Main Content Sections ******************************************/ #site-content { display: inline; float: right; width: 77.19298245%; } .wrapper-full #site-content { width: 100%; } .wrapper-reversed #site-content { float: left; } .wrapper-frame { background-color: #fff; padding: 40px; } #site-aside { display: inline; float: left; font-size: 14px; line-height: 1.75em; width: 22.80701754%; } .site-content-wrapper { padding: 0 0 0 40px; } .site-aside-wrapper { padding: 0; } .wrapper-reversed .site-content-wrapper { padding-right: 40px; padding-left: 0; } .wrapper-full .site-content-wrapper { padding-left: 0; } #site-main { } .home #site-main { } #site-main .widget { margin-bottom: 30px; } #site-aside .current-cat a { color: #131313; font-weight: 600; } /****************************************** 5. Individual Content Sections ******************************************/ .post-cover { position: relative; } .post-cover .thumbnail, .post-cover .wp-post-image { height: auto; width: 100%; position: relative; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .ilovewp-post:hover .thumbnail, .ilovewp-post:hover .wp-post-image { background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } /* Featured Posts on Homepage */ #ilovewp-featured-posts { background-color: #fff; margin: 0; padding: 0; position: relative; max-width: 100%; } #ilovewp-featured-posts img { height: inherit; /* Make sure images are scaled correctly. */ max-width: inherit; /* Adhere to container width. */ } #ilovewp-featured-posts .image-wrapper { display: inline-block; position: relative; } #ilovewp-featured-posts .image-description { position: absolute; bottom: 30px; left: 30px; background-color: rgba(0,0,0,0.70); color: #fff; font-size: 18px; font-weight: 500; padding: 20px 20px; } .empty-slider { max-width: 1180px; } #ilovewp-featured-posts .slides { white-space: nowrap; overflow: hidden; } #ilovewp-featured-posts .slide { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-right: 0; max-width: 100%; overflow: hidden; opacity: 0.5; list-style-type: none; } #ilovewp-featured-posts a { color: #fff; } #ilovewp-featured-posts a:hover, #ilovewp-featured-posts a:focus { text-decoration: underline; } #ilovewp-featured-posts .is-selected { opacity: 1; } .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; overflow: hidden; position: relative; } .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-prev-next-button { display: block; position: absolute; z-index: 100; top:45%; height: 50px; width: 30px; background: none; padding: 5px 20px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: .8; background: #000; color: #fff; border-radius: 5px; } .flickity-prev-next-button:hover { opacity: 1; background: #fff; } .flickity-prev-next-button.previous { left: 30px; } .flickity-prev-next-button.next { right: 30px; } .flickity-prev-next-button svg { position: absolute; left: 30%; top: 30%; width: 40%; height: 40%; } .flickity-prev-next-button path { opacity: .8; fill: #fff; } .flickity-prev-next-button:hover path { opacity: 1; fill: #000; } .flickity-prev-next-button[disabled] { opacity: .5; } #ilovewp-featured-posts .slider-direction-nav a:focus { outline: 0; } #ilovewp-featured-posts .slider-direction-nav a:hover, #ilovewp-featured-posts .slider-direction-nav a:active { opacity: 1; background: #fff; color: #363940; } .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: 10px; right: 0; left: 0; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 18px; height: 18px; margin: 0 7px; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 2px solid #fff; background: none; } .flickity-page-dots .dot:hover, .flickity-page-dots .dot.is-selected { background: #fff; opacity: 1; } .post-meta .sticky-post { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; } .widget-title, .comments-area .comments-title { border-bottom: solid 1px rgba(0,0,0,0.1); display: block; font-family: 'Lato', 'Roboto', Arial, Tahoma, sans-serif; font-size: 15px; font-weight: normal; line-height: 1.25em; margin: 0 0 20px; padding: 0 0 15px; position: relative; text-transform: uppercase; } .widget-title:after { content: " "; position: absolute; bottom: -1px; left: 0; width: 50px; height: 1px; background-color: #3fa0cd; } /* Columns */ .ilovewp-columns .ilovewp-column { display: inline; float: left; } .ilovewp-columns-2 .ilovewp-column-1 { width: 52.777777%; } .ilovewp-columns-2 .ilovewp-column-2 { width: 47.222222%; } .ilovewp-columns-2 .ilovewp-column-1 .ilovewp-column-wrapper { padding-right: 40px; } /* Featured Category Widget */ .ilovewp-featured-category .ilovewp-posts-archive .ilovewp-post-archive { margin-bottom: 0; } /* Posts Archive Loop */ .ilovewp-post .post-meta, .ilovewp-post .post-meta .entry-date a { color: #999; font-size: 13px; margin: 0; } .post-meta .genericon, .more-link .genericon { margin-bottom: 2px; vertical-align: middle; } .ilovewp-posts-archive .post-meta-category { color: #ab1133; } .ilovewp-posts-archive .post-meta a { color: #131313; } .ilovewp-posts-archive .title-post a:hover, .ilovewp-posts-archive .title-post a:focus, .ilovewp-posts-archive .post-meta a:hover, .ilovewp-posts-archive .post-meta a:focus, .ilovewp-post .post-meta .entry-date a:hover, .ilovewp-post .post-meta .entry-date a:focus { color: #ab1133; } .ilovewp-posts-archive .post-meta .entry-date { display: inline-block; margin-right: 12px; } .ilovewp-posts-archive .post-meta .updated { display: none; } .ilovewp-posts-archive .ilovewp-post-archive { display: block; margin-bottom: 40px; position: relative; } .ilovewp-posts-archive .post-cover-wrapper { display: inline-block; float: left; width: 28.57142857%; } .ilovewp-posts-archive .post-cover { margin-right: 30px; } .ilovewp-posts-archive .post-preview { font-size: 15px; line-height: 1.80em; overflow: hidden; text-align: left; } .ilovewp-posts-archive .post-excerpt { margin-bottom: 0; } .ilovewp-post .post-meta { margin: 9px 0; } .ilovewp-featured-category .ilovewp-post-main .post-meta, .featured-post-simple .post-meta { margin: 10px 0 0; } .ilovewp-posts-archive .title-post { font-size: 18px; font-weight: 700; line-height: 1.75em; margin: 0 0 0.5em; } .ilovewp-posts-archive .post-meta-category { display: inline-block; margin-right: 10px; } .ilovewp-posts-archive .read-more-span { display: block; margin: 10px 0 0; } /* Next/Prev Post Navigation */ .post-navigation, .posts-navigation, #comments .nav-links { border: solid 0 #fff; font-size: 14px; line-height: 1.6em; margin: 10px 0 40px; text-align: center; } .posts-navigation { margin-top: 20px; margin-bottom: 10px; } .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next { background-color: #242424; display: inline-block; padding: 15px 20px 15px; text-align: center; width: 50%; } .post-navigation .nav-previous:hover, .post-navigation .nav-previous:focus, .post-navigation .nav-next:hover, .post-navigation .nav-next:focus, .posts-navigation .nav-previous:hover, .posts-navigation .nav-previous:focus, .posts-navigation .nav-next:hover, .posts-navigation .nav-next:focus { background-color: #ab1133; } .post-navigation .nav-previous, .posts-navigation .nav-previous { border-right: solid 2px #fff; } .post-navigation .nav-next, .posts-navigation .nav-next { border-left: solid 2px #fff; } .post-navigation .nav-link-label, .posts-navigation .nav-link-label { color: #fff; margin: 0 3px; text-transform: uppercase; } .post-navigation a, .posts-navigation a { color: #fff; } .post-navigation a:hover, .post-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:focus { color: #fff; text-decoration: underline; } .post-navigation .genericon, .posts-navigation .genericon { margin-bottom: 3px; vertical-align: middle; } /* Tags List */ .post-single .page-links, .post-single .tags-links { background-color: #f1f1f1; color: #111; font-size: 15px; margin: 2em 0 1em; padding: 10px; text-align: center; text-transform: uppercase; } .tags-links a { display: inline-block; font-family: "Roboto Condensed", sans-serif; font-weight: bold; letter-spacing: 0.5px; margin: 0; padding: 0 2px; position: relative; z-index: 5; text-decoration: none; text-transform: uppercase; -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; } .tags-links a:hover, .tags-links a:focus { color: #131313; text-decoration: underline; } .tags-links a:after { background-color: #f4ce21; bottom: 2px; content: ""; height: 3px; left: 0; position: absolute; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; width: 100%; z-index: -1; } /****************************************** 6. Single Post/Page Styling ******************************************/ .thumbnail-post-intro { text-align: center; } .ilovewp-archive-intro { margin-bottom: 30px; } .ilovewp-page-intro .title-page { font-size: 30px; font-weight: 500; line-height: 1.25em; margin: 0 0 0.25em; } .ilovewp-page-inner { text-align: center; } .ilovewp-page-front { text-align: left; } .ilovewp-page-inner .title-page { font-size: 36px; } .home .ilovewp-page-front { border-bottom-width: 0; padding-bottom: 0; } .ilovewp-page-intro .post-meta { color: #8d8d8d; display: inline-block; font-size: 15px; font-style: italic; margin: 30px 0 0; } .ilovewp-page-intro .post-meta span { margin-right: 6px; } .ilovewp-page-intro .post-meta a { font-style: normal; text-transform: uppercase; } .ilovewp-page-intro .post-meta .genericon { margin-right: 1px; } .ilovewp-page-intro .post-meta-gravatar { display: inline-block; margin: 0 10px 0 0; } .post-meta-gravatar .avatar { border-radius: 50%; } .ilovewp-page-inner, .ilovewp-page-intro .taxonomy-description { font-size: 17px; line-height: 2em; border-bottom: solid 1px rgba(0,0,0,0.1); margin-bottom: 25px; padding-bottom: 20px; } .ilovewp-page-intro .taxonomy-description p { margin: 1em 0 0; } .ilovewp-page-inner { margin-bottom: 30px; } .ilovewp-nofeatured { padding: 40px 40px 0; text-align: center; } .ilovewp-nofeatured .taxonomy-description { margin-bottom: 0; } .post-single { font-family: 'Lato'; font-size: 16px; line-height: 1.95em; } .post-single h1, .post-single h2, .post-single h3, .post-single h4, .post-single h5, .post-single h6 { font-weight: 600; margin: 0.5em 0 0.5em; line-height: 1.25em; } .post-single p { margin-top: 0; margin-bottom: 1.5em; } .post-single img { margin-bottom: 20px; } .post-single img.alignnone, .post-single img.aligncenter, .post-single img.alignleft, .post-single img.alignright { max-width: 100%; width:auto; height:auto; } .post-single .alignright { display: inline; float: right; margin: 0 0 0 20px; } .post-single .alignleft { display: inline; float: left; margin: 0 0 0 20px; } .post-single iframe { max-width: 100%; } .post-single textarea { max-width: 97%; } .post-single blockquote { border-left: solid 4px #f4ce21; padding: 0 1em; margin: 1em; } .post-single a { text-decoration:none; } .post-single a:hover, .post-single a:focus { text-decoration:underline; cursor: pointer; } .post-single ul, .post-single ol { margin: 0 0 1.75em 1.25em; padding: 0; } .post-single ul li { list-style-type: disc; } .post-single ol li { list-style-type: decimal; } /****************************************** 7. Comments ******************************************/ #comments .comment-reply-title { font-size: 24px; font-weight: 500; margin: 0 0 0.75em; } .comments-area { margin: 1em 0 0; text-align: left; } .comments-area .comments-title { margin: 0 0 2em; } .page .comments-area { margin-left: 0; } .comment-list { margin: 1.75em 0; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment, .pingback, .trackback { padding: 1.75em 0; } .depth-1 { border-bottom: solid 1px #ece8e0; } .depth-1:first-child { margin-top: 0; padding-top: 0; } .children { margin-top: 24px; } .children .comment { border-left: 5px solid #e7e7e7; padding-left: 24px; } .comment-author .avatar { border-radius: 50%; float: left; margin-right: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .comment-meta { margin-bottom: 0; } .comment-meta .fn { display: inline-block; font-size: 16px; font-style: normal; font-weight: 500; margin-right: 15px; } .says { display: none; } .comment-metadata { display: inline-block; font-size: 14px; } .comment-metadata a { color: #aaa; } .comment-metadata a:hover { color: #666; } .comment-content a { word-wrap: break-word; } .comment-tools { display: inline-block; float: right; } .comment-tools a { font-size: 13px; font-weight: normal; } .comment-reply-link { margin-left: 10px; } .comment-respond { padding: 25px 20px 20px 0; } .comment-content { color: #555; font-size: 15px; line-height: 1.75em; overflow: hidden; } .comment-content p { margin: 1em 0 0; } .comment-form label { display: block; font-size: 15px; font-weight: 500; margin: 1em 0; text-transform: uppercase; } .comment-form label .required { color: #e95445; font-weight: 600; } .form-allowed-tags { font-size: 13px; } .no-comments { text-align: center; } .bypostauthor { display: block; } /****************************************** 8. Footer ******************************************/ .site-footer { border-top: 0; font-size: 15px; font-weight: 400; line-height: 2em; margin: 0; padding-top: 50px; padding-bottom: 40px; text-align: right; } #site-tertiary { margin-bottom: 40px; } .wrapper-footer { padding-right: 0; padding-left: 0; text-align: center; } .wrapper-copy { color: #777; font-size: 13px; padding: 0; text-align: center; } .site-footer .copy { margin-bottom: 0; } .site-footer .logo-site-footer { margin-bottom: 30px; } #menu-site-footer .menu-item { display: inline-block; margin: 0 8px; } .pre-footer { text-align: left; } .pre-footer .ilovewp-column { display: inline; float: left; margin-right: 3.27868852%; width: 22.54098360%; } .pre-footer .ilovewp-column-4 { margin-right: 0; } .pre-footer .widget { line-height: 1.8em; margin-bottom: 30px; } .pre-footer .widget:last-child { margin-bottom: 0; } .pre-footer li { line-height: 2em; } .pre-footer .widget-title { border-bottom: solid 1px rgba(0,0,0,0.15); color: #181818; display: block; font-size: 14px; font-weight: normal; line-height: 1.75em; margin: 0 0 20px; padding: 0 0 8px; position: relative; text-transform: uppercase; } /****************************************** 9. Miscellaneous ******************************************/ #wpstats { display: none; } .error-404 .post-single .post-date { color: #888; display: inline-block; font-size: 13px; margin: 0 0 0 10px; } .post-single #jp-relatedposts h3.jp-relatedposts-headline { font-size: 14pt; } .post-single #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { margin-bottom: 10px; } /* WordPress Search Widget */ .post-single .search-form { margin: 30px 0; } .ilovewp-page-intro .search-form { margin: 30px 0 0; } .widget_search .search-field { margin-bottom: 5px; width: 85%; } #searchform label { display: none; } #s { background-color: #fff; display: inline; float: left; border: solid 1px #ccc; font-size: 13px; margin: 0 3px 10px 0; padding: 6px 5px; width: 70%; } #searchsubmit { border: none; display: inline; float: left; } /* Begin Images */ .post-single .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-single .alignright { margin: 0 0 5px 20px; display: inline; } .post-single .alignleft { margin: 0 20px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Caption for images */ .post-single .wp-caption { background-color: #f3f3f3; border-bottom: solid 2px #e3e3e3; margin-bottom: 1em; max-width: 100%; padding: 0 0 15px; } .post-single .wp-caption img { background: none; border: 0; margin: 0 0 15px; max-width:100%; width: 100%; height:auto; } .post-single .wp-caption-text, .gallery-caption { color: #777; font-size:13px; line-height: 1.5em; margin: 0 10px; } .post-single .wp-caption.aligncenter { margin:0 auto 15px; } /* [gallery] shortcode styling */ .post-single .gallery { margin: 1em auto 1.5em; text-align:center; clear:both; } .post-single .gallery-icon { background-color: #fff; border: solid 1px #eeeeee; margin-bottom: 10px; padding: 4px; } .post-single .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; margin: 1em 1.5% 1.5em; width: 30%; vertical-align: top; zoom: 1; *display: inline; } .post-single .gallery img { width: 100%; height: auto; margin: 0; } .post-single .gallery-caption { margin-left: 0; } .post-single .gallery-columns-1 .gallery-item { margin: 1em auto; width: 100%; } .post-single .gallery-columns-2 .gallery-item { margin: 1em 2.5%; width: 45%; } .post-single .gallery-columns-4 .gallery-item { margin: 1em 1.5%; width: 22%; } /* Social Links */ .social-links { display: inline-block; float: right; margin: 0; } .social-links:only-child { margin-top: 0; } .social-links ul { list-style: none; margin: 0; padding: 0; } .social-links ul li { display: inline-block; list-style: none; margin: 0; } .social-links ul a { display: inline-block; margin-bottom: 0; text-decoration: none; } .social-links ul a:before { color: #fff; content: '\f415'; display: block; font-family: 'Genericons'; font-size: 12px; font-size: 1.1rem; line-height: 1; padding: 7px 5px; position: relative; text-align: center; transition: top .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .social-links ul a:hover { border-bottom: none; text-decoration: none; } .social-links ul a:hover:before { background: #333; color: #fff; text-decoration: none; transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out; } .social-links ul a[href*='wordpress.org']:before, .social-links ul a[href*='wordpress.com']:before { content: '\f205'; } .social-links ul a[href*='facebook.com']:before { content: '\f204'; } .social-links ul a[href*='twitter.com']:before { content: '\f202'; } .social-links ul a[href*='dribbble.com']:before { content: '\f201'; } .social-links ul a[href*='plus.google.com']:before { content: '\f206'; } .social-links ul a[href*='pinterest.com']:before { content: '\f209'; } .social-links ul a[href*='github.com']:before { content: '\f200'; } .social-links ul a[href*='tumblr.com']:before { content: '\f214'; } .social-links ul a[href*='youtube.com']:before { content: '\f213'; } .social-links ul a[href*='flickr.com']:before { content: '\f211'; } .social-links ul a[href*='vimeo.com']:before { content: '\f212'; } .social-links ul a[href*='instagram.com']:before { content: '\f215'; } .social-links ul a[href*='codepen.io']:before { content: '\f216'; } .social-links ul a[href*='linkedin.com']:before { content: '\f207'; } .social-links ul a[href*='foursquare.com']:before { content: '\f226'; } .social-links ul a[href*='reddit.com']:before { content: '\f222'; } .social-links ul a[href*='digg.com']:before { content: '\f221'; } .social-links ul a[href*='getpocket.com']:before { content: '\f224'; } .social-links ul a[href*='path.com']:before { content: '\f219'; } .social-links ul a[href*='stumbleupon.com']:before { content: '\f223'; } .social-links ul a[href*='spotify.com']:before { content: '\f515'; } .social-links ul a[href*='twitch.tv']:before { content: '\f516'; } .social-links ul a[href*='dropbox.com']:before { content: '\f225'; } .social-links ul a[href*='/feed']:before { content: '\f413'; } .social-links ul a[href*='skype']:before { content: '\f220'; } .social-links ul a[href*='mailto']:before { content: '\f410'; } /****************************************** 10. Accessibility ******************************************/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /****************************************** 11. Buttons, Forms ******************************************/ .button, #searchsubmit, .form-submit #submit, #submit-contact, .widget_wysija_cont .wysija-submit { border: 0; color: #fff; display: inline-block; font-size: 14px; padding: 8px 20px; text-transform: uppercase; } .widget_wysija_cont .wysija-submit { margin-top: 5px; } .button:hover, .button:focus { color: #151515; } .widget_wysija_cont p label { display: block; font-weight: 500; margin: 5px 0 10px; } .widget_wysija_cont .wysija-input { width: 100%; } #searchsubmit, .button-yellow { background-color: #ebcc6e; color: #151515; font-weight: 500; } .button-yellow:hover, .button-yellow:focus { background-color: #e0ba48; } .button-blue { background-color: #06b3db; font-weight: 500; } .button-blue:hover, .button-blue:focus { background-color: #0a9bbc; color: #fff; } .button-red { background-color: #ea5b4d; color: #fff; font-weight: 500; } .button-red:hover, .button-red:focus { background-color: #c8493c; color: #fff; } .form-submit #submit, .button-green, .widget_wysija_cont .wysija-submit { background-color: #ab1133; color: #fff; font-weight: 500; } .button-green:hover, .button-green:focus { background-color: #209852; color: #fff; } .button-gray { background-color: #e6e6e6; color: #222; font-weight: 500; } .button-gray:hover, .button-gray:focus { background-color: #d6d6d6; } .form-submit #submit:hover, #searchsubmit:hover, .button:hover, .form-submit #submit:focus, #searchsubmit:focus, .button:focus, .widget_wysija_cont .wysija-submit:hover, .widget_wysija_cont .wysija-submit:focus { background-color: #131313; } .form-submit #submit:active, #submit-contact:active, #searchsubmit:active, .button:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .form-submit #submit, #searchsubmit, #submit-contact { font-size: 14px; letter-spacing: 0.5px; } /****************************************** 12. Mmenu Script ******************************************/ .mm-hidden { display: none !important } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1 } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-header > a { text-decoration: none; display: block; padding: 10px 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-header .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-header .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a, .mm-listview a:hover { text-decoration: none } .mm-listview > li { position: relative } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px } .mm-listview .mm-next.mm-fullsubopen { width: 100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px } .mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after { border-top: none; border-left: none; right: 20px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview > li.mm-spacer { padding-top: 40px } .mm-listview > li.mm-spacer > .mm-next { top: 40px } .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px } .mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) } /* jQuery.mmenu offcanvas addon CSS */ .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-opened .mm-page { min-height: 100vh } 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); } } menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; } .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) } .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) } .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) } .mm-menu.mm-theme-white label.mm-toggle:before { background: white } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.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-right.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-right.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); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1 } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* Custom mmenu **/ .mm-listview { font-size: 14px } .mm-menu > .mm-panel { padding: 20px 40px; } .mm-listview ul > li { font-size: 13px; text-transform: none; } /****************************************** 13. Media Queries (Responsive Feature) ******************************************/ /* Tablet Landscape */ @media screen and (max-width: 1200px) { div.wrapper { width: 96%; } /* Facebook Like Button */ .widget div.fb-like.fb_iframe_widget { width: 100% !important; } .widget .fb_iframe_widget { width: 100%!important } .widget .fb_iframe_widget span { width: 100%!important; } .widget .fb_iframe_widget span iframe { width: 100%!important; } .twitter-follow-button {max-width: 100%; } #ilovewp-featured-posts { height: auto; min-height: auto; } #ilovewp-featured-posts .slide { width: 100%; } #ilovewp-featured-posts img { max-width: 100%; } } /* Tablet Landscape */ @media screen and (max-width: 960px) { div.wrapper-main { padding-right: 0; padding-left: 0; } .comment-respond { padding-right: 0; } #commentform input, #commentform textarea { width: 100%; } } /* Tabled Portrait */ @media screen and (max-width: 768px) { div.wrapper { width: 94%; } #site-content, #site-aside { display: block; float: none; width: 100%; } #site-aside .widget { display: inline-block; margin-right: 2%; margin-left: 2%; vertical-align: top; width: 45%; } #site-content { margin-bottom: 30px; } .site-content-wrapper { padding-left: 0; } .ilovewp-page-inner .title-page, .ilovewp-archive-intro .title-page { font-size: 28px; } .ilovewp-page-intro .title-page { font-size: 32px; line-height: 1.5em; } .comment-meta .fn { font-size: 15px; } .comment-metadata { font-size: 12px; } .ilovewp-page-intro .post-meta, .post-single .page-links, .post-single .tags-links, .comment-content { font-size: 14px; } .pre-footer .ilovewp-column { margin-right: 6%; width: 47%; } .pre-footer .ilovewp-column-2, .pre-footer .ilovewp-column-4 { margin-right: 0; } .pre-footer .ilovewp-column-1, .pre-footer .ilovewp-column-2 { margin-bottom: 30px; } /* Main Menu */ #site-header-navigation { padding-top: 0; } /* Menu */ #menu-main { display: block; float: none; } header .menu-main-container { text-indent: -9999px; height: 0; } .menu-main-container.mm-menu { background-color: #131313; text-indent: 0; height: 100%; } .mm-listview { background-color: #131313; padding: 60px 30px; } .mm-listview .mm-listview { padding: 0 20px; } .mm-listview li { text-align: left; } .mm-listview > li { border-bottom: solid 1px #272727; text-transform: uppercase; } .mm-listview > li > a:hover { color: #ffd064; } .navbar-toggle { display: inline-block; margin: 0; position: absolute; top: 14px; right: 30px; } .btn_menu_icons { display: inline-block; float: left; } .btn_menu_span { color: #fff; display: inline-block; line-height: 1.5em; margin: 0 0 0 15px; } .btn_menu_span:hover, .btn_menu_span:focus, .navbar-toggle .icon-bar:hover, .navbar-toggle .icon-bar:focus { color: #ffd064; } #menu-main-menu { display: none; } .sf-menu li { border-bottom: solid 1px #584c69; display: block; } .sf-menu li:last-child { border-bottom-width: 0; } .sf-menu a { padding: 10px; } .sf-arrows .sf-with-ul { padding-right: 10px; } .sf-arrows .sf-with-ul:after { display: none; } .sf-menu ul { display: block !important; opacity: 1 !important; position: relative; top: auto; left: auto; box-shadow: none; } .sf-menu ul ul { left: auto; top: auto; } .sf-menu ul li { background: none; text-align: center; } .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li:focus, .sf-menu li.sfHover { background: none; } .sf-menu ul li .sf-with-ul { font-weight: bold; text-transform: uppercase; } /* End Main Menu */ .theme-credit { display: none; } .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 0; } .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next { border-width: 0; width: 100%; } .post-navigation .nav-previous, .posts-navigation .nav-previous { margin-bottom: 10px; } .comment-respond { padding-top: 0; padding-bottom: 0; } #ilovewp-featured-posts .image-description { padding: 12px 15px; } #ilovewp-featured-posts .image-description { font-size: 16px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { .site-footer { font-size: 14px; } .social-links { display: block; float: none; margin-top: 20px; text-align: center; } .social-links ul li { margin: 0 5px; } .navbar-toggle { top: -45px; } #site-content, #site-aside { display: block; float: none; width: 100%; } #site-aside { margin-top: 0; } #site-aside .widget { display: inline-block; margin-right: 2%; margin-left: 2%; vertical-align: top; width: 45%; } .site-header .wrapper-header, .wrapper-footer { text-align: center; } .site-header .site-branding, .wrapper-footer { display: block; float: none; margin-right: auto; text-align: center; } #secondary-menu .menu-item { margin-right: 10px; margin-left: 10px; } .ilovewp-page-intro .title-page { font-size: 26px; } .ilovewp-page-intro .taxonomy-description { font-size: 15px; } blockquote { font-size: 20px; } #infinite-handle span { padding: 3px 10px; } .post-single { font-size: 15px; } .ilovewp-page-intro .post-meta { display: block; } .ilovewp-posts-archive .post-meta-category { font-size: 14px; } .ilovewp-posts-archive .title-post { font-size: 16px; } .ilovewp-posts-archive .post-excerpt { line-height: 1.65em; } .site-footer { margin-top: 20px; } .flickity-prev-next-button { top: 35%; } .wrapper-frame { padding: 30px 30px 10px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 480px) { .navbar-toggle { display: inline-block; float: none; margin: 15px auto 15px; position: relative; top: auto; right: auto; text-align: center; } .btn_menu_icons { float: none; } .btn_menu_span { vertical-align: top; } .site-header .navbar-toggle a:hover, .site-header .navbar-toggle a:focus { text-decoration: none; } .ilovewp-page-intro .title-page { font-size: 26px; } .post-single blockquote { font-size: 18px; margin: 1em 0; } .ilovewp-page-intro .post-meta, .post-single .page-links, .post-single .tags-links, .comment-content { font-size: 13px; } .ilovewp-page-intro .post-meta-gravatar { display: block; margin-right: 0; margin-top: 10px; } .ilovewp-page-intro .post-meta { margin-top: 20px; } .ilovewp-page-inner { margin-bottom: 20px; } #site-aside .widget { display: block; margin: 0 0 30px; vertical-align: top; width: 100%; } .pre-footer .ilovewp-column { display: block; float: none; margin-right: 0; margin-left: 0; width: 100%; } .ilovewp-posts-archive .post-preview { font-size: 14px; } .ilovewp-posts-archive .post-cover { margin-right: 20px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 320px) { .ilovewp-page-intro .title-page { font-size: 20px; } .ilovewp-page-intro .post-meta, .post-single .page-links, .post-single .tags-links, .comment-content { font-size: 13px; } .post-meta .posted-on { display: block; margin-top: 0; } .post-single { font-size: 14px; } }