File: /var/www/html/wp-content/themes/bch-consulting/style.css
/*
Theme Name: BCH Consulting
Theme URI: https://demo.studiopress.com/
Description: Custom Genesis Framework child theme developed for BCH Consulting. Based on Genesis Sample.
Author: Switchback Digital Marketing
Author URI: https://www.switchback.ditigal
Version: 3.4.1
Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks
Template: genesis
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bch-consulting
Requires at least: 5.4
Requires PHP: 5.6
*/
/* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Screen Reader Text
- Structure and Layout
- Site Container
- Site Inner
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Genesis Simple FAQ
- WPForms
- Skip Links
- Site Header
- Title Area
- Site Navigation
- Responsive Menu
- Header Menu
- Footer Menu
- Content Area
- Entry Content
- Entry Meta
- Pagination
- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- Min-width: 960px
- Site Header
- Genesis Menu
- Responsive Menu
- Header Menu
- Site Inner
- Content
- Sidebar
- Author Box
- After Entry
- Column Classes
- Entry Misc.
- Footer Widgets
- Print Styles
*/
/* HTML5 Reset
---------------------------------------------------------------------------- */
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block;
background: #fff;
border-radius: 5px;
margin-bottom: 3em;
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],template {
display: none
}
/* stylelint-enable */
/* Box Sizing
--------------------------------------------- */
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
/* Globals */
* {
--font: 'Lato', sans-serif;
--primary: #407ab4;
--secondary: #d3e6f9;
--acent: #9fe04b;
--medium: #666;
--dark: #090909;
}
/* Float Clearing
--------------------------------------------- */
.author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before {
content: " ";
display: table;
}
.author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after {
clear: both;
content: " ";
display: table;
}
/* Defaults
---------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
background-color: #fff;
color: #333;
font-family: var(--font);
font-size: 16px;
font-weight: 400;
line-height: 1.625;
margin: 0;
overflow-x: hidden;
}
button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img {
transition: all 0.2s ease-in-out;
}
a {
color: var(--primary);
text-decoration: underline;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a:focus, a:hover {
color: #333;
text-decoration: none;
}
p {
margin: 0 0 28px;
padding: 0;
}
ol, ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
hr {
border: 0;
border-collapse: collapse;
border-bottom: 1px solid currentColor;
clear: both;
color: #eee;
margin: 1.65em auto;
}
b, strong {
font-weight: 700;
}
blockquote, cite, em, i {
font-style: italic;
}
mark {
background: #ddd;
color: #333;
}
.entry-content blockquote {
border: none;
margin: 5px 5px 30px;
padding: 25px 30px 5px 70px;
font-style: normal;
position: relative;
border-bottom: 1px solid var(--dark);
}
.entry-content blockquote::before {
content: '\201c';
color: #ddd;
font-family: serif;
font-size: 90px;
position: absolute;
left: 20px;
top: -20px;
}
.entry-content blockquote cite {
display: inline-block;
width: 100%;
text-align: right;
margin-top: 1em;
}
button.top {
background-color: var(--medium);
padding: 10px 15px;
float: left;
border: none;
position: absolute;
bottom: 0;
left: 0;
}
/* Headings
--------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font);
font-weight: 400;
line-height: 1.2;
margin: 0 0 20px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
.entry-content h3, .entry-content h4 {
font-weight: 600;
}
.entry-content h4 {
margin-top: 40px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
/* Objects
--------------------------------------------- */
embed, iframe, img, object, video, .wp-caption {
max-width: 100%;
}
img {
height: auto;
vertical-align: top;
}
figure {
margin: 0;
}
/* Gallery
--------------------------------------------- */
.gallery {
overflow: hidden;
}
.gallery img {
border: 1px solid #eee;
height: auto;
padding: 4px;
}
.gallery img:focus, .gallery img:hover {
border: 1px solid #999;
outline: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-item {
float: left;
margin: 0 0 30px;
text-align: center;
}
/* Forms
--------------------------------------------- */
input, select, textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 400;
padding: 15px;
width: 100%;
}
input:focus, textarea:focus {
border: 1px solid #999;
outline: none;
}
input[type="checkbox"], input[type="image"], input[type="radio"] {
width: auto;
}
:-ms-input-placeholder {
color: #333;
opacity: 1;
}
::placeholder {
color: #333;
opacity: 1;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
background-color: #333;
border: 0;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 15px 30px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
}
button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover {
background-color: #0073e5;
border-width: 0;
color: #fff;
}
.entry-content .button:focus, .entry-content .button:hover {
color: #fff;
}
.button {
display: inline-block;
}
.site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
color: #777;
cursor: not-allowed;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {
display: none;
}
/* Tables
--------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 40px;
width: 100%;
word-break: break-all;
}
tbody {
border-bottom: 1px solid #eee;
}
td, th {
line-height: 2;
text-align: left;
vertical-align: top;
}
td {
padding: 0.5em;
}
tr {
border-top: 1px solid #eee;
}
th {
font-weight: 600;
padding: 0.5em;
}
/* Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut, .screen-reader-text, .screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #333;
display: block;
font-size: 1em;
font-weight: 700;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
.more-link {
display: inline-block;
position: relative;
margin-bottom: 30px;
}
/* Structure and Layout
---------------------------------------------------------------------------- */
.wrap {
max-width: 1060px;
margin: 0px auto;
}
/* Site Container
--------------------------------------------- */
.site-container {
animation: fadein 1s;
word-wrap: break-word;
background: #090909 url('images/pattern-bg.png') center repeat;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.full-width-content .site-container {
background: #fff;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Site Inner
--------------------------------------------- */
.site-inner {
clear: both;
flex-grow: 1;
margin: 0 auto;
padding: 50px 30px 0;
}
/* Common Classes
---------------------------------------------------------------------------- */
/* Avatar
--------------------------------------------- */
.avatar {
border-radius: 50%;
float: left;
}
.author-box .avatar, .alignleft .avatar {
margin-right: 20px;
}
.alignright .avatar {
margin-left: 20px;
}
.comment .avatar {
margin: 0 15px 20px 0;
}
/* Genesis
--------------------------------------------- */
.after-entry, .archive-description, .author-box {
margin-bottom: 40px;
}
.after-entry {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
padding: 20px 30px;
}
.after-entry .widget:last-of-type {
margin-bottom: 0;
}
.breadcrumb {
border-bottom: 1px solid #eee;
font-size: 16px;
margin-bottom: 40px;
padding-bottom: 10px;
}
.genesis-title-hidden .breadcrumb {
margin-top: 40px;
}
.archive-description p:last-child, .author-box p:last-child {
margin-bottom: 0;
}
/* Search Form
--------------------------------------------- */
.search-form {
overflow: hidden;
}
.entry-content .search-form {
margin-bottom: 40px;
width: 50%;
}
.post-password-form input[type="submit"], .search-form input[type="submit"] {
margin-top: 10px;
}
.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
/* Titles
--------------------------------------------- */
.archive-description .entry-title, .archive-title, .author-box-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-title {
font-size: 30px;
margin-bottom: 10px;
font-weight: 700;
}
.entry-title a, .sidebar .widget-title a {
color: #333;
text-decoration: none;
}
.entry-title a:focus, .entry-title a:hover {
color: #0073e5;
}
.widget-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.genesis-title-hidden .site-inner {
padding-top: 0;
}
/* WordPress
--------------------------------------------- */
a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft, a.alignnone, a.alignright {
max-width: 100%;
}
img.centered, .aligncenter, .singular-image {
display: block;
margin: 0 auto 30px;
}
img.alignnone, .alignnone {
margin-bottom: 15px;
}
a.alignleft, img.alignleft, .wp-caption.alignleft {
margin: 0 20px 20px 0;
}
a.alignright, img.alignright, .wp-caption.alignright {
margin: 0 0 20px 20px;
}
figcaption, .gallery-caption, .wp-caption-text {
font-size: 14px;
font-weight: 600;
margin-top: 0.5em;
margin-bottom: 1em;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video {
margin: 0 0 30px;
}
/* Widgets
---------------------------------------------------------------------------- */
.widget {
margin-bottom: 40px;
}
.widget p:last-child, .widget ul > li:last-of-type {
margin-bottom: 0;
}
.widget ul > li:last-of-type {
padding-bottom: 0;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget li li {
border: 0;
padding: 0;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td, .widget_calendar th {
text-align: center;
}
/* Featured Content
--------------------------------------------- */
.featured-content .entry {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.featured-content .entry:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.featured-content .entry-title {
font-size: 16px;
margin-bottom: 5px;
margin-top: 10px;
}
/* Plugins
---------------------------------------------------------------------------- */
/* Genesis eNews Extended
--------------------------------------------- */
.after-entry .enews {
text-align: center;
padding: 10px;
}
.sidebar .enews {
background-color: #f5f5f5;
padding: 30px;
}
.enews-widget input {
font-size: 16px;
margin-bottom: 10px;
}
.after-entry .enews-widget input {
text-align: center;
}
.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
}
.enews form + p {
margin-top: 20px;
}
/* Genesis Simple FAQ
--------------------------------------------- */
.gs-faq__question {
background: transparent;
border-bottom: 1px solid #eee;
color: #333;
padding-left: 0;
padding-right: 0;
}
.gs-faq__question:focus, .gs-faq__question:hover {
background: transparent;
color: #0073e5;
}
.gs-faq__question::after {
content: "\f132";
font-family: dashicons;
/* stylelint-disable-line font-family-no-missing-generic-family-keyword */
float: right;
}
.gs-faq__question.gs-faq--expanded::after {
content: "\f460";
}
/* WP Forms
--------------------------------------------- */
.entry-content .wpforms-container {
margin-bottom: 40px;
}
.entry-content .wpforms-form .wpforms-field {
clear: both;
margin: 20px 0;
overflow: hidden;
}
.site-container .wpforms-container .wpforms-form .wpforms-field input {
border-radius: 0;
height: auto;
padding: 15px;
}
.site-container .entry-content .wpforms-form .wpforms-field-label {
font-weight: 600;
}
.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
font-size: 14px;
font-weight: 300;
}
.entry-content .wpforms-form .wpforms-field-hp {
display: none !important;
left: -9000px !important;
position: absolute !important;
}
.site-container .entry-content .wpforms-form textarea {
padding: 15px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
height: 120px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
height: 200px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
height: 300px;
}
/* Skip Links
---------------------------------------------------------------------------- */
.genesis-skip-link {
margin: 0;
}
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden;
}
.genesis-skip-link li {
height: 0;
list-style: none;
width: 0;
}
/* Display outline on focus */
:focus {
color: #333;
outline: #ccc solid 1px;
}
/* Site Header
---------------------------------------------------------------------------- */
.site-header {
background: #090909 url('images/pattern-bg.png') center repeat;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
color: #fff;
padding: 0 30px;
}
/* Title Area
--------------------------------------------- */
.title-area {
padding-bottom: 25px;
padding-top: 25px;
}
.wp-custom-logo .title-area {
max-width: 350px;
margin: 0px auto;
float: none;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
}
.wp-custom-logo .custom-logo-link {
display: block;
}
.wp-custom-logo .title-area img {
width: auto;
}
.site-title {
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.site-title a, .site-title a:focus, .site-title a:hover {
color: #333;
text-decoration: none;
}
.site-description, .wp-custom-logo .site-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
section#custom_html-2 {
display: none;
}
/* Site Navigation
---------------------------------------------------------------------------- */
.genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%;
}
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
}
.genesis-nav-menu a {
color: #fff;
display: block;
font-size: 15px;
font-weight: 400;
outline-offset: -1px;
padding-bottom: 18px;
padding-top: 18px;
text-decoration: none;
}
.genesis-nav-menu > li > a {
text-transform: uppercase;
}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
background: #eee;
color: var(--dark);
text-decoration: none;
}
.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
width: 100%;
}
.genesis-nav-menu .sub-menu {
background-color: #eee;
clear: both;
display: none;
left: -9999px;
margin: 0;
opacity: 1;
padding-left: 15px;
position: static;
z-index: 99;
}
.genesis-nav-menu .sub-menu a {
background-color: #eee;
color: var(--dark);
font-size: 14px;
position: relative;
word-wrap: break-word;
}
.genesis-nav-menu li:hover {
background: #fff;
}
.genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
display: block;
left: auto;
opacity: 1;
}
.nav-primary .genesis-nav-menu li {
background: #eee;
padding-left: 10px;
}
.nav-primary .genesis-nav-menu li a {
color: var(--dark);
}
section#nav_menu-2 {
margin-bottom: 0;
}
ul#menu-top-menu {
display: flex;
justify-content: space-between;
padding: 0;
}
ul#menu-top-menu > li:hover, ul#menu-footer-menu > li:hover {
background: transparent;
}
ul#menu-top-menu > li a {
font-size: 14px;
}
ul#menu-top-menu .sub-menu li a {
font-size: 12px;
color: var(--primary);
padding-left: 20px;
}
ul#menu-top-menu .sub-menu {
display: none!important;
}
ul#menu-footer-menu > li a {
color: var(--primary)
}
ul#menu-top-menu a:focus, ul#menu-top-menu a:hover, ul#menu-top-menu .current-menu-item>a, ul#menu-top-menu .sub-menu .current-menu-item>a:focus, ul#menu-top-menu .sub-menu .current-menu-item>a:hover, ul#menu-footer-menu a:focus, ul#menu-footer-menu a:hover, ul#menu-footer-menu .current-menu-item>a, ul#menu-footer-menu .sub-menu .current-menu-item>a:focus, ul#menu-footer-menu .sub-menu .current-menu-item>a:hover {
background: transparent;
color: var(--primary);
}
/* Responsive Menu
--------------------------------------------- */
.menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
.js .nav-primary {
display: none;
position: relative;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
display: none;
}
.menu-toggle, .sub-menu-toggle {
background-color: transparent;
border-width: 0;
color: #fff;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
.menu-toggle:focus, .menu-toggle:hover {
background-color: var(--primary);
color: #fff;
}
.sub-menu-toggle:focus, .sub-menu-toggle:hover {
color: var(--dark);
background-color: transparent;
}
.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
border-width: 0;
}
.menu-toggle {
float: right;
line-height: 20px;
margin-top: 10px;
padding: 15px 10px;
position: relative;
z-index: 1000;
width: 100%;
background: var(--primary);
text-align: right;
border-radius: 0;
}
.menu-toggle.activated::before {
content: "\f335";
}
.site-header .dashicons-before::before {
transition: none;
}
.site-header .menu-toggle::before {
float: left;
margin-right: 5px;
position: relative;
text-rendering: auto;
top: 1px;
}
.sub-menu-toggle {
color: var(--dark);
float: right;
padding: 9px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
.sub-menu .sub-menu-toggle {
padding: 12px 10px;
}
.sub-menu-toggle::before {
display: inline-block;
text-rendering: auto;
transform: rotate(0);
transition: transform 0.25s ease-in-out;
}
.sub-menu-toggle.activated::before {
transform: rotate(180deg);
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
clear: left;
width: 100%;
}
.nav-primary a {
color: #fff;
}
/* Footer Menu
--------------------------------------------- */
.nav-secondary {
margin: 10px auto 90px;
max-width: 900px;
}
.nav-secondary .genesis-nav-menu {
line-height: 1.5;
}
.nav-secondary .menu-item {
display: inline-block;
}
.nav-secondary a {
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
/* Content Area
---------------------------------------------------------------------------- */
/* Home page Content
--------------------------------------------- */
.home h1.entry-title,
.home h2.entry-title {
display: none;
}
.home main#genesis-content {
padding-top: 0;
}
.home .site-inner {
padding-top: 0;
}
.association-carousel-outer {
width: 100%;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.association-carousel-outer div {
height: 160px;
background: url(/wp-content/themes/bch-consulting/images/marquee.jpg) repeat-x;
width: 450%;
animation: carousel 25s linear infinite
}
.association-carousel-outer a {
text-align: center;
width: 100%;
display: inline-block;
text-decoration: none;
font-size: 23px;
background-color: var(--primary);
color: #fff;
padding: 20px 0px;
}
.association-carousel-outer a:hover {
text-decoration: underline;
}
@keyframes carousel {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-3561px)
}
}
/* Entry Content
--------------------------------------------- */
.content-sidebar main {
padding: 30px 40px;
}
.entry {
margin-bottom: 40px;
}
.entry-content ol, .entry-content ul {
margin-bottom: 30px;
padding-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ul > li, .entry-content ul ul > li {
list-style-type: circle;
}
.entry-content ol ol, .entry-content ul ul {
margin-bottom: 0;
}
.entry-content code {
background-color: #f5f5f5;
}
.content .sticky {
background-color: #f5f5f5;
padding: 30px;
}
.note {
background: var(--secondary);
border-radius: 2px;
margin-bottom: 20px;
padding: 1em;
outline: 1px solid #b9ccdf;
outline-offset: 1px;
}
.note h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.note ul {
margin: 0;
padding: 0;
}
.note ul li {
list-style-type: none;
}
.su-note-inner {
padding: 1em;
border-width: 1px;
}
.banner {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 2em;
width: 100vw;
text-align: center;
background: var(--primary);
padding: 20px 0px;
font-size: 23px;
color: #fff;
}
.banner a {
color: currentColor;
text-decoration: none;
}
.banner a:hover {
text-decoration: underline;
}
/* Entry Meta
--------------------------------------------- */
p.entry-meta {
font-size: 16px;
margin-bottom: 0;
}
.entry-header .entry-meta {
margin-bottom: 20px;
}
.entry-footer .entry-meta {
border-top: 1px solid #eee;
padding-top: 20px;
}
.entry-categories, .entry-tags {
display: block;
}
.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}
/* Pagination
--------------------------------------------- */
.pagination {
clear: both;
margin: 60px 0;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: #f5f5f5;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
padding: 8px 12px;
text-decoration: none;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
background-color: #333;
color: #fff;
}
/* Entry Comments
--------------------------------------------- */
.comment-respond, .entry-comments, .entry-pings {
margin-bottom: 40px;
}
.comment-list li {
padding: 40px 0 0 30px;
}
.comment-list .depth-1 {
padding-left: 0;
}
.comment-header {
margin-bottom: 30px;
}
.comment-content {
clear: both;
}
.comment-content ul > li {
list-style-type: disc;
}
.comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] {
width: 50%;
}
.comment-respond label {
display: block;
margin-right: 12px;
}
.comment-header p {
margin-bottom: 0;
}
.entry-pings .reply {
display: none;
}
.comment-form-cookies-consent label {
display: inline;
padding-left: 10px;
}
/* Sidebar
---------------------------------------------------------------------------- */
.sidebar {
font-size: 16px;
line-height: 1.5;
}
.sidebar .widget {
background: var(--dark);
border-radius: 5px;
color: #fff;
padding: 20px;
margin-bottom: 40px;
}
.sidebar p {
margin-bottom: 20px;
}
.sidebar h3.widget-title {
color: var(--primary);
text-transform: uppercase;
font-size: 16px;
}
.sidebar .widget_nav_menu li {
border-bottom: 1px dotted #494949;
padding-bottom: 10px;
}
.sidebar .widget_nav_menu a {
color: #fff;
font-size: 15px;
}
.sidebar .widget_nav_menu a:hover {
text-decoration: none;
}
/* Pre Footer
---------------------------------------------------------------------------- */
.pre-footer {
background: #090909 url('images/pattern-bg.png') center repeat;
color:#fff;
padding: 40px 20px;
}
.pre-footer .wrap {
display: grid;
grid-template-columns: 1fr;
grid-gap: 25px;
}
.pre-footer .wrap:before, .pre-footer .wrap:after {
display: none;
}
.pre-footer section {
margin-bottom: 0;
}
/* Footer Widgets
---------------------------------------------------------------------------- */
.footer-widgets {
border-top: 1px solid #eee;
background-color: #fff;
clear: both;
padding: 60px 0;
}
.footer-widgets .wrap {
margin-left: auto;
margin-right: auto;
}
.footer-widget-area {
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
}
.footer-widget-area:last-child, .footer-widgets .widget:last-child {
margin-bottom: 0;
}
.pre-footer blockquote {
font-size: 20px;
font-style: normal;
margin: 0;
}
.pre-footer blockquote cite {
font-size: 16px;
display: block;
margin-top: 20px;'
font-style: normal;
}
.pre-footer section:nth-child(2) h4.widget-title.widgettitle{
color: var(--primary);
text-transform: uppercase;
font-size: 16px;
}
.pre-footer section:nth-child(2) {
font-size: 14px;
}
/* Site Footer
---------------------------------------------------------------------------- */
.site-footer {
background-color: var(--dark);
color: var(--medium);
font-size: 15px;
line-height: 1.5;
padding: 30px;
text-align: center;
}
.site-footer p {
margin-bottom: 0;
text-align: right;
}
.site-footer a {
color: inherit;
}
.site-footer .wrap {
position: relative;
}
/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
table {
table-layout: auto;
word-break: normal;
}
}
@media only screen and (min-width: 960px) {
/* Site Header
--------------------------------------------- */
.site-header {
top: 0;
z-index: 9999;
}
.site-header .wrap {
display: flex;
justify-content: space-between;
}
.site-header .wrap:before, .site-header .wrap:after {
display: none;
}
.admin-bar .site-header {
top: 32px;
}
.widget-area.header-widget-area {
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
max-width: 555px;
}
.widget-area.header-widget-area .widget {
margin-bottom: 0;
}
section#custom_html-2 {
order: 2;
display: block;
}
.title-area {
float: left;
padding-bottom: 25px;
padding-top: 25px;
}
.wp-custom-logo .title-area {
float: left;
margin: 0;
}
/* Genesis Menu
--------------------------------------------- */
.genesis-nav-menu {
display: flex;
justify-content: space-between;
max-width: 1060px;
margin: 0px auto;
}
.genesis-nav-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu > .menu-bold > a {
font-weight: 700;
}
.genesis-nav-menu > .menu-highlight > a {
background-color: #333;
border-radius: 3px;
color: #fff;
font-weight: 600;
margin-left: 15px;
padding-left: 20px;
padding-right: 20px;
}
.genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover {
background-color: var(--dark);
}
.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
width: 180px;
}
.genesis-nav-menu .sub-menu {
border-top: 1px solid #eee;
opacity: 0;
padding-left: 0;
position: absolute;
transition: opacity 0.3s ease-in-out;
}
.genesis-nav-menu .sub-menu a {
border-bottom: 1px solid #fff;
border-top: 0;
padding-bottom: 15px;
padding-top: 15px;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -46px 0 0 179px;
}
/* Responsive Menu
--------------------------------------------- */
.js .nav-primary {
display: block;
}
.menu-toggle, .sub-menu-toggle {
display: none;
visibility: hidden;
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
background: var(--primary);
clear: none;
float: none;
width: 100%;
}
.nav-primary .genesis-nav-menu a {
padding-left: 15px;
padding-right: 15px;
}
.nav-primary .genesis-nav-menu > ul > li > a {
text-transform: uppercase;
}
.nav-primary .genesis-nav-menu >li> a:hover {
background: #eee;
}
.nav-primary .genesis-nav-menu li {
background: transparent;
padding-left: unset;
}
.nav-primary .genesis-nav-menu >li a {
color: #fff;
}
.nav-primary .genesis-nav-menu >li.current-menu-item a {
color: var(--dark);
}
.nav-primary .genesis-nav-menu .sub-menu >li a {
color: var(--dark);
}
.nav-primary .genesis-nav-menu a:hover {
background: #fff;
color: var(--dark);
}
/* Top Menu
--------------------------------------------- */
ul#menu-top-menu li {
margin-right: 20px;
}
ul#menu-top-menu > li a {
font-size: 14px;
}
ul#menu-top-menu .sub-menu {
display: unset!important;
}
/* Site-Inner
--------------------------------------------- */
.site-inner {
max-width: 1140px;
}
/* Content
--------------------------------------------- */
.content {
float: left;
width: 68%;
}
.sidebar-content .content {
float: right;
}
.full-width-content .content {
float: none;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1060px;
}
/* Sidebar
--------------------------------------------- */
.sidebar {
float: right;
width: 30%;
}
.sidebar-content .sidebar {
float: left;
}
/* Author Box
--------------------------------------------- */
.author-box {
background-color: #f5f5f5;
padding: 30px;
}
/* After Entry
--------------------------------------------- */
.after-entry {
padding: 40px 60px;
}
.after-entry .enews {
padding-left: 30px;
padding-right: 30px;
}
/* Column Classes
--------------------------------------------- */
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half, .three-sixths, .two-fourths {
width: 48.717948717948715%;
}
.one-third, .two-sixths {
width: 31.623931623931625%;
}
.four-sixths, .two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
}
/* Entry Misc.
--------------------------------------------- */
.after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings {
margin-bottom: 60px;
}
/* Footer Widgets
--------------------------------------------- */
.footer-widgets .wrap {
max-width: 1140px;
}
.footer-widget-area {
float: left;
margin-bottom: 0;
width: calc(100% / 3);
}
.pre-footer .wrap {
grid-template-columns: 9fr 3fr;
}
}
/* Print Styles
---------------------------------------------------------------------------- */
@media print {
*, *::before, *::after {
background: transparent !important;
box-shadow: none !important;
color: #333 !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after {
content: "";
}
thead {
display: table-header-group;
}
img, tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid;
}
.content, .content-sidebar {
width: 100%;
}
button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar {
display: none !important;
}
.title-area {
text-align: center;
width: 100%;
}
.site-title > a {
margin: 0;
text-decoration: none;
text-indent: 0;
}
.site-inner {
padding-top: 0;
position: relative;
}
.author-box {
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
orphans: 3;
page-break-after: avoid;
page-break-inside: avoid;
widows: 3;
}
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote, pre, table {
page-break-inside: avoid;
}
dl, ol, ul {
page-break-before: avoid;
}
}