/** * Theme Name: Minimize * Theme URI: https://slocumthemes.com/wordpress-themes/minimize-free/ * Description: A lightweight and responsive WordPress theme. Great for a blog or to start a new project. Now supports live front-end text widget editing via Note. More info - http://wordpress.org/plugins/note/. * Author: Slocum Design Studio * Author URI: https://slocumthemes.com/ * Version: 2.4.3 * License: GPL2+ * License URI: http://www.gnu.org/licenses/gpl.html * Tags: blue, green, orange, pink, purple, red, white, light, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, fluid-layout, responsive-layout * * Minimize WordPress theme, Copyright (C) 2013 Slocum Studio * Minimize WordPress theme is licensed under the GPL. * * @see attribution.txt for more license information. */ /** * CSS Reset - http://meyerweb.com/eric/tools/css/reset/ * License: None (public domain) * Copyright: Eric Meyer, http://meyerweb.com/eric/ * * We've used Eric Meyer's reset as a base and modified it a bit to suit our needs. */ html,body, div, dl, dt, dd, ul, li, pre, form, fieldset, input, textarea, blockquote, th, td, section { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; /* Ensure that all long words are broken up so they do not exceed the width of their container elements. */ -ms-word-wrap: break-word; word-wrap: break-word; } pre { white-space: pre-wrap; } fieldset, img, abbr, acronym { border: 0; } img { max-width: 100%; height: auto; } a img { text-decoration: none; } select { max-width: 100%; } table { border-collapse: collapse; border-spacing: 0; } address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; } q:before, q:after { content: ''; } ul { list-style: none; } mark{ background: none; } button{ border: none; } /** * Theme Styles */ body{ width: auto; max-width: 1100px; margin: 0 auto; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #555555; background: #fff; } strong{ font-weight: bold; } a { color: #565656; } img { max-width: 100%; height: auto; } .clear { height: 0; font-size: 0; clear: both; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .hide { display: none; } .nav-button, .primary-nav-button { display: none; } /* hide the navigation button by default */ /** * Content Layout Styles */ /* 1 Column (Content) */ .cols-1 article.content { width: 100%; } /* 2 Columns (Content, Sidebar) */ .cols-2 article.content { } .cols-2 aside.sidebar { } /* 2 Columns Right (Sidebar, Content) */ .cols-2-r article.content { float: right; } .cols-2-r aside.sidebar { padding: 0 2% 0 0; float: left; } /* 3 Columns (Content, Sidebar, Sidebar) */ .cols-3 article.content { width: 50%; margin-right: 0; } .cols-3 aside.sidebar, .cols-3 aside.secondary-sidebar { width: 23%; margin: 0 0 0 1%; padding: 0 0 0 1%; float: left; } .cols-3 aside.secondary-sidebar { } /* 3 Columns Middle (Sidebar, Content, Sidebar) */ .cols-3-m .content-wrapper { padding: 0 25%; } .cols-3-m article.content { width: 100%; margin-right: 0; float: right; } .cols-3-m aside.sidebar, .cols-3-m aside.secondary-sidebar { width: 47%; float: right; } .cols-3-m aside.sidebar { margin: 0 0 0 -50%; padding: 0 2% 0 0; float: left; } .cols-3-m aside.secondary-sidebar { margin: 0 -150% 0 0; padding: 0 0 0 2%; float: right; } /* 3 Columns Right (Sidebar, Sidebar, Content) */ .cols-3-r article.content { width: 50%; margin-right: 0; float: right; } .cols-3-r aside.sidebar, .cols-3-r aside.secondary-sidebar { width: 23%; margin: 0 1% 0 0; padding: 0 1% 0 0; float: left; } .cols-3-r aside.secondary-sidebar { } /* 3 Columns General */ .cols-3 .social-media-icons a, .cols-3-m .social-media-icons a, .cols-3-r .social-media-icons a, .cols-3 .widget .social-media-icons a, .cols-3-m .widget .social-media-icons a, .cols-3-r .widget .social-media-icons a { margin-right: 6px; margin-bottom: 6px; } /** * WordPress Core CSS - http://codex.wordpress.org/CSS#WordPress_Generated_Classes * License: GPL2 * Copyright: WordPress.org, http://wordpress.org */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption, .gallery-caption { background: #eee; border: 1px solid #e6e6e6; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img, .gallery-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.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. */ } /* ------------- HEADER ------------- */ header#header{ position: relative; z-index: 1000; clear: both; } section.logo-box{ float: left; width: 67.25%; margin-top: 0.5em; } .slogan{ margin: 0.25em 0 0; padding: 0; font-size: 16px; font-style: italic; color: #999999; line-height: 1em; font-weight: bold; float: left; } header #title { margin: 0 0 0.25em; line-height: 1.5em; font-size: 1.5em; font-weight: bold; } header #title.has-logo { margin: 0; } header #title a{ font-size: 1.5em; text-decoration: none; color: #555; } header .header-cta-container { margin: 0.5em 0; } header .header-call-to-action .widget { margin: 0 0 0.5em; padding: 0.5em; background: #565656; color: #fff; text-transform: uppercase; text-align: center; } header .header-call-to-action .widget a { color: #fff; } header .header-call-to-action .widgettitle { margin: 0 0 0.25em; } header .header-call-to-action .widget_search { padding: 0; background: transparent; color: #555; overflow: auto; } aside.nav-options{ width: 32%; float: right; } nav.top-nav{ z-index: 1001; } nav ul.top-nav{ margin: 10px 0; /* Changed from em's to px due to CSS3 transition, was: 0.25em 0*/ } nav ul.top-nav li { min-height: 30px; margin: 2px; float: left; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav ul.top-nav li:first-child { margin-left: 0; } nav ul.top-nav li ul { } nav ul.top-nav li li { margin: 0; list-style: square; float: none; } nav ul.top-nav li a{ text-decoration: none; padding: 8px; font-size: 14px; color: #565656; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav ul.top-nav li a:hover{ background: #eee; text-decoration: underline; } nav ul.top-nav .sub-menu { width: auto; margin: -1px 0 0; padding: 0; position: absolute; top: 100%; display: none; background: #fafafa; border: 1px solid #eee; } nav ul.top-nav > li:hover { background: #eee; } nav ul.top-nav li:hover > .sub-menu { display: block; } nav ul.top-nav .sub-menu li { width: auto; min-height: 40px; float: none; display: block; position: relative; } nav ul.top-nav .sub-menu li a { width: auto; min-width: 8em; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); white-space: nowrap; float: none; display: block; } /* Top Nav sub menus */ nav ul.top-nav .sub-menu li > ul { top: 0; left: 100%; } /* Search Form */ #searchform input{ font-size: 14px; /*height: 30px;*/ width: 56%; color: #555; padding: 1em 2%; float: left; background: #f5f5f5; border: 1px solid; border-color: #362f2d; border-color: rgba(0, 0, 0, .15); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #searchform input.submit { width: 36%; /*height: 46px;*/ font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer; float: left; background: #565656; /* Ensure that all long words are kepth together. */ -ms-word-wrap: normal; word-wrap: normal; } #searchform input.submit:hover, #searchform input.submit.hover { opacity: .7; filter: alpha(opacity=70); } ::-webkit-input-placeholder { color: #362f2d; } :-moz-placeholder { /* Firefox 18- */ color: #362f2d; } ::-moz-placeholder { /* Firefox 19+ */ color: #362f2d; } :-ms-input-placeholder { color: #362f2d; } article.content #searchform { margin-bottom: 1em; overflow: auto; } article.content #searchform input { padding: 1%; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; } article.content #searchform input[type=submit] { padding: 1.35% 1%; line-height: 15px; } /* ------------- Primary Nav ------------- */ header nav { position: relative; z-index: 5; } nav .primary-nav{ width: 100%; display: inline-block; clear: both; background: #565656; margin-top: 20px; margin-bottom: 20px; position: relative; } nav .primary-nav li{ float: left; position: relative; } nav .primary-nav li a{ float: left; text-decoration: none; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 15px 25px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav .primary-nav li a:hover{ background: rgba(0, 0, 0, .3); } nav .primary-nav li ul.sub-menu, .primary-nav-container li ul.children { width: auto; position: absolute; top: 100%; display: none; background: #565656; } /* Third Level */ nav .primary-nav li ul.sub-menu li ul.sub-menu, .primary-nav-container li ul.children li ul.children { top: 0; left: 100%; } nav .primary-nav li ul.sub-menu li ul.sub-menu li, .primary-nav-container li ul.children li ul.children li { float: left; } nav .primary-nav li ul.sub-menu li, .primary-nav-container li ul.children li { width: auto; min-height: 49px; float: none; display: block; position: relative; } nav .primary-nav li ul.sub-menu li a, .primary-nav-container li ul.children li a { width: auto; min-width: 12em; margin-bottom: -1px; padding: 15px 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); white-space: nowrap; float: none; display: block; } nav .primary-nav li ul.sub-menu li:last-child a, .primary-nav-container li ul.children li:last-child a { margin-bottom: 0; border-bottom: none; } nav .primary-nav li:hover > ul.sub-menu, .primary-nav-container li:hover > ul.children { display: block; z-index: 2; } nav .primary-nav li a:hover{ background-color: rgba(0, 0, 0, .35); } /* ------------- Home Slider ------------- */ .front-page-slider { margin-bottom: 1em; } .front-page-slider-title { padding: 1em; background: #bbb; background: rgba(180, 180, 180, .5); color: #fff; text-transform: uppercase; font-size: 16px; position: relative; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Soliloquy */ ul.slider-nav{ margin-right: 20px; float: right; margin-top: 7px; } ul.slider-nav li{ float: left; } ul.slider-nav li a{ float: left; padding: 10px 3px 10px 10px; } /* Buttons, Edit Links, Post Navigation, Comment buttons */ p a.button, .latest-post a.button, article.content a.more-link, article.content a.post-edit-link, article.content .previous-posts a, article.content .next-posts a, article.content a.comment-reply-link, article.content .comment-navigation a, article.full-width-content a.post-edit-link, article.full-width-content .previous-posts a, article.full-width-content .next-posts a, article.full-width-content a.comment-reply-link, article.full-width-content .comment-navigation a, a#cancel-comment-reply-link, #respond input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .button { background: #989898; color: #f6f6f6; margin: 0.5em 0; padding: 5px 10px; font-size: 14px; text-transform: uppercase; font-weight: 700; text-decoration: none; text-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; } p a.button:hover, .latest-post p a.button:hover, article.content a.more-link:hover, article.content a.post-edit-link:hover, article.content .previous-posts a:hover, article.content .next-posts a:hover, article.content a.comment-reply-link:hover, article.content .comment-navigation a:hover, article.full-width-content a.post-edit-link:hover, article.full-width-content .previous-posts a:hover, article.full-width-content .next-posts a:hover, article.full-width-content a.comment-reply-link:hover, article.full-width-content .comment-navigation a:hover, a#cancel-comment-reply-link:hover, #respond input[type="submit"]:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .button:hover { background: #f6f6f6; color: #989898; } /* ------------- Landing Page ------------- */ .landing-page { margin: 1em 0; } /* ------------- Page Content ------------- */ section.breadcrumb{ display: block; margin-bottom: 0.5em; font-size: 14px; color: #999; } .content-wrapper { } .full-width-content-wrapper { } article.content{ width: 65%; float: left; margin-right: 1%; margin-bottom: 40px; } article.full-width-content { width: 100%; } article.content h1, article.full-width-content h1, h1.page-title{ margin: 0 0 0.25em; font-size: 36px; line-height: 36px; } h1.page-title a { color: #555 !important; text-decoration: none; } h1.page-title a:hover { text-decoration: underline !important; } article.content h2, article.full-width-content h2{ font-size: 32px; } article.content h3, article.full-width-content h3{ font-size: 24px; } article.content h4, article.full-width-content h4{ font-size: 20px; } article.content h5, article.full-width-content h5{ font-size: 16px; } article.content a, article.full-width-content a{ color: #565656; } article.content a:hover, article.full-width-content a:hover{ text-decoration: none; } article.content blockquote, article.full-width-content blockquote{ font-size: 22px; line-height: 1.5em; font-style: italic; font-weight: 600; } article.content ul, article.full-width-content ul{ margin-left: 30px; } article.content ul li, article.full-width-content ul li{ list-style: square; } article.content ul{ margin-left: 30px; } article.content ul > li{ list-style: square; padding: 2px 0; } article.content ol > li { padding-bottom: 2px; } article.content blockquote, .comment-content blockquote { width: 94%; margin: 0.5em auto auto; padding: 0.5em; font-style: italic; background: #ededed; position: relative; } article.content blockquote:before, .comment-content blockquote:before { display: block; content: "\201C"; font-size: 66px; position: absolute; left: -15px; top: 10px; color: #7a7a7a; } article.content cite, .comment-content cite { display: block; } article.content table th, .comment-content table th { padding: 0.5em; background: #ededed; font-weight: bold; text-align: center; border: 1px solid #e8e8e8; border-bottom: none; } article.content table tr:nth-child(even), .comment-content table tr:nth-child(even) { background: #f6f6f6; } article.content table td, .comment-content table td { padding: 0.5em; border: 1px solid #e0e0e0; } article.content dt, .comment-content dt { font-weight: bold; } article.content dd, .comment-content dd { padding-left: 1em; padding-bottom: 1em; } article.content abbr, article.content acronym, .comment-content abbr, .comment-content acronym { border-bottom: 1px dotted; cursor: help; } article.content em, .comment-content em { font-style: italic; } article.content input[type=text], article.content input[type=email], article.content input[type=url] { width: 48%; margin-bottom: 1em; padding: 1%; height: 20px; display: block; border: 1px solid #bbb; border-radius: 5px; -webkit-border-radius: 5px; } article.content textarea, textarea { border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; } article.content input[type=submit] { height: auto; cursor: pointer; } article.content iframe, .comment-content iframe { max-width: 100%; } /* ------------------ * bbPress/BuddyPress ------------------ */ .bbp-breadcrumb p { margin-top: 0; } #subscription-toggle { margin-bottom: 1em; float: right; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { overflow: auto; } #bbpress-forums div.bbp-the-content-wrapper input { width: auto; text-transform: none; } #bbpress-forums div.bbp-search-form { margin-bottom: 1em; } #bbpress-forums #bbp-search-form #bbp_search { width: 64%; padding: 0.38em 0.30em; display: inline-block; border-radius: 0; -webkit-border-radius: 0; } #bbp_search_submit { padding: 0.60em 0.30em; float: none; display: inline-block; border: none; } #bbp_topic_submit { cursor: pointer; } #buddypress .dir-search input[type=text] { width: auto; height: auto; display: inline; } /* ------------- Blog ------------- */ section.latest-post{ width: 98%; margin-bottom: 0.75em; border-bottom: 1px solid; border-color: rgba(0, 0, 0, .15); padding: 1%; } .search section.latest-post.page { border-bottom: 1px solid; border-color: rgba(0, 0, 0, .15); } section.latest-post.page, section.page { margin-bottom: 0; border-bottom: none; } .sticky { background: #ededed; } .post-image{ margin: 0; padding: 0; /*width: 100%; max-height: 300px; height: auto; overflow: hidden;*/ } .wp-post-image { margin-bottom: 2%; } .post-image img{ -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); } /* Featured Image Sizes */ figure.thumbnail-post-image { margin: 0 2% 0 0; float: left; } p.latest-post-date{ font-size: 14px; } section.latest-post h2.latest-post-title { margin: 0; } section.latest-post h2{ margin-bottom: 5px; margin-top: 15px; } section.latest-post h2 a{ text-decoration: none; } section.latest-post h2 a:hover{ text-decoration: underline; } p.latest-post-description{ line-height: 1.5em; margin-bottom: 20px; } footer.pagination{ margin: 0; padding: 0; background: #f2f2f2; float: left; width: 100%; } .pagination ul.page-numbers { margin: 1em; padding: 0; display: inline-block; } .pagination .page-numbers li{ margin: 0; padding: 0; float: left; display: block; list-style: none; } .pagination .page-numbers li span, .pagination .page-numbers li a{ height: 20px; padding: 0px 16px 0 0; /*border-right: 1px solid #555;*/ display: block; line-height: 18px; } /* ------------- Blog Post ------------- */ .after-posts-widgets { margin: 0.5em 0 0; } .after-posts-widgets-active { border-bottom: 1px solid; border-color: rgba(0, 0, 0, .15); } .after-posts-widget { margin: 0 0 0.75em; padding: 0.5em; /*background: #565656; color: #fff;*/ } .after-posts-widget .widgettitle { margin: 0 0 0.25em; } .after-posts-widgets .widget_search { padding: 0; background: transparent; color: #555; overflow: auto; } article.content .after-posts-widget a { /*color: #fff;*/ } footer.post-footer{ background: none; float: left; width: 100%; color: #262626; } footer.post-footer .post-meta p { margin-top: 0.75em; } #post-author{ padding: 20px; background: #f2f2f2; color: #362f2d; border: 1px solid; border-color: #d7d7d7; border-color: rgba(0, 0, 0, .15); overflow: auto; } #post-author h4{ margin-top: 0; margin-bottom: 0; } #post-author figure.author-avatar{ float: left; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; margin-top: 0; margin-left: 0; } #post-author figure.author-avatar img{ height: 100%; width: auto; } .post-links { margin-top: 40px; } .post-links .previous-post-link { width: 50%; float: left; } .post-links .next-post-link { width: 50%; float: right; text-align: right; } /* Post Meta */ .post-meta { font-size: 0.8em; } /* Post Navigation */ .post-navigation { margin: 0.5em 0 0; } .post-navigation .previous-posts, .post-navigation .next-posts { width: 49%; margin: 0; display: inline-block; vertical-align: top; } .post-navigation .previous-posts { padding: 0 0 0 0.5%; } .post-navigation .previous-posts a { max-width: 100%; margin: 0; display: inline-block; } .post-navigation .next-posts { padding: 0 0.5% 0 0; text-align: right; } .post-navigation .next-posts a { max-width: 100%; margin: 0; display: inline-block; } /* ------------- Comments ------------- */ .comments-container { padding-bottom: 1em; border-bottom: 1px solid #ccc; } .comments-container-no-comments { padding-bottom: 0; border-bottom: none; } .full-width-content .comments-container { border-bottom: none; } .comments-area { margin: 0.5em 0 0; padding: 1em 0 0; border-top: 1px solid #e0e0e0; } .comments-container-no-comments .comments-area { border-top: none; } .comments-area .comments-title-container{ margin: 0.5em 0; position: relative; } article.content .comments-area .comments-title-container h4.comments-title, article.full-width-content .comments-area .comments-title-container h4.comments-title { margin: 0; padding: 0.5em; color: #f6f6f6; background: #989898; /*font-size: 1.5em;*/ position: relative; } .comments-title:after { content: ""; display: block; position: absolute; bottom: -15px; left: 50px; width: 0; border-width: 15px 15px 0; border-style: solid; border-color: #989898 transparent; } ol.comment-list { padding: 0; list-style: none; } article.content ol.comment-list > li, ol.comment-list > li { padding: 0; border-bottom: 1px dashed #f6f6f6; } article.content ol.comment-list > li .comment, ol.comment-list > li .comment { padding: 2%; background: #f4f4f4; } #comments ol.comment-list > li article.bypostauthor { background: #ccc; } ol.comment-list > li:nth-child(even) article.comment { background: #f4f4f4; } .comment-author { padding: 2%; overflow: auto; background: #efefef; border: 1px dashed #e5e5e5; } #comments ol.comment-list > li article.bypostauthor .comment-author { background: #e5e5e5; border: 1px dashed #dbdbdb; } .comment-author .avatar { margin-right: 2%; float: left; } .comment-author .author-link{ font-weight: bold; } .comment-author .author-link a { color: #555; } .comment-author .comment-meta a { color: #333; } .comment-author .author-link a:hover { text-decoration: underline; } #comments ol.comment-list > li article.bypostauthor .comment-meta a { color: #666; } #comments ol.comment-list > li article.bypostauthor .comment-content { color: #333 } /* Comment Navigation */ .comment-navigation { margin-bottom: 1em; } .comment-navigation h1 { display: none; } .comment-navigation .nav-previous, .comment-navigation .nav-next { width: 48%; display: inline-block; } .comment-navigation .nav-previous { padding-left: 1%; } .comment-navigation .nav-next { padding-right: 1%; text-align: right; } /* Comments Form - Leave A Reply */ #respond { padding: 2%; background: #ededed; border: 1px dashed #dbdbdb; } #respond #reply-title { margin: 0 0 0.5em; } #respond .comment-notes { font-size: 0.8em; } #respond p label { font-size: 0.9em; font-weight: bold; display: block; } #respond .required { color: #900; } #respond input, #respond textarea { padding: 2%; background: #fefefe; color: #333; font-family: 'Open Sans', sans-serif; border: 1px solid #d0d0d0; border-radius: 5px; -webkit-border-radius: 5px; } #respond textarea { width: 96%; } #respond input[type="submit"] { width: 100%; padding: 0.5em; border: none; border-radius: 0; -webkit-border-radius: 0; } #respond .form-allowed-tags { padding: 2%; background: #e8e8e8; border: 1px dashed #dbdbdb; } a#cancel-comment-reply-link { float: right; } /* ------------- Sidebar ------------- */ aside.sidebar{ width: 31%; margin-top: 1em; padding: 0 0 0 2%; float: right; } .sidebar .widget{ margin: 0 0 1em; } /* ------------- Widgets ------------- */ .widget-title, .widgettitle { margin: 0 0 0.5em; } .widget ul li, .footer-widget ul li { padding: 0.25em; } .widget table, .footer-widget table { width: 100%; } .widget #wp-calendar, .widget #wp-calendar caption, .widget #wp-calendar th, .footer-widget #wp-calendar, .footer-widget #wp-calendar caption, .footer-widget #wp-calendar th { text-align: center; } .social-media-icons a, .widget .social-media-icons a, .footer-widget .social-media-icons a { width: 50px; height: 50px; margin-right: 10px; margin-bottom: 10px; color: #fff; background: #565656; line-height: 50px; text-align: center; text-decoration: none; display: inline-block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .social-media-icons a:hover, .widget .social-media-icons a:hover, .footer-widget .social-media-icons a:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* ------------- Footer ------------- */ footer#footer{ border-top: 1px solid; border-top-color: rgba(0, 0, 0, .15); } /* ------------- Footer Widgets ------------- */ .footer-widgets-container { overflow: auto; } section.footer-widgets{ width: 100%; margin: 1em 0; } section.footer-widget{ margin: 0 1% 1em; width: 21%; padding: 1%; background: #f2f2f2; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } section.footer-widget:hover{ -webkit-box-shadow: 0px 0px 5px 2px rgba(8, 121, 129, .5); box-shadow: 0px 0px 5px 2px rgba(8, 121, 129, .5); } .footer-widget-last { margin-right: 0 !important; } section.footer-widget:last-child{ margin-right: 0; } section.footer-widget img{ margin: 0; padding: 0; opacity: .8; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.footer-widget:hover img{ opacity: 1; } .footer-widgets p{ margin: 0; font-size: 15px; line-height: 24px; } /* Footer Navigation */ .footer-nav { width: 100%; display: block; margin: 0 0 2em; padding: 0; /*border-top: 1px solid #ccc;*/ border-bottom: 1px solid #ccc; } .footer-nav > li { max-width: 23%; margin: 0 0 1em; padding: 0 1%; border-right: 1px solid; border-right-color: rgba(0, 0, 0, 0.15); display: inline-block; vertical-align: top; } .footer-nav > li:last-child { border-right: none; } .footer-nav li a { padding: 0.25em 0.5em; display: block; } ul.footer-nav li ul { margin-left: 1%; padding-left: 1.5em; list-style: square; } .footer-nav li li { display: list-item; } .footer-nav li li a { margin-right: 1%; padding: 0.25em 0.5em 0.25em 0; } .copyright{ font-size: 14px; color: #bab9b9; margin-bottom: 20px; } .copyright a{ color: #565656; text-decoration: none; } .copyright a:hover{ text-decoration: underline; } /* ---------- Newsletter ------------ */ .mc-gravity, .mc_gravity, .mc-newsletter, .mc_newsletter, .mc-gravity_wrapper, .mc_gravity_wrapper, .mc-newsletter_wrapper, .mc_newsletter_wrapper { width: 100%; max-width: 100% !important; border: 1px solid #ddd; } form.mc-gravity, form.mc_gravity, form.mc-newsletter, form.mc_newsletter { padding-bottom: 1em; border: none; } .mc-gravity:before, .mc_gravity:before, .mc-newsletter:before, .mc_newsletter:before, .mc-gravity_wrapper:before, .mc_gravity_wrapper:before, .mc-newsletter_wrapper:before, .mc_newsletter_wrapper:before, .mc-gravity:after, .mc_gravity:after, .mc-newsletter:after, .mc_newsletter:after, .mc-gravity_wrapper:after, .mc_gravity_wrapper:after, .mc-newsletter_wrapper:after, .mc_newsletter_wrapper:after { content: " "; display: table; } .mc-gravity:after, .mc_gravity:after, .mc-newsletter:after, .mc_newsletter:after, .mc-gravity_wrapper:after, .mc_gravity_wrapper:after, .mc-newsletter_wrapper:after, .mc_newsletter_wrapper:after { clear: both; } .mc-gravity .gform_heading, .mc_gravity .gform_heading, .mc-newsletter .gform_heading, .mc_newsletter .gform_heading, .mc-gravity_wrapper .gform_heading, .mc_gravity_wrapper .gform_heading, .mc-newsletter_wrapper .gform_heading, .mc_newsletter_wrapper .gform_heading { width: 98%; margin: 0; padding: 2%; background: #565656; color: #fff; font-size: 24px; text-align: center; text-transform: uppercase; } .mc-gravity .gform_heading h3.gform_title, .mc_gravity .gform_heading h3.gform_title, .mc-newsletter .gform_heading h3.gform_title, .mc_newsletter .gform_heading h3.gform_title, .mc-gravity_wrapper .gform_heading h3.gform_title, .mc_gravity_wrapper .gform_heading h3.gform_title, .mc-newsletter_wrapper .gform_heading h3.gform_title, .mc_newsletter_wrapper .gform_heading h3.gform_title { margin: 0 0 15px; } .mc-gravity .gform_heading span.gform_description, .mc_gravity .gform_heading span.gform_description, .mc-newsletter .gform_heading span.gform_description, .mc_newsletter .gform_heading span.gform_description, .mc-gravity_wrapper .gform_heading span.gform_description, .mc_gravity_wrapper .gform_heading span.gform_description, .mc-newsletter_wrapper .gform_heading span.gform_description, .mc_newsletter_wrapper .gform_heading span.gform_description { font-size: 16px; text-transform: none; display: block; } .mc-gravity .gform_heading, .mc_gravity .gform_heading, .mc-newsletter .gform_heading, .mc_newsletter .gform_heading, .mc-gravity_wrapper .gform_heading, .mc_gravity_wrapper .gform_heading, .mc-newsletter_wrapper .gform_heading, .mc_newsletter_wrapper .gform_heading { width: 96% !important; margin: 0; margin-bottom: 1.25em !important; padding: 2%; } .mc-gravity .gform_body, .mc_gravity .gform_body, .mc-newsletter .gform_body, .mc_newsletter .gform_body, .mc-gravity_wrapper .gform_body, .mc_gravity_wrapper .gform_body, .mc-newsletter_wrapper .gform_body, .mc_newsletter_wrapper .gform_body { width: 40%; margin: 0 0 0 20%; padding: 0; float: left; } .mc-gravity .gfield_label, .mc_gravity .gfield_label, .mc-newsletter .gfield_label, .mc_newsletter .gfield_label, .mc-gravity_wrapper .gfield_label, .mc_gravity_wrapper .gfield_label, .mc-newsletter_wrapper .gfield_label, .mc_newsletter_wrapper .gfield_label { margin: 0 !important; display: none !important; } .mc-gravity form li, .mc_gravity form li, .mc-newsletter form li, .mc_newsletter form li, .mc-gravity_wrapper form li, .mc_gravity_wrapper form li, .mc-newsletter_wrapper form li, .mc_newsletter_wrapper form li { padding: 0 !important; } .mc-gravity .gform_fields input, .mc_gravity .gform_fields input, .mc-newsletter .gform_fields input, .mc_newsletter .gform_fields input, .mc-gravity_wrapper .gform_fields input, .mc_gravity_wrapper .gform_fields input, .mc-newsletter_wrapper .gform_fields input, .mc_newsletter_wrapper .gform_fields input { width: 90% !important; margin-left: -2px; font-size: 16px !important; padding: 14px 5% !important; border-radius: 0 !important; } .mc-gravity .gform_fields .gfield_error input, .mc_gravity .gform_fields .gfield_error input, .mc-newsletter .gform_fields .gfield_error input, .mc_newsletter .gform_fields .gfield_error input, .mc-gravity_wrapper .gform_fields .gfield_error input, .mc_gravity_wrapper .gform_fields .gfield_error input, .mc-newsletter_wrapper .gform_fields .gfield_error input, .mc_newsletter_wrapper .gform_fields .gfield_error input { background: #ffdfe0; } /* Placeholder color */ .mc-gravity .gform_fields input::-webkit-input-placeholder, .mc_gravity .gform_fields input::-webkit-input-placeholder, .mc-newsletter .gform_fields input::-webkit-input-placeholder, .mc_newsletter .gform_fields input::-webkit-input-placeholder, .mc-gravity_wrapper .gform_fields input::-webkit-input-placeholder, .mc_gravity_wrapper .gform_fields input::-webkit-input-placeholder, .mc-newsletter_wrapper .gform_fields input::-webkit-input-placeholder, .mc_newsletter_wrapper .gform_fields input::-webkit-input-placeholder { color: #aaa; } .mc-gravity .gform_fields input::-moz-placeholder, .mc_gravity .gform_fields input::-moz-placeholder, .mc-newsletter .gform_fields input::-moz-placeholder, .mc_newsletter .gform_fields input::-moz-placeholder, .mc-gravity_wrapper .gform_fields input::-moz-placeholder, .mc_gravity_wrapper .gform_fields input::-moz-placeholder, .mc-newsletter_wrapper .gform_fields input::-moz-placeholder, .mc_newsletter_wrapper .gform_fields input::-moz-placeholder { color: #aaa; } .mc-gravity .gform_fields input:-ms-input-placeholder, .mc_gravity .gform_fields input:-ms-input-placeholder, .mc-newsletter .gform_fields input:-ms-input-placeholder, .mc_newsletter .gform_fields input:-ms-input-placeholder, .mc-gravity_wrapper .gform_fields input:-ms-input-placeholder, .mc_gravity_wrapper .gform_fields input:-ms-input-placeholder, .mc-newsletter_wrapper .gform_fields input:-ms-input-placeholder, .mc_newsletter_wrapper .gform_fields input:-ms-input-placeholder { color: #aaa; } .mc-gravity div.validation_error, .mc_gravity div.validation_error, .mc-newsletter div.validation_error, .mc_newsletter div.validation_error, .mc-gravity_wrapper div.validation_error, .mc_gravity_wrapper div.validation_error, .mc-newsletter_wrapper div.validation_error, .mc_newsletter_wrapper div.validation_error { padding: 0 20px !important; font-size: 16px !important; text-align: center; } .mc-gravity li.gfield.gfield_error.gfield_contains_required, .mc_gravity li.gfield.gfield_error.gfield_contains_required, .mc-newsletter li.gfield.gfield_error.gfield_contains_required, .mc_newsletter li.gfield.gfield_error.gfield_contains_required, .mc-gravity_wrapper li.gfield.gfield_error.gfield_contains_required, .mc_gravity_wrapper li.gfield.gfield_error.gfield_contains_required, .mc-newsletter_wrapper li.gfield.gfield_error.gfield_contains_required, .mc_newsletter_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } .mc-gravity li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc_gravity li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc-newsletter li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc_newsletter li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc-gravity_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc_gravity_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc-newsletter_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .mc_newsletter_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin: 0 !important; } .mc-gravity .gform_fields .gfield_error .validation_message, .mc_gravity .gform_fields .gfield_error .validation_message, .mc-newsletter .gform_fields .gfield_error .validation_message, .mc_newsletter .gform_fields .gfield_error .validation_message, .mc-gravity_wrapper .gform_fields .gfield_error .validation_message, .mc_gravity_wrapper .gform_fields .gfield_error .validation_message, .mc-newsletter_wrapper .gform_fields .gfield_error .validation_message, .mc_newsletter_wrapper .gform_fields .gfield_error .validation_message { display: none !important; } .mc-gravity .gform_footer, .mc_gravity .gform_footer, .mc-newsletter .gform_footer, .mc_newsletter .gform_footer, .mc-gravity_wrapper .gform_footer, .mc_gravity_wrapper .gform_footer, .mc-newsletter_wrapper .gform_footer, .mc_newsletter_wrapper .gform_footer { width: 20%; margin: 0 20% 0 0 !important; padding: 0 !important; float: left; clear: none !important; position: relative; } .mc-gravity .gform_footer input.button, .mc_gravity .gform_footer input.button, .mc-newsletter .gform_footer input.button, .mc_newsletter .gform_footer input.button, .mc-gravity_wrapper .gform_footer input.button, .mc_gravity_wrapper .gform_footer input.button, .mc-newsletter_wrapper .gform_footer input.button, .mc_newsletter_wrapper .gform_footer input.button { width: 100%; height: 50px; margin: 0; padding: 0; display: block; border: none; } .mc-gravity .gform_ajax_spinner, .mc_gravity .gform_ajax_spinner, .mc-newsletter .gform_ajax_spinner, .mc_newsletter .gform_ajax_spinner, .mc-gravity_wrapper .gform_ajax_spinner, .mc_gravity_wrapper .gform_ajax_spinner, .mc-newsletter_wrapper .gform_ajax_spinner, .mc_newsletter_wrapper .gform_ajax_spinner { position: absolute; top: 17px; right: -25px; } .mc-gravity-confirmation, .mc_gravity-confirmation, .mc-newsletter-confirmation, .mc_newsletter-confirmation { width: 98%; padding: 2%; color: #fff; background: #565656; } .mc-gravity-confirmation .gform_confirmation_wrapper, .mc_gravity-confirmation .gform_confirmation_wrapper, .mc-newsletter-confirmation .gform_confirmation_wrapper, .mc_newsletter-confirmation .gform_confirmation_wrapper { border: none; } /* WooCommerce */ .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { margin-top: 1.5em !important; } .woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product { margin-top: 2em !important; } .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { width: 26.85% !important; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: 70.15% !important; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { font-weight: bold !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { border-bottom: none !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span { padding: 0px 16px 0 0; } .woocommerce nav.woocommerce-pagination ul li:last-child a, .woocommerce nav.woocommerce-pagination ul li:last-child span, .woocommerce #content nav.woocommerce-pagination ul li:last-child a, .woocommerce #content nav.woocommerce-pagination ul li:last-child span, .woocommerce-page nav.woocommerce-pagination ul li:last-child a, .woocommerce-page nav.woocommerce-pagination ul li:last-child span, .woocommerce-page #content nav.woocommerce-pagination ul li:last-child a, .woocommerce-page #content nav.woocommerce-pagination ul li:last-child span { border-right: none !important; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus { } .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce #content nav.woocommerce-pagination ul li a:active, .woocommerce #content nav.woocommerce-pagination ul li a:active, .woocommerce-page nav.woocommerce-pagination ul li a:active, .woocommerce-page #content nav.woocommerce-pagination ul li a:active, .woocommerce-page #content nav.woocommerce-pagination ul li a:active { } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current { color: #555 !important; } .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce #content nav.woocommerce-pagination ul li a:active, .woocommerce #content nav.woocommerce-pagination ul li a:active, .woocommerce-page nav.woocommerce-pagination ul li a:active, .woocommerce-page nav.woocommerce-pagination ul li a:active, .woocommerce-page #content nav.woocommerce-pagination ul li a:active, .woocommerce-page #content nav.woocommerce-pagination ul li a:active { color: #fff !important; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { background: #f2f2f2; } .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { margin: 1em; border: none !important; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce table.cart .product-thumbnail a, .woocommerce table.cart .product-remove a { border: none !important; } .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product { width: 30.80% !important; } .woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label { padding-left: 0.5em !important; } .woocommerce div.product form.cart .variations td.value, .woocommerce #content div.product form.cart .variations td.value, .woocommerce-page div.product form.cart .variations td.value, .woocommerce-page #content div.product form.cart .variations td.value { padding: 0.5em !important; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce #content div.product span.price ins, .woocommerce #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product span.price ins, .woocommerce-page #content div.product p.price ins { text-decoration: none !important; } .woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { margin-top: 1em !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info { margin: 2em 0 !important; } ul.woocommerce-error { padding-left: 3.5em !important; } .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .button, .woocommerce-page .cart input.button { margin: 0.5em 0 !important; } .woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 1px solid #ddd !important; } .woocommerce .col2-set, .woocommerce-page .col2-set { margin-top: 2em !important; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { margin-top: 14px; } .woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove { line-height: 0.75em; } /* ------------------ Responsive Structure -------------------- */ @media only screen and (max-width: 1100px) { body { width: 90%; padding: 0 5% 0; } #searchform input { /*width: 63%;*/ } #searchform input.submit { /*width: 31.25%; height: 3em;*/ } } @media only screen and (max-width: 960px) { /* 3 Columns (Content, Sidebar, Sidebar) */ .cols-3 article.content { width: 65%; margin-right: 1%; } .cols-3 aside.sidebar, .cols-3 aside.secondary-sidebar { width: 31%; margin: 0 0 0 1%; padding: 0 0 0 2%; } .cols-3 aside.secondary-sidebar { float: right; } /* 3 Columns Middle (Sidebar, Content, Sidebar) */ .cols-3-m .content-wrapper { padding: 0 3%; } .cols-3-m article.content { width: 100%; float: none; } .cols-3-m .post-image img { margin: 0 auto; display: block; } .cols-3-m aside.sidebar, .cols-3-m aside.secondary-sidebar { width: 48%; float: left; } .cols-3-m aside.sidebar { margin: 0; padding: 0 2% 0 0; } .cols-3-m aside.secondary-sidebar { margin: 0; padding: 0 0 0 2%; } /* 3 Columns Right (Sidebar, Sidebar, Content) */ .cols-3-r article.content { width: 65%; margin-left: 1%; margin-right: 0; float: right; } .cols-3-r aside.sidebar, .cols-3-r aside.secondary-sidebar { width: 31%; margin: 0 1% 0 0; padding: 0 2% 0 0; float: left; } .cols-3-r aside.secondary-sidebar { clear: left; } } @media only screen and (min-width: 769px) and (max-width: 1023px) { section.logo-box { width: 65%; } aside.nav-options { width: 33%; } header #title { font-size: 1.35em; } #searchform input { /*width: 63%;*/ } #searchform input.submit { /*width: 31.25%; height: 3em;*/ } } @media only screen and (min-width : 641px) and (max-width : 768px) { header #title { font-size: 1.35em; } article.content h1, h1.page-title, h1{ font-size: 28px !important; line-height: 28px !important; } /* ---------- Newsletter ------------ */ .mc-gravity .gform_heading h3.gform_title, .mc_gravity .gform_heading h3.gform_title, .mc-newsletter .gform_heading h3.gform_title, .mc_newsletter .gform_heading h3.gform_title, .mc-gravity_wrapper .gform_heading h3.gform_title, .mc_gravity_wrapper .gform_heading h3.gform_title, .mc-newsletter_wrapper .gform_heading h3.gform_title, .mc_newsletter_wrapper .gform_heading h3.gform_title { margin: 0 0 10px; } .mc-gravity .gform_heading, .mc_gravity .gform_heading, .mc-newsletter .gform_heading, .mc_newsletter .gform_heading, .mc-gravity_wrapper .gform_heading, .mc_gravity_wrapper .gform_heading, .mc-newsletter_wrapper .gform_heading, .mc_newsletter_wrapper .gform_heading { width: 88% !important; padding: 2% 6%; } .mc-gravity .gform_body, .mc_gravity .gform_body, .mc-newsletter .gform_body, .mc_newsletter .gform_body, .mc-gravity_wrapper .gform_body, .mc_gravity_wrapper .gform_body, .mc-newsletter_wrapper .gform_body, .mc_newsletter_wrapper .gform_body { width: 55%; margin: 0 0 0 10%; } .mc-gravity .gform_footer, .mc_gravity .gform_footer, .mc-newsletter .gform_footer, .mc_newsletter .gform_footer, .mc-gravity_wrapper .gform_footer, .mc_gravity_wrapper .gform_footer, .mc-newsletter_wrapper .gform_footer, .mc_newsletter_wrapper .gform_footer { width: 25%; margin: 0 10% 0 0 !important; } } @media only screen and (max-width : 640px) { header#header { /*margin-top: 2em;*/ } /* 3 Columns (Content, Sidebar, Sidebar) */ .cols-3 article.content { width: 100%; margin-right: 0; } .cols-3 aside.sidebar, .cols-3 aside.secondary-sidebar { width: 100%; margin: 1em 0 0; padding: 0; float: none; } .cols-3 aside.secondary-sidebar { } /* 3 Columns Middle (Sidebar, Content, Sidebar) */ .cols-3-m .content-wrapper { padding: 0; } .cols-3-m article.content { width: 100%; float: none; } .cols-3-m .post-image img { } .cols-3-m aside.sidebar, .cols-3-m aside.secondary-sidebar { width: 100%; margin: 1em 0 0; padding: 0; float: none; } .cols-3-m aside.sidebar { } .cols-3-m aside.secondary-sidebar { } /* 3 Columns Right (Sidebar, Sidebar, Content) */ .cols-3-r article.content { width: 100%; margin-left: 0; margin-right: 0; float: right; } .cols-3-r aside.sidebar, .cols-3-r aside.secondary-sidebar { width: 100%; margin: 1em 0 0; padding: 0; float: none; } .cols-3-r aside.secondary-sidebar { } /* ------------------ Navigation Button --------------------- */ .nav-button, .primary-nav-button { width: 50px; height: 35px; display: block; position: absolute; top: 5px; left: -10px; background: #565656 url('images/menu-icon-large.png') center center no-repeat; background-size: 24px; cursor: pointer; border-radius: 5px; z-index: 1000; text-indent: 200%; white-space: nowrap; overflow: hidden; } .primary-nav-button { width: 100%; height: 40px; margin: 1em 0 2em; position: relative; top: auto; left: auto; color: #fff; font-weight: bold; background: #565656; text-indent: 0; overflow: visible; line-height: 1.5em; font-size: 18px; z-index: 2; } .primary-nav-button img { margin: -4px 0.25em 0 -0.25em; display: inline-block; vertical-align: middle; } .nav-button:hover, .primary-nav-button:hover { background: #4c4c4c url('images/menu-icon-large.png') center center no-repeat; background-size: 24px; } .primary-nav-button:hover { background: #4c4c4c; } .nav-button.open, .primary-nav-button.open { background: #4c4c4c url('images/menu-icon-large.png') center center no-repeat; background-size: 24px; } .primary-nav-button.open { background: #4c4c4c; position: relative; z-index: 5; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* ------------------ Primary Navigation --------------------- */ header nav.primary-nav-container { position: relative; z-index: 2 } nav.top-nav, nav.top-nav ul, nav .primary-nav { width: 100%; float: left; background-color: #fff; /* ---- Color Change ----*/ background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.05)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.05))); display: block; height: 50px; margin: 0; padding: 0; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6); box-shadow: 0 1px 2px rgba(0,0,0,.6); position: absolute; top: 0; left: 0; z-index: 999; clear: both; } nav.top-nav { width: 110%; left: -5%; } nav ul.top-nav li li { padding-left: 0; } nav .primary-nav { height: auto; float: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; z-index: 2; } nav .primary-nav li { background: #565656; } nav ul.top-nav li, nav .primary-nav li { display: none; width: 100%; } nav ul.top-nav li a, nav .primary-nav li a { display: block; width: 100%; padding: 10px 5%; font-size: 14px; color: #565656; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.1); -webkit-border-radius: 0; border-radius: 0; } nav .primary-nav li a { color: #fff; } nav ul.top-nav li a:hover { background-color: rgba(0,0,0,.1); text-decoration: none; } nav ul.top-nav > li:first-child { border-top: 1px solid rgba(0,0,0,.2); } /* Toggle the navigation bar open */ nav.top-nav.open, nav.top-nav.open ul, nav .primary-nav.open { height: auto; padding-top: 50px; overflow: visible; } nav .primary-nav.open { padding-top: 36px; overflow: hidden; } nav.top-nav.open ul ul.sub-menu { padding-top: 0; } nav.top-nav.open ul li { overflow: hidden; } nav ul.top-nav.open li, nav ul.top-nav.open li ul.sub-menu, nav ul.top-nav.open li ul.sub-menu li, nav .primary-nav.open li, nav .primary-nav.open li a, nav .primary-nav.open li ul.sub-menu, nav .primary-nav.open li ul.sub-menu li, .primary-nav-container .open li, .primary-nav-container .open li a, .primary-nav-container .open li ul.children, .primary-nav-container .open li ul.children li { display: block; float: none; } /* Submenus – optional .parent class indicates dropdowns */ nav ul.top-nav > li a, nav .primary-nav > li a { padding-left: 20px; } nav ul.top-nav > li:hover > a, nav .primary-nav > li:hover > a { } nav ul.top-nav li .sub-menu > li a:after, nav .primary-nav li .sub-menu > li a:after, .primary-nav-container li ul.children > li a:after { content: ">"; color: rgba(255,255,255,.5); float: left; margin-left: 10px; padding-right: 8px; } nav ul.top-nav li ul.sub-menu > a:hover, nav .primary-nav li ul.sub-menu > a:hover, .primary-nav-container li ul.children > a:hover { background: rgba(0,0,0,.75); } nav .primary-nav li ul.sub-menu li ul.sub-menu li, .primary-nav-container li ul.children li ul.children li { float: none; } nav .primary-nav li ul.sub-menu li ul.sub-menu li a, .primary-nav-container li ul.children li ul.children li a { float: none; } nav .primary-nav li ul.sub-menu li a, .primary-nav-container li ul.children li a { padding-left: 10px; } nav .primary-nav li ul.sub-menu li .sub-menu li a, .primary-nav-container li ul.children li ul.children li a { padding-left: 30px; } nav ul.top-nav li ul.sub-menu li a { padding-left: 20px; } nav ul.top-nav li ul, nav .primary-nav li ul, .primary-nav-container li ul { display: none; background: rgba(0,0,0,.5); border-top: 0 none; padding: 0; } nav ul.top-nav li ul a, nav .primary-nav li ul a, .primary-nav-container li ul a { border: 0 none; font-size: 12px; padding: 10px 5%; font-weight: normal; } nav ul.top-nav li:hover ul, nav .primary-nav li:hover ul, .primary-nav-container li:hover ul { display: block; } nav ul.top-nav.open li ul.sub-menu, nav .primary-nav.open li ul.sub-menu, .primary-nav-container .open li ul.children { width: 100%; position: static; top: auto; background: #565656; } nav ul.top-nav.open li ul.sub-menu a { color: #fff; } nav ul.top-nav.open li ul.sub-menu li, nav .primary-nav.open li ul.sub-menu li, .primary-nav-container .open li ul.children li { min-height: 0; } section.logo-box { width: 100%; padding: 3em 0 1em; text-align: center; float: none; } header #title { font-size: 1.35em; } header .slogan { float: none; } aside.nav-options { width: 80%; margin: 0 auto; text-align: center; float: none; } /* Search Form */ #searchform input { /*height: 22px;*/ } /* Content */ article.content { width: 100%; margin: 0; border-top: 1px solid #ccc; float: none; } section.latest-post { width: 100%; padding: 2% 0; } /* Featured Image Sizes */ figure.thumbnail-post-image { margin: 0 auto; float: none; text-align: center; } article.content h1.page-title { padding: 2%; color: #fff; background: #565656; font-size: 32px; } article.content h1, article.full-width-content h1{ font-size: 32px; } article.content h2, article.full-width-content h2{ font-size: 24px; } article.content h3, article.full-width-content h3{ font-size: 20px; } article.content h4, article.full-width-content h4{ font-size: 16px; } article.content h5, article.full-width-content h5{ font-size: 14px; } article.content blockquote, article.full-width-content blockquote { font-size: 18px; } /* Post Navigation */ .post-navigation .previous-posts, .post-navigation .next-posts { width: 48%; } /* Sidebar */ aside.sidebar { width: 100%; margin: 1em 0 0; padding: 0; float: none; } /* Footer Widgets */ section.footer-widget{ margin: 0 1% 1em; width: 46%; padding: 1%; } /* Footer Navigation */ .footer-nav { padding-left: 20px; } .footer-nav li { display: list-item; list-style: square; } .footer-nav li a { margin-right: 0; padding: 0.5em; display: block; } /* Copyright Area */ .copyright { width: 96%; padding: 2%; background: #565656; color: #ddd; } .copyright a { color: #fff; text-decoration: underline; } .copyright a:hover { text-decoration: none; } } @media only screen and (max-width : 479px) { /* Post Navigation */ .post-navigation .previous-posts, .post-navigation .next-posts { width: 48%; } .post-navigation .previous-posts { padding: 0 0 0 1%; } /* Footer Widgets */ section.footer-widget{ width: 96%; margin: 0 auto 1em; padding: 1%; display: block; } section.footer-widget:last-child { margin-right: auto; } /* ---------- Newsletter ------------ */ .mc-gravity .gform_heading h3.gform_title, .mc_gravity .gform_heading h3.gform_title, .mc-newsletter .gform_heading h3.gform_title, .mc_newsletter .gform_heading h3.gform_title, .mc-gravity_wrapper .gform_heading h3.gform_title, .mc_gravity_wrapper .gform_heading h3.gform_title, .mc-newsletter_wrapper .gform_heading h3.gform_title, .mc_newsletter_wrapper .gform_heading h3.gform_title { margin: 0 0 10px; } .mc-gravity .gform_heading, .mc_gravity .gform_heading, .mc-newsletter .gform_heading, .mc_newsletter .gform_heading, .mc-gravity_wrapper .gform_heading, .mc_gravity_wrapper .gform_heading, .mc-newsletter_wrapper .gform_heading, .mc_newsletter_wrapper .gform_heading { width: 88% !important; padding: 2% 6%; } .mc-gravity .gform_body, .mc_gravity .gform_body, .mc-newsletter .gform_body, .mc_newsletter .gform_body, .mc-gravity_wrapper .gform_body, .mc_gravity_wrapper .gform_body, .mc-newsletter_wrapper .gform_body, .mc_newsletter_wrapper .gform_body { width: 65%; margin: 0 0 0 5%; } .mc-gravity .gform_footer, .mc_gravity .gform_footer, .mc-newsletter .gform_footer, .mc_newsletter .gform_footer, .mc-gravity_wrapper .gform_footer, .mc_gravity_wrapper .gform_footer, .mc-newsletter_wrapper .gform_footer, .mc_newsletter_wrapper .gform_footer { width: 25%; margin: 0 5% 0 0 !important; } } @media only screen and (min-width : 380px) and (max-width : 419px) { } @media only screen and (max-width : 379px) { /* Post Navigation */ .post-navigation .previous-posts, .post-navigation .next-posts, .post-navigation .previous-posts a, .post-navigation .next-posts a { width: 96%; } .post-navigation .previous-posts { padding: 0 1% 0; } } @media only screen and (max-width : 320px) { }