/*! DO NOT EDIT THIS FILE! weaverx-style.min.css has been minimized using Minimus for Mac */
/*
This style sheet provides the basic settings ( colors, margins, fonts, etc. ) used by the Absolute Weaver Theme.
Absolute Weaver Version 4.0
Table of Contents
-----------------
=Normalize
=User Utility Classes
=Basic Layout
=Borders, Rounded Corners
=HTML Elements
=WP Core
=Widgets and Widget Areas
=Links
=Fonts
=Menus
=Menus - size
=Parallax
=Header
=Comments
=Footer
=Theme Support
=Area wrapper definitions
=phones
=small tablets
=desktop and large ( iPad ) tablets
=Padding / Margin definitions
=Font Size Group definitions
=Print
=IE
=Compatibility
--------------------------------------------------------------------------------------------------------------
*** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING ***
>>>> DO NOT EDIT THIS FILE! <<<<
The Absolute Weaver Theme has been designed so that editing style.css is no longer required!
If you need to make changes to the styles rules, add Custom CSS rules from the
Advanced Options : Section : Custom CSS Rules box tab of the
Absolute Weaver admin panel. Absolute Weaver also is designed to use child themes for even more customization.
#### IMPORTANT! #####
This file is NOT USED directly by the theme. The equivalent, minimized version, style.min.css,
will be used. ( CSS minimization by Uglifier.js Compressor. ) Do not edit that file either!
DO NOT EDIT THIS FILE!
*** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING ***
-------------------------------------------------------------------------------------------------------------- */
/* ************ REPEAT: DO NOT EDIT THIS FILE! It will be overwritten when the theme is updated! ************ */
/* =Normalize ================================================================================ */
/* -----------------------------------------------------------------------------------------------------------
*
* Normalize Styles - we will start with normalize.css which is nicer than CSS reset
*
* ----------------------------------------------------------------------------------------------------------- */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: 'Open Sans', sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
background: white;
color: black;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not( [controls] ) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
mark {
background: #ffff00;
color: #000000
}
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
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: 'Inconsolata', monospace;
font-size: 1em
}
/* button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} */
button, input, optgroup, select, textarea {
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
}
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;
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: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
time {
text-decoration: inherit;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
word-wrap: break-word;
}
/* -- /Normalize */
/* =User Utility Classes =============================================================================== */
/* Alignment */
.wvrx-edit-dir {
direction: ltr !important;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignnone {
}
.alignfull,
.alignwide,
.aligncenter {
clear: both;
}
.privacy-policy-link {
padding-left: 1.5em;
padding-right: 1.5em;
font-style: normal;
}
#content *[class^="wp-block-"] { /* put a margin at the bottom of each block */
margin-top: 1.0em;
margin-bottom: 1.0em;
}
@media (min-width: 768px) {
#content *[class^="wp-block-"] { /* put a margin at the bottom of each block */
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.weaverx-sb-one-column #container,
.weaverx-sb-one-column #content,
.weaverx-sb-one-column .content-page,
.weaverx-sb-one-column .content-single {
overflow: visible;
}
/* need to override Absolute Weaver's default hidden for fullwidth to show */
.weaverx-has-sb #container,
.weaverx-has-sb #content,
.weaverx-has-sb .content-page,
.weaverx-has-sb .content-single {
overflow: hidden;
}
/* need to override Absolute Weaver's default hidden for fullwidth to show */
.weaverx-sb-one-column .alignwide,
#header .alignwide,
#header.alignwide,
#colophon.alignwide,
#colophon .alignwide,
#container .alignwide,
#container.alignwide {
margin-left: calc(50% - 40vw);
margin-right: calc(50% - 40vw);
max-width: 1000%;
width: 80vw;
}
.weaverx-sb-one-column .alignfull, /* most elements only on one column pages */
#header .alignfull, /* but some are okay on pages with sidebars */
#header.alignfull,
#container.alignfull,
#colophon .alignfull,
#colophon.alignfull,
#nav-primary .alignfull,
#nav-secondary .alignfull {
left: 0;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 1000%;
width: 100vw;
}
#container .wp-block-embed.alignfull {
left: 0;
margin-left: calc(50% - 49vw);
margin-right: calc(50% - 49vw);
max-width: 1000%;
width: 98vw;
}
.weaverx-has-sb #container .alignwide {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
width: 98% !important;
}
.weaverx-has-sb #container .alignfull {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
}
.no-margins {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
/* multiple columns */
.cols-1 {
}
.cols-2 {
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
-moz-column-count: 2;
-moz-column-gap: 1.25em;
column-count: 2;
column-gap: 1.25em;
}
.cols-3 {
-webkit-column-count: 3;
-webkit-column-gap: 1.25em;
-moz-column-count: 3;
-moz-column-gap: 1.25em;
column-count: 3;
column-gap: 1.25em;
}
.cols-4 {
-webkit-column-count: 4;
-webkit-column-gap: 1.0em;
-moz-column-count: 4;
-moz-column-gap: 1.0em;
column-count: 4;
column-gap: 1.0em;
}
@media (min-width: 581px) and ( max-width: 767px) {
/* tablets */
.cols-2,
.cols-3,
.cols-4 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media ( max-width: 580px) {
/* =phones */
.cols-2,
.cols-3,
.cols-4 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
.content-2-col,
.content-3-col,
.content-2-col-left,
.content-2-col-right,
.sidebar-header,
.sidebar-header .header-widget {
box-sizing: border-box;
height: auto;
max-width: 100%; /* Adhere to container width. */
}
.content-2-col-left {
float: left;
width: 50%;
overflow: hidden;
padding-right: 3%;
}
.content-2-col-right {
float: left;
overflow: hidden;
width: 49%;
}
.content-2-col,
.is-mobile .content-3-col {
float: left;
width: 50%;
overflow: hidden;
padding-right: 2%;
padding-left: 2%;
}
.content-3-col {
float: left;
width: 33.3%;
overflow: hidden;
padding-right: 1%;
padding-left: 1%;
}
.content-2-col:nth-of-type( 2n+1 ),
.content-3-col:nth-of-type( 3n+1 ) {
clear: left;
}
.is-mobile .content-3-col:nth-of-type( 3n+1 ) {
clear: none;
}
.is-mobile .content-3-col:nth-of-type( 2n+1 ) {
clear: left !important;
}
.is-phone .content-2-col,
.is-phone .content-3-col {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.atw-2-col-divider {
margin-left: 10%;
margin-right: 10%;
clear: both;
}
.clear-cols {
clear: both;
}
.smooth-transition {
transition: all .33s ease;
}
/* show/hide by device */
.show-desktop, /* user to show/hide on areas */
.show-mobile,
.show-smalltablet,
.show-phone,
.show-logged-in,
.show-not-logged-in {
display: none; /* implementation requires "opposite" of desired show/hide here */
}
.hide-desktop,
.hide-mobile,
.hide-smalltablet,
.hide-phone,
.hide-logged-in,
.hide-not-logged-in {
display: block;
}
.is-desktop .show-desktop, /* actual implementation of the show/hide classes */
.is-mobile .show-mobile,
.is-smalltablet .show-smalltablet,
.is-phone .show-phone,
.logged-in .show-logged-in,
.not-logged-in .show-not-logged-in {
display: block !important;
}
.is-desktop .hide-desktop,
.is-mobile .hide-mobile,
.is-smalltablet .hide-smalltablet,
.is-phone .hide-phone,
.logged-in .hide-logged-in,
.not-logged-in .hide-not-logged-in {
display: none !important;
}
/* -- /User Utility */
/* =Basic Layout ======================================================================================= */
html {
font-size: 100%;
}
body { /* body has global settings for others to inherit */
font-family: 'Open Sans', sans-serif;
font-size: 1.0em; /* this leads to 16px default font size */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased; /* matters on Macs */
line-height: 1.5;
margin: 0;
overflow-x: hidden; /* overflow not inherited down but needed here for fullwidth rules */
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.clear-both {
clear: both;
}
/* clear blocks */
#wrapper,
#header,
#infobar,
#container,
#colophon,
.entry-content,
.entry-summary,
.wvrx-posts {
clear: both;
}
#wrapper {
/* max-width: 1100px; --- removed in Verison 4.0 to support block-inside full width layout default width */
margin-left: auto;
margin-right: auto; /* this makes the site centered in the browser */
}
/* OVERFLOW control */
.overflow-visible {
overflow: visible !important;
}
.overflow-hidden {
overflow: hidden !important;
}
#primary-widget-area .widget, /* Tweak: 3.1.1 - hide these because of margin collapse behavior */
#secondary-widget-area .widget,
#footer-widget-area .widget,
#container,
#content,
.post-area,
.content-page {
overflow: hidden;
}
#infobar,
#container,
#header-html,
#colophon {
box-sizing: border-box;
width: 100%;
}
#wrapper {
box-sizing: border-box;
}
/* Assistive text */
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* -- /Basic Layout */
/* =Structured Data - Google structured data ======================================================================== */
.hentry {
}
.entry-title {
}
.entry-content {
}
.published {
}
.author {
}
.updated {
display: none;
}
/* =Borders, Rounded Corners ======================================================================================= */
#header { /* helps most of the time if the #wrapper set to rounded corners */
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.border {
border: 1px solid #222222;
}
.border-bottom {
border-bottom: 1px solid #222222;
}
.no-border {
border: none !important;
}
.rounded,
.rounded-all,
.rounded-custom {
border-radius: 8px !important;
}
.rounded-top {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rounded-bottom {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.rounded-left {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-right {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
/* -- /Borders, Rounded Corners */
/* =HTML Elements ======================================================================================= */
:focus { /* focus styles! */
outline: 0;
}
/* heading levels */
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
vertical-align: baseline;
}
/* margins equivalent to 10px bottom, 20px top for base font 16px */
h1 {
font-size: 2.250em; /* = 36px */
margin-bottom: 0.278em;
margin-top: 0.556em;
}
h2 {
font-size: 1.875em; /* = 30px */
margin-bottom: 0.333em;
margin-top: 0.667em;
}
+
39
h3 {
font-size: 1.500em; /* = 24px */
margin-bottom: 0.417em;
margin-top: 0.833em;
}
h4 {
font-size: 1.125em; /* = 18px */
margin-bottom: 0.556em;
margin-top: 1.111em;
}
h5 {
font-size: 1.000em; /* = 16px */
margin-bottom: 0.625em;
margin-top: 1.250em;
}
h6 {
font-size: 0.875em; /* = 14px */
margin-bottom: 0.714em;
margin-top: 1.429em;
}
#content {
word-wrap: break-word;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child {
margin-top: 0;
}
/* lists */
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
word-wrap: break-word;
}
.atwk-slide .post ul,
.atw-post ul,
ul {
list-style-position: outside;
margin-left: 1.5em;
}
.widget ol, .widget ul {
list-style-position: outside;
margin-left: 1.0em;
}
.textwidget ol, .textwidget ul { /* fixed: V 3.1.5 */
list-style-position: outside;
margin-left: 1.75em;
}
.widget .wvrx-menu ul { /* fix the above rule for menus in a widget */
margin-left: 0;
}
.atwk-slide .post ol,
.atw-post ol,
ol {
list-style-position: outside;
margin-left: 1.75em; /* This rule is only good for up to 99 items */
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
dl {
margin: 0 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
margin-bottom: 1.5em;
}
ul {
list-style: disc outside none;
}
caption {
font-weight: normal;
text-align: left;
}
figure,
figcaption {
}
article, aside, details,
footer, header, menu, nav, section {
display: block;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #666666;
}
address {
font-style: italic;
display: block;
margin: 0 0 1.625em;
}
big {
font-size: 1.30em;
}
hr {
background-color: #cccccc;
border: none;
box-sizing: content-box;
height: 4px;
margin: 1.0em auto;
max-width: 90%;
width: 90%;
}
/* =Blockquote
-------------------------------------------------------------- */
blockquote {
background: rgba(128, 128, 128, 0.1);
border-width: 0;
border-left: 4px solid rgba(128, 128, 128, 0.4);
box-sizing: border-box;
margin: 1.5em;
overflow: auto;
padding: 1em 1.5em 1em 1.2em;
width: 90%;
}
blockquote cite {
font-style: normal;
font-weight: bold;
}
blockquote p {
font-style: italic;
font-size: 1em;
margin: 0;
}
cite, em, i {
font-style: italic;
}
blockquote cite,
cite { /* cite is supposed to be used only in a quote or blockquote */
border-width: 0;
display: block;
font-style: normal;
margin-left: 3em;
margin-top: .5em;
}
em, i {
font-style: italic;
}
code,
kbd,
tt,
var {
font-family: 'Inconsolata', monospace;
}
del {
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
margin-bottom: 1.5em;
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
margin-bottom: 0;
}
p {
margin: 0 0 1em 0;
}
pre {
box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
background: rgba(128, 128, 128, 0.1);
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
font-family: 'Inconsolata', monospace;
font-size: .8em;
height: auto;
margin: 0;
margin-bottom: 1.5em;
outline: none;
overflow: auto;
padding: 6px 10px;
vertical-align: middle;
width: 100%;
word-wrap: break-word;
white-space: pre-wrap;
}
q {
font-style: italic;
}
sup,
sub {
font-size: .85em;
}
var {
font-style: italic;
}
/* tables - HTML Normalized */
table {
border-collapse: separate;
border-color: gray;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.25em;
table-layout: auto;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
td {
border-width: 0 1px 1px 0;
margin: 0;
display: table-cell;
font-weight: normal;
padding: 0.4375em;
text-align: left;
vertical-align: inherit;
}
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}
th {
border-width: 0 1px 1px 0;
display: table-cell;
vertical-align: inherit;
font-weight: bold;
padding: 0.4375em;
text-align: left;
}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
/* Weaver tables, default for all areas */
table,
th,
td {
border: 1px solid #d1d1d1;
}
/* -- /HTML Elements*/
/* =WP Core ======================================================================================= */
/* =WordPress Core
* These style required to be covered by WP Theme guidelines
* Customized for Weaver X
-------------------------------------------------------------- */
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
margin-bottom: 10px;
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
margin-bottom: 0;
}
/* =Images, captions - ALL img styling here, including header, footer, widgets, etc.
----------------------------------------------------------------------------------- */
img {
box-sizing: border-box;
height: auto; /* Make sure images are scaled correctly. */
margin: 0;
max-width: 100%; /* Adhere to container width. */
padding: 0;
}
/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.entry-content img,
.entry-summary img,
.widget img,
.wp-caption {
max-width: 100%;
}
/**
* Make sure images with WordPress-added height and width attributes are
* scaled correctly.
*/
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img[class*="align"],
img[class*="wp-image-"] {
height: auto;
max-width: 100%;
}
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
height: auto;
max-width: 100%;
}
blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
margin: 1em 2.4em 1em 0;
}
.wp-caption.alignleft {
margin: .7em 1em 1em 0;
}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
margin: 1em 0 1em 2.5em;
}
.wp-caption.alignright {
margin: 1em 0 1em 1.5em;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
margin-top: 1em;
margin-bottom: 1em;
}
.entry-content img.wp-smiley {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 100%;
}
#content img.alignleft {
display: inline;
float: left;
margin-right: 1.25em;
margin-top: 4px;
}
#content img.alignright {
display: inline;
float: right;
margin-left: 1.25em;
margin-top: 4px;
}
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 0.75em;
}
.entry-attachment img,
#content .gallery img,
#content .gallery-thumb img,
#content img[class*="wp-image-"] {
border-width: 0;
margin-bottom: 0.75em;
text-align: center;
}
#content .wp-smiley {
margin: 0;
}
/* =Gallery */
#content .gallery-item {
display: inline-block;
max-width: 31.33%;
padding: 0 1% 0 1%;
text-align: center;
vertical-align: top;
margin: 0;
}
#content .gallery {
box-sizing: border-box;
}
#content .gallery-columns-1 .gallery-item {
max-width: 98%;
}
#content .gallery-columns-2 .gallery-item {
max-width: 48%;
}
#content .gallery-columns-4 .gallery-item {
max-width: 23%;
}
#content .gallery-columns-5 .gallery-item {
max-width: 19%;
padding: 0 .5% 0 .5%;
}
#content .gallery-columns-6 .gallery-item {
max-width: 15.66%;
padding: 0 .5% 0 .5%;
}
#content .gallery-columns-7 .gallery-item {
max-width: 13.28%;
padding: 0 .5% 0 .5%;
}
#content .gallery-columns-8 .gallery-item {
max-width: 11.5%;
padding: 0 .5% 0 .5%;
}
#content .gallery-columns-9 .gallery-item {
max-width: 10.11%;
padding: 0 .5% 0 .5%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 80% !important;
line-height: 1.33;
text-align: center;
}
#content .gallery-columns-6 .gallery-caption,
#content .gallery-columns-7 .gallery-caption,
#content .gallery-columns-8 .gallery-caption,
#content .gallery-columns-9 .gallery-caption {
display: none !important;
}
@media screen and ( max-width: 767px) {
/* tablet, phone */
/* We will make all columns >= 3 show in 3 on tablets and phones.
* Because the WP gallery code emits
s, we have to hide them,
* but we also have to add some clear:boths.
* We also add the captions back in.
*/
div.gallery br {
display: none;
}
/* the WP added
s break layout for > 3 columns displayed as 3 columns */
div.gallery br:last-child {
display: block;
}
/* have to make the last br display for its clear:both */
#content .gallery-columns-6 .gallery-caption,
#content .gallery-columns-7 .gallery-caption,
#content .gallery-columns-8 .gallery-caption,
#content .gallery-columns-9 .gallery-caption {
display: block !important;
}
div.gallery-columns-3 dl:nth-of-type( 3n+1 ),
div.gallery-columns-4 dl:nth-of-type( 3n+1 ),
div.gallery-columns-5 dl:nth-of-type( 3n+1 ),
div.gallery-columns-6 dl:nth-of-type( 3n+1 ),
div.gallery-columns-7 dl:nth-of-type( 3n+1 ),
div.gallery-columns-8 dl:nth-of-type( 3n+1 ),
div.gallery-columns-9 dl:nth-of-type( 3n+1 ) {
clear: both;
}
#content .gallery-columns-4 .gallery-item, /* for galleries > 4 columns, make 3 colums on small tablet */
#content .gallery-columns-6 .gallery-item,
#content .gallery-columns-8 .gallery-item,
#content .gallery-columns-9 .gallery-item,
#content .gallery-columns-5 .gallery-item,
#content .gallery-columns-7 .gallery-item,
#content .gallery-columns-9 .gallery-item {
max-width: 31.33% !important;
padding: 0 1% 0 1% !important;
width: 100% !important
}
}
#content .attachment .entry-content img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
}
#content .attachment-thumbnail {
margin-right: 12px;
margin-bottom: 12px;
padding: 0;
}
#content .attachment-thumbnail-single {
margin-right: 25px;
margin-bottom: 12px;
padding: 0;
}
/* =Featured Images */
.atwkslider .atwk-slide .post img.fi-alignleft, /* needs this for compatibility with show sliders. */
.atwkslider .atwk-slide .post img.fi-alignleft-pb,
img.fi-alignleft,
img.fi-alignleft-pb {
float: left;
margin: 0.33em 2.5% 2% 0;
padding: 0;
}
.atwk-slide img.fi-alignright,
.atwk-slide img.fi-alignright-pb,
img.fi-alignright,
img.fi-alignright-pb {
clear: none;
float: right;
margin: 0.33em 0em 2% 2.5%;
padding: 0;
}
.atwk-slide img.fi-aligncenter,
.atwk-slide img.fi-aligncenter-pb,
img.fi-aligncenter,
img.fi-aligncenter-pb {
clear: both;
display: block;
margin: 0.33em auto 1.5% auto;
padding: 0;
}
/* =#comments image =================================================================== */
#comments img.avatar {
background: #f0f0f0;
}
/* =#atachments image =================================================================== */
.entry-attachment img {
display: block;
height: auto;
max-width: 100%;
padding-bottom: 1.5em;
}
/* =Branding Images =================================================================== */
.header img {
box-shadow: none;
border-radius: 0;
border-width: 0;
clear: both;
padding: 0;
height: auto;
max-width: 100%;
}
#branding #header-image img {
width: 100%;
}
#header-image img {
display: block;
height: auto;
max-width: 100%;
}
#branding #header-html {
display: inline-block;
}
#branding #header-html img, /* make images horizontal */
#branding #header-html a img {
display: inline;
}
/* cases for header as bg - the corresponding background-image url is generated in generatecss.php */
#header.header-as-bg {
background-repeat: no-repeat;
background-position: center center;
}
#header.header-as-bg-responsive {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#header.header-as-bg-parallax { /* this class is fixed-up by aweaverjslib.js to make header work as parallax */
background-repeat: no-repeat;
background-position: left top; /* x handled by generate.css y by jQuery */
background-attachment: scroll;
background-size: cover;
}
/* page / post parallax */
.wvrx-parallax { /* the bg url will be specified at runtime */
background-position: 50% 50%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
box-sizing: border-box;
}
.is-ios .wvrx-parallax {
background-attachment: scroll;
}
/* =Widget Image =================================================================== */
.widget img {
height: auto;
max-width: 100%;
}
/* =attachments =================================================================== */
.entry-attachment .entry-caption,
.wp-caption .wp-caption-text {
font-size: 0.9em;
margin: 0 0 0 0;
padding: 0 1em 1em 1em;
position: relative;
text-align: center;
font-style: italic;
}
.entry-attachment .entry-caption {
font-size: 1.1em;
margin-top: 0.25em;
}
.entry-description {
margin: 0 4em 1.5em 4em;
}
/* -- WP Core */
/* =Z Index ======================================================================================= */
.widget-area,
#branding {
z-index: 998;
}
#header-widget-area { /* needs z-index for bg video header */
position: relative;
z-index: 1890;
}
#title-over-image #title-tagline {
z-index: 19;
}
#wvrx-page-width {
z-index: -1;
}
.wvrx-menu-container.shadow-1,
.wvrx-menu-container.shadow-2,
.wvrx-menu-container.shadow-3,
.wvrx-menu-container.shadow-4,
.wvrx-menu-container.shadow-rb,
.wvrx-menu-container.shadow-lb,
.wvrx-menu-container.shadow-tr,
.wvrx-menu-container.shadow-tl { /* make shadows on top for menus */
position: relative;
z-index: 11000;
}
#nav-secondary .wvrx-menu-container.shadow-1,
#nav-secondary .wvrx-menu-container.shadow-2,
#nav-secondary .wvrx-menu-container.shadow-3,
#nav-secondary .wvrx-menu-container.shadow-4,
#nav-secondary .wvrx-menu-container.shadow-rb,
#nav-secondary .wvrx-menu-container.shadow-lb,
#nav-secondary .wvrx-menu-container.shadow-tr,
#nav-secondary .wvrx-menu-container.shadow-tl { /* make shadows on top for menus */
z-index: 11001;
}
.edit-link a {
z-index: 1950;
position: relative;
}
#inject_fixedbottom,
.wvrx-fixedtop,
.wvrx-fixonscroll {
z-index: 9999 !important;
}
#inject_fixedtop.wvrx-fixedtop {
z-index: 10009 !important;
}
#nav-secondary.wvrx-fixedtop,
.menu-secondary.wvrx-secondary-fixedtop {
z-index: 10007 !important;
}
#nav-primary.wvrx-fixedtop,
.menu-primary.wvrx-primary-fixedtop {
z-index: 10006 !important;
}
#header-widget-area.wvrx-fixedtop {
z-index: 10005 !important;
}
.menu-primary {
z-index: 2000;
position: relative;
}
.menu-secondary {
z-index: 2001;
position: relative;
}
.menu-extra {
z-index: 2002;
position: relative;
}
.wvrx-menu ul {
z-index: 2005;
position: relative;
}
#nav-above,
#nav-below {
z-index: 1;
}
.wvrx-menu-html {
z-index: 1; /* fix for hover failure on right html box */
}
/* =Widgets and Widget Areas ======================================================================================= */
.widget-area {
line-height: 1.275;
position: relative; /* so fullwidth works */
/* z-index: 998; */
}
.widget-area,
.widget {
box-sizing: border-box;
max-width: 100%;
}
.aweaverp_extra_menu {
overflow: visible;
}
.widget-title {
line-height: 1.275;
margin: 0 0 .1em 0;
padding: 0 0 0 0;
}
.widget a {
text-decoration: none;
}
.widget-horiz {
float: left;
}
#per-page-widget {
overflow: hidden;
}
.widget-area select { /* border-box workaround for archive/categories widgets */
margin-left: 1px;
}
/* -- Widgets and Widget Areas */
/* =Links ======================================================================================= */
a { /* establish default colors, but kill visited as a separate color */
color: #0000ee;
}
a:visited {
color: #0000ee;
}
a:hover {
color: #ee0000;
}
a:active {
color: #ee0000;
}
a {
text-decoration: none;
}
/* -- /Links */
/* =Menus ======================================================================================= */
.is-menu-desktop .menu-alignright {
float: right;
padding-right: 1.25em;
}
.is-menu-desktop .wvrx-center-menu {
display: inline-block;
}
.is-menu-mobile ul.sm.menu-alignright li a, /* for smart menu shift trigger point */
.is-menu-mobile ul.sm.wvrx-center-menu li a {
text-align: left;
}
.menu-horizontal {
clear: both;
background: transparent;
margin: 0;
padding: 0;
display: inline;
}
.hm-center {
text-align: center;
}
.hm-alignright {
text-align: right;
padding-right: 1em;
}
.menu-horizontal ul {
margin: 0;
padding: 2px 2px 2px 20px;
list-style-type: none !important;
}
.menu-horizontal li {
display: inline-block;
list-style-image: none !important;
padding-right: 12px;
vertical-align: text-top;
}
.menu-primary li a, /* these override the underline for "standard" links */
.menu-secondary li a,
.menu-extra li a,
.header .menu-horizontal li a,
.colophon .menu-horizontal li a {
text-decoration: none;
font-style: normal;
font-weight: normal;
}
.menu-vertical {
box-sizing: border-box;
}
.wvrx-menu,
.wvrx-menu * {
box-sizing: border-box;
list-style: none;
padding: 0;
transition: background-color .33s ease, color .33s ease, font-size .33s ease;
}
/* was: transition: all .33s ease; - fixed Version 2.0.10 */
.wvrx-menu * { /* can't be on plain .wvrx-menu - breaks rounded */
margin: 0;
}
.wvrx-menu > li > a {
display: block;
}
.wvrx-menu-container ul.children li a,
.wvrx-menu-container ul.sub-menu li a { /* added V4.0 to fix lack of right padding on menu items of childern */
padding-right: 0.75em;
}
.wvrx-menu li {
position: relative;
white-space: nowrap;
}
.menu-type-accordion .wvrx-menu li {
white-space: normal;
}
ul.wvrx-menu {
margin-left: 1.0em;
}
.wvrx-menu ul {
margin-bottom: 0;
position: absolute;
display: none;
top: 100%;
left: 0;
text-align: left;
}
.wvrx-menu.menu-hover li:hover > ul {
display: block;
}
.wvrx-menu a {
text-decoration: none;
position: relative;
padding: 0.6em .75em; /* The 0.6em interacts with 0.35em on arrow rules */
}
.wvrx-menu ul li {
display: block;
}
.wvrx-menu ul a {
display: block;
}
.wvrx-menu ul ul {
top: 0;
left: 100%;
margin-top: 0em;
}
.wvrx-menu-html {
color: inherit;
display: inline;
margin-top: .625em;
}
.wvrx-menu-left {
float: left;
margin-left: 1em;
margin-right: .5em;
position: relative;
/* z-index: 30; */
}
.wvrx-menu-right {
float: right;
margin-right: 1.5em;
margin-left: .5em;
position: relative;
/* z-index: 30; */
}
/* logo on menu a lot like the menu-html */
.menu-primary .custom-logo-on-menu {
display: inline;
float: left;
margin: 0 .5em 0 .5em;
padding: 0;
position: relative;
z-index: 30;
}
.menu-primary .custom-logo-on-menu img {
display: block;
height: 2.2em;
margin: 0;
padding: 0;
}
.menu-primary .site-title-on-menu {
font-size: 133%;
margin-top: 0.3em;
}
@media screen and ( min-width: 768px) {
/* desktop */
.wvrx-menu-html,
.m-font-size .wvrx-menu-html {
line-height: 1;
}
.xxs-font-size .wvrx-menu-html,
.xs-font-size .wvrx-menu-html,
.l-font-size .wvrx-menu-html,
.xl-font-size .wvrx-menu-html,
.xxl-font-size .wvrx-menu-html,
.customA-font-size .wvrx-menu-html,
.customB-font-size .wvrx-menu-html {
line-height: 1.5;
}
.s-font-size .wvrx-menu-html {
line-height: 1.4;
}
}
/* -------------------------------------------------------------------------------------------------
* Toggled Mobile Styles
* ------------------------------------------------------------------------------------------------- */
.menu-toggle-button {
width: 1.5em;
color: white;
cursor: pointer;
font-size: 120% !important;
padding: .5em .25em 0em .25em;
float: left;
}
.menu-toggle-menu {
width: auto;
font-size: 120% !important;
}
.wvrx-menu-button .genericon,
.menu-toggle-button.genericon {
vertical-align: bottom;
}
.is-mobile-menu.menu-arrows {
text-align: left;
}
.is-mobile-menu.menu-arrows > li > a {
display: block;
margin: 0;
}
.is-mobile-menu.menu-arrows ul {
position: relative;
top: auto;
padding: 0.5em; /* paddng around nested mobile submenus */
}
.is-mobile-menu.menu-arrows ul ul { /* sub-sub-menu */
position: relative;
left: 0px;
}
.is-mobile-menu.is-hidden {
display: none;
}
/* =Arrow Styles
-------------------------------------------------------------- */
.menu-arrows .has-submenu > a {
padding-right: 0.5em;
}
.menu-arrows .toggle-submenu { /* width of the arrows on the mobile menu - clickable part */
width: 3em;
display: inline-block;
height: 3em;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin-top: 0px;
}
/* Standard arrow styles */
.menu-arrows .toggle-submenu:after { /* down arrow on top level menu ( both bar and mobile ) */
content: '\f502';
font-family: "Genericons";
font-size: 80%;
font-style: normal !important;
position: relative;
top: 1.2em; /* 1.2 default interacts with .wvrx-menu a rule */
padding-left: 1.1em;
margin-right: 0.1em;
border: none;
}
.menu-arrows ul .toggle-submenu:after { /* right arrow on right side of submenus */
content: "\f501";
font-family: "Genericons";
font-size: 80%;
font-style: normal !important;
position: relative;
top: 0.85em; /* interacts with .wvrx-menu a rule */
padding-left: 1.45em;
margin-right: 0.1em;
border: none;
}
.menu-type-accordion .menu-arrows .toggle-submenu:after { /* needed for accordion menus so Hide Arrows doesn't hide in this case */
content: "\f502" !important;
display: inline-block !important;
font-style: normal !important;
}
/* CSS hover menu arrow styles */
.menu-arrows.menu-hover .has-submenu > a { /* spacing after menu item for down arrow */
padding-right: 1.5em;
}
.menu-arrows.menu-hover .toggle-submenu {
width: 1.5em;
}
.menu-arrows.menu-hover .toggle-submenu:after {
right: .9em;
}
/* Javascript menu arrow styles */
.menu-arrows .is-open-submenu > ul {
display: block;
}
.menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after { /* down arrow - mobile submeu */
content: "\f502";
font-family: "Genericons";
font-size: 80%;
font-style: normal !important;
position: relative;
top: 1.1em; /* interacts with .wvrx-menu a rule */
padding-left: 1.4em;
}
.menu-type-accordion .menu-arrows ul {
padding: 0 0 0 0.5em;
margin-left: 0;
}
@media screen and ( min-width: 768px) {
/* desktop */
.mega-noarrow .toggle-submenu:after {
display: none;
padding: 0;
margin: 0;
}
}
/* =Menu Colors
-------------------------------------------------------------- */
.wvrx-menu-container { /* this wraps the menu, bg color for the mobile menu */
box-sizing: border-box;
line-height: 1;
margin: 0;
padding: 0;
font-family: inherit;
text-align: left;
background-color: #111111; /* bg color of menu_bar */
color: #eeeeee; /* non-menu text color on the menu bar */
}
@media screen and ( max-width: 767px) {
/* is-mobile */
.is-menu-default .wvrx-menu-container {
padding-bottom: .5em;
}
}
.is-menu-mobile .wvrx-menu-container {
padding-bottom: .5em;
}
.wvrx-menu a {
background-color: transparent; /* main menu link bg */
color: #bbbbbb; /* link color */
}
.menu-type-accordion .wvrx-menu, /* needs to be left */
.menu-type-accordion .wvrx-menu-container {
text-align: left !important;
}
.wvrx-menu ul li a { /* submenu bg */
background-color: #444444;
color: #bbbbbb; /* submenu bg */
}
.wvrx-menu li ul {
line-height: 1;
}
.wvrx-menu a,
.wvrx-menu ul {
line-height: 1;
}
.wvrx-menux ul, /* and the submenus */
.wvrx-menux ul a {
}
.wvrx-menu ul li a:hover,
.wvrx-menu a:hover {
background-color: #666666; /* generate CSS */
color: inherit;
}
.is-mobile-menu.menu-arrows a { /* top level menu border */
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.is-mobile-menu.menu-arrows .toggle-submenu {
background-color: transparent;
}
.is-mobile-menu.menu-arrows .toggle-submenu:hover { /* Mobile menu: hover over arrow */
background: rgba(255, 255, 255, 0.4); /* unless add option for hover, use this default */
}
.is-mobile-menu.menu-arrows .toggle-submenu { /* Mobile menu - bg of clickable arrows */
height: auto;
background: rgba(255, 255, 255, 0.25); /* generate CSS - mobile menu clicklable arrow bg - this is okay default */
}
.is-mobile.is-menu-default .wvrx-menu-container ul li.menu-item:first-child,
.is-mobile.is-menu-default .wvrx-menu-container ul.weaverx-theme-menu li:first-child,
.is-menu-mobile .wvrx-menu-container ul li.menu-item:first-child,
.is-menu-mobile .wvrx-menu-container ul.weaverx-theme-menu li:first-child {
margin-top: 0.5em;
}
/* special per-device rules */
.is-menu-default .wvrx-menu > li {
display: block;
float: left;
}
.is-menu-mobile .wvrx-menu > li {
float: none;
}
.menu-type-accordion .wvrx-menu > li { /* make [extra_menu] accordion work! */
float: none;
}
.is-menu-default .is-menu-default .wvrx-menu > li > a {
margin: 0;
max-width: 100%;
word-wrap: break-word;
}
.is-menu-default .wvrx-menu ul {
margin-top: 0;
}
.menu-type-accordion .wvrx-menu {
margin: 0;
}
/* -- /Menus */
.menu-type-accordion .wvrx-menu-html { /* need bottom margin for these html areas */
margin-bottom: .5em;
}
.menu-type-accordion .wvrx-menu-clear,
.is-mobile.is-menu-desktop .wvrx-menu-clear,
.is-menu-mobile .wvrx-menu-clear { /* make the mobile menu work right for left/right add-on HTML */
clear: both;
}
.is-mobile.is-menu-desktop .wvrx-menu-html,
.is-menu-mobile .wvrx-menu-html {
margin-top: 0.7em;
margin-bottom: 0;
}
/* =Menu Vertical -- default styling for Vertical Menu */
.menu-vertical {
clear: both;
background-color: transparent;
margin: 0;
width: 100%;
overflow: hidden;
border-bottom: 3px solid #c9c9c9; /* menu text */
border-top: 1px solid #c9c9c9; /* menu text */
}
.menu-vertical ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
font-family: inherit;
}
.menu-vertical li a {
color: #c9c9c9; /* menu text */
background-color: #121212; /* menu bg */
display: block !important;
padding: 5px 10px;
text-decoration: none;
border-top: 2px solid #c9c9c9; /* menu text */
}
.menu-vertical a:hover, .menu-vertical a:focus {
color: #111111; /* Hover text */
background-color: #696969; /* Hover BG */
text-decoration: none;
}
.menu-vertical ul ul li {
margin: 0;
}
.menu-vertical ul ul a {
color: #c9c9c9; /* menu text */
background-color: #121212; /* hover text */
display: block;
padding: 4px 5px 4px 25px;
text-decoration: none;
border: 0;
border-top: 1px solid #c9c9c9; /* menu text */
}
.menu-vertical ul ul a:hover {
color: #111111; /* Hover Text */
background-color: #696969; /* Hover BG */
text-decoration: none;
}
.menu-vertical ul ul ul a {
padding: 4px 5px 4px 35px;
}
.menu-vertical ul ul ul ul a {
padding: 4px 5px 4px 45px;
}
.menu-vertical ul ul ul ul ul a {
padding: 4px 5px 4px 55px;
}
/* -- */
/* SmartMenus Core CSS ( it's not recommended editing this )
* The SmartMenus CSS has to be after the above regular menu CSS
===============================================================*/
.sm, .sm ul, .sm li {
display: block;
list-style: none;
padding: 0;
margin: 0;
line-height: normal;
direction: ltr;
}
ul.sm ul {
position: absolute;
top: -999999px;
width: 100px;
}
ul.sm li {
position: relative;
float: left;
}
ul.sm a, ul.sm {
position: relative;
display: block;
white-space: nowrap;
}
ul.sm a.disabled {
cursor: default;
}
.sm-rtl, .sm-rtl ul, .sm-rtl li {
direction: rtl;
}
ul.sm-rtl li {
float: right;
}
ul.sm ul li, ul.sm-vertical li {
float: none;
}
ul.sm ul a, ul.sm-vertical a {
white-space: normal;
}
ul.sm ul.sm-nowrap > li > a {
white-space: nowrap;
}
ul.sm:after {
content: "\00a0";
display: block;
height: 0;
font: 0/0 serif;
clear: both;
visibility: hidden;
overflow: hidden;
}
ul.sm, ul.sm *, ul.sm *:before, ul.sm *:after {
box-sizing: border-box;
}
ul.sm {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* ----------------------- SmartMenus ------------------------------- */
.menu-primary ul.sm,
.menu-secondary ul.sm,
.extra-menu-xplus ul.sm {
position: relative;
width: auto;
}
/* Standard arrow styles */
.wvrx-menu.sm a span.sub-arrow:after {
content: "\f502"; /* down arrow main menu bar */
font-family: "Genericons";
font-size: 80%;
font-style: normal;
position: absolute;
top: 1.1em; /* interacts with .wvrx-menu a rule */
right: -0.5em;
margin-right: 1.5em;
border: none;
}
.menu-type-accordion .wvrx-menu.sm a span.sub-arrow:after { /* needed for accordion menus so Hide Arrows doesn't hide in this case */
content: "\f502" !important;
display: inline-block !important;
}
.is-menu-desktop .mega-noarrow .wvrx-menu.sm ul a span.sub-arrow:after,
.is-menu-desktop .mega-noarrow .wvrx-menu.sm a span.sub-arrow:after {
display: none !important;
padding: 0;
margin: 0;
}
.is-menu-desktop .wvrx-menu.sm ul a span.sub-arrow:after { /* right arrow on right side of submenus */
content: "\f501";
font-family: "Genericons";
font-size: 85%;
font-style: normal;
position: absolute;
top: 33%; /* interacts with .wvrx-menu a rule */
right: -1.0em;
margin-right: 1.5em;
border: none;
}
.is-menu-desktop .wvrx-menu.sm .has-submenu {
padding-right: 2.0em;
}
.is-menu-desktop .mega-noarrow a span.sub-arrow:after {
content: '';
display: none;
margin: 0;
padding: 0;
}
/* } */ /* desktop */
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
.wvrx-menu.sm span.scroll-up, .wvrx-menu span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #dddddd;
border: 1px solid black;
height: 20px;
/* width and position will be automatically set by the script */
}
.wvrx-menu.sm span.scroll-up:hover, .wvrx-menu span.scroll-down:hover {
background: #eeeeee;
}
.wvrx-menu.sm span.scroll-up-arrow, .wvrx-menu span.scroll-down-arrow {
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
/* we will use one-side border to create a triangle */
width: 0;
height: 0;
overflow: hidden;
border-width: 6px; /* tweak size of the arrow */
border-style: dashed dashed solid dashed;
border-color: transparent transparent black transparent;
}
.wvrx-menu.sm span.scroll-up:hover span.scroll-up-arrow {
border-color: transparent transparent black transparent;
}
.wvrx-menu.sm span.scroll-down-arrow {
top: 8px;
border-style: solid dashed dashed dashed;
border-color: black transparent transparent transparent;
}
.wvrx-menu.sm span.scroll-down:hover span.scroll-down-arrow {
border-color: black transparent transparent transparent;
}
.menu-type-accordion ul.wvrx-menu.sm-vertical ul { /* accordion SmartMenu */
display: none;
position: static !important;
top: auto !important;
left: auto !important;
margin-left: .3em !important;
padding-right: 0.3em !important;
margin-top: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.menu-type-accordion ul.wvrx-menu ul.sm-nowrap > li > a {
white-space: normal;
}
.menu-type-accordion .wvrx-menu.sm li {
border-top: 1px solid rgba(255, 255, 255, 0.4); /* 1px solid rgba( 0,0,0,.05 ); */
}
.menu-type-accordion .wvrx-menu.sm > li:first-child {
margin-top: .25em;
}
.wvrx-menu-button { /* hide mobile menu button by default */
display: none;
margin-top: 0.55em;
}
@media screen and ( max-width: 767px) {
/* ---- SmartMenus is-mobile - 767 ------ */
/* The following will make the sub menus collapsible for small screen devices ( it's not recommended editing these ) */
.is-menu-default ul.wvrx-menu.sm {
width: auto !important;
}
.is-menu-default ul.wvrx-menu.sm ul {
display: none;
position: static !important;
top: auto !important;
left: auto !important;
margin-left: 0 !important;
margin-top: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.is-menu-default ul.wvrx-menu.sm > li {
float: none;
}
.is-menu-default ul.wvrx-menu.sm > li > a, .is-menu-default ul.wvrx-menu ul.sm-nowrap > li > a {
white-space: normal;
}
.is-menu-default ul.wvrx-menu.sm iframe {
display: none;
}
/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.wvrx-menu ul, .wvrx-menu span.sub-arrow, .wvrx-menu iframe {
display:none !important;
}*/
/* Items separators
===================*/
.is-menu-desktop .wvrx-menu.sm li {
border-top: 1px solid rgba(255, 255, 255, 0.4); /* 1px solid rgba( 0,0,0,.05 ); */
}
.is-menu-default .wvrx-menu.sm > li:first-child {
margin-top: .75em;
}
.is-menu-default .menu-type-accordion .wvrx-menu.sm > li:first-child {
margin-top: .75em;
}
/* indent submenus */
.is-menu-default .wvrx-menu.sm ul a {
border-left: 1em solid transparent;
}
.is-menu-default .wvrx-menu.sm ul ul a {
border-left: 2em solid transparent;
}
.is-menu-default .wvrx-menu.sm ul ul ul a {
border-left: 3em solid transparent;
}
.is-menu-default .wvrx-menu.sm ul ul ul ul a {
border-left: 3.75em solid transparent;
}
.is-menu-default .wvrx-menu.sm ul ul ul ul ul a {
border-left: 4.5em solid transparent;
}
.is-menu-default .wvrx-menu.sm ul ul ul ul ul ul a {
border-left: 5.25em solid transparent;
}
/* ------------------------- The Mobile Menu Button ------------------------------- */
.is-menu-default .wvrx-menu-button {
cursor: pointer;
float: left; /* change for RTL */
display: inline;
margin-left: .75em;
margin-right: .75em;
}
.is-menu-default .wvrx-menu-button span {
font-size: 120%;
}
.is-menu-default .wvrx-menu-container ul.collapsed { /* tricky - start ALL menus collapsed, but uncollapse individually in script */
display: none;
}
}
/* mobile */
/* add modified versions of these to customize the open/close mobile menu if needed */
/* .mobile-menu-open:after {content: ' close';font-size:120%}
.mobile-menu-closed:after {content: ' open';font-size:120%;}
*/
/* The following will make the sub menus collapsible for small screen devices ( it's not recommended editing these ) */
.is-menu-mobile ul.wvrx-menu.sm {
width: auto !important;
}
.is-menu-mobile ul.wvrx-menu.sm ul {
display: none;
position: static !important;
top: auto !important;
left: auto !important;
margin-left: 0 !important;
margin-top: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.is-menu-mobile ul.wvrx-menu.sm > li {
float: none;
}
.is-menu-mobile ul.wvrx-menu.sm > li > a, .is-menu-mobile ul.wvrx-menu ul.sm-nowrap > li > a {
white-space: normal;
}
.is-menu-mobile ul.wvrx-menu.sm iframe {
display: none;
}
/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.wvrx-menu ul, .wvrx-menu span.sub-arrow, .wvrx-menu iframe {
display:none !important;
}*/
/* Items separators
===================*/
.is-menu-mobile .wvrx-menu.sm li {
border-top: 1px solid rgba(255, 255, 255, 0.4); /* 1px solid rgba( 0,0,0,.05 ); */
}
.is-menu-mobile .wvrx-menu.sm > li:first-child {
margin-top: .75em;
}
.is-menu-mobile .menu-type-accordion .wvrx-menu.sm > li:first-child {
margin-top: .75em;
}
/* indent submenus */
.is-menu-mobile .wvrx-menu.sm ul a {
border-left: 1em solid transparent;
}
.is-menu-mobile .wvrx-menu.sm ul ul a {
border-left: 2em solid transparent;
}
.is-menu-mobile .wvrx-menu.sm ul ul ul a {
border-left: 3em solid transparent;
}
.is-menu-mobile .wvrx-menu.sm ul ul ul ul a {
border-left: 3.75em solid transparent;
}
.is-menu-mobile .wvrx-menu.sm ul ul ul ul ul a {
border-left: 4.5em solid transparent;
}
.is-menu-mobile .wvrx-menu.sm ul ul ul ul ul ul a {
border-left: 5.25em solid transparent;
}
/* ------------------------- The Mobile Menu Button ------------------------------- */
.is-menu-mobile .wvrx-menu-button {
cursor: pointer;
float: left; /* change for RTL */
display: inline;
margin-left: .75em;
margin-right: .75em;
}
.is-menu-mobile .wvrx-menu-button span {
font-size: 120%;
}
.is-menu-mobile .wvrx-menu-container ul.collapsed { /* tricky - start ALL menus collapsed, but uncollapse individually in script */
display: none;
}
/* =Parallax ======================================================================================= */
.parallax-content {
padding-top: 1.0em;
font-size: 130%;
color: rgba(255, 255, 255, 0.8);
text-shadow: 3px 3px 8px rgba(150, 150, 150, 0.5);
}
.parallax-content h1 {
font-size: 180%;
}
.parallax-base {
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.is-mobile .parallax-content {
font-size: 110%;
}
.is-mobile .parallax-content h1 {
font-size: 160%;
}
.ie8 .parallax-content {
color: #f0f0f0;
}
/* =Header ======================================================================================= */
.header .meteor-slides {
clear: both;
}
#header {
box-sizing: border-box;
padding: 0;
height: auto;
width: 100%; /* need this for float right to work */
}
/* Custom logo */
.custom-logo-link {
display: block;
float: left;
margin-right: 2em;
max-width: 100%;
margin-top: 1%;
margin-left: 1%;
}
#site-title img.site-title-logo {
height: auto;
padding-right: 1%;
}
.custom-logo {
max-width: 100%;
}
/* =Header ( img under =Image section )
----------------------------------------------- */
/* video header image */
.has-header-video .header-image .wp-custom-header {
position: relative;
height: 0;
padding-bottom: 56.25%; /* Video Ratio height / width - 16:9 = 56.25% Set in generatecss */
}
.has-header-video .header-image .wp-custom-header video,
.has-header-video .header-image .wp-custom-header iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.has-header-video .header-image .wp-custom-header video,
.has-header-video .header-image .wp-custom-header iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.has-header-video-cover #container,
.has-header-video-cover #colophon,
.has-header-video-cover #header {
position: relative;
z-index: 0;
}
.has-header-video-cover .header-image video,
.has-header-video-cover .header-image iframe {
position: relative;
z-index: -1;
}
.has-header-video-cover .header-image {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.has-header-video-cover .header-image video,
.has-header-video-cover .header-image iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
/* z-index: -1; */
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-video-cover .header-image video,
.has-header-video-cover .header-image iframe {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
.wp-custom-header .wp-custom-header-video-button { /* Play/Pause button */
display: none;
}
#site-title,
.site-title {
margin: 0 0 .25em 7%; /* fixed to 0 top: 4.0 */
}
#site-title a,
.site-title a {
text-decoration: none;
font-style: inherit;
font-weight: inherit;
padding-left: 0.15em;
padding-right: 0.15em;
}
#site-title a:hover,
#site-title a:visited,
.site-title a:hover,
.site-title a:visited {
color: inherit;
}
#nav-header-mini {
float: right;
margin: 0 0 5px 0;
}
.is-mobile #nav-header-mini {
margin-top: 0;
}
#site-tagline,
.site-tagline {
font-size: 1.2em;
line-height: 1.625;
margin: 0 0 0 10%;
}
#site-tagline > span,
.site-tagline > span {
padding-left: 0.15em;
padding-right: 0.15em;
}
#branding {
position: relative;
/* z-index: 998; */
}
#title-over-image #title-tagline {
position: absolute;
top: 0;
left: 0;
width: 100%;
/* z-index: 19; */
}
/* /=Header */
/* =Comments ======================================================================================= */
#cancel-comment-reply-link {
font-size: 0.8em;
margin-left: 30px;
}
#comments .pingback p {
font-size: 0.9em;
}
#comments .pingback .url {
font-size: 1.1em;
}
.comment-meta {
font-size: 0.9em;
}
#comments-title { /* wii_comment_headings_color */
color: #333333;
font-size: 1.20em;
line-height: 1; /* needs own line-height */
padding: 0;
}
#comments-title h3 { /* wii_comment_headings_color */
background: transparent url(icons/comment-bubble.png) no-repeat;
background-size: 28px 28px;
padding-left: 42px;
}
.ie8 #comments-title h3 { /* wii_comment_headings_color */
background: transparent url(icons/comment-bubble-ie8.png) no-repeat !important;
}
#comments-title h4 {
font-size: 0.80em;
padding: 0 0 1.5em 42px;
margin: 0;
}
/* #comments img.avatar under =Image section */
.commentlist {
display: block;
clear: both;
}
.commentlist {
margin: 0;
padding: 0px 0px 0px 0px;
margin-left: 0px;
list-style-type: none;
}
.comment-reply-title {
margin: 0 0 .33em 0;
}
#comment {
width: 97.5%;
margin-left: 1%;
}
#comments .commentlist .children {
list-style-type: none;
margin-top: 5px;
margin-left: 10px;
margin-right: 5px;
padding-right: 5px;
}
.commentlist .comment-author .comment {
float: right;
margin: 0;
padding: 0;
}
ol.commentlist li.comment .comment-body * {
padding-left: 5px;
padding-right: 5px;
}
.commentlist .comment-body ol,
.commentlist .comment-body ul,
ol.trackbacklist {
list-style-position: outside;
}
ol.trackbacklist {
font-size: 0.9em;
margin: 0;
margin-left: 15px;
padding-left: 15px;
}
/* Comments link */
.comments-bubble a {
background: transparent url(icons/comment-bubble.png) no-repeat;
background-size: 28px 28px;
color: #666666;
font-weight: normal;
line-height: 20px;
font-size: 0.8em;
overflow: hidden;
padding: 0 0 0;
text-align: center;
text-decoration: none;
height: 28px;
width: 28px;
float: right;
}
.ie8 .comments-bubble a {
background: transparent url(icons/comment-bubble-ie8.png) no-repeat;
}
/* Comments and Comment Form
-------------------------------------------- */
.commentlist li.comment, #respond {
/*@ comment area background color */
/* border:1px solid #777; */ /*@ add to border settings */
}
.commentlist li.comment {
margin-bottom: 1em; /* override #content ul margin */
}
#respond {
padding: 10px;
}
.commentlist .comment-content {
clear: both;
font-size: 0.90em;
padding: 0 1em;
}
.commentlist .comment-content p {
margin: 0;
padding: 0;
margin-bottom: 0.5em;
}
.commentlist .comment.bypostauthor { /*@ when author posts */
border-width: 1px;
border-style: dotted;
}
.comment-meta {
display: block;
margin: 0;
padding: 0;
height: auto;
}
.commentlist li.comment .comment-meta {
background-color: transparent;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c000000, endColorstr=#0c000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c000000, endColorstr=#0c000000);
zoom: 1 !important;
}
.commentlist li.comment .comment-meta {
background-color: rgba(0, 0, 0, .05);
margin: 0 0 16px 0;
padding: 4px;
font-style: normal;
font-size: 0.80em;
}
.commentlist li.comment .comment-author img.avatar {
border-radius: 3px;
background: #f0f0f0;
float: left;
left: -10px;
margin: 0;
padding: 0;
position: relative;
top: -10px;
}
.comment .reply {
font-size: .80em;
padding: 0 0 4px 40px;
}
#commentform .comment-form-comment {
margin-bottom: 10px;
}
#commentform .required {
font-weight: bold;
padding-right: 4px;
}
#commentform .logged-in-as {
font-style: italic;
font-size: 0.90em;
margin: 0 0 4px 20px;
}
#commentform .form-allowed-tags {
display: none;
font-size: 0.70em;
line-height: 1.1;
padding: 0 20px;
margin-top: -10px;
}
#commentform input:focus,
#commentform textarea:focus {
box-shadow: 4px 4px 4px #777777;
}
#respond .form-submit {
text-align: right;
margin: -8px 20px 6px;
}
#respond input#submit {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
cursor: pointer;
padding: 5px 42px 5px 22px;
position: relative;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#respond input#submit:active {
background: #888888;
}
#respond form label {
padding-right: 5px;
}
#respond label {
font-size: 1em;
}
#respond .form-allowed-tags code {
font-size: 0.8em;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
font-size: 1.1em;
}
#respond .comment-notes {
font-size: 1em;
}
#respond input#submit {
font-size: 1.3em;
}
/* Comment CAPTCHA Plugin Style Specifications
------------------------------------------------------------------
*/
#commentform .comment-form-captcha {
float: left;
clear: none;
width: 500px;
}
/* comments */
/* -- */
/* =Footer ======================================================================================= */
#colophon {
display: block;
}
#site-ig-wrap,
#site-ig-wrap a {
font-weight: normal;
font-size: small;
}
#site-ig-wrap {
clear: both;
}
#site-info {
float: left;
padding-left: 1em;
}
#site-generator {
font-style: italic;
float: right;
padding-right: 1em;
}
/* -- /=Footer*/
/* =Theme Support ======================================================================================= */
#page-top,
#page-bottom {
display: none;
}
/* top/bottom page links */
#wvrx-page-width { /* stub for full-width class script alignment-adjust */
width: 100%;
height: 100%;
top: 0px;
direction: ltr;
display: block;
position: absolute;
/* z-index: -1; */
}
.content-box {
box-sizing: content-box !important;
}
.shadow-0 {
}
.shadow-1 {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
}
.shadow-2 {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
}
.shadow-3, .shadow-custom {
box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.25);
}
.shadow-4 {
box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25) !important;
}
.shadow-rb {
box-shadow: 2px 2px 3px 4px rgba(0, 0, 0, 0.25);
}
.shadow-lb {
box-shadow: -2px 2px 3px 4px rgba(0, 0, 0, 0.25);
}
.shadow-tr {
box-shadow: 2px -2px 4px 3px rgba(0, 0, 0, 0.25);
}
.shadow-tl {
box-shadow: -2px -2px 4px 3px rgba(0, 0, 0, 0.25);
}
/* Author Info */
#author-info {
font-size: 0.9em;
margin: 2em;
padding: 1em 1em 1em 0;
}
#author-avatar {
float: left;
margin: 0;
padding: 0 1em 0 0;
}
#author-avatar img { /* no setting available to change this... */
padding: 0;
}
#author-avatar img, img.avatar {
box-shadow: none;
}
.ie8 img.avatar {
width: auto; /* fix for max-width bug in IE8 */
}
#author-description {
margin-left: 1em;
}
.author-title {
font-size: 1.20em;
font-weight: bold;
}
.post-avatar img {
border: none;
padding: 0;
box-shadow: none;
height: auto;
margin-bottom: -8px;
max-width: 28px;
padding: 0px !important;
}
.post-avatar-start img {
margin-right: 0.8em;
}
.post-avatar-end img {
margin-left: 0.8em;
}
/* SiteMap */
#weaver-sitemap h3 {
margin: 0 0 10px 0;
font-size: 1.30em;
font-weight: bold;
}
/* =Edit button */
#infinite-handle span {
background-color: #dddddd !important;
border-radius: 1px;
color: #444444 !important;
cursor: pointer;
font-size: 1.2em !important;
padding: 6px 16px;
}
.edit-link a { /* an edit link box that should show on all themes */
background-color: #eeeeee !important;
border-radius: 3px;
color: #555555 !important;
float: right;
font-weight: 300;
text-decoration: none;
padding: 0 5px;
margin-left: 8px;
}
.edit-link a:before {
content: "\f411";
font-family: "Genericons";
vertical-align: top;
}
.entry-utility .edit-link a:hover,
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
background-color: #888888;
color: #ffffff;
}
.entry-content .edit-link {
clear: both;
display: block;
}
.wvrx-welcome-user { /* for Theme Support plugin */
padding-left: 15px;
}
.wvrx-aside-margin {
margin-bottom: 20px;
}
.wvrx-infobar-search {
padding-right: 4px !important;
display: inline-block;
padding-left: 20px;
}
/* =Search
----------------------------------------------- */
/* HEADER SEARCH */
#header-search {
display: inline-block;
float: right;
}
.menu-search {
display: inline-block;
float: right;
margin-left: .5em;
position: relative;
}
#header-search .search-form::before,
.menu-search .search-form::before {
position: absolute;
top: 5px;
left: 2px;
font: normal 36px/1 Genericons !important;
content: "\f400";
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 2000;
}
.menu-search .search-form::before {
top: 6px;
left: 9px;
font: normal 20px/1 Genericons !important;
content: "\f400";
}
#header-search .search-form .search-field,
.menu-search .search-form .search-field {
background-color: transparent;
border: none;
box-sizing: border-box;
cursor: pointer;
margin: 3px 0px;
padding: 0 0 0 36px;
position: relative;
width: 0; /* this value combined with :focus width makes the search expand/contract to show just the magnifier */
}
#header-search .search-form .search-field {
height: 39px;
font-size: 120%;
z-index: 2000;
}
.menu-search .search-form .search-field {
height: 26px;
font-size: 100%;
z-index: 2000;
}
#header-search .search-form .search-field:focus,
.menu-search .search-form .search-field:focus {
border: 1px solid #c3c0ab;
cursor: text;
outline: 0;
width: 300px;
z-index: 1999;
}
#header-search .search-form {
position: absolute;
right: 10px;
top: 5px;
}
.menu-search .search-form {
position: absolute;
right: 4px;
top: 2px;
}
#infobar_search .search-form {
top: 1px;
}
#header-search .search-form .search-submit,
.menu-search .search-form .search-submit {
display: none;
}
/* ===== WIDGET AREA SEARCH ====== */
.search-field {
background-color: #e8e8e8;
}
.search-form {
box-sizing: border-box;
display: block;
position: relative;
overflow: hidden;
height: auto;
}
/* ## SIDEBAR SEARCH */
.search-form input[type="search"] {
display: block;
float: left;
position: relative;
z-index: 7;
height: 2.0em;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 1% 0 28px;
font-size: 0.9em;
transition: .3s all ease-out;
}
.search-form:hover input[type="search"],
.search-form input[type="search"]:focus {
outline: none;
}
.search-form .search-field {
box-sizing: border-box;
}
.search-form .search-submit {
display: block;
position: absolute;
left: 0;
top: 0.33em;
z-index: 8;
border: 0;
font-size: 1em;
background: transparent;
vertical-align: middle;
cursor: pointer;
transition: .3s all ease-in-out;
}
/* Search icon colors */
#header-search .search-form::before { /* Header Area Text Color will override */
color: #222222;
}
.search-form .search-submit { /* Individual WidgetsText Color will override if set, otherwise #wrapper text color */
color: #000000;
}
#header-search .search-field:focus, .menu-search .search-field:focus {
background-color: #d0d0d0;
}
.search-field,
#header-search .search-field:focus {
color: #222222;
}
/* =InfoBar
------------------------------------------------------------- */
.infobar_right {
float: right;
}
#infobar_login {
padding-right: 0.75em;
}
#infobar_login, #infobar_search {
vertical-align: top;
}
#infobar_search {
margin-top: -5px;
}
#infobar_search .search-form {
display: inline;
vertical-align: -5px;
}
#infobar_search .search-field {
vertical-align: top;
}
#infobar_paginate {
padding-right: 15px;
}
#infobar_paginate .navigation { /* for wp_paginate */
display: inline-block;
}
#infobar_paginate .wp-pagenavi { /* for pagenavi */
display: inline-block;
}
.page-numbers {
border-radius: 4px;
border: 1px solid black;
margin: 4px 2px 4px 2px;
padding: 1px .3em 1px .3em;
font-weight: normal !important;
font-size: 85%;
}
a.page-numbers, span.page-numbers.dots {
background: #e0e0e0;
color: black !important;
}
a.page-numbers:hover {
background: #d0d0d0;
}
.page-numbers.current {
color: white;
background: #606060;
}
#breadcrumbs {
padding-left: 15px;
}
#breadcrumbs .bcur-page {
font-style: italic;
}
/* =Weaver Shortcode support */
.weaver-left {
float: left;
margin-right: 5%;
width: 47.5%;
}
.weaver-right {
float: right;
width: 47.5%;
}
.youtube-player { /* allow auto-embed YouTube to resize */
width: 100%;
}
.blog-post {
float: left;
margin: 0;
}
.blog-post .format-video {
margin-bottom: 40% !important;
}
.blog-post-cols-2 {
width: 47%;
margin: 6px 1.5% 0px 1.5%;
}
.is-phone .blog-post-cols-2,
.blog-post-cols-2-span-2 {
width: 96.9%;
margin: 6px 1.5% 0px 1.5%;
}
.is-mobile .blog-post-cols-3,
.is-mobile .blog-post-cols-4,
.is-mobile .blog-post-cols-5 {
width: 47%;
margin: 6px 1.5% 0px 1.5%;
}
.is-mobile .blog-post-cols-3-span-2,
.is-mobile .blog-post-cols-4-span-2,
.is-mobile .blog-post-cols-5-span-2 {
width: 98%;
margin: 6px 1% 0px 1%;
}
.blog-post-cols-2 img,
.blog-post-cols-2-span-2 img {
max-width: 97% !important;
}
.blog-post-cols-3 {
width: 31.3%;
margin: 6px 1% 0px 1%;
}
.blog-post-cols-3-span-2 {
width: 64.5%;
margin: 6px 1% 0px 1%;
}
.blog-post-cols-3 .post-title a,
.blog-post-cols-3-span-2 .post-title a {
font-size: 0.85em;
}
.blog-post-cols-3 .post-title,
.blog-post-cols-3-span-2 .post-title {
line-height: 1em;
}
.blog-post-cols-3 img,
.blog-post-cols-3-span-2 img {
max-width: 94% !important;
}
.blog-post-cols-4 {
width: 23%;
margin: 5px 1% 0px 1%;
}
.blog-post-cols-4-span-2 {
width: 47.9%;
margin: 5px 1% 0px 1%;
}
.blog-post-cols-4 .post-title a,
.blog-post-cols-4-span-2 .post-title a,
.blog-post-cols-5 .post-title a,
.blog-post-cols-5-span-2 .post-title a {
font-size: 0.75em;
}
.blog-post-cols-4 .post-title,
.blog-post-cols-4-span-2 .post-title,
.blog-post-cols-5 .post-title,
.blog-post-cols-5-span-2 .post-title {
line-height: 1em;
}
.blog-post-cols-4 img,
.blog-post-cols-4-span-2 img {
max-width: 95% !important;
}
.blog-post-cols-5 {
width: 18%;
margin: 5px 1% 0px 1%;
}
.blog-post-cols-5-span-2 {
width: 38%;
margin: 5px 1% 0px 1%;
}
.blog-post-cols-5 img,
.blog-post-cols-5-span-2 img {
max-width: 91% !important;
}
.format-image-compact {
margin: 0px !important;
padding: 0px !important;
}
.format-image-compact .entry-content {
margin: 0px !important;
padding: 0px !important;
}
.format-image-compact .entry-content img {
margin: 0px !important;
padding: 0px !important;
}
.blog-post-cols-2 .format-image-compact img,
.blog-post-cols-3 .format-image-compact img,
.blog-post-cols-4 .format-image-compact img,
.blog-post-cols-5 .format-image-compact img {
max-width: 100% !important;
}
.wp-pagenavi {
padding-top: 3px;
padding-bottom: 8px;
}
/* =Layout
----------------------------------------------- */
/* #colophon style found in Footer section */
/* Sidebars and Content Wrappers */
/* one column iframe */
.container.page-iframe {
width: 100%;
}
.container.page-iframe .content {
margin: 0px;
padding: 0px;
width: 100%;
}
.container.page-iframe .content #comments {
padding: 0px 20px 5px 20px;
margin-top: -35px;
}
/* =Special Areas
----------------------------------------------- */
.blog .sticky,
#container.page-with-posts .sticky,
pre,
ins {
}
#inject_fixedbottom,
.wvrx-fixedtop,
.wvrx-fixonscroll {
display: block;
left: auto;
margin-top: 0px !important;
max-width: 1100px;
position: fixed !important;
width: 100%;
/* z-index: 9999 !important; */
}
#inject_fixedtop,
.wvrx-fixedtop,
.wvrx-fixonscroll {
top: 0;
}
#wrapper .wvrx-fullwidth.wvrx-fixedtop,
#wrapper .wvrx-expand-full.wvrx-fixedtop,
#wrapper .wvrx-fullwidth#inject_fixedbottom,
#wrapper .wvrx-expand-full#inject_fixedbottom {
left: 0;
margin-left: 0px !important;
margin-right: 0px !important;
width: 100% !important;
}
#inject_fixedbottom {
bottom: 0;
}
/* Expand fixedtop and fixed bottom areas when main area is expanded */
#wrapper .wvrx-expand-full .wvrx-fixedtop,
#wrapper .wvrx-expand-full .wvrx-fixonscroll {
left: 0;
max-width: none !important;
width: 100% !important;
}
/* =Archives
----------------------------------------------- */
.title-archive .archive-info {
font-size: 0.75em;
}
.category-archive-meta,
.tag-archive-meta {
font-style: italic;
margin-top: 0em;
margin-left: 2em;
}
/* Post entry-meta
------------------------------------------------- */
.entry-meta-icons,
.entry-meta-gicons {
text-decoration: none;
}
.entry-meta-icons .sep,
.entry-meta-gicons .sep {
display: none;
}
.entry-utility {
clear: both;
}
.entry-meta-icons .entry-utility-prep,
.entry-meta-gicons .entry-utility-prep {
display: none;
}
.entry-meta-icons .entry-date, .entry-date-icon {
background: url(icons/date-1.png) center left no-repeat;
background-size: 22px;
display: inline-block;
padding-left: 26px;
margin-left: 1.0em;
}
.entry-meta-icons .by-author, .by-author-icon {
background: url(icons/author-1.png) center left no-repeat;
background-size: 22px;
display: inline-block;
padding-left: 22px;
margin-left: 1.0em;
}
.entry-meta-icons .cat-links, .cat-links-icon {
background: url(icons/category-1.png) center left no-repeat;
background-size: 22px;
padding-left: 26px;
display: inline-block;
margin-left: 1.0em;
}
.entry-meta-icons .tag-links, .tag-links-icon {
background: url(icons/tag-1.png) center left no-repeat;
background-size: 22px;
display: inline-block;
padding-left: 26px;
margin-left: 1.0em;
}
.entry-meta-icons .comments-link, .comments-link-icon {
background: url(icons/comment-1.png) center left no-repeat;
background-size: 22px;
display: inline-block;
padding-left: 24px;
margin-left: 1.0em;
}
.entry-meta-icons .permalink-icon, .permalink-icon {
background: url(icons/permalink-1.png) center left no-repeat;
background-size: 22px;
display: inline-block;
padding-left: 24px;
margin-left: 1.0em;
}
.ie8 .entry-meta-icons .entry-date, .ie8 .entry-date-icon {
background: url(icons/date-ie8.png) center left no-repeat !important;
}
.ie8 .entry-meta-icons .by-author, .ie8 .by-author-icon {
background: url(icons/author-ie8.png) center left no-repeat !important;
}
.ie8 .entry-meta-icons .cat-links, .ie8 .cat-links-icon {
background: url(icons/category-ie8.png) center left no-repeat !important;
}
.ie8 .entry-meta-icons .tag-links, .ie8 .tag-links-icon {
background: url(icons/tag-ie8.png) center left no-repeat !important;
}
.ie8 .entry-meta-icons .comments-link, .ie8 .comments-link-icon {
background: url(icons/comment-ie8.png) center left no-repeat !important;
}
.ie8 .entry-meta-icons .permalink-icon, .ie8 .permalink-icon {
background: url(icons/permalink-ie8.png) center left no-repeat !important;
}
/* provide alternative icon set - gerericons ----------------------------------- */
.entry-meta-gicons {
display: inline-block;
}
/* provide alternative icon set - gerericons ----------------------------------- */
.entry-meta-gicons {
transition: color .1s ease-in 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: inherit;
text-transform: none;
speak: none;
}
.entry-meta-gicons .entry-date:before { /* no padding because 1st on line, no neg right margin needed */
content: "\f307";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.225em;
margin-right: .1em;
}
.entry-meta-gicons .by-author:before {
content: "\f304";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.225em;
padding-left: 0.5em;
margin-right: -0.2em;
}
.entry-meta-gicons .cat-links:before { /* no padding because 1st on line */
content: "\f301";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.2em;
margin-right: -0.1em;
}
.entry-meta-gicons .tag-links:before {
content: "\f302";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.215em;
padding-left: 0.5em;
margin-right: -0.2em;
}
.entry-meta-gicons .comments-link:before {
content: "\f300";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.25em;
padding-left: 0.5em;
margin-right: 0.05em;
}
.entry-meta-gicons .permalink-icon:before {
content: "\f107";
font-family: "Genericons";
font-size: 110%;
vertical-align: -0.25em;
padding-left: 0.5em;
}
.genericon-wvrx-menu:before {
content: "\f419";
font-family: "Genericons";
}
.entry-meta-gicons .permalink-icon { /* hide bg image when using d-icons */
padding: 0;
margin: 0;
background: none !important;
}
.post-hide-date .entry-date,
.post-hide-date .posted-on {
display: none;
}
.post-hide-author .by-author {
display: none;
}
.post-hide-categories .cat-links {
display: none;
}
.post_hide-singleton-category {
display: none;
}
.post-hide-tags .tag-links {
display: none;
}
.post-hide-permalink .permalink-icon {
display: none;
}
/* =Content
----------------------------------------------- */
.page-title,
.post-title {
font-size: 1.875em;
font-weight: bold;
padding-bottom: 0.1em;
line-height: 1.1;
margin-top: 0.25em;
}
.page-title,
.post-title {
margin-bottom: 0.15em;
}
.entry-meta {
clear: both;
}
.wrapper .post-title a { /* need .wrapper so standard link properties won't apply */
color: black;
text-decoration: none;
font-weight: inherit;
font-style: inherit;
}
.wrapper .post-title a:hover,
.wrapper .post-title a:focus,
.wrapper .post-title a:visited {
text-decoration: none;
color: inherit; /* have to inherit or get global default */
}
.wrapper .post-title a:visited {
color: black;
}
.wrapper .post-title a:hover { /* default only - get overridden as soon as a color set */
color: #ee0000;
}
a.more-link {
display: block;
}
.post {
margin: 0 0 15px 0; /* BUG: V 2.2 - changed from 1.5em to 15px, fixed Customizer/Legacy interfaces */
}
.blog .sticky {
border-top: 2px dotted #444444;
border-bottom: 2px dotted #444444;
padding-left: 1%;
padding-right: 1%;
}
.no-results {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
position: relative;
}
.entry-content,
.entry-summary {
padding: 1.0em 0 0 0;
margin: 0;
}
.entry-content #s {
width: 75%;
}
.page-link {
clear: both;
display: block;
margin: 0 0 1.625em;
}
.page-link a {
margin: 0;
padding: 2px 3px;
text-decoration: none;
}
.page-link span {
margin-right: 6px;
}
/* =Navigation
-------------------------------------------------------------- */
#content nav {
clear: both;
overflow: hidden;
padding: 0 0 0.5em;
}
#content nav a {
font-weight: bold;
}
#nav-above {
padding: 0 0 0.5em;
/* z-index: 1; */
}
#nav-above {
display: none;
}
#nav-below {
margin: 0;
padding: 0;
/* z-index: 1; */
}
#nav-above, #nav-below {
font-size: 0.9em;
}
.nopassword,
.nocomments {
font-style: italic;
}
.nocomments {
display: none;
}
.paged #nav-above {
display: block;
}
.single #nav-above {
display: block;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
.single .nav-previous,
.single .nav-next {
width: 50%;
}
#content nav .meta-nav {
font-weight: normal;
}
/* Text meant only for screen readers */
.screen-reader-text {
display: none;
}
/* Password Protected Posts */
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.wrapper .post-format-icon {
font-size: 0.8em;
margin-top: 0.15em;
}
/* =Aside
----------------------------------------------- */
.one-column .format-aside .post-title {
display: block;
}
/* =Link
----------------------------------------------- */
.one-column .format-link .post-title {
display: block;
}
.one-column .format-link .entry-content {
padding: 1.625em 0 0;
}
/* =Status
----------------------------------------------- */
.format-status .entry-content .post-avatar-status img {
margin-right: 10px !important;
}
.single .format-status .post-title {
display: block;
}
.format-status img.avatar {
float: left;
margin: 4px 10px 2px 0;
padding: 0;
}
/* =Quote
----------------------------------------------- */
.format-quote blockquote {
margin: 0;
}
/* =Attachments
----------------------------------------------- */
/* =Fonts
----------------------------------------------- */
#author-description h2 {
font-size: 1.15em;
}
#author-info {
font-size: 0.90em;
}
#author-info h2 {
font-size: 1.00em;
}
.format-quote blockquote {
font-size: 1.30em;
}
.image-attachment .entry-caption p {
font-size: 0.90em;
}
.blog .content .category-asides p {
font-size: 1.10em;
}
.navigation {
font-size: 0.90em;
}
#wp-calendar {
margin-left: auto;
margin-right: auto;
}
#wp-calendar a {
text-decoration: underline;
}
#wp-calendar caption {
font-size: 1.20em;
}
#wp-calendar thead {
font-size: 0.90em;
}
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* -- /Theme Support */
/* put areas, padding, and margins at bottom so will override "mistakes" above */
/* =Area wrapper definitions ======================================================================================= */
.per-row-1, .per-row-2, .per-row-3, .per-row-4, .per-row-5, .per-row-6, .per-row-7, .per-row-8,
.per-row-1-m, .per-row-2-m, .per-row-3-m, .per-row-4-m, .per-row-5-m, .per-row-6-m, .per-row-7-m, .per-row-8-m, .smart-rm {
margin: 0;
clear: none;
float: left;
box-sizing: border-box;
}
.widget-smart-rm aside,
.m-widget-smart-rm aside,
.is-mobile .m-widget-smart-rm aside,
.ie8 .smart-rm { /* modern browsers use nth-of-type rules below */
margin-left: 0;
margin-right: 1%;
}
.ie8 .is-desktop .begin-of-row, /* make the multi-column widgets start new rows correctly on desktop */
.ie8 .is-smalltablet .widget-odd { /* and on small tablets for IE8 - modern browsers use nth-of-type rules below */
clear: both;
}
.ie8 .is-desktop .begin-of-row,
.ie8 .is-smalltablet .widget-odd { /* for widget areas */
clear: none;
}
.ie8 .end-of-row {
margin: 0;
}
.widget-area.align-center,
#infobar.align-center,
.align-center {
margin-left: auto;
margin-right: auto;
}
.flow-opposite {
float: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
#container .sb-float-right { /* #container needed to make work */
float: right;
}
#container .sb-float-left {
float: left;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.hide { /* the .x-hides need !important to override display:block ( or whatever ) on more explicit rules */
display: none !important;
}
.hide-none {
}
/* -- /Area wrapper */
/* =Area - device specific */
@media ( max-width: 580px) {
/* =phones ==================================================================================== */
#site-title,
.site-title {
font-size: 1.50em;
}
.s-full {
box-sizing: border-box;
margin: 0;
clear: none;
float: left;
}
.s-full {
width: 100%;
}
.s-hide {
display: none !important;
}
/* widget areas */
.s-widget-area-top,
.s-widget-area-bottom {
margin-left: 1%;
margin-right: 1%;
width: 98%;
}
.per-row-1,
.per-row-2,
.per-row-3,
.per-row-4 {
width: 100%;
}
.per-row-5,
.per-row-6,
.per-row-7,
.per-row-8 {
width: 50%;
}
.per-row-1-m,
.per-row-2-m,
.per-row-3-m,
.per-row-4-m {
width: 100%;
margin-right: 0;
}
.per-row-5-m /* if 5 or more per row look okay on desktop, then assume they will look okay on a phone, too */
.per-row-6-m,
.per-row-7-m,
.per-row-8-m {
width: 49.5%;
}
.ie8 .per-row-5-m.widget-even,
.ie8 .per-row-6-m.widget-even,
.ie8 .per-row-7-m.widget-even,
.ie8 .per-row-8-m.widget-even {
margin-right: 0;
}
.ie8 .per-row-5-m.widget-odd,
.ie8 .per-row-6-m.widget-odd,
.ie8 .per-row-7-m.widget-odd,
.ie8 .per-row-8-m.widget-odd {
margin-right: 1%;
}
#wrapper {
margin: 0 !important;
}
#header {
margin-top: 0 !important;
}
}
/* -- /phones */
@media (min-width: 581px) and ( max-width: 767px) {
/* =small tablets ========================================================= */
#site-title,
.site-title {
font-size: 2.00em;
}
.m-full,
.m-half,
.m-full-lm,
.m-half-lm,
.m-full-rm,
.m-half-rm {
margin: 0;
clear: none;
float: left;
box-sizing: border-box;
}
.m-full {
width: 100%;
}
.m-half {
width: 50%;
}
.m-full-lm { /* these don't use smart margin value */
width: 99.5%;
margin-left: 0.5%;
}
.m-half-lm {
width: 49.5%;
margin-left: 0.5%;
}
.m-full-rm {
width: 99%;
margin-right: 1%;
}
.m-half-rm {
width: 49%;
margin-right: 1%;
}
.m-hide {
display: none !important;
}
/* widget areas */
.m-widget-area-top,
.m-widget-area-bottom {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.per-row-1 {
width: 100%;
}
.per-row-2,
.per-row-3,
.per-row-4,
.per-row-5,
.per-row-6,
.per-row-7,
.per-row-8 { /* used when no margins on widgets */
width: 50%;
}
.per-row-1-m {
width: 100%;
margin-right: 0 !important;
}
.per-row-2-m,
.per-row-3-m,
.per-row-4-m,
.per-row-5-m,
.per-row-6-m,
.per-row-7-m,
.per-row-8-m {
width: 49.5%;
}
.widget-area.m-widget-cols-2 aside:nth-of-type( 2n ) {
margin-right: 0;
}
.widget-area.m-widget-cols-2 aside:nth-of-type( 2n+1 ) {
clear: both;
}
/* these are for modern browsers - IE8 has its own rules above */
.ie8 .per-row-2-m.widget-even,
.ie8 .per-row-3-m.widget-even,
.ie8 .per-row-4-m.widget-even,
.ie8 .per-row-5-m.widget-even,
.ie8 .per-row-6-m.widget-even,
.ie8 .per-row-7-m.widget-even,
.ie8 .per-row-8-m.widget-even {
margin-right: 0;
}
.ie8 .per-row-2-m.widget-odd,
.ie8 .per-row-3-m.widget-odd,
.ie8 .per-row-4-m.widget-odd,
.ie8 .per-row-5-m.widget-odd,
.ie8 .per-row-6-m.widget-odd,
.ie8 .per-row-7-m.widget-odd,
.ie8 .per-row-8-m.widget-odd {
margin-right: 1%;
}
#wrapper {
margin: 0 !important;
}
#header {
margin-top: 0 !important;
}
}
/* -- /smalltablets */
@media (min-width: 768px) {
/* =desktop and large ( iPad ) tablets =========================================================== */
.l-full, .l-half,
.l-full-lm, .l-half-lm,
.l-full-rm, .l-half-rm,
.l-content-rsb, .l-content-rsb-m, .l-content-lsb, .l-content-lsb-m, .l-content-ssb, .l-content-ssb-m,
.l-content-ssbs, .l-content-ssbs-m, .l-content, .l-content-m,
.l-sb-left, .l-sb-right, .l-sb-left-split, .l-sb-left-split-top, .l-sb-right-split,
.l-sb-left-lm, .l-sb-right-lm, .l-sb-right-split-lm,
.l-sb-left-rm, .l-sb-right-rm, .l-sb-left-split-rm, .l-sb-left-split-top-rm, .l-sb-right-split-rm,
.l-xyz {
margin: 0;
clear: none;
float: left;
box-sizing: border-box;
}
.l-full { /* not smart margin */
width: 100%;
}
.l-half {
width: 50%;
}
.l-full-lm {
width: 99%;
margin-left: 1%;
}
.l-half-lm {
width: 49%;
margin-left: 1%;
}
.l-full-rm {
width: 99%;
margin-right: 1%;
}
.l-half-rm {
width: 49%;
margin-right: 1%;
}
.l-content-rsb {
width: 75%;
}
/* content, right sidebar ( rsb ) */
.l-content-rsb-m {
width: 74%;
margin-right: 1%;
}
/* content, right sidebar, smart left margin */
.l-content-lsb {
width: 75%;
}
/* content, left sidebar */
.l-content-lsb-m {
width: 74%;
margin-left: 1%;
}
/* content, left sidebar, smart right margin */
.l-content-ssb {
width: 50%;
margin-left: 25%;
}
/* content, split sidebars */
.l-content-ssb-m {
width: 48%;
margin-left: 26%;
margin-right: 1%;
}
/* content, split sidebars, smart l/r margins */
.l-content-ssbs {
width: 50%;
}
/* content, split sidebars stacked */
.l-content-ssbs-m {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
/* content, split sidebars stacked, smart l/r margins */
.l-content {
width: 100%;
}
/* content, one-column */
.l-content-m {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
/* content, one-column, smart l/r margins */
.l-sb-left, .l-sb-right, .l-sb-left-split, .l-sb-right-split {
width: 25%;
}
.l-sb-left-lm, .l-sb-right-lm, .l-sb-right-split-lm {
width: 24%;
margin-left: 1%;
}
.l-sb-left-rm, .l-sb-right-rm, .l-sb-left-split-rm, .l-sb-right-split-rm {
width: 24%;
margin-right: 1%;
}
.l-sb-left-split {
margin-left: -75%;
position: relative;
width: 25%;
}
.l-sb-left-split-top {
position: relative;
width: 25%;
}
.l-sb-left-split-top-rm {
position: relative;
margin-right: 1%;
width: 24%;
}
.l-sb-left-split-rm {
margin-left: -75%;
position: relative;
width: 24%;
}
.l-flow-opposite {
float: right
}
.l-absolute {
position: absolute;
}
.l-hide {
display: none !important;
}
/* widget areas */
.l-widget-area-top, .l-widget-area-bottom {
width: 100%;
}
.per-row-1 {
width: 100%;
}
.per-row-2 {
width: 50%;
}
/* used when no margins on widgets */
.per-row-3 {
width: 33.33333%;
}
.per-row-4 {
width: 25%;
}
.per-row-5 {
width: 20%;
}
.per-row-6 {
width: 16.66666%;
}
.per-row-7 {
width: 14.14285%;
}
.per-row-8 {
width: 12.5%;
}
/* Width of each widget is ( ( 100/n ) - 1 ) + 1/n ( where sm = 1 ) */
.per-row-1-m {
width: 100%;
}
.per-row-2-m {
width: 49.5%;
}
.per-row-3-m {
width: 32.663%;
}
.per-row-4-m {
width: 24.25%;
}
.per-row-5-m {
width: 19%;
}
.per-row-6-m {
width: 15.8333%;
}
.per-row-7-m {
width: 13.4285%;
}
.per-row-8-m {
width: 11.625%;
}
.widget-cols-2 aside:nth-of-type( 2n+1 ) {
clear: both;
}
/* these are for modern browsers - IE8 has its own rules above */
.widget-cols-3 aside:nth-of-type( 3n+1 ) {
clear: both;
}
.widget-cols-4 aside:nth-of-type( 4n+1 ) {
clear: both;
}
.widget-cols-5 aside:nth-of-type( 5n+1 ) {
clear: both;
}
.widget-cols-6 aside:nth-of-type( 6n+1 ) {
clear: both;
}
.widget-cols-7 aside:nth-of-type( 7n+1 ) {
clear: both;
}
.widget-cols-8 aside:nth-of-type( 8n+1 ) {
clear: both;
}
.widget-cols-2 aside:nth-of-type( 2n ) {
margin-right: 0;
}
.widget-cols-3 aside:nth-of-type( 3n ) {
margin-right: 0;
}
.widget-cols-4 aside:nth-of-type( 4n ) {
margin-right: 0;
}
.widget-cols-5 aside:nth-of-type( 5n ) {
margin-right: 0;
}
.widget-cols-6 aside:nth-of-type( 6n ) {
margin-right: 0;
}
.widget-cols-7 aside:nth-of-type( 7n ) {
margin-right: 0;
}
.widget-cols-8 aside:nth-of-type( 8n ) {
margin-right: 0;
}
}
/* -- /desktop */
/* =Padding / Margin definitions ============================================================================ */
#wrapper,
#header-widget-area,
#branding,
#header-image,
#header-html,
#footer-html,
#container {
padding: 0;
}
#infobar {
padding: 5px 5px 5px 5px;
margin: 0;
}
#content {
padding: 4px 2% 8px 2%;
margin-bottom: 0px;
}
#container.container-expand {
padding: 0;
}
#container.container-page-builder #content { /* page builder no padding */
padding: 0;
}
#primary-widget-area,
#secondary-widget-area,
#footer-widget-area,
.extra-widget-area,
.widget-area-footer,
.widget-area-top,
.widget-area-bottom,
.widget-area-primary,
.widget-area-secondary {
padding: 8px;
margin-bottom: 10px;
}
.widget-area-top,
.widget-area-bottom {
margin-top: 10px;
}
/* =Margins */
#colophon {
padding: 8px;
margin-bottom: 0px;
margin-top: 0px;
}
#wrapper {
margin-bottom: 0px;
margin-top: 0px;
}
#header-html,
#footer-html,
.inject_postpostcontent,
[id*='inject_'] { /* give injection areas border-box, too. */
box-sizing: border-box;
}
/* -- /Padding */
/* =Font Size Group definitions */
/*
* Absolute Weaver uses an em based font-size design.
*
* The "standard" font size is call "medium"
* The design is xl, l, medium ( standard ), s, and xs. Any area ( ) can have a font size class
* to use one of the font groups. m-font-size is not defined - resulting the in the default sizes being used.
*
* .custom-font-size will result in generated CSS depending on the settings, will default to default
*
*/
.font-bold {
font-weight: bold;
}
.font-bold a {
font-weight: bold !important;
}
.font-weight-normal {
font-weight: normal !important;
}
.font-weight-normal a {
font-weight: normal !important;
}
.font-italic {
font-style: italic;
}
.font-italic a {
font-style: italic !important;
}
.font-inherit {
font-family: inherit;
}
/* need to duplicate these in editor-style.css */
/* =sans-serif -------------------------------------------------- */
.font-sans-serif {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.font-arialBlack {
font-family: "Arial Black", Gadget, Helvetica, sans-serif;
}
.font-arialNarrow {
font-family: "Arial Narrow", Arial, sans-serif;
}
.font-impact {
font-family: Impact, Haettenschweiler, Charcoal, "Arial Narrow Bold", sans-serif;
}
.font-lucidaSans {
font-family: "Lucida Sans", Geneva, Tahoma, sans-serif;
}
.font-trebuchetMS {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
.font-verdana {
font-family: Verdana, Geneva, Candara, sans-serif;
}
/* =serif ------------------------------------------------------ */
.font-serif {
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.font-cambria {
font-family: Cambria, Didot, Georgia, "Times New Roman", "Times Roman", serif;
}
.font-garamond {
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", TimesNewRoman, "Times New Roman", serif;
}
.font-georgia {
font-family: Georgia, Times, "Times New Roman", serif;
}
.font-lucidaBright {
font-family: "Lucida Bright", "Book Antiqua", Georgia, serif;
}
.font-palatino {
font-family: "Palatino Linotype", Palatino, "Lucida Bright", "Book Antiqua", serif;
}
/* =sans-monospace -------------------------------------------------- */
.font-monospace {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
.font-consolas {
font-family: Consolas, monaco, "Andale Mono", AndaleMono, monospace;
}
.font-lucidaConsole {
font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
}
.font-papyrus {
font-family: Papyrus, fantasy, cursive, serif;
}
.font-comicSans {
font-family: "Comic Sans MS", cursive, serif;
}
/* =google fonts ---------------------------------------------------- */
.font-alegreya-sans {
font-family: 'Alegreya Sans', sans-serif;
}
.font-alegreya-sans-sc {
font-family: 'Alegreya Sans SC', sans-serif;
}
.font-alegreya {
font-family: 'Alegreya', serif;
}
.font-alegreya-sc {
font-family: 'Alegreya SC', serif;
}
.font-roboto {
font-family: 'Roboto', sans-serif;
}
.font-roboto-condensed {
font-family: 'Roboto Condensed', sans-serif;
}
.font-roboto-mono {
font-family: 'Roboto Mono', monospace;
}
.font-roboto-slab {
font-family: 'Roboto Slab', serif;
}
.font-source-sans-pro {
font-family: 'Source Sans Pro', sans-serif;
}
.font-source-serif-pro {
font-family: 'Source Serif Pro', serif;
}
.font-handlee {
font-family: 'Handlee', cursive;
}
.font-inconsolata {
font-family: 'Inconsolata', monospace;
}
.font-open-sans {
font-family: 'Open Sans', sans-serif;
}
.font-open-sans-condensed {
font-family: 'Open Sans Condensed', sans-serif;
}
.font-droid-sans {
font-family: 'Droid Sans', sans-serif;
}
.font-droid-serif {
font-family: 'Droid Serif', serif;
}
.font-exo-2 {
font-family: 'Exo 2', sans-serif;
}
.font-lato {
font-family: 'Lato', sans-serif;
}
.font-lora {
font-family: 'Lora', serif;
}
.font-arvo {
font-family: 'Arvo', serif;
}
.font-archivo-black {
font-family: 'Archivo Black', sans-serif;
}
.font-vollkorn {
font-family: 'Vollkorn', serif;
}
.font-ultra {
font-family: 'Ultra', serif;
}
.font-arimo {
font-family: 'Arimo', sans-serif;
}
.font-tinos {
font-family: 'Tinos', serif;
}
/* standard font sizes - whatever is the default */
.xxl-font-size { /* 24 px */
font-size: 1.5em;
line-height: 1.5;
}
.xxl-font-size-title { /* 42 px */
font-size: 2.625em;
}
.xl-font-size { /* 20 px */
font-size: 1.25em;
line-height: 1.5;
}
.xl-font-size-title { /* 36 px */
font-size: 2.25em;
}
.l-font-size { /* 18 px */
font-size: 1.125em;
line-height: 1.555;
}
.l-font-size-title { /* 30 px */
font-size: 1.875em;
}
.m-font-size { /* 16 px */
font-size: 1.0em;
line-height: 1.555;
}
.m-font-size-title { /* 24 px */
font-size: 1.5em;
}
.s-font-size { /* 14 px */
font-size: 0.875em;
line-height: 1.3125;
}
.s-font-size-title { /* 20 px */
font-size: 1.25em;
}
.xs-font-size { /* 12 px */
font-size: 0.75em;
line-height: 1.6;
}
.xs-font-size-title { /* 16 px */
font-size: 1em;
}
.xxs-font-size { /* 10 px */
font-size: 0.625em;
line-height: 1.6;
}
.xxs-font-size-title { /* 14 px */
font-size: .875em;
}
/* -- /Font Size */
/* =Block Editor ======================================================================================= */
/* Absolute Weaver uses #content to wrap all page and post content */
#content *[class^="wp-block-"] { /* put a margin at the bottom of each block */
margin-bottom: 2.5em;
}
/* =================== Pullquotes =================== */
.wp-block-pullquote {
color: inherit;
padding: 0.33em 1.0em 0.33em 1.0em;
margin-left: 10px;
margin-right: 10px;
}
.wp-block-pullquote > p, .wp-block-pullquote blockquote p {
font-family: inherit;
font-style: normal;
}
blockquote.wp-block-quote p,
blockquote.wp-block-quote.is-large p {
font-style: normal;
}
/* =================== Code =================== */
/* =================== Preformatted =================== */
/* Overrides to match theme */
code {
background: rgba(128, 128, 128, 0.1);
color: inherit;
}
.wp-block-code,
.wp-block-preformatted pre {
background: rgba(128, 128, 128, 0.1);
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
color: inherit;
font-family: 'Inconsolata', monospace;
font-size: .8em;
height: auto;
margin: 0;
margin-bottom: 1.5em;
outline: none;
overflow: auto;
padding: 6px 10px;
vertical-align: middle;
width: 100%;
word-wrap: break-word;
white-space: pre-wrap;
}
/* =================== Cover Images =================== */
.wp-block-cover-image { /* make them tall */
min-height: 50vw;
height: 100%;
}
.wp-block-cover-image.has-parallax { /* this makes a nice looking parallax window */
min-height: 25vw;
}
/*
* iOS has problems with parallax cover images ( unlike Android devices ) - they display some
* random portion of the image that seems to be a dark background with no detail. Yuck!
* Absolute Weaver detects iOS devices and defines .is-ios for those devices. This rule
* changes cover images to scroll instead of fixed which has much nicer display.
*/
.is-ios .wp-block-cover-image.has-parallax {
background-attachment: scroll;
}
.wp-block-cover-image.has-background-dim {
}
#content .wp-block-cover-image.has-parallax { /* no margin for wide parallax images */
margin-bottom: 0;
}
/* =================== Separator =================== */
hr {
}
/* Gallery */
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
font-size: inherit; /* bigger than Gutenberg default */
padding: 30px 0 5px 0;
width: 100%;
}
.wp-block-gallery img,
.wp-block-gallery figure {
margin: 0 !important;
width: auto;
}
ul.wp-block-gallery {
clear: both;
}
ul.wp-block-gallery,
ul.wp-block-gallery li {
padding: 0;
}
.wp-block-image figcaption {
margin-top: .1em;
margin-bottom: 1em;
color: inherit;
text-align: center;
font-size: inherit;
}
/* ================================================================================================================== */
/* some helper classes exclusive to Gutenberg for this theme */
.block-no-vertical-margins {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.block-no-bottom-margin {
margin-bottom: 0 !important;
}
.block-1em-vertical-margins {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
.block-1em-bottom-margin {
margin-bottom: 1em !important;
}
.block-border {
border: 1px solid #222222;
padding: 0.5em 1.0em;
}
.block-border-bottom {
border-bottom: 1px solid #222222;
padding-bottom: 1.0em;
}
.block-no-border {
border: none !important;
}
.block-rounded,
.block-rounded-all {
border-radius: 8px !important;
padding: 1.0em 1.5em;
}
.block-rounded-top {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-top: 1.0em;
}
.block-rounded-bottom {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding-bottom: 1.0em;
}
.block-rounded-left {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 1.0em;
}
.block-rounded-right {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
padding-bottom: 1.0em;
}
.block-bg-transparent-gray {
background-color: rgba(0, 0, 0, 0.1) !important; /* !important makes it work in the editor, too */
}
/* end */
@media print {
/* =Print ------------------------------------------------------------------------------------- */
.wvrx-fullwidth {
float: none;
}
.wvrx-fullwidth {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
ul, ol, dl {
page-break-before: avoid;
}
body {
background: none !important;
font-size: 14px !important;
padding: 20px !important;
}
footer.entry-meta a[rel=bookmark]:link:after,
footer.entry-meta a[rel=bookmark]:visited:after,
footer.entry-utility a[rel=bookmark]:link:after,
footer.entry-utility a[rel=bookmark]:visited:after {
content: " [" attr(href) "] "; /* Show URLs */
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
margin-top: 0 !important;
border: none !important;
box-shadow: none !important;
background: none !important;
padding: 10px !important;
}
#branding {
border-top: none !important;
padding: 0 !important;
}
#branding div {
margin: 0;
}
#site-title,
.site-title,
#site-tagline,
.site-tagline,
#site-logo,
.site-logo {
position: relative !important;
float: none;
line-height: 1.5em;
margin: 0 !important;
padding: 0 !important;
}
#infobar,
.edit-link a,
#content nav,
.page-link,
#respond,
.widget-area,
#colophon #foot-widget-area,
#colophon #footer-html {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
#colophon {
border: none !important;
}
#container {
float: left;
border-top: none;
box-shadow: none;
overflow: visible;
margin: 0;
width: 100% !important;
padding: 0px !important;
}
#content {
border-top: none;
box-shadow: none;
overflow: visible;
padding: 0px !important;
margin: 0 1em 0 1em !important;
width: 100%;
}
/* Comments */
.commentlist > li.comment {
background: none;
border: 1px solid #dddddd;
border-radius: 3px 3px 3px 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.commentlist li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist li.comment .fn {
display: block;
}
.commentlist li.comment .comment-content {
margin: 1.625em 0 0;
}
.commentlist .comment-edit-link {
display: none;
}
.commentlist > li:before,
.commentlist > li.bypostauthor:before {
content: '';
}
.commentlist .reply {
display: none;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
color: #444444;
}
.commentlist > li.bypostauthor .comment-meta {
color: #666666;
}
.commentlist > li.bypostauthor:before {
content: none;
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
background: #ffffff;
border-color: #dddddd;
}
.commentlist .children > li.bypostauthor > article,
.commentlist .children > li.bypostauthor > article .comment-meta {
color: #666666;
}
img {
page-break-before: auto; /* 'always' 'avoid' 'left' 'inherit' 'right' 'auto' */
page-break-after: auto;
page-break-inside: avoid;
}
}
/* -- /Print */
/* theme support plugin */
/* rules for areas hidden in various hybrid "desktop" views */
@media screen and ( min-width: 768px) {
/* rules for desk top */
.wvr-hide-desktop {
display: none !important;
}
.wvr-hide-all {
display: none !important;
}
.wvr-show-phone {
display: none !important;
}
.wvr-show-mobile {
display: none !important;
}
.wvr-show-smalltablet {
display: none !important;
}
}
@media screen and ( min-width: 581px) and ( max-width: 767px) {
/* rules for small tablets */
.wvr-hide-smalltablet {
display: none !important;
}
.wvr-hide-mobile {
display: none !important;
}
.wvr-hide-all {
display: none !important;
}
.wvr-show-desktop {
display: none !important;
}
.wvr-show-phone {
display: none !important;
}
}
@media screen and ( max-width: 580px) {
/* rules for phones */
.wvr-hide-phone {
display: none !important;
}
.wvr-hide-mobile {
display: none !important;
}
.wvr-hide-all {
display: none !important;
}
.wvr-show-desktop {
display: none !important;
}
.wvr-show-smalltablet {
display: none !important;
}
}
/* Tabs */
.wvr-tabs {
box-sizing: border-box;
margin: 0 0 1.5em 0;
background: transparent;
}
.wvr-tabs-style .wvr-tabs-nav { /* top "bar" behind tabs */
padding: 0px 20px 0px 0px;
margin: 0;
height: 32px;
background-color: transparent;
}
.wvr-tabs-style .wvr-tabs-nav span { /* bg color of a tab */
display: block;
float: left;
padding: 0 20px;
height: 32px;
line-height: 32px;
margin-right: 5px;
cursor: pointer;
border-top: 1px solid #888888; /* border-color */
border-right: 1px solid #888888;
border-left: 1px solid #888888;
background: #cccccc; /* tab-bg */
border-top-left-radius: 6px;
border-top-right-radius: 6px;
position: relative;
z-index: 1;
}
.wvr-tabs-style .wvr-tabs-nav span.wvr-tabs-current {
position: relative;
z-index: 3;
}
.wvr-tabs-style .wvr-tabs-nav span.wvr-tabs-current,
.wvr-tabs-style .wvr-tabs-nav span:hover {
background: #eeeeee; /* tab-current-color */
}
.wvr-tabs-nav span {
box-sizing: border-box;
}
span.wvr-tabs-current {
box-sizing: content-box;
}
.wvr-tabs-style .wvr-tabs-pane {
padding: 15px;
border: 1px solid #888888; /* border-color */
min-height: 20px; /* pane-min-height */
background-color: transparent; /* pane-bg */
position: relative;
z-index: 2;
}
.wvr-tabs-panes {
position: relative;
z-index: 2;
}
/* add line to tab */
.wvr-tabs-panes .wvr-tabs-hide {
display: none;
}
.wvr-tabs-nav {
position: relative;
z-index: 3;
}
/* =IE8/* =========================== */
.ie-show {
display: none;
}
.ie8 .ie-show {
display: block;
}
/* for showing only on IE7/8 */
html.ie8 #infobar_paginate .page-numbers,
html.ie8 #nav-above .page-numbers,
html.ie8 #nav-below .page-numbers {
border: 1px solid #888888;
}
html.ie8 #content img.featured-image,
html.ie8 #content img,
html.ie8 #branding img,
html.ie8 .image-attachment img {
width: auto;
}
html.ie8 .widget img {
width: auto;
}
html.ie8 .shadow-1,
html.ie8 .shadow-2,
html.ie8 .shadow-3,
html.ie8 .shadow-4,
html.ie8 .shadow-custom {
border: 3px solid #eeeeee;
}
html.ie8 .shadow-rb {
border: 3px solid transparent;
border-right-color: #eeeeee;
border-bottom-color: #eeeeee;
}
html.ie8 .shadow-lb,
html.ie8 .shadow-tr,
html.ie8 .shadow-tl {
border: 3px solid #eeeeee;
}
html.ie8 .is-desktop article[class*="post-"]:before, /* help IE8 degrade better for full-width BG color */
html.ie8 .is-desktop #header:before,
html.ie8 .is-desktop #colophon:before,
html.ie8 .is-desktop #container:before,
html.ie8 .is-desktop .menu-extra:before,
html.ie8 .is-desktop .menu-secondary:before,
html.ie8 .is-desktop .menu-primary:before {
display: none;
}
/* -- /IE8 */
/* =Compatibility - compatibility with other plugins */
.container-woocommerce .product .entry-summary { /* fixed 3.1.5 */
clear: none;
}
/* -- /Compatibility */
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
initial-scale: 1.0;
}
@viewport {
width: device-width;
initial-scale: 1.0;
}
/* The End */