/**
* 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) {
}