/*
Theme Name: Magazine News Byte
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/magazine-news-byte/
Version: 2.8.2
Description: Magazine News Byte comes with numerous options and widgets to help you create a unique content driven website. SEO optimized and works with Yoast SEO plugin, Contect Form 7, Jetpack, Google Maps mappress, Page Builder, Elementor and various other plugins. Translation and multi-lingual ready! Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/magazine-news-byte/ and demo at https://demo.wphoot.com/magazine-news-byte/ for a closer look.
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, education, news, entertainment
Text Domain: magazine-news-byte
*/
/**
* -----------------------------------------------------------------------------------------------
* PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
*
** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen
* - This is the preferred location for small css snippets
* - These CSS rules are given highest priority
* - Your customizations remains unaffected by Theme updates (IMPORTANT!)
*
** the Child Theme's stylesheet (@see http://codex.wordpress.org/Child_Themes)
* - This is the preferred method for heavy css modifications
* - It keeps all your custom changes in one place
* - Your customizations remains unaffected by Theme updates (IMPORTANT!)
* -----------------------------------------------------------------------------------------------
*/
/**
**********************************************************
Table Of Contents
* Reset and Normalize
* Hoot Grid
* Utility Classes
* Base Typography and HTML
* Images, WP Gallery and Objects
* Layout
* Header (Topbar, Header, Main Nav Menu)
* Main #Content
* Main #Content Singular
* Main #Content Archives/Blog
* Page Templates
* Sidebars and Widgets
* Light Slider
* Footer
**********************************************************
*/
/**
* Reset and Normalize
* Support IE8+, Safari 6+, latest Chrome,Firefox,Opera
* normalize.css v3.0.2 | MIT License | git.io/normalize
* ========================================================
*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
/*a, a:active, a:hover, a:visited { outline: 0; }*/
/*a:focus { outline: thin dotted; }*/
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/**
* Hoot Grid
* grid sets the width, row clears the floats for containing spans
* spans are the building blocks for content structure
* ========================================================
*/
.hgrid {
width: 100%;
max-width: 1440px;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hgrid-stretch {
width: 100%;
}
.hgrid:after,
.hgrid-stretch:after {
content: "";
display: table;
clear: both;
}
.hgrid:after,
.hgrid-stretch:after {
content: "";
display: table;
clear: both;
}
[class*="hgrid-span-"],
[class*="hcolumn-"] {
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
position: relative;
}
[class*="hgrid-span-"].full-width,
[class*="hcolumn-"].full-width {
padding: 0;
}
.flush-columns {
margin: 0 -15px;
}
/************* Span Widths*************/
.hgrid-span-1 {
width: 8.33333333%;
}
.hgrid-span-2 {
width: 16.66666667%;
}
.hgrid-span-3 {
width: 25%;
}
.hgrid-span-4 {
width: 33.33333333%;
}
.hgrid-span-5 {
width: 41.66666667%;
}
.hgrid-span-6 {
width: 50%;
}
.hgrid-span-7 {
width: 58.33333333%;
}
.hgrid-span-8 {
width: 66.66666667%;
}
.hgrid-span-9 {
width: 75%;
}
.hgrid-span-10 {
width: 83.33333333%;
}
.hgrid-span-11 {
width: 91.66666667%;
}
.hgrid-span-12 {
width: 100%;
}
/************* Column Widths *************/
.hcolumn-1-1,
.hcolumn-2-2,
.hcolumn-3-3,
.hcolumn-4-4,
.hcolumn-5-5 {
width: 100%;
}
.hcolumn-1-2 {
width: 50%;
}
.hcolumn-1-3 {
width: 33.33333333%;
}
.hcolumn-2-3 {
width: 66.66666667%;
}
.hcolumn-1-4 {
width: 25%;
}
.hcolumn-2-4 {
width: 50%;
}
.hcolumn-3-4 {
width: 75%;
}
.hcolumn-1-5 {
width: 20%;
}
.hcolumn-2-5 {
width: 40%;
}
.hcolumn-3-5 {
width: 60%;
}
.hcolumn-4-5 {
width: 80%;
}
/************* Responsive Grid *************/
@media only screen and (max-width: 1200px) {
.flush-columns {
margin: 0;
}
.adaptive .hcolumn-1-5 {
width: 40%;
}
.adaptive .hcolumn-1-4 {
width: 50%;
}
.adaptive .hgrid-span-1 {
width: 16.66666667%;
}
.adaptive .hgrid-span-2 {
width: 33.33333333%;
}
.adaptive .hgrid-span-6 {
width: 50%;
}
}
@media only screen and (max-width: 969px) {
[class*="hgrid-span-"],
.adaptive [class*="hgrid-span-"],
[class*="hcolumn-"],
.adaptive [class*="hcolumn-"] {
width: 100%;
}
}
@media only screen and (min-width: 970px) {
.hcol-first {
padding-left: 0;
}
.hcol-last {
padding-right: 0;
}
}
/**
* Utility Classes
* ========================================================
*/
/************* Misc *************/
#page-wrapper .flush {
margin: 0;
padding: 0;
}
/************* Displays *************/
.hide {
display: none;
}
.forcehide {
display: none !important;
}
.border-box {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/************* Image replacement *************/
.hide-text {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
width: 0;
height: 0;
overflow: hidden;
}
/************* Table *************/
.table {
display: table;
width: 100%;
margin: 0;
}
.table.table-fixed {
table-layout: fixed;
}
.table-cell {
display: table-cell;
}
.table-cell-mid {
display: table-cell;
vertical-align: middle;
}
@media only screen and (max-width: 969px) {
.table,
.table-cell,
.table-cell-mid {
display: block;
}
}
/************* Floats *************/
.fleft,
.float-left {
float: left;
}
.fright,
.float-right {
float: right;
}
.fclear:after,
.float-clear:after,
.clear:after,
.clearfix:after {
content: "";
display: table;
clear: both;
}
/************* Accessibility: Assistive Text *************/
/* for screen readers and text browsers */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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. */
}
/* Do not show the outline on the skip link target. */
#main[tabindex="-1"]:focus {
outline: 0;
}
/**
* Base Typography and HTML
* ========================================================
*/
body {
position: relative;
}
/************* Default Typography *************/
body {
text-align: left;
font-size: 14px;
line-height: 1.66666667em;
font-family: Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;
font-weight: normal;
color: #666;
-webkit-font-smoothing: antialiased;
/* for better webkit rendering */
-webkit-text-size-adjust: 100%;
/* size in percentage at which to display text in Safari on iPhone */
}
/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
line-height: 1.33333333em;
font-weight: bold;
color: #222;
margin: 20px 0 10px;
text-rendering: optimizelegibility;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1 {
font-size: 1.86666667em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.33333333em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.13333333em;
}
h6 {
font-size: 1.06666667em;
}
.title {
font-size: 1.33333333em;
}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
font-size: inherit;
}
.titlefont {
font-weight: bold;
}
/************* Basic HTML Tags *************/
p {
margin: 0.66666667em 0 1em;
}
hr {
border-style: solid;
border-width: 1px 0 0;
clear: both;
margin: 1.66666667em 0 1em;
height: 0;
color: rgba(0, 0, 0, 0.14);
}
em,
var {
font-style: italic;
}
strong,
b {
font-weight: bold;
}
big,
.big-font {
font-size: 1.33333333em;
line-height: 1.3em;
}
.huge-font {
font-size: 2.33333333em;
line-height: 1em;
}
.medium-font {
font-size: 0.93333333em;
line-height: 1.35714em;
}
small,
cite,
.small,
.small-font {
font-size: 0.86666667em;
line-height: 1.30769em;
}
cite {
font-style: italic;
}
q {
font-style: italic;
}
q:before {
content: open-quote;
}
q::after {
content: close-quote;
}
address {
display: block;
margin: 1em 0;
font-style: normal;
border: 1px dotted;
padding: 1px 5px;
}
abbr[title],
acronym[title] {
cursor: help;
border-bottom: 1px dotted;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
/************* Blockquote *************/
blockquote {
border-color: rgba(0, 0, 0, 0.33);
border-left: 5px solid;
padding: 0 0 0 1em;
margin: 1em 1.66666667em;
margin-left: 5px;
display: block;
font-style: italic;
color: #aaa;
font-size: 1.06666667em;
clear: both;
text-align: justify;
}
blockquote p {
margin: 0;
}
blockquote small,
blockquote cite {
display: block;
line-height: 1.66666667em;
text-align: right;
margin-top: 3px;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote cite:before {
content: "\2014 \0020";
padding: 0px 3px;
}
blockquote.pull-left {
text-align: left;
float: left;
}
blockquote.pull-right {
border-right: 5px solid;
border-left: 0;
padding: 0 1em 0 0;
margin: 1em 1.66666667em;
margin-right: 5px;
text-align: right;
float: right;
}
/*** Blockquotes Responsive ***/
@media only screen and (max-width: 969px) {
blockquote.pull-left,
blockquote.pull-right {
float: none;
}
}
/************* Links *************/
a {
color: #bd2e2e;
text-decoration: none;
}
a,
a i {
-webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}
a.linkstyle,
.linkstyle a {
text-decoration: underline;
}
h1 a.linkstyle,
.linkstyle h1 a,
h2 a.linkstyle,
.linkstyle h2 a,
h3 a.linkstyle,
.linkstyle h3 a,
h4 a.linkstyle,
.linkstyle h4 a,
h5 a.linkstyle,
.linkstyle h5 a,
h6 a.linkstyle,
.linkstyle h6 a,
.title a.linkstyle,
.linkstyle .title a,
.titlefont a.linkstyle,
.linkstyle .titlefont a {
text-decoration: none;
}
/************* Typo Schemes *************/
.accent-typo {
background: #bd2e2e;
color: #ffffff;
}
.invert-typo {
background: #666;
color: #fff;
}
.enforce-typo {
background: #fff;
color: #666;
}
.page-wrapper .accent-typo a:not(input):not(.button),
.page-wrapper .invert-typo a:not(input):not(.button),
.page-wrapper .enforce-typo a:not(input):not(.button),
.page-wrapper .accent-typo a:hover:not(input):not(.button),
.page-wrapper .invert-typo a:hover:not(input):not(.button),
.page-wrapper .enforce-typo a:hover:not(input):not(.button),
.page-wrapper .accent-typo h1,
.page-wrapper .invert-typo h1,
.page-wrapper .enforce-typo h1,
.page-wrapper .accent-typo h2,
.page-wrapper .invert-typo h2,
.page-wrapper .enforce-typo h2,
.page-wrapper .accent-typo h3,
.page-wrapper .invert-typo h3,
.page-wrapper .enforce-typo h3,
.page-wrapper .accent-typo h4,
.page-wrapper .invert-typo h4,
.page-wrapper .enforce-typo h4,
.page-wrapper .accent-typo h5,
.page-wrapper .invert-typo h5,
.page-wrapper .enforce-typo h5,
.page-wrapper .accent-typo h6,
.page-wrapper .invert-typo h6,
.page-wrapper .enforce-typo h6,
.page-wrapper .accent-typo .title,
.page-wrapper .invert-typo .title,
.page-wrapper .enforce-typo .title {
color: inherit;
}
.highlight-typo {
background: rgba(0, 0, 0, 0.04);
}
/************* Code, Pre, Keyboard, Teletype *************/
pre {
overflow-x: auto;
}
code,
kbd,
tt {
padding: 2px 5px;
margin: 0 5px;
border: dashed 1px;
}
pre {
display: block;
padding: 5px 10px;
margin: 1em 0;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
pre.scrollable {
max-height: 340px;
overflow-y: scroll;
}
/************* Lists *************/
ul,
ol {
margin: 0;
padding: 0;
list-style: none outside;
}
ul ol,
ul ul,
ol ol,
ol ul {
margin-left: 10px;
}
li {
margin: 0;
padding: 0;
margin-right: 10px;
}
ul.unstyled,
ol.unstyled {
margin: 0 !important;
padding: 0 !important;
list-style: none outside !important;
}
.main ul,
.main ol {
margin: 1em;
margin-right: 0;
}
.main ol {
list-style: decimal outside;
}
.main ul,
.main ul.disc {
list-style: disc outside;
}
.main ul.square {
list-style: square outside;
}
.main ul.circle {
list-style: circle outside;
}
.main ul ul,
.main ol ul {
list-style-type: circle;
}
.main ul ul ul,
.main ul ol ul,
.main ol ul ul,
.main ol ol ul {
list-style-type: square;
}
.main ul ol,
.main ol ol {
list-style-type: lower-alpha;
}
.main ul ul ol,
.main ul ol ol,
.main ol ul ol,
.main ol ol ol {
list-style-type: lower-roman;
}
.main ul ul,
.main ul ol,
.main ol ol,
.main ol ul {
margin-top: 2px;
margin-bottom: 2px;
display: block;
}
.main li {
margin-right: 0;
display: list-item;
}
.borderlist > li:first-child {
border-top: 1px solid;
}
.borderlist > li {
border-bottom: 1px solid;
padding: 0.15em 0;
list-style-position: outside;
}
/************* Lists - Definitions *************/
dl {
margin: 0.66666667em 0;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0.66666667em;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
line-height: 0;
content: "";
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 12.3em;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 13.8em;
}
/*** Responsive Definitions ***/
@media only screen and (max-width: 969px) {
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
}
/************* Tables *************/
table {
width: 100%;
padding: 0;
margin: 1em 0;
border-collapse: collapse;
border-spacing: 0;
}
table caption {
padding: 5px 0;
width: auto;
font-style: italic;
text-align: right;
}
th {
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
}
th.nobg {
background: none;
}
td {
padding: 6px 6px 6px 12px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: rgba(0, 0, 0, 0.04);
}
/************* Forms *************/
form {
margin-bottom: 1em;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1em;
border: 0;
border-bottom: 1px solid #ddd;
background: #fff;
color: #666;
font-weight: bold;
}
legend small {
color: #666;
}
label,
input,
select,
textarea {
font-size: 1em;
font-weight: normal;
line-height: 1.4em;
}
label {
max-width: 100%;
display: inline-block;
font-weight: bold;
}
.input-text,
textarea,
select,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
-webkit-appearance: none;
border: 1px solid #ddd;
padding: 6px 8px;
color: #666;
margin: 0;
max-width: 100%;
display: inline-block;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.input-text:focus,
textarea:focus,
input[type="text"]:focus,
input[type="input"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
border: 1px solid #aaaaaa;
color: #555555;
outline: thin dotted;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
input[type="checkbox"] {
display: inline;
}
input[type="radio"],
input[type="checkbox"] {
line-height: normal;
cursor: pointer;
margin: 4px 0 0;
margin-top: 1px \9;
*margin-top: 0;
}
textarea {
height: auto;
min-height: 60px;
}
select {
width: 215px;
background: #fff url('images/select.png') no-repeat center right;
}
select[multiple],
select[size] {
height: auto;
}
/*** Special ***/
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: inherit;
opacity: 0.5;
filter: alpha(opacity=50);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
filter: alpha(opacity=50);
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
/*** Buttons Default ***/
body.wordpress input[type="submit"],
body.wordpress #submit,
body.wordpress .button {
background: #bd2e2e;
color: #ffffff;
display: inline-block;
cursor: pointer;
border: solid 1px #bd2e2e;
text-transform: uppercase;
font-weight: normal;
-webkit-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
-moz-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
-o-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
}
body.wordpress input[type="submit"]:hover,
body.wordpress #submit:hover,
body.wordpress .button:hover,
body.wordpress input[type="submit"]:focus,
body.wordpress #submit:focus,
body.wordpress .button:focus {
background: #ffffff;
color: #bd2e2e;
}
body.wordpress input[type="submit"].aligncenter,
body.wordpress #submit.aligncenter,
body.wordpress .button.aligncenter {
max-width: 60%;
}
body.wordpress #submit a,
body.wordpress .button a {
color: inherit;
}
/*** Button Sizes ***/
input[type="submit"],
#submit,
.button,
input[type="submit"].button-small,
#submit.button-small,
.button-small {
padding: 8px 25px 8px;
font-size: 0.93333333em;
line-height: 1.384615em;
margin-top: 5px;
margin-bottom: 5px;
}
input[type="submit"].button-medium,
#submit.button-medium,
.button-medium {
padding: 10px 30px 10px;
font-size: 1em;
}
input[type="submit"].button-large,
#submit.button-large,
.button-large {
padding: 13px 40px 13px;
font-size: 1.33333333em;
line-height: 1.333333em;
}
/**
* Images, WP Gallery and Objects
* ========================================================
*/
/************* Objects *************/
iframe,
video,
object,
embed {
max-width: 100%;
margin: 1em 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 1em 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure {
margin: 0;
max-width: 100%;
}
/************* Images *************/
img,
a img {
border: none;
padding: 0;
margin: 0 auto;
display: inline-block;
max-width: 100%;
height: auto;
image-rendering: optimizeQuality;
vertical-align: top;
}
img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* to accomodate border and padding width, and maintain responsive */
}
/************* Image Styles *************/
.img-round {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.img-circle {
-webkit-border-radius: 1500px;
-moz-border-radius: 1500px;
border-radius: 1500px;
}
.img-polaroid {
padding: 4px;
border: 1px solid;
}
.img-frame {
padding: 4px;
border: 1px solid;
}
.img-noborder img,
img.img-noborder {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
}
/************* WP editor image sizes ($content_width classes) *************/
/************* WordPress Gallery *************/
.gallery {
background: rgba(0, 0, 0, 0.04);
padding: 10px;
margin: 1em 0;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 0 0;
}
.gallery-icon img {
width: 100%;
}
.gallery-item a img {
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
opacity: 0.6;
filter: alpha(opacity=60);
}
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/** Sizes **/
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
/** Block Editor **/
.wp-block-embed {
margin: 1em 0;
}
.wp-block-embed iframe,
.wp-block-embed video,
.wp-block-embed object,
.wp-block-embed embed {
margin: 0;
}
ul.wp-block-gallery {
background: rgba(0, 0, 0, 0.04);
padding: 16px 16px 0;
margin: 1em 0;
}
/*** Responsive Gallery ***/
@media only screen and (max-width: 969px) {
.gallery {
text-align: center;
}
.gallery-icon img {
width: auto;
}
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: block;
}
.gallery .gallery-item {
width: auto;
}
}
/************* WordPress Image Captions *************/
.wp-caption-text,
.wp-block-image figcaption {
background: rgba(0, 0, 0, 0.03);
margin: 0;
padding: 5px;
font-size: 0.86666667em;
line-height: 1.30769em;
text-align: center;
}
/************* WordPress Image Alignment *************/
.aligncenter {
clear: both;
display: block;
margin: 1em auto;
text-align: center;
}
img.aligncenter {
margin: 1em auto;
}
.alignleft {
float: left;
margin: 10px 1.66666667em 5px 0;
display: block;
}
.alignright {
float: right;
margin: 10px 0 5px 1.66666667em;
display: block;
}
.alignleft img,
.alignright img {
display: block;
}
/************* Avatar *************/
.avatar {
display: inline-block;
}
.avatar.pull-left {
float: left;
margin: 0 1em 5px 0;
}
.avatar.pull-right {
float: right;
margin: 0 0 5px 1em;
}
/**
* Layout
* ========================================================
*/
body {
background: #fff;
}
@media screen and (max-width: 600px) {
body.logged-in.admin-bar {
position: static;
}
}
#page-wrapper {
width: 100%;
display: block;
margin: 0 auto;
}
#topbar,
#below-header,
#sub-footer,
#footer {
overflow: hidden;
}
.site-boxed.page-wrapper {
padding: 0;
}
.site-boxed #header-supplementary,
.site-boxed #below-header,
.site-boxed #main {
border-left: solid 1px rgba(0, 0, 0, 0.33);
border-right: solid 1px rgba(0, 0, 0, 0.33);
}
/* Sidebar and Content Layout */
.content.no-sidebar {
float: none;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 970px) {
.content.layout-wide-left,
.content.layout-narrow-left {
float: right;
}
/*
* We only apply flex model (with wrap) to 2/3 column layout (not to fullwidth) to prevent:
* Frontpage=> full width layout leads to <div class="hgrid-stretch main-content-grid">
* HTML slider inside hgrid-stretch becomes way tooo wide and distorts layout
* (slider js does not get the actual screen width hence set ul.lightSlider width to sum all slide widths)
* flex model should be applied to some bounding box like 'hgrid' (max-width set to pixel value 1260),
* or all its child elements should have a bounding box like 'hgrid' with margin left/right set to auto
* So we apply flex model only to layouts where we know for a fact that hgrid-stretch wont be used.
*/
.sitewrap-narrow-left-right .main-content-grid,
.sitewrap-narrow-left-left .main-content-grid,
.sitewrap-narrow-right-right .main-content-grid {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sitewrap-narrow-left-right .sidebar-primary,
.sitewrap-narrow-left-left .sidebar-primary,
.sitewrap-narrow-right-right .content {
-webkit-order: 1;
order: 1;
}
.sitewrap-narrow-left-right .content,
.sitewrap-narrow-left-left .sidebar-secondary,
.sitewrap-narrow-right-right .sidebar-primary {
-webkit-order: 2;
order: 2;
}
.sitewrap-narrow-left-right .sidebar-secondary,
.sitewrap-narrow-left-left .content,
.sitewrap-narrow-right-right .sidebar-secondary {
-webkit-order: 3;
order: 3;
}
}
/**
* Header (Topbar, Header, Main Nav Menu)
* ========================================================
*/
/************* Topbar *************/
#topbar {
background: #bd2e2e;
color: #ffffff;
-webkit-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
font-size: 0.86666667em;
line-height: 1.30769em;
}
#topbar ul,
#topbar ol,
#topbar li {
display: inline;
}
#topbar h1,
#topbar h2,
#topbar h3,
#topbar h4,
#topbar h5,
#topbar h6,
#topbar .title {
color: inherit;
margin: 0;
}
.topbar-inner a,
.topbar-inner a:hover {
color: inherit;
}
#topbar-left {
text-align: left;
}
#topbar-right {
text-align: right;
}
#topbar-center {
text-align: center;
}
/*** Topbar Widgets ***/
#topbar .widget {
margin: 0px 5px;
display: inline-block;
vertical-align: middle;
}
#topbar .widget-title {
display: none;
margin: 0;
font-size: 15px;
line-height: 1.66666667em;
}
#topbar .widget_text {
margin: 0 5px;
}
#topbar .widget_text p {
margin: 2px;
}
#topbar .widget_tag_cloud a {
text-decoration: none;
}
#topbar .widget_nav_menu {
margin: 5px;
}
#topbar .widget_search {
margin: 0 5px;
}
#topbar.js-search .searchform.expand .searchtext {
background: #bd2e2e;
}
#topbar.js-search .searchform.expand .searchtext,
#topbar .js-search-placeholder {
color: #ffffff;
}
/*** Responsive Topbar ***/
@media only screen and (max-width: 969px) {
.topbar > .hgrid,
.topbar > .hgrid > .hgrid-span-12 {
padding: 0;
}
#topbar-left,
#topbar-right {
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
}
/************* Header Layout *************/
#header {
position: relative;
}
.header-layout-secondary-top .header-primary,
.header-layout-secondary-none .header-primary {
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
.header-primary-none {
text-align: center;
}
.header-primary-search {
text-align: center;
}
#header-aside {
text-align: right;
}
#header-aside {
padding: 10px 0;
}
#header-aside.header-aside-search {
padding: 0;
}
#header-supplementary {
-webkit-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
}
/*** Search ***/
/* Override specific .js-search css */
.header-primary-search #branding {
width: 100%;
}
.header-aside-search.js-search {
position: absolute;
right: 15px;
top: 50%;
margin-top: -1.2em;
}
.header-aside-search.js-search .searchform i.fa-search {
color: #bd2e2e;
padding: 5px;
}
.header-aside-search.js-search .js-search-placeholder:before {
right: 15px;
padding: 0 5px 0 5px;
}
.header-aside-search.js-search.hasexpand {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
}
/*** Responsive Header ***/
@media only screen and (max-width: 969px) {
.header-part > .hgrid,
.header-part > .hgrid > .hgrid-span-12 {
padding: 0;
}
#header .table,
#header #branding,
#header #header-aside {
width: 100%;
}
#header-primary,
#header-aside,
#header-supplementary {
text-align: center;
}
.header-aside {
border-top: solid 1px rgba(0, 0, 0, 0.33);
}
.header-aside-menu-fixed {
border-top: none;
}
.header-aside-search.js-search {
position: relative;
right: auto;
top: auto;
margin-top: 0;
}
.header-aside-search.js-search .searchform i.fa-search {
position: absolute;
left: 0.45em;
top: 50%;
margin-top: -0.65em;
padding: 0;
cursor: auto;
}
.header-aside-search.js-search .searchform i.fa-search:after {
display: none;
}
.header-aside-search.js-search .searchform input.searchtext {
display: block;
padding-right: 1.2em;
padding-left: 2.7em;
}
.header-aside-search.js-search .searchform.expand i.fa-search {
display: block;
visibility: visible;
}
.header-aside-search.js-search .searchform.expand .searchtext {
position: static;
background: none;
color: inherit;
font-size: 1em;
}
.header-aside-search.js-search .searchform.expand .js-search-placeholder {
display: none;
}
}
/************* Logo *************/
#site-logo {
margin: 10px 0;
max-width: 100%;
display: inline-block;
vertical-align: top;
}
.header-primary-menu #site-logo,
.header-primary-widget-area #site-logo {
margin-right: 15px;
}
#site-logo img {
max-height: 600px;
}
#site-logo.with-background {
padding: 12px 15px;
}
#site-logo.logo-border {
padding: 15px;
border: solid 3px #bd2e2e;
}
/*** Logo Types ***/
/* Text Logo */
#site-title {
color: #222;
margin: 0;
font-weight: bold;
font-size: 35px;
line-height: 1em;
vertical-align: middle;
word-wrap: normal;
}
#site-title a {
color: inherit;
}
#site-title a:hover {
text-decoration: none;
}
#site-logo.accent-typo #site-title,
#site-logo.accent-typo #site-description {
color: inherit;
}
#site-description {
margin: 0;
font-family: inherit;
font-size: 0.93333333em;
line-height: 1.35714em;
line-height: 1em;
font-weight: normal;
color: #444444;
vertical-align: middle;
}
.site-logo-text-tiny #site-title {
font-size: 25px;
}
.site-logo-text-medium #site-title {
font-size: 50px;
}
.site-logo-text-large #site-title {
font-size: 65px;
}
.site-logo-text-huge #site-title {
font-size: 80px;
}
/* Logo with Icon (Text Logo / Custom Logo) */
.site-logo-with-icon #site-title {
position: relative;
display: inline-block;
margin-left: 50px;
padding-left: 5px;
}
.site-logo-with-icon #site-title i {
font-size: 50px;
width: 1em;
position: absolute;
left: -1em;
}
#site-logo-text i {
line-height: inherit;
}
/* Image Logo */
.site-logo-image img.custom-logo {
display: block;
width: auto;
}
#page-wrapper .site-logo-image #site-description {
text-align: center;
margin-top: 5px;
}
/* Logo with Image (Mixed / Mixedcustom) */
.site-logo-with-image {
display: table;
table-layout: fixed;
}
.site-logo-with-image .site-logo-mixed-image {
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.site-logo-with-image .site-logo-mixed-image img {
vertical-align: middle;
}
.site-logo-with-image .site-logo-mixed-text {
display: table-cell;
vertical-align: middle;
}
/* Custom Text */
.site-title-line {
display: block;
line-height: 1em;
/*font-weight: 400;*/
}
.site-title-line em {
color: #bd2e2e;
/*font-weight: inherit;*/
font-style: inherit;
}
.site-title-line b,
.site-title-line strong {
font-weight: bold;
font-weight: 800;
}
/*** Responsive Logo ***/
@media only screen and (max-width: 969px) {
#site-logo {
display: block;
}
#header-primary #site-logo {
margin-right: 0;
margin-left: 0;
}
#header-primary #site-logo.site-logo-image {
margin: 15px;
}
#header-primary #site-logo.logo-border {
display: inline-block;
}
#header-primary #site-logo.with-background {
margin: 0;
display: block;
}
#page-wrapper #site-title,
#page-wrapper #site-description {
display: block;
text-align: center;
margin: 0;
}
.site-logo-with-icon #site-title {
padding: 0;
}
.site-logo-with-icon #site-title > a {
position: relative;
left: 0.5em;
display: inline-block;
max-width: 75%;
}
.site-logo-with-icon #site-title i {
left: -1.1em;
}
.site-logo-with-image {
display: block;
text-align: center;
}
.site-logo-with-image .site-logo-mixed-image {
margin: 0 auto 10px;
}
.site-logo-with-image .site-logo-mixed-image,
.site-logo-with-image .site-logo-mixed-text {
display: block;
padding: 0;
}
}
/************* Nav Menus *************/
.menu-items {
display: inline-block;
text-align: left;
vertical-align: middle;
/* Top level items */
/* Current & Hover */
/* Title & Description */
/* Submenu */
}
.menu-items a {
display: block;
position: relative;
}
.menu-items ol,
.menu-items ul {
margin-left: 0;
}
.menu-items li {
margin-right: 0;
display: list-item;
position: relative;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}
.menu-items > li {
float: left;
vertical-align: middle;
}
.menu-items > li > a {
color: #222;
line-height: 1.066666em;
text-transform: uppercase;
font-weight: bold;
padding: 13px 15px;
}
.menu-items li.current-menu-item,
.menu-items li.current-menu-ancestor,
.menu-items li:hover {
background: #bd2e2e;
}
.menu-items li.current-menu-item > a,
.menu-items li.current-menu-ancestor > a,
.menu-items li:hover > a {
color: #ffffff;
}
.menu-items li.current-menu-item > a > .menu-title,
.menu-items li.current-menu-ancestor > a > .menu-title,
.menu-items li:hover > a > .menu-title,
.menu-items li.current-menu-item > a > .menu-description,
.menu-items li.current-menu-ancestor > a > .menu-description,
.menu-items li:hover > a > .menu-description {
color: inherit;
}
.menu-items .menu-title {
display: block;
position: relative;
}
.menu-items .menu-description {
display: block;
margin-top: 3px;
opacity: 0.75;
filter: alpha(opacity=75);
font-size: 0.933333em;
text-transform: none;
font-weight: normal;
font-style: normal;
}
.menu-items li:hover > ul,
.menu-items li.sfHover > ul {
display: block;
}
.menu-items ul {
font-weight: normal;
position: absolute;
display: none;
top: 100%;
left: 0px;
z-index: 105;
min-width: 16em;
background: #fff;
padding: 5px;
border: solid 1px rgba(0, 0, 0, 0.14);
}
.menu-items ul a {
color: #222;
font-size: 0.93333333em;
line-height: 1.35714em;
line-height: 1.2142em;
padding: 10px 5px 10px 15px;
}
.menu-items ul li {
background: rgba(0, 0, 0, 0.04);
}
.menu-items ul ul {
top: -6px;
left: 100%;
margin-left: 5px;
}
.menu-items > li:last-child > ul {
left: auto;
right: 0;
}
/*** Superfish Menu Arrows ***/
.nav-menu .sf-menu.sf-arrows li a.sf-with-ul {
padding-right: 25px;
}
.sf-menu.sf-arrows .sf-with-ul .menu-title {
width: 100%;
}
.sf-menu.sf-arrows .sf-with-ul .menu-title:after {
top: 47%;
line-height: 10px;
margin-top: -5px;
font-size: 0.8em;
position: absolute;
right: -10px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
text-decoration: inherit;
speak: none;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
content: "\f107";
}
.nav-menu .sf-menu.sf-arrows ul a.sf-with-ul {
padding-right: 10px;
}
.sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
content: "\f105";
right: 7px;
top: 50%;
margin-top: -0.5em;
line-height: 1em;
}
/*** Responsive Menu ***/
.menu-toggle {
display: none;
cursor: pointer;
padding: 5px 0;
}
.menu-toggle-text {
margin-right: 5px;
}
@media only screen and (max-width: 969px) {
/* Responsive Menu */
.menu-toggle {
display: block;
}
#menu-primary-items ul,
#menu-secondary-items ul {
border: none;
}
.header-supplementary .mobilemenu-inline,
.mobilemenu-inline .menu-items {
border-top: solid 1px rgba(0, 0, 0, 0.33);
}
.menu-items {
display: none;
text-align: left;
}
.menu-items > li {
float: none;
}
.menu-items ul {
position: relative;
top: auto;
left: auto;
padding: 0;
}
.menu-items > li > a,
.menu-items ul li a {
padding: 6px 6px 6px 15px;
}
.menu-items ul li a {
padding-left: 40px;
/*line-height: inherit;*/
}
.menu-items ul ul {
top: 0;
left: auto;
}
.menu-items ul ul li a {
padding-left: 65px;
}
.menu-items ul ul ul li a {
padding-left: 90px;
}
/* Default all open state */
.mobilesubmenu-open .menu-items ul {
display: block !important;
height: auto !important;
opacity: 1 !important;
/* Override inline styles for jquery animation by superfish */
}
/* Superfish Menu Arrows */
.sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
content: "\f107";
}
/* Fix for compatibility with mega menu plugins */
.mobilemenu-inline .menu-items {
position: static;
}
/* Left Fixed Menu */
.mobilemenu-fixed .menu-toggle,
.mobilemenu-fixed #menu-primary-items,
.mobilemenu-fixed #menu-secondary-items {
-webkit-transition: left 0.3s ease-in, background-color 0.3s linear;
-moz-transition: left 0.3s ease-in, background-color 0.3s linear;
-o-transition: left 0.3s ease-in, background-color 0.3s linear;
transition: left 0.3s ease-in, background-color 0.3s linear;
}
.mobilemenu-fixed .menu-toggle-text {
display: none;
}
.mobilemenu-fixed .menu-toggle {
width: 2em;
padding: 5px;
position: fixed;
top: 15%;
left: 0;
z-index: 99995;
border: solid 2px rgba(0, 0, 0, 0.14);
border-left: none;
}
.mobilemenu-fixed .menu-toggle,
.mobilemenu-fixed .menu-items {
background: #fff;
}
.mobilemenu-fixed #menu-primary-items,
.mobilemenu-fixed #menu-secondary-items {
display: block !important;
/*Add important to override inline display none from inline menu in customizer screen*/
width: 280px;
position: fixed;
top: 0;
z-index: 99994;
overflow-y: auto;
height: 100%;
border-right: solid 2px rgba(0, 0, 0, 0.14);
left: -282px;
}
.mobilemenu-fixed.mobilemenu-open .menu-toggle {
left: 280px;
z-index: 99997;
}
.mobilemenu-fixed.mobilemenu-open #menu-primary-items,
.mobilemenu-fixed.mobilemenu-open #menu-secondary-items {
left: 0;
z-index: 99996;
}
.mobilemenu-fixed .menu-items ul {
min-width: auto;
}
.header-supplementary-bottom .mobilemenu-fixed .menu-toggle {
margin-top: 40px;
}
.header-supplementary-top .mobilemenu-fixed .menu-toggle {
margin-top: -40px;
}
}
@media only screen and (min-width: 970px) {
.menu-items {
display: inline-block !important;
/*Override any leftover inline style applied by responsive JS in smaller screens. Example: if a screen is resized when the menu is toggled off */
}
.tablemenu .menu-items {
display: inline-table !important;
/*Override any leftover inline style applied by responsive JS in smaller screens. Example: if a screen is resized when the menu is toggled off */
}
.tablemenu .menu-items > li {
display: table-cell;
float: none;
}
}
/************* Menu Side Header *************/
.menu-area-wrap {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
align-items: center;
}
.header-aside .menu-area-wrap {
justify-content: flex-end;
}
.header-supplementary-left .menu-area-wrap {
justify-content: space-between;
}
.header-supplementary-right .menu-area-wrap {
justify-content: space-between;
flex-direction: row-reverse;
}
.header-supplementary-center .menu-area-wrap {
justify-content: center;
}
.menu-side-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
}
.menu-side-box .widget {
display: inline-block;
vertical-align: middle;
}
.menu-side-box a {
color: inherit;
}
.menu-side-box h1,
.menu-side-box h2,
.menu-side-box h3,
.menu-side-box h4,
.menu-side-box h5,
.menu-side-box h6,
.menu-side-box .title {
margin: 0;
color: inherit;
}
.menu-side-box .widget-title {
font-size: 1.33333333em;
line-height: 1.3em;
}
.menu-side-box .widget_text .textwidget p {
margin: 5px 0;
}
div.menu-side-box {
font-size: 0.86666667em;
line-height: 1.30769em;
}
div.menu-side-box .widget {
margin: 0 5px;
}
div.menu-side-box .widget_text,
div.menu-side-box .widget_nav_menu {
margin-top: 5px;
margin-bottom: 5px;
}
/*** Responsive Menu Side ***/
@media only screen and (max-width: 969px) {
.menu-area-wrap {
display: block;
}
.menu-side-box {
text-align: center;
padding-left: 30px;
padding-right: 30px;
border-top: solid 1px rgba(0, 0, 0, 0.33);
}
}
/************* Aside Header *************/
.sidebar-header-sidebar .widget {
display: inline-block;
vertical-align: middle;
}
.sidebar-header-sidebar h1,
.sidebar-header-sidebar h2,
.sidebar-header-sidebar h3,
.sidebar-header-sidebar h4,
.sidebar-header-sidebar h5,
.sidebar-header-sidebar h6,
.sidebar-header-sidebar .title {
margin: 0;
}
.sidebar-header-sidebar .widget-title {
font-size: 1.33333333em;
line-height: 1.3em;
}
.sidebar-header-sidebar .widget_text .textwidget p {
margin: 5px 0;
}
aside.sidebar-header-sidebar {
margin-top: 0;
font-size: 0.86666667em;
line-height: 1.30769em;
}
aside.sidebar-header-sidebar .widget,
aside.sidebar-header-sidebar .widget:last-child {
margin: 5px 5px;
}
aside.sidebar-header-sidebar .widget_text,
aside.sidebar-header-sidebar .widget_nav_menu {
margin-top: 5px;
margin-bottom: 5px;
}
/************* Below Header *************/
#below-header {
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
background: #2a2a2a;
color: #ffffff;
}
#below-header h1,
#below-header h2,
#below-header h3,
#below-header h4,
#below-header h5,
#below-header h6,
#below-header .title {
color: inherit;
margin: 0;
}
#below-header.js-search .searchform.expand .searchtext {
background: #2a2a2a;
color: inherit;
}
#below-header.js-search .searchform.expand .js-search-placeholder {
color: inherit;
}
.below-header a,
.below-header a:hover {
color: inherit;
}
#below-header-left {
text-align: left;
}
#below-header-right {
text-align: right;
}
#below-header-center {
text-align: center;
}
.below-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.86666667em;
line-height: 1.30769em;
}
.below-header .widget {
display: inline-block;
vertical-align: middle;
}
.below-header h1,
.below-header h2,
.below-header h3,
.below-header h4,
.below-header h5,
.below-header h6,
.below-header .title {
margin: 0;
}
.below-header .widget-title {
font-size: 1.33333333em;
line-height: 1.3em;
}
.below-header .widget_text .textwidget p {
margin: 5px 0;
}
.below-header .widget_breadcrumb_navxt:first-child {
margin-left: 0;
}
.below-header .widget_breadcrumb_navxt:last-child {
margin-right: 0;
}
div.below-header .widget {
margin: 0px 5px;
}
div.below-header .widget_text,
div.below-header .widget_nav_menu {
margin-top: 5px;
margin-bottom: 5px;
}
/*** Responsive Below Header ***/
@media only screen and (max-width: 969px) {
.below-header > .hgrid,
.below-header > .hgrid > .hgrid-span-12 {
padding: 0;
}
#below-header-left,
#below-header-right {
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
}
/**
* Main #Content
* ========================================================
*/
/** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/
#main.main {
padding-bottom: 2.66666667em;
overflow: hidden;
background: #fff;
}
/************* Loop Meta *************/
.main > .loop-meta-wrap {
position: relative;
text-align: center;
}
.main > .loop-meta-wrap.pageheader-bg-default,
.main > .loop-meta-wrap.pageheader-bg-stretch,
.main > .loop-meta-wrap.pageheader-bg-both {
background: rgba(0, 0, 0, 0.04);
}
.main > .loop-meta-wrap.pageheader-bg-incontent,
.main > .loop-meta-wrap.pageheader-bg-none {
background: none;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap {
background: none;
}
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta {
background: rgba(0, 0, 0, 0.6);
color: #ffffff;
display: inline-block;
margin: 95px 0;
width: auto;
padding: 1.66666667em 2em 2em;
}
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h1,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h2,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h3,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h4,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h5,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h6,
.main > .loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta a {
color: inherit;
}
.loop-meta {
float: none;
background-size: contain;
padding-top: 1.66666667em;
padding-bottom: 2em;
}
.loop-title {
margin: 0;
font-size: 1.33333333em;
}
.loop-description p {
margin: 5px 0;
}
.loop-description p:last-child {
margin-bottom: 0;
}
.entry-featured-img-headerwrap {
height: 300px;
}
.content .loop-meta-wrap {
margin-bottom: 1.33333333em;
}
.content .loop-meta-wrap > .hgrid {
padding: 0;
}
.content .loop-meta-wrap.pageheader-bg-default,
.content .loop-meta-wrap.pageheader-bg-stretch,
.content .loop-meta-wrap.pageheader-bg-none {
background: none;
padding-bottom: 1em;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
.content .loop-meta-wrap.pageheader-bg-incontent,
.content .loop-meta-wrap.pageheader-bg-both {
text-align: center;
background: rgba(0, 0, 0, 0.04);
padding: 15px 18px;
}
.content .loop-meta {
padding: 0;
}
.content .loop-title {
font-size: 1.2em;
}
#custom-content-title-area {
text-align: center;
}
.pre-content-title-area ul.lSPager {
display: none;
}
.content-title-area-stretch .hgrid-span-12 {
padding: 0;
}
.content-title-area-grid {
margin: 1.66666667em 0;
}
.content .post-content-title-area {
margin: 0 0 2.66666667em;
}
/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
opacity: 0.8;
filter: alpha(opacity=80);
font-size: 0.93333333em;
line-height: 1.35714em;
text-transform: uppercase;
margin-top: 2px;
}
.content .entry-byline.empty {
margin: 0;
}
.entry-byline-block {
display: inline;
}
.entry-byline-block:after {
content: "/";
margin: 0 7px;
font-size: 1.181818em;
}
.entry-byline-block:last-of-type:after {
display: none;
}
.entry-byline a {
color: inherit;
}
.entry-byline a:hover {
color: inherit;
text-decoration: underline;
}
.entry-byline-label {
margin-right: 3px;
}
.entry-footer .entry-byline {
margin: 0;
padding: 1.66666667em 5px;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
/************* <main> #content *************/
.main-content-grid {
margin-top: 35px;
}
.content-wrap .widget {
margin: 0.66666667em 0 1em;
}
/************* Single Post (Single post on Archive page / Singular Post page) *************/
/** Caution: Modify this CSS block carefully as these divs display differently in above two templates. **/
/** Use specific classes instead: 'entry-content' / 'entry-the-content' classes for single post pages, and 'entry-grid' classes to style posts in archive lists **/
.entry-content-featured-img {
display: block;
margin: 0 auto 1.33333333em;
}
/************* Single Post (Single Post Page) *************/
.entry-content {
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
.entry-content.no-shadow {
border: none;
}
.entry-the-content {
font-size: 1.13333333em;
line-height: 1.73333333em;
margin-bottom: 2.66666667em;
}
.entry-the-content > p:first-child,
.entry-the-content > h1:first-child,
.entry-the-content > h2:first-child,
.entry-the-content > h3:first-child,
.entry-the-content > h4:first-child,
.entry-the-content > h5:first-child,
.entry-the-content > h6:first-child {
margin-top: 0;
}
.entry-the-content > p:last-child,
.entry-the-content > h1:last-child,
.entry-the-content > h2:last-child,
.entry-the-content > h3:last-child,
.entry-the-content > h4:last-child,
.entry-the-content > h5:last-child,
.entry-the-content > h6:last-child {
margin-bottom: 0;
}
.entry-the-content:after {
content: "";
display: table;
clear: both;
}
.entry-the-content:after {
content: "";
display: table;
clear: both;
}
.entry-the-content .widget h1,
.entry-the-content .widget h2,
.entry-the-content .widget h3,
.entry-the-content .widget h4,
.entry-the-content .widget h5,
.entry-the-content .widget h6,
.entry-the-content .widget .title {
border-bottom: none;
padding-bottom: 0;
}
.entry-the-content h1,
.entry-the-content h2,
.entry-the-content h3,
.entry-the-content h4,
.entry-the-content h5,
.entry-the-content h6,
.entry-the-content .title {
border-bottom: solid 1px;
padding-bottom: 5px;
}
.entry-the-content .no-underline {
border-bottom: none;
padding-bottom: 0;
}
/************* Post Navigation *************/
.page-links {
text-align: center;
margin: 2.66666667em 0;
}
.page-links a,
.page-links .page-numbers {
border: solid 1px;
padding: 2px 5px;
margin: 2px;
}
.loop-nav {
padding: 1.66666667em 5px;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
/************* Comments *************/
#comments-template {
padding-top: 1.66666667em;
}
#comments-number {
font-size: 1em;
color: #aaa;
font-family: inherit;
font-weight: bold;
font-weight: 800;
text-transform: uppercase;
}
#comments .comment-list,
#comments ol.children {
list-style-type: none;
margin: 0;
}
/*** Single Comment ***/
.main .comment {
margin: 0;
}
.comment article {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
position: relative;
}
.comment p {
margin: 0 0 0.3em;
}
.comment li.comment {
border-left: solid 1px rgba(0, 0, 0, 0.1);
padding-left: 40px;
margin-left: 20px;
}
.comment li article:before {
content: " ";
display: block;
width: 30px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: -40px;
}
.comment-avatar {
width: 50px;
flex-shrink: 0;
margin: 20px 15px 0 0;
}
.comment-content-wrap {
padding: 15px 0;
}
.comment-meta-block,
.comment-edit-link {
display: inline-block;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: solid 1px;
font-size: 0.86666667em;
line-height: 1.30769em;
color: #aaa;
text-transform: uppercase;
}
.comment-meta-block:last-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
.comment-meta-block cite.comment-author {
font-style: normal;
font-size: 1em;
}
/*** Single Comment by post author ***/
.comment-by-author {
font-size: 0.86666667em;
line-height: 1.30769em;
color: #aaa;
text-transform: uppercase;
font-weight: bold;
margin-top: 3px;
text-align: center;
}
.comment.bypostauthor > article {
background: rgba(0, 0, 0, 0.04);
padding: 0 10px 0 18px;
margin: 15px 0;
}
.comment.bypostauthor > article .comment-avatar {
margin-top: 18px;
}
.comment.bypostauthor > article .comment-content-wrap {
padding: 13px 0;
}
.comment.bypostauthor > article .comment-meta-block,
.comment.bypostauthor > article .comment-edit-link {
color: inherit;
}
.comment.bypostauthor + #respond {
background: rgba(0, 0, 0, 0.04);
padding: 20px 20px 1px;
}
.comment.bypostauthor + #respond #reply-title {
margin-top: 0;
}
/*** Single Comment Ping ***/
.comment-ping {
border: solid 1px rgba(0, 0, 0, 0.33);
padding: 5px 10px 5px 15px;
margin: 30px 0px 20px;
}
.comment-ping cite {
font-size: 1em;
}
/*** Response Form ***/
.children #respond {
margin-left: 60px;
position: relative;
}
.children #respond:before {
content: " ";
border-left: solid 1px rgba(0, 0, 0, 0.33);
position: absolute;
top: 0;
bottom: 0;
left: -40px;
}
.children #respond:after {
content: " ";
display: block;
width: 30px;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
position: absolute;
top: 50%;
left: -40px;
}
#reply-title {
font-size: 1em;
font-family: inherit;
font-weight: bold;
font-weight: 800;
text-transform: uppercase;
}
#reply-title small {
display: block;
}
#respond p {
margin: 0 0 0.3em;
}
#respond label {
font-size: 0.86666667em;
line-height: 1.30769em;
font-weight: normal;
padding: 0.66666667em 0;
width: 15%;
vertical-align: top;
}
#respond input[type=checkbox] + label {
display: inline;
margin-left: 5px;
vertical-align: text-bottom;
}
/*** Comments Responsive ***/
/************* 404 Page Content *************/
.custom-404-content .entry-the-content {
margin-bottom: 1em;
}
/************* Attachment Page Content *************/
.entry.attachment .entry-content {
border-bottom: none;
}
.entry.attachment .entry-the-content {
width: auto;
text-align: center;
}
.entry.attachment .entry-the-content p:first-of-type {
margin-top: 2em;
font-weight: bold;
text-transform: uppercase;
}
.entry.attachment .entry-the-content .more-link {
display: none;
}
/**
* Main #Content for Index (Archive / Blog List)
* ========================================================
*/
/** Use 'entry-grid' classes to style posts in archive lists specifically **/
/************* Archive List Post Entry *************/
.archive-wrap {
overflow: hidden;
}
/*** Common Styles ***/
.plural .entry {
padding-top: 1em;
padding-bottom: 3.33333333em;
position: relative;
}
.plural .entry:first-child {
padding-top: 0;
}
.entry-grid-featured-img {
position: relative;
z-index: 1;
}
/* Sticky */
.entry-sticky-tag {
display: none;
/*Hide it when not actually displayed as 'stuck' at top*/
}
.sticky > .entry-grid {
background: rgba(0, 0, 0, 0.04);
padding: 15px 20px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sticky > .entry-grid > .entry-featured-img-wrap {
margin: -15px -20px 0;
}
/* Entry Grid */
.entry-grid {
min-width: auto;
}
.entry-grid-content {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.entry-grid-content .entry-title {
font-size: 1.2em;
margin: 0;
}
.entry-grid-content .entry-title a {
color: inherit;
}
.entry-grid-content .entry-summary {
margin-top: 1em;
}
.entry-grid-content .entry-summary p:last-child {
margin-bottom: 0;
}
/*** Archive Big Post entry ***/
.archive-big .entry-grid-content .entry-title {
font-size: 1.6em;
}
/*** Archive Medium and Small Post entry ***/
.archive-medium .entry-grid,
.archive-small .entry-grid {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.archive-medium .entry-featured-img-wrap,
.archive-small .entry-featured-img-wrap {
flex-shrink: 0;
}
.archive-medium .entry-content-featured-img,
.archive-small .entry-content-featured-img {
margin: 0 1.66666667em 0 0;
}
.archive-medium.sticky > .entry-grid,
.archive-small.sticky > .entry-grid {
padding-left: 15px;
padding-right: 15px;
}
.archive-medium.sticky > .entry-grid > .entry-featured-img-wrap,
.archive-small.sticky > .entry-grid > .entry-featured-img-wrap {
margin: 0;
}
/*** Mixed entry ***/
#content .archive-mixed {
padding-top: 0;
}
.mixedunit-big .entry-grid-content .entry-title {
font-size: 1.6em;
}
.archive-mixed-block2.mixedunit-big,
.archive-mixed-block3.mixedunit-big {
padding-left: 15px;
padding-right: 15px;
}
.mixedunit-medium .entry-grid,
.mixedunit-small .entry-grid {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.mixedunit-medium .entry-featured-img-wrap,
.mixedunit-small .entry-featured-img-wrap {
flex-shrink: 0;
}
.mixedunit-medium .entry-content-featured-img,
.mixedunit-small .entry-content-featured-img {
margin: 0 1.66666667em 0 0;
}
.mixedunit-medium.sticky > .entry-grid,
.mixedunit-small.sticky > .entry-grid {
padding-left: 15px;
padding-right: 15px;
}
.mixedunit-medium.sticky > .entry-grid > .entry-featured-img-wrap,
.mixedunit-small.sticky > .entry-grid > .entry-featured-img-wrap {
margin: 0;
}
.mixedunit-block2:nth-child(2n) {
clear: both;
}
.mixedunit-block3:nth-child(3n+2) {
clear: both;
}
/*** Archive Block2/3 entry ***/
#content .archive-block {
padding-top: 0;
}
.archive-block2:nth-child(2n+1) {
clear: both;
}
.archive-block3:nth-child(3n+1) {
clear: both;
}
.archive-block4:nth-child(4n+1) {
clear: both;
}
/*** Responsive Block2/3 Entry ***/
/*** Archive Mosaic (2/3/4 columns) Post entry ***/
#content .archive-mosaic {
padding-top: 0;
}
.archive-mosaic {
text-align: center;
}
.archive-mosaic .entry-grid {
border: solid 1px rgba(0, 0, 0, 0.14);
}
.archive-mosaic > .hgrid {
padding: 0;
}
.archive-mosaic .entry-content-featured-img {
margin: 0 auto;
}
.archive-mosaic.sticky > .entry-grid {
padding: 0;
}
.archive-mosaic.sticky > .entry-grid > .entry-featured-img-wrap {
margin: 0;
}
.archive-mosaic .entry-grid-content {
padding: 1em 1em;
padding-bottom: 0;
}
.archive-mosaic .entry-title {
font-size: 1.13333333em;
}
.archive-mosaic .entry-summary {
margin: 0 0 1em;
}
.archive-mosaic .entry-summary p:first-child {
margin-top: 0.8em;
}
.archive-mosaic .more-link {
margin: 1em -1em 0;
text-align: center;
font-size: 1em;
}
.archive-mosaic .more-link a {
display: block;
font-size: 0.86666667em;
line-height: 1.30769em;
}
.archive-mosaic .entry-grid .more-link:after {
display: none;
}
.archive-mosaic .mosaic-sub {
background: rgba(0, 0, 0, 0.04);
border-top: solid 1px rgba(0, 0, 0, 0.14);
margin: 0 -1em;
line-height: 1.4em;
}
.archive-mosaic .entry-byline {
display: block;
padding: 10px;
border: none;
margin: 0;
}
/*** Responsive Archive List Post Entry ***/
@media only screen and (max-width: 969px) {
/** Common **/
/** Archive Big **/
/** Archive Medium/Small **/
.archive-medium .entry-grid,
.archive-small .entry-grid {
display: block;
}
.archive-medium .entry-content-featured-img,
.archive-small .entry-content-featured-img {
margin: 0 auto 1.33333333em;
}
/** Archive Mosaic **/
.archive-mosaic .entry-content-featured-img {
padding: 1em 1em 0;
}
}
/************* Read More *************/
.more-link {
display: block;
margin-top: 1.66666667em;
text-align: right;
text-transform: uppercase;
font-size: 0.86666667em;
line-height: 1.30769em;
font-weight: bold;
border-top: solid 1px;
position: relative;
-webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}
.more-link,
.more-link a {
color: #bd2e2e;
}
.more-link a {
display: inline-block;
padding: 3px 5px;
}
.more-link:hover,
.more-link:hover a {
color: #ac1d1d;
}
a.more-link {
border: none;
margin-top: inherit;
text-align: inherit;
}
.entry-grid .more-link {
margin-top: 1em;
text-align: center;
font-size: inherit;
line-height: inherit;
font-weight: normal;
border-top: none;
font-size: 0.93333333em;
line-height: 1.35714em;
letter-spacing: 3px;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.entry-grid .more-link a {
display: block;
width: 100%;
padding: 3px 0 10px;
}
.entry-grid .more-link:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.entry-grid .more-link:after {
content: "\00a0";
display: inline-block;
vertical-align: top;
font: 0/0 a;
border-bottom: solid 2px;
width: 90px;
opacity: 0.7;
filter: alpha(opacity=70);
}
/************* Navigation *************/
.pagination.loop-pagination {
margin: 1em 0;
}
.page-numbers {
border: solid 1px;
padding: 2px 5px;
margin: 2px;
}
/**
* Frontpage
* ========================================================
*/
.home #main.main {
padding-bottom: 0;
}
.frontpage-area.module-bg-highlight {
background: rgba(0, 0, 0, 0.04);
}
.frontpage-area.module-bg-image.bg-scroll {
background-size: cover;
}
#fp-header-image img {
width: 100%;
}
/************* Modules - Margins *************/
.frontpage-area {
margin: 35px 0;
}
.frontpage-area.module-bg-highlight,
.frontpage-area.module-bg-color,
.frontpage-area.module-bg-image {
margin: 0;
padding: 35px 0;
}
.frontpage-area-stretch.frontpage-area {
margin: 0;
}
.frontpage-area-stretch > .hgrid {
max-width: none;
padding: 0;
}
.frontpage-area-stretch > .hgrid [class*="hgrid-span-"]:first-child,
.frontpage-area-stretch > .hgrid [class*="hcolumn-"]:first-child {
padding-left: 0;
}
.frontpage-area-stretch > .hgrid [class*="hgrid-span-"]:last-child,
.frontpage-area-stretch > .hgrid [class*="hcolumn-"]:last-child {
padding-right: 0;
}
/* Widget Areas */
.frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget {
margin: -5px 0 0;
}
.frontpage-area > div.hgrid > div > .widget:first-child {
margin-top: 0;
}
.frontpage-area > div.hgrid > div > .widget:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 969px) {
.frontpage-widgetarea > div.hgrid > [class*="hgrid-span-"] {
margin-bottom: 35px;
}
.frontpage-widgetarea > div.hgrid > [class*="hgrid-span-"]:last-child {
margin-bottom: 0;
}
}
/* Page Content - Static/Blog */
/************* Frontpage - Widget Areas *************/
/************* Frontpage - Page Content *************/
.frontpage-pagecontent .main-content-grid {
margin-top: 0;
}
.frontpage-area .entry-content {
border-bottom: none;
}
.frontpage-area .entry-the-content {
margin: 0;
}
.frontpage-area .entry-the-content p:last-child {
margin-bottom: 0;
}
.frontpage-area .entry-footer {
display: none;
}
/************* Frontpage - Blog *************/
.hoot-blogposts-title {
margin: 0 auto 1.66666667em;
padding-bottom: 8px;
width: 75%;
border-bottom: solid 1px rgba(0, 0, 0, 0.33);
text-align: center;
}
/*** Responsive Frontpage ***/
@media only screen and (min-width: 970px) {
}
@media only screen and (max-width: 969px) {
.hoot-blogposts-title {
width: 100%;
}
}
/**
* Sidebars and Widgets
* ========================================================
*/
/************* Sidebars & Layouts *************/
/************* Sidebars *************/
.main .widget-title {
border-bottom: solid 1px;
padding-bottom: 5px;
}
.sidebar {
line-height: 1.66666667em;
}
.sidebar .widget {
margin-top: 0;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget-title {
font-size: inherit;
font-family: inherit;
font-weight: normal;
text-transform: uppercase;
text-align: center;
padding: 7px 7px;
background: #bd2e2e;
color: #ffffff;
}
@media only screen and (max-width: 969px) {
.sidebar {
margin-top: 35px;
}
}
/************* Widgets *************/
.widget {
margin: 35px 0;
position: relative;
}
.widget-title {
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
/************* WordPress Widgets *************/
/* Text */
.textwidget p:last-child {
margin-bottom: 0.66666667em;
}
/* Image */
.widget_media_image {
text-align: center;
}
/* Search */
.searchbody {
vertical-align: middle;
}
.searchbody input {
background: none;
color: inherit;
border: none;
padding: 10px 1.2em 10px 2.2em;
width: 100%;
vertical-align: bottom;
display: block;
}
.searchbody input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
color: inherit;
}
.searchform {
position: relative;
background: #f5f5f5;
background: rgba(0, 0, 0, 0.05);
border: solid 1px rgba(255, 255, 255, 0.3);
margin-bottom: 0;
}
.searchbody i.fa-search {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 10px;
}
.js-search .widget_search {
position: static;
}
.js-search .searchform {
position: static;
background: none;
border: none;
}
.js-search .searchform i.fa-search {
position: relative;
margin: 0;
cursor: pointer;
top: 0;
left: 0;
padding: 5px;
font-size: 1.33333333em;
line-height: 1.3em;
}
.js-search .searchtext {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
word-wrap: normal;
}
.js-search .searchform.expand i.fa-search {
visibility: hidden;
}
.js-search .searchform.expand .searchtext {
clip: auto !important;
clip-path: none;
height: auto;
width: 100%;
outline: 0;
padding: 10px 2em 10px 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 1.5em;
z-index: 90;
}
.js-search .searchform.expand .js-search-placeholder {
display: block;
}
.js-search-placeholder {
display: none;
}
.js-search-placeholder:before {
cursor: pointer;
content: "X";
font-family: Helvetica, Arial, sans-serif;
font-size: 2em;
line-height: 1em;
position: absolute;
right: 5px;
top: 50%;
margin-top: -0.5em;
padding: 0 10px;
z-index: 95;
}
.js-search .searchform.expand .searchtext {
background: #fff;
}
.js-search .searchform.expand .searchtext,
.js-search-placeholder {
color: #666;
}
/* Custom Menu */
.widget_nav_menu .menu-description {
margin-left: 5px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.widget_nav_menu .menu-description:before {
content: "( ";
}
.widget_nav_menu .menu-description:after {
content: " )";
}
.inline-nav .widget_nav_menu ul,
.inline-nav .widget_nav_menu ol,
.inline-nav .widget_nav_menu li {
display: inline;
margin-left: 0;
}
.inline-nav .widget_nav_menu li {
margin-right: 0;
}
.inline-nav .widget_nav_menu li a {
margin: 0 30px 0 0;
position: relative;
}
.inline-nav .widget_nav_menu li a:hover {
text-decoration: underline;
}
.inline-nav .widget_nav_menu li a:after {
content: "/";
opacity: 0.5;
filter: alpha(opacity=50);
margin-left: 15px;
position: absolute;
}
.inline-nav .widget_nav_menu ul.menu > li:last-child a {
margin-right: 0;
}
.inline-nav .widget_nav_menu ul.menu > li:last-child a:after {
display: none;
}
/**
* Theme and WordPress Plugins
* ========================================================
*/
/************* Light Gallery *************/
.customHtml > h4,
.customHtml p {
color: #ffffff;
font-size: 15px;
line-height: 1.4285em;
margin: 3px 0;
}
.customHtml > h4 {
font-size: 20px;
font-weight: normal;
}
/************* Parallax *************/
#page-wrapper .parallax-mirror {
z-index: inherit !important;
}
/************* Sticky Sidebar *************/
/************* Contact Form 7 *************/
.hoot-cf7-style .wpcf7-form {
text-transform: uppercase;
margin: 0.66666667em 5% 0.66666667em 0;
}
.hoot-cf7-style .wpcf7-form .wpcf7-list-item-label,
.hoot-cf7-style .wpcf7-form .wpcf7-quiz-label {
text-transform: none;
font-weight: normal;
}
.hoot-cf7-style .wpcf7-form .required:before {
margin-right: 5px;
opacity: 0.5;
filter: alpha(opacity=50);
content: "\f069";
display: inline-block;
font: normal normal 900 0.666666em/2.5em 'Font Awesome 5 Free';
vertical-align: top;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hoot-cf7-style .wpcf7-form .one-fourth {
width: 20%;
float: left;
}
.hoot-cf7-style .wpcf7-form .one-fourth:nth-of-type(4n+1) {
clear: both;
}
.hoot-cf7-style .wpcf7-form .one-third {
width: 28%;
float: left;
}
.hoot-cf7-style .wpcf7-form .one-third:nth-of-type(3n+1) {
clear: both;
}
.hoot-cf7-style .wpcf7-form .one-half {
width: 45%;
float: left;
}
.hoot-cf7-style .wpcf7-form .one-half:nth-of-type(2n+1) {
clear: both;
}
.hoot-cf7-style .wpcf7-form .full {
width: 94%;
float: none;
clear: both;
}
.hoot-cf7-style .wpcf7-form .one-fourth input,
.hoot-cf7-style .wpcf7-form .one-third input,
.hoot-cf7-style .wpcf7-form .one-half input,
.hoot-cf7-style .wpcf7-form .full input,
.hoot-cf7-style .wpcf7-form .one-fourth textarea,
.hoot-cf7-style .wpcf7-form .one-third textarea,
.hoot-cf7-style .wpcf7-form .one-half textarea,
.hoot-cf7-style .wpcf7-form .full textarea,
.hoot-cf7-style .wpcf7-form .one-fourth select,
.hoot-cf7-style .wpcf7-form .one-third select,
.hoot-cf7-style .wpcf7-form .one-half select,
.hoot-cf7-style .wpcf7-form .full select {
width: 100%;
}
.hoot-cf7-style .wpcf7-form .one-fourth input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-third input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-half input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .full input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-fourth input[type="radio"],
.hoot-cf7-style .wpcf7-form .one-third input[type="radio"],
.hoot-cf7-style .wpcf7-form .one-half input[type="radio"],
.hoot-cf7-style .wpcf7-form .full input[type="radio"] {
width: auto;
}
.hoot-cf7-style .wpcf7-form .submit {
clear: both;
float: none;
width: 100%;
}
.hoot-cf7-style .wpcf7-form .submit:after {
content: "";
display: table;
clear: both;
}
.hoot-cf7-style .wpcf7-form .submit:after {
content: "";
display: table;
clear: both;
}
.hoot-cf7-style .wpcf7-form .submit input {
width: auto;
}
.hoot-cf7-style .wpcf7-form .wpcf7-form-control-wrap:after {
content: "";
display: table;
clear: both;
}
.hoot-cf7-style .wpcf7-form .wpcf7-form-control-wrap:after {
content: "";
display: table;
clear: both;
}
.hoot-cf7-style div.wpcf7-validation-errors,
.hoot-cf7-style div.wpcf7-mail-sent-ng,
.hoot-cf7-style div.wpcf7-mail-sent-ok {
margin: -0.66666667em 0 1em;
border: 0;
}
.hoot-cf7-style div.wpcf7-validation-errors {
background: #fae9bf;
color: #807000;
}
.hoot-cf7-style div.wpcf7-mail-sent-ng {
background: #faece8;
color: #af2c20;
}
.hoot-cf7-style div.wpcf7-mail-sent-ok {
background: #eefae8;
color: #769754;
}
/*** Responsive Contact Form 7 ***/
@media only screen and (max-width: 969px) {
.hoot-cf7-style .wpcf7-form p,
.hoot-cf7-style .wpcf7-form p.full {
width: 100%;
float: none;
margin-right: 0;
}
}
/************* MapPress Google Maps *************/
.hoot-mapp-style {
/* Use default styles in mappress.css for rest */
}
.hoot-mapp-style .mapp-layout {
border: none;
max-width: 100%;
margin: 0;
}
.hoot-mapp-style .mapp-map-links {
border: none;
}
.hoot-mapp-style .mapp-links a:first-child:after {
content: " /";
}
/************* Woocommerce *************/
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce.archive ul.products,
.woocommerce-page.archive ul.products {
margin: 1em 0 0 0;
}
.woocommerce.archive ul.products li.product,
.woocommerce-page.archive ul.products li.product {
margin: 0 3.8% 2.992em 0;
padding-top: 0;
}
.woocommerce.archive ul.products li.last,
.woocommerce-page.archive ul.products li.last {
margin-right: 0;
}
/* Remove title from product page since we already have it in theme title area (loop-meta) */
.woocommerce.singular .product .product_title {
display: none;
}
/* Singular Product */
.upsells.products,
.related.products {
clear: both;
}
/* Pages - Account, Cart, Checkout */
.woocommerce-account .entry-content,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
border-bottom: none;
}
.woocommerce-account #comments-template,
.woocommerce-cart #comments-template,
.woocommerce-checkout #comments-template {
display: none;
}
.woocommerce-account .sharedaddy,
.woocommerce-cart .sharedaddy,
.woocommerce-checkout .sharedaddy {
display: none;
}
/* Misc */
.flex-viewport figure {
max-width: none;
}
.woocommerce .entry-the-content h1,
.woocommerce-page .entry-the-content h1,
.woocommerce .entry-the-content h2,
.woocommerce-page .entry-the-content h2,
.woocommerce .entry-the-content h3,
.woocommerce-page .entry-the-content h3,
.woocommerce .entry-the-content h4,
.woocommerce-page .entry-the-content h4,
.woocommerce .entry-the-content h5,
.woocommerce-page .entry-the-content h5,
.woocommerce .entry-the-content h6,
.woocommerce-page .entry-the-content h6,
.woocommerce .entry-the-content .title,
.woocommerce-page .entry-the-content .title {
border-bottom: none;
padding-bottom: 0;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #bd2e2e;
color: #ffffff;
border: solid 1px #bd2e2e;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #ffffff;
color: #bd2e2e;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background: #ddd;
color: #666;
border: solid 1px #aaa;
}
/*** Responsive Woocommerce ***/
/* Use 768px instead of @breakPoint to stay compatible with default woocommerce stylesheet */
@media only screen and (max-width: 768px) {
.woocommerce.archive.plural ul.products li.product,
.woocommerce-page.archive.plural ul.products li.product {
width: 48%;
margin: 0 0 2.992em;
}
}
/************* Woocommerce Menu Cart *************/
li a.empty-wpmenucart-visible span.amount {
display: none !important;
}
/************* Jetpack *************/
/*** Infinite Scoll ***/
.infinite-scroll .hoot-jetpack-style .pagination.loop-pagination,
.infinite-scroll .hoot-jetpack-style .pagination.navigation {
display: none;
}
.hoot-jetpack-style #infinite-handle {
clear: both;
}
.hoot-jetpack-style #infinite-handle span {
padding: 6px 23px 8px;
font-size: 0.8em;
line-height: 1.8em;
border: solid 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
}
.hoot-jetpack-style #infinite-handle span button {
text-transform: uppercase;
}
/* Disable for woocommerce shop/archive */
.infinite-scroll.woocommerce #infinite-handle {
display: none !important;
}
.infinite-scroll .woocommerce-pagination {
display: block;
}
/*** Share ***/
.hoot-jetpack-style .entry-content .sharedaddy {
border-top: solid 1px rgba(0, 0, 0, 0.33);
}
.hoot-jetpack-style .entry-content .sharedaddy > div {
margin-top: 1.66666667em;
}
.hoot-jetpack-style div.product .sharedaddy > div {
margin-top: 1.66666667em;
}
.hoot-jetpack-style .frontpage-area .entry-content .sharedaddy {
display: none;
}
.hoot-jetpack-style .sharedaddy .sd-title {
font-family: inherit;
text-transform: uppercase;
opacity: 0.7;
filter: alpha(opacity=70);
margin-bottom: 0;
}
.hoot-jetpack-style .sharedaddy .sd-title:before {
display: none;
}
.hoot-jetpack-style .sd-content ul li {
display: inline-block;
}
.hoot-jetpack-style .sd-content ul li iframe {
margin: 0;
}
/* Disable for content block widget */
.content-block-text .sharedaddy {
display: none;
}
/*** Contact Form ***/
.hoot-jetpack-style .contact-form.commentsblock label {
font-weight: normal;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-field-label {
text-transform: uppercase;
font-weight: bold;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-field-label span {
color: #af2c20;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-checkbox-multiple-label {
display: inline-block;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-checkbox-multiple-label + .clear-form {
display: inline-block;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-radio-label {
display: inline-block;
}
.hoot-jetpack-style .contact-form.commentsblock .grunion-radio-label + .clear-form {
display: inline-block;
}
.hoot-jetpack-style .contact-form.commentsblock p.contact-submit {
clear: both;
float: none;
width: 100%;
margin: 0;
}
.hoot-jetpack-style .contact-form.commentsblock p.contact-submit:after {
content: "";
display: table;
clear: both;
}
.hoot-jetpack-style .contact-form.commentsblock p.contact-submit:after {
content: "";
display: table;
clear: both;
}
.hoot-jetpack-style .contact-form.commentsblock p.contact-submit input {
width: auto;
}
/*** Responsive Jetpack ***/
@media only screen and (max-width: 969px) {
.hoot-jetpack-style .contact-form.commentsblock > div,
.hoot-jetpack-style .contact-form.commentsblock > div:last-of-type {
width: 100%;
float: none;
margin-right: 0;
}
}
/************* Page Builder *************/
.so-panel.widget {
margin-top: 0;
}
/************* Elementor *************/
.elementor p,
.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6,
.elementor .title {
margin-top: 0;
}
/************* Newsletter *************/
/*** Mail Poet ***/
.widget_mailpoet_form {
padding: 25px;
background: rgba(0, 0, 0, 0.14);
}
.widget_mailpoet_form .widget-title {
font-style: italic;
text-align: center;
}
.widget_mailpoet_form .widget-title span {
background: none !important;
color: inherit !important;
}
.widget_mailpoet_form .widget-title span:after {
border: none;
}
.widget_mailpoet_form .mailpoet_form {
margin: 0;
}
.widget_mailpoet_form .mailpoet_paragraph {
margin: 10px 0;
}
.widget_mailpoet_form .mailpoet_text {
width: 100% !important;
}
.widget_mailpoet_form .mailpoet_submit {
margin: 0 auto;
display: block;
}
.widget_mailpoet_form .mailpoet_message p {
margin-bottom: 0;
}
/*** Newsletter ***/
.widget_newsletterwidget,
.widget_newsletterwidgetminimal {
padding: 20px;
background: #2a2a2a;
color: #ffffff;
text-align: center;
}
.widget_newsletterwidget .widget-title,
.widget_newsletterwidgetminimal .widget-title {
color: inherit;
font-style: italic;
}
.widget_newsletterwidget .widget-title span:after,
.widget_newsletterwidgetminimal .widget-title span:after {
border: none;
}
.widget_newsletterwidget label,
.widget_newsletterwidgetminimal label {
font-weight: normal;
margin: 0 0 3px 2px;
}
.widget_newsletterwidget input.tnp-submit[type=submit],
.widget_newsletterwidgetminimal input.tnp-submit[type=submit] {
margin: 0 auto;
color: #ffffff;
background: #bd2e2e;
border-color: rgba(255, 255, 255, 0.33);
}
.widget_newsletterwidget input.tnp-submit[type=submit]:hover,
.widget_newsletterwidgetminimal input.tnp-submit[type=submit]:hover {
background: #ac1d1d;
color: #ffffff;
}
.widget_newsletterwidget input[type=text],
.widget_newsletterwidgetminimal input[type=text],
.widget_newsletterwidget input[type=email],
.widget_newsletterwidgetminimal input[type=email],
.widget_newsletterwidget select,
.widget_newsletterwidgetminimal select {
background: rgba(0, 0, 0, 0.2);
border: solid 1px rgba(255, 255, 255, 0.15);
color: inherit;
}
.widget_newsletterwidget input[type="checkbox"],
.widget_newsletterwidgetminimal input[type="checkbox"] {
position: relative;
top: 2px;
}
.widget_newsletterwidget form,
.widget_newsletterwidgetminimal form {
margin-bottom: 0;
}
.widget_newsletterwidget .tnp-field:last-child,
.widget_newsletterwidgetminimal .tnp-field:last-child {
margin-bottom: 0;
}
.tnp-widget {
text-align: left;
margin-top: 10px;
}
.tnp-widget-minimal {
margin: 10px 0;
}
.tnp-widget-minimal input.tnp-email {
margin-bottom: 10px;
}
/************* Login Modal / Popups *************/
/*** WooCommerce Login Popup and Shortcodes ***/
.woo-login-popup-sc-left {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*** AJAX Login and Registration modal popup ***/
.lrm-user-modal-container .lrm-switcher a {
color: #555;
background: rgba(0, 0, 0, 0.2);
}
.lrm-form a.button,
.lrm-form button,
.lrm-form button[type=submit],
.lrm-form #buddypress input[type=submit],
.lrm-form input[type=submit] {
background: #bd2e2e;
color: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
}
.lrm-form a.button:hover,
.lrm-form button:hover,
.lrm-form button[type=submit]:hover,
.lrm-form #buddypress input[type=submit]:hover,
.lrm-form input[type=submit]:hover {
-webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
}
/************* Breadcrumb NavXT *************/
.widget_breadcrumb_navxt {
line-height: 1.66666667em;
}
.widget_breadcrumb_navxt .breadcrumbs > span {
margin: 0 0.5em;
padding: 0.5em 0;
display: inline-block;
}
.widget_breadcrumb_navxt .breadcrumbs > span:first-child {
margin-left: 0;
}
.widget_breadcrumb_navxt .breadcrumbs > span:last-child {
margin-right: 0;
}
.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext {
margin-right: 1.1em;
padding-left: 0.75em;
padding-right: 0.3em;
background: #bd2e2e;
color: #ffffff;
position: relative;
}
.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 0;
height: 0;
border-top: 1.33333333em solid transparent;
border-bottom: 1.33333333em solid transparent;
border-left: 1.1em solid #bd2e2e;
right: -1.1em;
}
/**
* Footer
* ========================================================
*/
/************* Sub Footer *************/
.sub-footer {
background: #2a2a2a;
color: #ffffff;
position: relative;
border-top: solid 1px rgba(0, 0, 0, 0.1);
line-height: 1.66666667em;
text-align: center;
}
.sub-footer h1,
.sub-footer h2,
.sub-footer h3,
.sub-footer h4,
.sub-footer h5,
.sub-footer h6,
.sub-footer .title {
color: inherit;
}
.sub-footer a:not(input):not(.button),
.sub-footer .more-link,
.sub-footer .content-block-icon i {
color: inherit;
}
.sub-footer a:hover:not(input):not(.button) {
text-decoration: underline;
}
.sub-footer .more-link a:hover {
text-decoration: none !important;
}
.sub-footer .icon-style-circle,
.sub-footer .icon-style-square {
border-color: inherit;
}
.sub-footer:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.12);
}
.sub-footer .widget {
margin: 1.66666667em 0;
}
/************* Footer *************/
.footer {
background: #2a2a2a;
color: #ffffff;
border-top: solid 4px rgba(0, 0, 0, 0.14);
padding: 10px 0 5px;
line-height: 1.66666667em;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .title {
color: inherit;
}
.footer a:not(input):not(.button),
.footer .more-link,
.footer .more-link:hover,
.footer .content-block-icon i {
color: inherit;
}
.footer a:hover:not(input):not(.button) {
text-decoration: underline;
}
.footer .more-link a:hover {
text-decoration: none !important;
}
.footer .icon-style-circle,
.footer .icon-style-square {
border-color: inherit;
}
.footer p {
margin: 1em 0;
}
.footer .footer-column {
min-height: 1em;
}
.footer .hgrid-span-12.footer-column {
text-align: center;
}
.footer .nowidget {
display: none;
}
.footer .widget {
margin: 20px 0;
}
.sub-footer .widget-title,
.footer .widget-title {
font-size: inherit;
font-family: inherit;
font-weight: normal;
text-transform: uppercase;
text-align: center;
padding: 4px 7px;
background: #bd2e2e;
color: #ffffff;
}
.sub-footer .gallery,
.footer .gallery {
background: rgba(255, 255, 255, 0.08);
}
/************* Post Footer *************/
.post-footer {
background: #2a2a2a;
-webkit-box-shadow: inset 0px 8px 18px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 8px 18px -6px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 8px 18px -6px rgba(0, 0, 0, 0.4);
border-top: solid 1px rgba(0, 0, 0, 0.33);
text-align: center;
padding: 0.66666667em 0;
font-style: italic;
color: #bbbbbb;
}
.post-footer > .hgrid {
opacity: 0.7;
filter: alpha(opacity=70);
}
.post-footer a,
.post-footer a:hover {
color: inherit;
}
/*** Responsive Sidebar and Widgets ***/
@media only screen and (max-width: 969px) {
.footer-column + .footer-column .widget:first-child {
margin-top: 0;
}
}