/*
Theme Name: ReinhardtTest
Theme URI: http://my.studiopress.com/themes/hello
Description: Custom theme for Reinhardt Test SubSite ID=9
Original Author: BrandiD
Author of Modifications: MadRiverWeb
Author URI: https://thebrandid.com/
Version: 3.0.4.0.0
Forked off of main style sheet 5/18/21
Tags: block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, personal-branding, rtl-language-support, sticky-post, theme-options, translation-ready, wide-blocks
Template: genesis
Template Version: 3.1.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reinhardttest
*/
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* ## Box Sizing
--------------------------------------------- */
html,
input[type="search"] { box-sizing: border-box; }
*,
*::before,
*::after { box-sizing: inherit; }
/* ## 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 { font-size: 62.5%; /* 10px browser default */ }
/* Typographical Elements
--------------------------------------------- */
body { background: #fdfdfd; color: #252422; font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.6; min-height: 100vh;
display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button { transition: all 0.1s ease-in-out; }
a { text-decoration: none; border-bottom: 1px #252422 solid; padding-bottom: 2px; }
a:focus,
a:hover { border-bottom: 1px transparent solid; }
a img { vertical-align: top; }
p { margin: 0 0 24px; padding: 0; }
strong { font-weight: 700; }
/*
blockquote,
blockquote::before { color: #999; } */
blockquote { margin: 0; padding: 24px 40px; }
blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; }
cite { font-style: normal; }
/* Headings
--------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.25; margin: 0 0 10px; padding: 0; }
h1 { font-size: 32px; font-size: 3.2rem; margin: 0.3em 0 0.2em; font-weight: bold; }
h2 { font-size: 24px; font-size: 2.4rem; margin: 0em 0 1.0em; line-height: 1.3; }
h3 { font-size: 18px; font-size: 1.8rem; margin: 1.5em 0 1.0em; font-weight: bold; }
h4 { font-size: 22px; font-size: 2.2rem; margin: 0.4em 0 0.5em; font-weight: bold; } /* This affects accordian panel heading. (Maybe only in the old site.) */
h5 { font-size: 16px; font-size: 1.6rem; margin: 0.3em 0 0.2em; font-weight: bold; }
h6 { font-size: 13px; font-size: 1.3rem; color: #999; }
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { font-weight: 700; }
/* Objects
--------------------------------------------- */
.wp-caption, embed, iframe, img, object, video { max-width: 100%; }
img { height: auto; }
.featured-content img,
.gallery img { width: auto; /* IE8 */ }
/* Forms
--------------------------------------------- */
input,
select,
textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1.6rem; padding: 10px; width: 100%; }
input[type="checkbox"],
input[type="image"],
input[type="radio"] { width: auto; }
input:focus,
textarea:focus { border: 1px solid #999; outline: #ccc solid 3px; }
::-moz-placeholder { color: #999; opacity: 1; }
::-webkit-input-placeholder { color: #999; }
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button { border: none; /* border-radius: 0; */ border-radius: 6px; box-shadow: none; cursor: pointer; /* padding: 10px 20px; */ padding: 8px 20px; width: auto; text-transform: uppercase; }
button { border: none; border-radius: 0; box-shadow: none; cursor: pointer; padding: 8px 20px; width: auto; text-transform: uppercase; }
button:focus,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
.entry-content .button:focus { border: none; text-decoration: none; }
.button { border-radius: 0; display: inline-block; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none; }
.home-cta a.button { display: inline-block; text-align: center; }
/* DAM added the below */
.reqd, .nreqd { padding: 4px; border: 1px solid #999; border-radius: 4px; }
.reqd { background-color: #FFD; }
#EmailHomeOffice { display: none; }
.form-group { margin-bottom: 10px; }
input, textarea { padding: 4px; border: 1px solid #999; border-radius: 4px; }
select { width: auto; }
.floatleft, .formfloatleft { float: left; margin-right: 1%; }
.floatright, .formfloatright { float: right; margin-left: 1%; }
/* Tables
--------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }
tbody { border-bottom: 1px solid #ddd; }
td, th { text-align: left; }
th { font-weight: bold; text-transform: uppercase; }
td { border-top: 1px solid #ddd; padding: 6px 0; }
/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff;
z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); }
.more-link { position: relative; }
/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link { margin: 0; }
.genesis-skip-link li { height: 0; list-style: none; width: 0; }
/* Display outline on focus */
:focus { color: #333; outline: thin dotted #ccc; }
/* Site Containers
--------------------------------------------- */
.site-container { margin: 0 auto; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-positive: 1; flex-grow: 1; word-wrap: break-word; }
.hello-pro-landing .site-inner { width: 800px; margin: 0 auto; }
.site-inner { clear: both; margin: 0 auto; overflow: hidden; width: 1170px; -ms-flex-positive: 1; flex-grow: 1; }
.hello-pro-home .site-inner { clear: both; margin: 0 auto; overflow: visible; width: 100%; }
body.sticky-header .site-inner { margin-top: 100px; }
body.primary-nav .site-inner { margin-top: 0; }
.wrap { max-width: 1200px; margin: 0 auto; }
/* Content
--------------------------------------------- */
.content { float: right; width: 740px; /* padding: 40px 0 10px; */ padding: 40px 0 0; margin: 0 15px; }
.content-sidebar .content { float: left; }
.full-width-content .content { width: 100%; /* max-width: 800px; */ max-width: 1170px; float: none; margin: auto; }
.hello-pro-home .content { padding: 0; }
/* Primary Sidebar
--------------------------------------------- */
.sidebar-primary { /* margin: 20px 15px 30px; */ margin: 15px 15px 30px 21px; float: right; /* width: 370px; */ width: 364px; }
.sidebar-primary .widget { /* margin-top: 20px; */ margin-bottom: 20px; }
.sidebar-primary .widget:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }
.sidebar-primary .widget:last-of-type { margin-bottom: 0; padding-bottom: 0; }
.sidebar-content .sidebar-primary { float: left; }
.sidebar-primary .widget .widget-title { /* margin-bottom: 30px; */ display: block; text-align: left; font-weight: 700; font-size: 20px; font-size: 2rem;
margin-bottom: 0; margin-top: 0; padding: 10px 15px; color: #fff; border-top-right-radius: 4px; border-top-left-radius: 4px;
background-color: #f7a722; border-color: #f7a722; }
.full-width-content .sidebar { display: none; } /* DAM added, as alternative to a function */
.full-width-content .wp-block-column.sidebar { display: inline; }
/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.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; }
/* Avatars and Images
--------------------------------------------- */
.avatar { border: 1px solid #fff; float: left; }
.alignleft .avatar { margin-right: 24px; }
.alignright .avatar { margin-left: 24px; }
.search-form { position: relative; overflow: hidden; }
.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; }
.search-form input[type="search"] { background: #fff; color: #888; font-size: 10px; font-size: 1rem; margin-bottom: 10px; padding: 16px; text-transform: uppercase; width: 100%;
position: relative; display: block; }
a.aligncenter img { display: block; margin: 0 auto; }
.aligncenter, img.centered { display: block; margin: 0 auto 24px; }
a.alignnone img, img.alignnone { margin-bottom: 12px; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
a.alignleft, a.alignnone, a.alignright { max-width: 100%; }
a.alignnone { display: inline-block; }
.wp-caption.alignleft, alignleft img, a.alignleft img, img.alignleft, figure.alignleft { margin: 0 24px 12px 0 !important; }
.wp-caption.alignright, alignright img, a.alignright img, img.alignright, figure.alignright { margin: 0 0 24px 24px !important; }
.entry-content .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 400; margin: 0; text-align: center; } /* DAM this does not affect all images */
.entry-content .gallery-caption, .gallery-caption { margin: 0 0 10px; }
.site-container .wp-block-image figcaption { margin-bottom: 0px !important; margin-top: 0px !important; } /* DAM to tighten up all the margin in front-end.css */
.wp-block-image .alignright, .wp-block-image .alignleft { max-width: 75%; }
@media screen and (max-width: 500px){ /* DAM added */
.alignleft { float: none; text-align: left; }
.alignright { float: none; text-align: right; }
.wp-caption.alignleft, a.alignleft img, img.alignleft { margin: 0 0 12px 0 !important; float: none !important; width: 100% !important; }
.wp-caption.alignright, a.alignright img, img.alignright { margin: 0 0 24px 0 !important; float: none !important; width: 100% !important; }
.wp-block-image .alignright, .wp-block-image .alignleft { margin: auto !important; float: none !important; max-width: 100% !important; width: 100% !important; }
.wp-block-columns .wp-block-column img { max-width: 100% !important; } /* DAM to correct the max-width I put in the front-end.css file line 11 */
}
/* Genesis
--------------------------------------------- */
.breadcrumb { color: #777; font-size: 12px; font-size: 1.2rem; margin: -40px -30px 30px; padding: 20px; }
.breadcrumb { margin: -40px 0px 0px -15px; } /* DAM added */
.page .content .breadcrumb { margin: 0; } /* added by Kim */
.hello-pro-home .breadcrumb { margin: 0; }
.archive-description,
.author-box { margin-bottom: 30px; padding: 15px 15px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.archive-description { margin-bottom: 0px; background-color: #e87f37; /* padding: 16px 0; */ padding: 0 0 5px; border: none; } /* brandiD added, DAM modified */
.author-box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; }
.author-box p { font-size: 16px; font-size: 1.6rem; margin: 0; }
.author-box .avatar { margin-right: 24px; }
.bypostauthor { background-color: transparent; }
/* Titles
--------------------------------------------- */
.entry-title,
.archive-title { /* font-size: 32px; font-size: 3.2rem; */ font-size: 24px; font-size: 2.4rem; line-height: 1.25; margin-bottom: 20px; /* text-transform: uppercase; */ }
.entry-title a,
.sidebar .widget-title a { text-decoration: none; border-bottom-color: transparent; }
.entry-title a:hover,
.footer-widgets .entry-title a:hover { text-decoration: none; border-bottom: 1px solid; }
.hello-pro-portfolio .entry-title,
.widget-title { font-size: 16px; font-size: 1.6rem; /* text-transform: uppercase; */ margin-bottom: 20px; text-align: left; }
.footer-widgets .entry-title,
.sidebar .entry-title { font-size: 16px; font-size: 1.6rem; }
.hello-pro-home .home-cta .widget-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; text-transform: none; }
.entry-header { /* padding: 5px 0; */ padding: 0 0 5px; } /* DAM changed */
header.entry-header{ background-color:#e87f37; } /* brandiD added */
.blog header.entry-header { background-color: #fff; } /* brandiD added */
.archive header.entry-header { background-color: #fff; } /* brandiD added */
h1.entry-title, h1.archive-title { color: #fff; font-size: 4.0rem; font-weight: normal; margin: 0 auto 0.2em; max-width:1180px; padding: 30px 15px 25px; width:100%; } /* brandiD added */
.gb-block-post-grid header .gb-block-post-grid-title { font-size: 24px !important; }
/* Widgets
--------------------------------------------- */
.featured-content .entry { margin-bottom: 12px; padding: 0; }
.featured-content .entry-title { font-size: 18px; font-size: 1.8rem; }
.hello-pro-home .featured-content .entry { margin-bottom: 36px; }
/* Jetpack
--------------------------------------------- */
img#wpstats { display: none; }
/* Site Header
--------------------------------------------- */
.site-header { background-color: #fff; margin: 0 auto; min-height: 100px; width: 100%; display: block; z-index: 2; /* border-bottom: 1px #252422 solid; */ transition: all 0.2s ease-in-out; }
.home .site-header { border-bottom: none; }
.sticky-header .site-header { position: fixed; }
/*.site-header .wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: center; align-items: center; } */ /* brandiD removed */
.site-header .title-area { float: left; overflow: hidden; max-width: 360px; padding-top: 20px; padding-bottom: 10px; }
.site-header .site-title { display: block; font-size: 38px; font-size: 3.8rem; line-height: normal; margin: 10px 0 5px; }
.header-image .site-header .site-title { border-bottom: none !important; }
.site-header .site-title a { display: inline-block; text-decoration: none; transition: all 0.25s ease; }
.site-header .site-title a,
.site-header .site-title a:hover { text-decoration: none; border-bottom: none; }
.site-header .site-description { display: block; font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; padding-top: 3px; color: #333; }
.site-header .site-title a.has-image .site-description,
.site-header .site-title a.has-image .site-title-name,
.site-header .site-title a.has-image .tagline { display: none; }
/* Full width header, no widgets */
.header-full-width .site-title,
.header-full-width .title-area { width: 100%; }
/* Logo, hide text */
.header-image .site-description { display: none; text-indent: -9999px; }
.header-image .site-title a { display: block; text-indent: -9999px; background-size: contain !important; }
.header-image .title-area,
.header-image .title-area .site-title,
.header-image .title-area .site-title a { margin: 0; max-width: 320px; height: 110px; padding: 0; width: 100%; border-bottom: none; }
.header-full-width .site-title a img { display: block; height: 100%; width: auto; padding: 4px; }
/* Custom logo, hide Text logo and tagline */
.custom-logo .title-area a { display: inline-block; height: 100%; width: auto; border-bottom: 0; }
.custom-logo .site-title,
.custom-logo .site-description { display: none; }
/* Home
--------------------------------------------- */
.hello-pro-home .site-header { margin: 0 auto; min-height: 100px; width: 100%; }
.hello-pro-home .site-header.sticky { min-height: 66px; }
.hello-pro-home.full-width-content .content { width: 100%; max-width: none; }
/* Sticky Header
--------------------------------------------- */
body.sticky-header .site-header.sticky { z-index: 2; min-height: 66px; position: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden;
perspective: 1000px; transform: translateZ(0); transition: all 0.2s ease-in-out; box-shadow: 0 0 3px rgba(0,0,0,0.15); }
body.sticky-header.admin-bar .site-header.sticky { margin-top: 32px; }
body.sticky-header.admin-bar .site-header.sticky.active { margin-top: 0; }
body.sticky-header .sticky .site-title,
body.sticky-header .sticky .site-title a { font-size: 28px; font-size: 2.8rem; border-bottom: none; }
body.sticky-header .sticky .site-title { margin: 0; }
body.sticky-header .sticky .site-description { display: none; }
body.sticky-header .site-header.sticky .site-title .site-title-name { font-size: 34px; font-size: 3.4rem; }
body.sticky-header .site-header.sticky .site-title .tagline { display: none; }
body.sticky-header .site-header.sticky .genesis-nav-menu > li > a:hover,
body.sticky-header .site-header.sticky .genesis-nav-menu > li:hover { background-color: transparent; }
body.sticky-header.header-image .sticky .site-title,
body.sticky-header.header-image .sticky .site-title a,
body.sticky-header.header-image .sticky .title-area { height: 80px; }
body.sticky-header.header-image .sticky .site-title,
body.sticky-header.header-image .sticky .site-title a { margin: 0; }
body.sticky-header.header-image .site-header.sticky .widget-area { margin: 0; }
/* Widget Area
--------------------------------------------- */
.before-header { background-color: #0b2681; margin-bottom: 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* brandiD added, DAM mod for mini-marts */
.before-header ul { text-align: center; padding-left: 0; margin: 12px auto; }
.before-header li { display: inline; padding: 3px 5px 2px; margin: 0 38px; color: #fff; font-size: 1.8em; } /* brandiD added, DAM mod for mini-marts */
.before-header a { color: #fff; } /* brandiD added, DAM mod for mini-marts */
.before-header a:hover, .before-header a:active { color: #CCC; text-decoration: none; background-color: transparent !important; border-bottom: 0; }
.site-header .widget-area { float: right; width: calc(100% - 360px); }
.site-header .widget-area .textwidget { text-align: right; }
.site-header .widget-area .widget-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 2px; text-align: right; text-transform: uppercase; }
.site-header .widget { padding: 28px 0 0; }
.site-header.sticky .widget { padding: 0; }
.site-header.sticky.active .widget { padding: 10px 0 0; }
.site-header .header-widget-area .widget { width: 100%; }
.site-header .header-widget-area .widget_search { width: 300px; margin: auto; float: right; }
.site-header .wrap .widget-area section.widget_nav_menu,
.site-header .wrap .widget-area section.widget_nav_menu .widget-wrap,
.site-header .wrap .widget-area section.widget_nav_menu .widget-wrap .nav-header { text-align: right; transition: all 0.2s; margin-bottom: 5px; }
@media only screen and (min-width: 1024px) {
.site-header .wrap .widget-area section.widget_nav_menu .widget-wrap .nav-header ul.genesis-nav-menu {
width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; }
}
/* Site Navigation
--------------------------------------------- */
.genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1; width: 100%; }
.genesis-nav-menu .menu-item { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; margin-top: 0; }
.genesis-nav-menu a { color: #333; display: block; padding: 21px 18px; text-decoration: none; border-bottom: 1px solid transparent; }
/* .genesis-nav-menu .current-menu-item > a, */
.genesis-nav-menu .current-menu-parent > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover { text-decoration: none; border-bottom-color: inherit; }
.genesis-nav-menu .sub-menu { border-top: 1px solid #eee; left: -9999px; opacity: 0; position: absolute; transition: opacity 0.4s ease-in-out; width: 210px; z-index: 99; }
.genesis-nav-menu .sub-menu a { background-color: #f5f5f5; border: 1px solid #fff; border-top: 0; font-size: 14px; font-size: 1.4rem; padding: 12px 18px; position: relative; width: 210px; word-wrap: break-word; }
.genesis-nav-menu .sub-menu .sub-menu { margin: -56px 0 0 159px; } /* DAM shifted left by 40px */
.genesis-nav-menu .menu-item:hover { position: static; }
.genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; padding-left: 0; }
.genesis-nav-menu > .first > a { padding-left: 0; }
.genesis-nav-menu > .last > a { padding-right: 0; }
.genesis-nav-menu > .right { float: right; }
nav.nav-secondary { background-color: #c52f33; text-align: center; }
nav.nav-secondary a { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; }
.nav-secondary .genesis-nav-menu a { padding: 2px 16px; border-radius: 5px; }
.orange-background { background-color: #e87f37; border-radius: 5px; } /* For the Covid Link */
.orange-background a { padding: 3px 9px !important; }
ul#menu-above-header a:hover { color: #ccc; background-color: transparent; border-bottom-color: transparent; }
ul#menu-above-header .dashicons { vertical-align: bottom; }
/* DAM swapped the Facebook dashicon for the font awesome with the rounded corners. Removed: */
/* ## Accessible Menu
--------------------------------------------- */
.menu .menu-item:focus { position: static; }
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu { padding-left: 0; -webkit-padding-start: 0px; padding-inline-start: 0px; opacity: 1; }
.menu-toggle,
.sub-menu-toggle { display: none; visibility: hidden; }
/* ## Site Header Navigation
--------------------------------------------- */
.site-header .genesis-nav-menu li li { margin-left: 0; padding-left: 0; }
/* ## Header Navigation
--------------------------------------------- */
.nav-primary { float:right; margin-top:10px; /* text-align: right; */ } /* DAM modified, didn't seem to matter */
.nav-primary .sub-menu a { background: #f5f5f5; }
ul#menu-primary-navigation { margin-top: 5px; margin-bottom: 5px; text-align: right; }
.primary-nav .menu-toggle,
.primary-nav .sub-menu-toggle { background-color: #f5f5f5; }
.primary-nav .menu-toggle:focus,
.primary-nav .menu-toggle:hover,
.primary-nav .sub-menu-toggle:focus,
.primary-nav .sub-menu-toggle:hover { background-color: #f5f5f5; }
/* ## Footer Navigation
--------------------------------------------- */
.site-footer .genesis-nav-menu { padding-bottom: 20px; padding-left: 0; }
.site-footer .genesis-nav-menu a { padding: 0 20px 10px; }
/* Breadcrumbs
--------------------------------------------- */
.content > .breadcrumb { color: #333; }
/* Portfolio
--------------------------------------------- */
.hello-pro-portfolio a { border-bottom-color: transparent; }
.hello-pro-portfolio .entry-title a:focus,
.hello-pro-portfolio .entry-title a:hover { border-bottom-color: inherit; }
.hello-pro-portfolio a > img { transition: all 0.3s; }
.hello-pro-portfolio a:focus img,
.hello-pro-portfolio a:hover img { transform: scale(1.05); }
.hello-pro-portfolio .archive-description { width: 100%; }
.hello-pro-portfolio .portfolio { margin: 20px; }
.hello-pro-portfolio .portfolio:nth-of-type(3n+1) { clear: left; }
.hello-pro-portfolio .portfolio .portfolio-featured-image,
.single-portfolio .content { text-align: center; }
.hello-pro-portfolio .portfolio .portfolio-featured-image img { border: 1px solid #999; padding: 5px; }
/* Entries
--------------------------------------------- */
.entry { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px #d6d6d6 solid; }
.single .entry { border-bottom: none; }
.hello-pro-portfolio .entry,
.single-portfolio .entry { margin-bottom: 20px; }
.entry-content a { color: #444 !important; } /* DAM added */
.entry-content a:hover { color: #c51 !important; }
.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption { margin-bottom: 26px; }
.entry-content ol,
.entry-content ul { padding-left: 40px; }
.entry-content ol > li { list-style-type: decimal; }
.entry-content ul > li { list-style-type: disc; }
.entry-content .wp-caption p,
.entry-content ol ol,
.entry-content ul ul { margin-bottom: 0; }
.content .entry-header .entry-meta { clear: both; color: #666; font-size: 12px; font-size: 1.2rem; font-style: italic; line-height: 2; margin: 0 0 25px; overflow: hidden; padding-left: 0; /* text-transform: uppercase; */ }
.content > article:first-child .entry-header .entry-meta { border-top: none !important; }
.content .entry-header .entry-meta a { font-weight: 700; }
.content .entry-header .entry-meta .entry-comments-link { float: right; font-size: 11px; font-size: 1.1rem; padding: 0 10px; text-transform: uppercase; width: 200px; text-align: center; }
.entry-footer .entry-tags { margin-left: 4px; padding-left: 10px; }
/* After Entry
--------------------------------------------- */
/* Blog
--------------------------------------------- */
.blog .entry-meta { display: none; }
/* .single .entry-meta { display: none; } */
.blog .entry { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
/* Blog Featured Articles Slider
------------------------------------- */
.entry-content .featured-articles { margin: 0 0 30px 0; text-align: center; }
.entry-content .featured-articles .featured-article { display: -ms-flexbox; display: flex; }
.entry-content .featured-articles .featured-article > * { width: 100%; -ms-flex-positive: 1; flex-grow: 1; }
.entry-content .featured-articles .featured-article .text-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;
-ms-flex-pack: center; justify-content: center; text-align: left; padding: 10px 30px; }
.entry-content .featured-articles .featured-article .text-container .featured-article-item-header { text-transform: uppercase; font-size: 10px; font-size: 1rem; margin-bottom: 6px; }
.entry-content .featured-articles .featured-article .text-container .entry-title { font-size: 16px; font-size: 1.6rem; font-weight: normal; }
.entry-content .featured-articles .featured-article .text-container .entry-title a { text-decoration: none; border: 0 !important; }
.entry-content .featured-articles .featured-article .text-container .entry-title a,
.entry-content .featured-articles .featured-article .text-container .entry-title a:focus,
.entry-content .featured-articles .featured-article .text-container .featured-article-item-header,
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p,
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p a,
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p a:focus { color: #fff !important; }
.entry-content .featured-articles .featured-article .text-container .entry-title a:hover,
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p a:hover { color: rgba(255, 255, 255, 0.5) !important; }
.entry-content .featured-articles .featured-article .text-container .author-info { display: none !important; -ms-flex-align: center; align-items: center; }
.entry-content .featured-articles .featured-article .text-container .author-info .image { margin-right: 10px; }
.entry-content .featured-articles .featured-article .text-container .author-info .image img { width: 24px; height: auto; }
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p { font-size: 10px; font-size: 1rem; margin-bottom: 0; }
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p.post-category { text-transform: uppercase; letter-spacing: 1px; }
.entry-content .featured-articles .featured-article .featured-img { max-width: 33.333%; }
.entry-content .featured-articles .featured-article .featured-img a { display: block; border-bottom: 0 !important; }
.entry-content .featured-articles .featured-article .featured-img a img { display: block; position: relative; overflow: hidden; width: 100%; height: auto; border-bottom: 0 !important; }
.entry-content .featured-articles .slick-arrow span { color: #000000; }
.entry-content .featured-articles .slick-arrow:hover span { color: #999999; }
.entry-content .featured-articles ul.slick-dots { margin-top: 10px; }
.entry-content .featured-articles button.slick-arrow { display: none !important; width: 15px; height: 30px; margin-top: -8px; font-size: 16px; font-size: 1.6rem; line-height: 16px;
padding: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0.1; transition: all 0.3s ease; background-color: #fff !important; }
.entry-content .featured-articles button.slick-arrow:hover { background-color: #000 !important; }
.entry-content .featured-articles:hover button.slick-arrow { opacity: 1; }
.entry-content .featured-articles button.slick-arrow,
.entry-content .featured-articles button.slick-arrow:hover,
.entry-content .featured-articles button.slick-arrow:focus,
.entry-content .featured-articles button.slick-arrow:active { background: transparent; outline: 0; border: 0; }
.entry-content .featured-articles button.slick-arrow:hover span { color: #fff !important; }
.entry-content .featured-articles button.slick-prev { left: 0; border-bottom-right-radius: 60px; border-top-right-radius: 60px; }
.entry-content .featured-articles button.slick-prev span { padding-right: 10px; }
.entry-content .featured-articles button.slick-next { right: 0; border-bottom-left-radius: 60px; border-top-left-radius: 60px; }
.entry-content .featured-articles button.slick-next span { padding-left: 16px; }
.entry-content .featured-articles ul.slick-dots { margin: 20px 0 0 0; }
.entry-content .featured-articles ul.slick-dots > li { position: relative; display: inline-block; width: 24px; height: 24px; margin: 0; padding: 0 0 0 0; cursor: pointer;
border: none; background-image: none; }
.entry-content .featured-articles .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 24px; height: 24px; padding: 5px; cursor: pointer;
color: transparent; border: 0; outline: none; background: transparent; }
.entry-content .featured-articles .slick-dots li button::before { font-family: 'FontAwesome'; content: "\f111"; font-size: 14px; font-size: 1.4rem; line-height: 14px;
width: 14px; height: 14px; text-align: center; opacity: 0.33; -webkit-font-smoothing: antialiased; }
.entry-content .featured-articles .slick-dots li.slick-active button:before { opacity: 1; content: "\f111"; }
@media screen and (min-width: 768px){
.entry-content .featured-articles .featured-article .text-container{ -ms-flex-pack: justify; justify-content: space-between; padding: 10px 30px; }
.entry-content .featured-articles .featured-article .text-container .featured-article-item-header{ margin-bottom: 0; font-size: 13px; font-size: 1.3rem; letter-spacing: 2px; }
.entry-content .featured-articles .featured-article .text-container .entry-title{ font-size: 24px; font-size: 2.4rem; letter-spacing: 2px; }
.entry-content .featured-articles .featured-article .text-container .author-info{ display: -ms-flexbox !important; display: flex !important; }
.entry-content .featured-articles .featured-article .text-container .author-info .image img{ width: 32px; }
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p{ font-size: 13px; font-size: 1.3rem; }
.entry-content .featured-articles button.slick-arrow{ display: inline-block !important; width: 24px; height: 48px; margin-top: -24px; font-size: 24px; font-size: 2.4rem; line-height: 24px; }
.entry-content.blog-posts-grid .blog-posts-wrapper .cm-featured-post{ -ms-flex-preferred-size: 46%; flex-basis: 46%; }
}
@media screen and (min-width: 1023px) {
.entry-content .featured-articles .featured-article .text-container{ padding: 30px 60px; }
.entry-content .featured-articles .featured-article .text-container .featured-article-item-header{ font-size: 16px; font-size: 1.6rem; letter-spacing: 4px; }
.entry-content .featured-articles .featured-article .text-container .entry-title{ font-size: 40px; font-size: 4rem; letter-spacing: 4px; }
.entry-content .featured-articles .featured-article .text-container .author-info .image img{ width: 64px; }
.entry-content .featured-articles .featured-article .text-container .author-info .author-text p{ font-size: 15px; font-size: 1.5rem; }
.entry-content .featured-articles button.slick-arrow{ width: 30px; height: 60px; margin-top: -16px; font-size: 32px; font-size: 3.2rem; line-height: 32px; }
}
/* Blog Categories List
------------------------------------- */
.entry-content ul.blog-categories { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between;
margin: 30px 0; padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); margin: 0 auto 40px auto; }
.entry-content ul.blog-categories > li { list-style-type: none !important; display: inline-block; }
.entry-content ul.blog-categories > li a { padding: 10px; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; border-bottom: 0; }
/* Custom Blog Layout
--------------------------------------------- */
.blog-posts-wrap .blog-posts-wrap-content { max-width: 1200px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blog-posts-wrap .blog-posts-wrap-content .entry { padding: 20px; margin: 0 0 30px 0; background-color: rgba(0,0,0,0.0); transition: all .3s ease-in-out; }
.blog-posts-wrap.col-2 .blog-posts-wrap-content .entry,
.blog-posts-wrap.col-3 .blog-posts-wrap-content .entry,
.blog-posts-wrap.col-4 .blog-posts-wrap-content .entry { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.blog-posts-wrap .blog-posts-wrap-content .entry:hover { background-color: rgba(0,0,0,0.03); }
.blog-posts-wrap .blog-posts-wrap-content .entry a.entry-image-link { display: block; position: relative; overflow: hidden; margin-bottom: 20px; border: none; opacity: 0.85;
transition: all .3s ease-in-out; }
.blog-posts-wrap .blog-posts-wrap-content .entry:hover a.entry-image-link { opacity: 1; }
.blog-posts-wrap .blog-posts-wrap-content .entry a.entry-image-link img { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; transform: scale(1.01);
transform-origin: center center; transition: all .3s ease-in-out; }
.blog-posts-wrap .blog-posts-wrap-content .entry:hover a.entry-image-link img { transform: scale(1.05); }
.blog-posts-wrap .blog-posts-wrap-content .entry .entry-title { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; }
.blog-posts-wrap .blog-posts-wrap-content .entry .entry-meta { margin-bottom: 20px; }
.blog-posts-wrap .blog-posts-wrap-content .entry .entry-content { font-size: 15px; font-size: 1.5rem; }
.blog-posts-wrap .blog-posts-wrap-content .archive-pagination { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
@media screen and (min-width: 768px){
.blog-posts-wrap .blog-posts-wrap-content .entry { margin: 0 1% 30px 1%; }
.blog-posts-wrap.col-2 .blog-posts-wrap-content .entry,
.blog-posts-wrap.col-3 .blog-posts-wrap-content .entry,
.blog-posts-wrap.col-4 .blog-posts-wrap-content .entry { -ms-flex-preferred-size: 48%; flex-basis: 48%; }
.blog-posts-wrap.col-2 .blog-posts-wrap-content .entry .entry-title { font-size: 24px; font-size: 2.4rem; }
.blog-posts-wrap.col-3 .blog-posts-wrap-content .entry .entry-title { font-size: 20px; font-size: 2rem; }
.blog-posts-wrap.col-4 .blog-posts-wrap-content .entry .entry-title { font-size: 18px; font-size: 1.8rem; }
.blog-posts-wrap .blog-posts-wrap-content .entry .entry-content { font-size: 16px; font-size: 1.6rem; }
}
@media screen and (min-width: 1023px) {
.blog-posts-wrap.col-2 .blog-posts-wrap-content .entry { -ms-flex-preferred-size: 48%; flex-basis: 48%; }
.blog-posts-wrap.col-3 .blog-posts-wrap-content .entry { -ms-flex-preferred-size: 31%; flex-basis: 31%; }
.blog-posts-wrap.col-4 .blog-posts-wrap-content .entry { -ms-flex-preferred-size: 23%; flex-basis: 23%; }
.blog-posts-wrap.col-2 .blog-posts-wrap-content .entry .entry-title { font-size: 28px; font-size: 2.8rem; }
.blog-posts-wrap.col-3 .blog-posts-wrap-content .entry .entry-title { font-size: 24px; font-size: 2.4rem; }
.blog-posts-wrap.col-4 .blog-posts-wrap-content .entry .entry-title { font-size: 20px; font-size: 2rem; }
.blog-posts-wrap .blog-posts-wrap-content .entry .entry-content { font-size: 17px; font-size: 1.7rem; }
}
/* Pagination
--------------------------------------------- */
.archive-pagination { font-size: 16px; font-size: 1.6rem; padding: 30px 0; }
.archive-pagination ul { padding-left: 0; }
.archive-pagination li { display: inline; }
.archive-pagination li a { border-radius: 5px; cursor: pointer; display: inline-block; font-size: 12px; font-size: 1.2rem; font-weight: 700; line-height: 2;
margin-bottom: 4px; padding: 8px 20px; text-decoration: none; text-transform: uppercase; border-bottom: none; }
.archive-pagination li a:hover,
.archive-pagination li.active a { text-decoration: none; }
/* Comments
--------------------------------------------- */
/* Widgets
--------------------------------------------- */
.widget { word-wrap: break-word; }
.widget li { /* margin-bottom: 6px; margin-top: 6px; padding: 10px 15px; */ text-align: left; }
.widget ol > li { background-image: none; list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; }
.widget ul > li { text-indent: 0; }
.widget ul > li { /* list-style-position: outside; */ list-style-type: none; }
.widget ol > li:last-child,
.widget ul > li:last-child { margin-bottom: 0; }
.widget_calendar table { width: 100%; }
.widget_calendar td,
.widget_calendar th { text-align: center; }
.widget_calendar caption { font-size: 12px; font-size: 1.2rem; font-style: italic; padding: 2px 6px 0 0; text-align: right; }
.widget li a { border-bottom-color: transparent; }
.widget li a:focus,
.widget li a:hover { border-bottom-color: inherit; }
/* Colors
--------------------------------------------- */
.entry-title a, .genesis-nav-menu a { color: #333; }
.content .entry-header .entry-meta .entry-comments-link a, .entry-meta a, .entry-meta a:focus, .entry-meta a:hover,
.footer-widgets .entry-title a:hover, .footer-widgets a:focus, .footer-widgets a:hover,
.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .current-menu-parent > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .menu-toggle:focus, .menu-toggle:hover, .site-footer a:focus, .site-footer a:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover,
a, a:hover { color: #ce461c; }
/* DAM added */
.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .current-menu-parent > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .menu-toggle:focus, .menu-toggle:hover,
.site-footer a:focus, .site-footer a:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover,
a:hover { background-color: #e5e5e5; }
.entry-meta a, .footer-widgets .entry-title a:hover, a:hover { border-bottom-color: transparent; }
.entry-meta a:focus, .entry-meta a:hover, .genesis-nav-menu .sub-menu .menu-item:focus > a > span, .genesis-nav-menu .sub-menu .menu-item:hover > a > span,
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, a { border-bottom-color: inherit; }
.archive-pagination li a, a.button, button, input[type="button"], input[type="reset"], input[type="submit"], .sidebar .enews-widget input[type="submit"], .sidebar-primary .widget input[type="submit"],
.sidebar-primary .widget .button { background-color: #ce461c; color: #fff; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; }
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a, .button:focus, .button:hover, a.button:focus, a.button:hover, button:focus, button:hover,
input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"],
.sidebar .enews-widget input[type="submit"]:focus, .sidebar .enews-widget input[type="submit"]:hover .sidebar-primary .widget input[type="submit"]:hover, .sidebar-primary .widget .button:focus,
.sidebar-primary .widget .button:hover { background-color: #446cb2; color: #fff; }
/* Sidebars
--------------------------------------------- */
.sidebar { display: inline; font-size: 16px; font-size: 1.6rem; /* padding: 45px 0 45px 45px; */ padding: 45px 0 45px 0; }
.sidebar p { margin-bottom: 16px; }
.sidebar p:last-child { margin-bottom: 0; margin-top: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* DAM mod */
.sidebar ul { margin-bottom: 0; margin-top: 0; padding-left: 0; }
.sidebar .more-from-category { padding-top: 6px; }
.sidebar .widget { margin-bottom: 0; padding: 30px 0; word-wrap: break-word; }
.sidebar .widget:last-child { margin-bottom: 0 !important; }
.sidebar .widget li:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.sidebar .search-form { width: 100%; }
/* .sidebar-primary .widget { border-top: 1px solid #252422; }
.sidebar-primary .widget .widget-title { background-color: transparent; } */
.sidebar-primary .widget p.color { color: #D6D6D6; }
.sidebar .widget li { /* margin-bottom: 6px; margin-top: 6px; padding: 10px 15px; */ text-align: left; border: 1px solid #ddd; border-top: 0; }
.sidebar .widget li:last-child { border-bottom: 0; }
.sidebar li a { padding: 10px 15px; display: block; color: #333; }
.sidebar li a:hover { background-color: #FFD; color: #c51; } /* DAM added, removed from a:hover */
.sidebar-primary #text-7.widget .widget-title, .sidebar-primary #text-8.widget .widget-title { background-color: #999; border-color: #999; }
/* Page Sidebars (narrow column of Column Block) and a few main column Panel styles
--------------------------------------------- */
.page-sidebar { /* padding-left: 45px; */ padding-left: 0; }
.page-sidebar h3,
.panel h3 { display: block; text-align: left; font-weight: 700; font-size: 20px; font-size: 2rem; margin-bottom: 0; margin-top: 0; padding: 10px 15px; color: #fff; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.panel h4 { border-top-right-radius: 4px; border-top-left-radius: 4px; } /* DAM added after LL mods to Contact panels */
.page-sidebar h3 a { color: #fff !important; border-bottom-color: transparent; display: block; }
.page-sidebar h3 a:hover { background-color: transparent !important; }
.page-sidebar h3:last-child { border-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* DAM to make panel header like button, ex: RMM */
.page-sidebar .gold h3, .page-sidebar h3.gold { background: #f7a722; border-color: #f7a722; }
.page-sidebar .gray h3 { background: #999; border-color: #999; }
.page-sidebar .red h3 { background: #c52f33; border-color: #c52f33; }
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 10px 15px !important; }
.page-sidebar ul { margin-bottom: 0; margin-top: 0; padding-left: 0; }
.page-sidebar ul > li { /* list-style-position: outside; */ list-style-type: none; }
.page-sidebar li { text-align: left; border: 1px solid #ddd; border-top: 0; }
.page-sidebar li a { padding: 10px 15px; display: block; color: #333; font-size: 16px; font-size: 1.6rem; }
.page-sidebar li a:hover { background-color: #FFD; color: #c51; } /* DAM added, removed from a:hover */
.page-sidebar li a:last-child, .page-sidebar li:last-child { border-bottom: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.sidebar p,
.page-sidebar p { padding: 10px 15px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; margin-bottom: 0; }
.page-sidebar p:last-child { border-bottom: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.page-sidebar p.indent { padding: 0px 15px 10px 30px; } /* DAM added, intended for sidebar indents inside panels */
.sidebar ul { margin-bottom: 0; margin-top: 0; padding-left: 0; }
.page-sidebar .wp-block-image { padding: 10px 15px 15px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; margin: 0; }
.page-sidebar .wp-block-image img { text-align: left !important; width: auto !important; max-width: 100% !important; margin-left: 0 !important; }
.page-sidebar .wp-block-image:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.sidebar .widget img { padding: 20px 0 0; margin: 0; text-align: left; }
.sidebar .wp-block-group, .page-sidebar .wp-block-group, .sidebar .widget_text, .sidebar .widget_recent_entries { margin-bottom: 30px; padding: 30px 0 0; word-wrap: break-word; border-bottom: 1px solid #ddd; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.wp-block-group.panel p { padding: 10px 0; margin-bottom: 0; margin-left: 15px; margin-right: 15px; }
.wp-block-group.panel p.indent { padding: 0px 15px 10px 30px; }
.wp-block-group.panel { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin-bottom: 30px; }
.wp-block-group:last-child { margin-bottom: 0 !important; }
/* DAM modified to align tops of columns on a page with freeform left column, ex: Service Agreements */
.page-sidebar .wp-block-group { padding: 0; }
/* Enews Widgets
--------------------------------------------- */
/* Simple Social Icons
--------------------------------------------- */
@media only screen and (max-width: 1200px) {
.site-header .widget-area {
text-align: center;
}
.site-header .simple-social-icons ul.alignright {
float: none;
text-align: center;
display: inline-block;
}
}
/* Footer Widgets
--------------------------------------------- */
.footer-widgets { background-color: #666; font-size: 16px; font-size: 1.6rem; } /* DAM mod */
.footer-widgets .wrap { padding: 10px 10px 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } /* DAM mod */
.footer-widgets, .footer-widgets .widget-title, .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6, .footer-widgets p { color: #fff; }
.footer-widgets .widget { text-align: left; }
.footer-widgets .widget-title { text-transform: none; font-weight: 400; font-size: 20px; font-size: 2rem; text-align: center; letter-spacing: 0.05em; } /* DAM mod */
.footer-widgets .textwidget .phone { font-size: 24px; font-size: 2.4rem; margin-bottom: 24px; }
.footer-widgets .textwidget .phone a { text-decoration: none; /* border: none; */ }
.footer-widgets .textwidget .button { margin-top: 24px; }
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { margin-bottom: 0px; padding: 0 2.8%; width: 33%; } /* DAM mod */
.footer-widgets .search-form { width: 100%; }
.footer-widgets a { color: #fff; border-bottom-color: #fff; }
.footer-widgets a:focus, .footer-widgets a:hover { border-bottom-color: transparent; }
.footer-widgets a.button:focus, .footer-widgets a.button:hover { color: #fff; }
.footer-widgets .fas, .footer-widgets .far, .footer-widgets .fab,
.footer-widgets .fa { width: 50px; padding-top: 0; padding-bottom: 10px; float: left; }
.page-sidebar .fas, .page-sidebar .far, .page-sidebar .fab,
.page-sidebar .fa { width: 35px; font-size: 1.5em; padding-top: 3px; float: left; }
.far, .fab { font-weight: 400; }
.footer-widgets li { margin-bottom: 5px; margin-top: 5px; text-align: left; border: 0 solid #ddd; clear: both; display: inline-block; width: 100%; }
.footer-widgets ul { margin: auto 20px auto 30px; padding-left: 0;}
/* Site Footer
--------------------------------------------- */
.site-footer { background-color: #666; border-top: 0 solid #363533; color: #fff; font-size: 12px; font-size: 1.2rem; padding: 20px 5%; text-align: left; } /* DAM mod */
.site-footer p { margin: 0; }
.site-footer a { color: #fff; border-bottom-color: #fff; }
.site-footer a:focus,
.site-footer a:hover { border-bottom-color: transparent; }
.site-footer .genesis-nav-menu a { border-bottom-color: transparent; }
.site-footer .genesis-nav-menu a:focus,
.site-footer .genesis-nav-menu a:hover { border-bottom-color: inherit; }
/* Accordion Footer (and a few not in accordions but within the content)
--------------------------------------------- */
.footerac { border-top: 1px solid #ddd; padding-top: 5px !important; padding-bottom: 5px !important; margin-bottom: 2px !important; margin-top: 5px !important; font-size: 0.9em; }
/* Custom
------------------------------------------------------------------------------------------------------------------------------------------ Custom ------------ */
.clearboth { clear: both; }
.tiny, .fine { font-size: 0.8em; } /* Tiny used for previous and next links */
.indent { padding-left: 40px; } /* DAM added, intended for indented paragraphs, changed from margin to padding on 3/26 so as not to adversely affect sidebar indents above */
.upper { text-transform: uppercase; }
.notbold { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.padleft { padding-left: 10px; }
.highlight { background-color: transparent; } /* DAM not sure why I need this */
.highlight { border: 1px solid #333; border-radius: 8px; padding: 10px 10px 2px 10px; margin-bottom: 10px; } /* DAM when used with a div or para */
p.highlight { border: 1px solid #333; border-radius: 8px; padding: 10px; margin-bottom: 10px; } /* DAM when used with a paragraph as on RMM */
.w200 { max-width: 200px; }
.w240 { max-width: 240px; width: 50%; }
.alert { background: #FF0; color: #F00; font-weight: bold; font-size: 0.875em; }
.circle { border-radius: 50%; width: 50px; color: #FFF; padding: 5px 0; float: left; margin: auto; margin-left: 10px; margin-bottom: 10px; }
.fa-2x { font-size: 1.8em !important; padding: 2px; } /* DAM added for better icons in message blocks, also affects footers */
.nodesc h2 { margin: 0.5em 0 0.5em; }
#lower { margin: 1em 0; }
figure { margin: 0 auto 25px!important; }
.page-sidebar figure { margin: 0 0 0!important; } /* DAM to keep the Warm Friends from exploding the bottom border */
figure#ziplist { margin: 0; }
#ziplist table { margin-top: 0.5em; word-break: normal; }
.post-edit-link { display: none; }
hr { max-width: 100%; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #ddd; }
.gb-block-post-grid header .gb-block-post-grid-title { line-height: 1.4 !important; } /* DAM added, Late */
.gb-block-post-grid header .gb-block-post-grid-title a { border-bottom: 0; } /* DAM added */
.entry-content.blog-header-extras { display: none; }
/* DAM added for Reinhardt Corp placeholder home page */
/* .home.page-id-1765 .entry-title { display: none; } */
.home.page-id-1765 .footer-widgets { display: none; }
.home.page-id-1765 #menu-above-header { display: none; }
.home.page-id-1765 #menu-main { display: none; }
.home.page-id-1765 h2.entry-title { color: #fff; font-size: 4.0rem; font-weight: normal; margin: 0 auto 0.2em; max-width:1180px; padding: 30px 15px 25px; width:100%; } /* DAM added, same as line 321 */
.home.page-id-1765 button#genesis-mobile-nav-primary { display: none; }
.home.page-id-1765 button#genesis-mobile-nav-secondary { display: none; }
/* Home Page Slider
--------------------------------------------- */
.home .slick-slider figure { margin: 0 0 0!important; }
.slick-overlay { background-color: transparent !important; }
.slick-content { width: 50%; }
.slick-arrow { width: 20px !important; }
/* Sara added to resolve Chrome and mobile slider issues 4/2/21 */
.slick-slider { overflow: hidden; }
.slick-slide img { min-height: auto !important; min-width: auto !important; }
@media only screen and (min-width: 640px) {
.slick-arrow, .slick-arrow:hover, .slick-arrow:focus { width: 25px !important; }
}
@media only screen and (min-width: 768px) {
.slick-arrow, .slick-arrow:hover, .slick-arrow:focus { width: 35px !important; }
}
@media only screen and (max-width: 1023px) {
.slick-wrap { max-width: calc(100% - 80px) !important; }
.slick-content { width: 60%; }
}
@media only screen and (max-width: 767px) {
.slick-wrap { max-width: calc(100% - 60px) !important; }
}
@media only screen and (max-width: 640px) {
.slick-content { width: 70%; }
.sliderdesc { display: none; }
}
@media only screen and (min-width: 640px) and (max-width: 768px) { /* DAM added, in addition to one break point specified in plugin settings */
.slick-slider { height: 375px !important; }
}
/* TEXT PAGE STYLING ============================================================================================================================== */
/* .h2bg { background: #999; color: #FFF; padding: 10px 12px 8px; margin-bottom: 25px; } */
/* To bundle together for text pages, wrap with a div.freeform in Classic, or give left column a CSS style in Blocks */
.freeform p { padding: 0 6px; } /* To indent paragraphs for h2 background padding */
.freeform img { max-width: 100%; } /* Generally also inside a paragraph tag */
.freeform hr { max-width: 100%; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #ddd; } /* Generally also inside a paragraph tag */
.freeform h2,
.freeform h5,
h2.gsection_title { background: #999; color: #FFF; padding: 9px 8px 5px; margin-bottom: 25px; border-top-left-radius: 5px; }
.freeform h2.has-background,
.freeform h5.has-background { padding: 9px 8px 5px !important; }
/* figure.freeform { margin: 0 0 25px !important; }
.freeform figure { margin: 0 0 25px !important; } DAM taken care of in the image section, line 268 */
/* Colors ============================= */
.redr { background: #c52f33; } /* this is here in case there is dark red remaining somewhere */
.redo, .red { background: #c52f33; }
.orange { background: #e87f37; }
.melon { background: #e9592d; }
.gold { background: #F60; }
.golder { background: #f8a723; }
.rmdark { background: #6b2332; }
.orange.fa-snowflake-o { background: #6FF; }
.blue { background: #0b2681; } /* This is really the dark blue background for mini-marts */
.newblue { background: #446cb2; } /* secondary, good for buttons and icon backgrounds */
.red-text { color: #C03; } /* text */
.green-text { color: #090; } /* text */
.orange-text { color: #c51; } /* primary, buttons */
/* #topbar li.orange { border-radius: 5px; padding: 3px 1%; } */
.has-gold-background-color { background-color: #f7a722; }
.has-gold-color { color: #f7a722; }
.has-orange-background-color { background-color: #e87f37; }
.has-orange-color { color: #e87f37; }
.has-melon-background-color { background-color: #e9592d; }
.has-melon-color { color: #e9592d; }
.has-red-background-color { background-color: #c52f33; }
.has-red-color { color: #c52f33; }
.has-blue-background-color { background-color: #446cb2; }
.has-blue-color { color: #446cb2; }
/* Testimonials (& Carousel) ============================= */
.gb-block-testimonial { border-left: 5px solid #446cb2; border-radius: 0 !important; padding: 25px 50px 10px !important; }
.gb-block-testimonial .gb-testimonial-title { display: none !important; }
h2.gb-testimonial-name { color: #446cb2 !important; text-transform: none !important; font-weight: normal !important;
font-size: 0.8em !important; }
.gb-block-testimonial .gb-testimonial-info { margin-top: 1px !important; min-height: 15px !important; }
.gb-block-testimonial .gb-testimonial-text { position: relative; }
.gb-block-testimonial .gb-testimonial-text::before { font-family: Arial; content: "\201C"; color: #446cb2;
font-size: 3em; position: absolute; left: -25px; top: -30px; }
/* Mini-marts ============================= */
.minimart .site-header { display: none; }
.minimart .content .entry-header { display: none; }
.slider { padding-bottom: 1px; border-bottom: 2px solid #999; }
.martop50 { margin-top: 50px; }
.minimart .gb-accordion-text p { margin-bottom: 10px; }
h2.above-footer { font-size: 1.5em; font-weight: normal; margin: 0 auto; max-width:1180px; padding: 30px 15px 25px; width:100%; } /* DAM added */
h3.above-footer { font-size: 1.3em; font-weight: normal; margin: 0 auto; max-width:1180px; padding: 30px 15px 25px; width:100%; line-height: 1.4; } /* DAM added */
/* Accordions brandiD ------------------------------------------------------------------------------------------------------------------------*/
.gb-block-accordion .gb-accordion-text { padding: 10px 15px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }
.gb-block-accordion .gb-accordion-title { background: #999 !important; border: 1px solid #ddd; color: #fff; padding: 10px 15px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.gb-block-accordion .gb-accordion-title { font-size: 1.1em; font-weight: bold; } /* DAM added per LL request */
.gold-heading .gb-accordion-title:hover { background-color: #f7a722 !important; }
.gold-heading details[open] .gb-accordion-title { background-color: #f7a722 !important; }
.orange-heading .gb-accordion-title:hover { background-color: #e87f37 !important; }
.orange-heading details[open] .gb-accordion-title { background-color: #e87f37 !important; }
.melon-heading .gb-accordion-title:hover { background-color: #e9592d !important; }
.melon-heading details[open] .gb-accordion-title { background-color: #e9592d !important; }
.red-heading .gb-accordion-title:hover { background-color: #c52f33 !important; }
.red-heading details[open] .gb-accordion-title { background-color: #c52f33 !important; }
.blue-heading .gb-accordion-title:hover { background-color: #0b2681 !important; }
.blue-heading details[open] .gb-accordion-title { background-color: #0b2681 !important; }
/* End brandiD */
/* Media Queries
------------------------------------------------------------------------------------------------------------------------------------------- Media Queries ---- */
@media only screen and (max-width: 1420px) {
.genesis-nav-menu .mainlast.menu-item:hover > .sub-menu { right: 5px; } /* DAM added, to make the sub-menu alignright under last menu item */
}
@media only screen and (max-width: 1260px) {
.wrap { max-width: 1170px; }
}
@media only screen and (max-width: 1200px) {
.before-header li { padding: 3px 5px 2px; margin: 0 28px; font-size: 1.5em; }
.site-header .wrap { /* -ms-flex-direction: column; flex-direction: column; */ }
.site-header .title-area { /* text-align: center; */ max-width: 300px; } /* DAM added */
.site-header .title-area,
.site-header .widget-area { /* width: 100%; */ }
ul#menu-primary-navigation { text-align: center; padding-left: 0; }
.nav-primary { /* text-align: center; */ }
.site-header .genesis-nav-menu a,
.site-header.sticky .genesis-nav-menu a { /* font-size: 14px; font-size: 1.4rem; */ }
.site-header .genesis-nav-menu a { padding: 14px 18px; }
.site-header.sticky .genesis-nav-menu a { padding: 12px; }
.header-image .site-title a img { margin: 0 auto; }
.site-header .wrap .widget-area section.widget_nav_menu .widget-wrap .nav-header ul.genesis-nav-menu { -ms-flex-pack: center; justify-content: center; }
.site-inner,
.home.page-id-1765 h2.entry-title, /* DAM added for Reinhardt Corp placeholder home page */
h1.entry-title,
h1.archive-title,
h2.above-footer,
.wrap { max-width: 960px; }
h2.above-footer { font-size: 1.3em; }
.hello-pro-home .site-inner { max-width: 100%; }
.content { width: 600px; }
/* .sidebar-primary { width: 300px; } */
.sidebar-primary { width: 30.7%; padding-left: 0; } /* DAM widened slightly to match 2-column */
/* .breadcrumb { margin: -30px -35px 30px; } DAM changed */
.content { width:60%; /* padding: 20px 25px 10px; */ } /* BrandiD fixed */
.header-image .site-title,
.header-image .site-title a,
.header-image .title-area { float: none; margin: 0 auto; }
.header-image .sticky .site-title,
.header-image .sticky .site-title a { float: none; margin: 0 auto; }
.title-area p { display: block; text-align: center; margin: 0 auto 0 !important; width: 70%; }
.site-header .search-form { float: none; }
.site-header .search-form,
.site-header hgroup,
.site-title { text-align: center; }
.site-header .widget-area .textwidget,
.site-header .widget-area .widget-title { text-align: center; }
.site-header .search-form { margin: 16px auto; }
.site-header .header-widget-area .widget_search { float: none; }
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { padding: 0 1.8%; }
.footer-widgets ul { margin: auto 0; padding-left: 0;}
.page-sidebar { padding-left: 0; }
}
@media only screen and (max-width: 1023px) {
.before-header li { padding: 3px 5px 2px; margin: 0 10px; font-size: 1.4em; }
body.sticky-header .site-inner { margin-top: 0; }
.wrap { max-width: 768px; }
h2 { font-size: 23px; font-size: 2.3rem; }/* DAM changed */
.home.page-id-1765 h2.entry-title, h1.entry-title, h1.archive-title { max-width: 768px; font-size: 3rem; } /* DAM added for Reinhardt Corp placeholder home page */
h2.above-footer { max-width: 768px; }
.site-inner{ max-width: 728px; margin: auto; } /* DAM changed */
.full-width-content .entry-content { margin: 0 15px; } /* DAM added so that container blocks would be same outside margin as content sidebar pages */
.sidebar-primary { width: 30.4%; padding-left: 0; } /* DAM widened slightly to match 2-column */
/* .breadcrumb { margin: -30px -35px 30px; } DAM changed */
.content { width:60.4%; /* padding: 20px 25px 10px; */ } /* BrandiD fixed */
.nav-primary { text-align: left; }
.nav-primary { margin-top: 0; } /* DAM changed from 10px to align with logo better */
.site-header .genesis-nav-menu { padding-left: 0; }
.site-header .genesis-nav-menu a { padding: 15px 12px 20px; }
/* .content, */
/* .genesis-responsive-menu .genesis-nav-menu .sub-menu,
.genesis-responsive-menu .genesis-nav-menu .sub-menu a, BrandiD fixed, was showing inline */
/* .sidebar-primary, */
.sidebar-secondary,
.site-header .widget-area,
.title-area,
.wrap { width: 100%; }
.nav-secondary ul.genesis-nav-menu { padding-left: 0; } /* DAM added */
.hello-pro-landing .site-inner { width: 100%; margin: 0 2%; }
.genesis-nav-menu li,
.header-image .title-area,
.site-header .search-form,
.site-header ul.genesis-nav-menu { float: none; }
.genesis-nav-menu,
.site-description,
.site-header .title-area,
.site-header .widget-area,
.site-title { text-align: center; }
.site-header .title-area { /* text-align: center; */ max-width: 220px; } /* DAM added */
.comment-list li.depth-1,
.ping-list li.depth-1 { margin: 30px 0; }
.site-header.sticky .genesis-nav-menu a { padding: 16px; }
body.sticky-header .site-header,
body.sticky-header .site-header.sticky { position: relative; }
.fas, .far, .fab { width: 40px; }
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { padding: 0 1.5%; }
/* .footer-widgets-1 { padding-left: 0; }
.footer-widgets-3 { padding-right: 0; } */
.footer-widgets .wrap { padding: 10px 0px 0px; }
.footer-widgets { font-size: 15px; font-size: 1.5rem; }
/* ### Genesis Responsive Menus
.nav-primary.genesis-responsive-menu { margin-top: 0!important; }
.genesis-responsive-menu .wrap { padding: 0; }
.genesis-responsive-menu { display: none; position: relative; }
.genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; }
.menu-toggle,
.sub-menu-toggle { background-color: #f5f5f5; border-width: 0; color: #333; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; }
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover { background-color: #f5f5f5; border-width: 0; }
.menu-toggle { line-height: 22px; position: relative; width: 100%; z-index: 1000; }
.menu-toggle,
.menu-toggle:focus,
.menu-toggle:hover { border-top: 1px solid #eee; }
.menu-toggle::before { font-size: 1.5em; margin-right: 10px; text-rendering: auto; }
.sub-menu-toggle { float: right; padding: 13px 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); }
.genesis-responsive-menu .genesis-nav-menu .menu-item { display: block; float: none; position: relative; text-align: left; }
.genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover { position: relative; }
.genesis-responsive-menu .genesis-nav-menu .menu-item a { border: none; margin-bottom: 1px; padding: 15px 20px; width: 100%; }
.genesis-responsive-menu .genesis-nav-menu .sub-menu { border: none; }
.genesis-nav-menu .menu-item:focus > a > span,
.genesis-nav-menu .sub-menu .menu-item:hover > a > span,
.genesis-nav-menu .menu-item:hover > a > span,
.genesis-nav-menu .sub-menu .menu-item:focus > a > span { border-bottom: 1px solid; border-bottom-color: inherit; }
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu { left: 0; margin-left: 0; }
.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after { content: none; }
.genesis-responsive-menu .genesis-nav-menu .sub-menu { clear: both; display: none; margin: 0; opacity: 1; padding-left: 15px; position: static; width: 100%; }
.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } */
}
@media only screen and (max-width: 800px) {
.site-header.admin-loggedin.active { top: 0; position: absolute; }
.home.page-id-1765 h2.entry-title, /* DAM added for Reinhardt Corp placeholder home page */
h1.entry-title,
h1.archive-title { font-size: 1.75em; }
h2.above-footer { font-size: 1.1em; }
.before-header li { padding: 3px 5px 2px; margin: 0 5px; font-size: 1em; }
/* .site-inner, */
/*.wrap { max-width: 630px; }
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths,
.two-thirds { margin: 0; width: 100%; }
.header-widget-area { margin: 10px 0; }
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 { width: 100%; margin: 0; }
.footer-widgets-1 { margin: 0; }*/
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.navsavings { max-width: 140px; } /* DAM added for Savings and Payment Plans to
on non-mobile */
.navfuels { max-width: 100px; } /* DAM added for Fuels to
on non-mobile */
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.navsavings { max-width: 130px; } /* DAM added for Savings and Payment Plans to
on non-mobile */
.navresource { max-width: 100px; } /* DAM added for Resources to
on non-mobile */
.navfuels { max-width: 90px; } /* DAM added for Fuels to
on non-mobile */
/* DAM added next line so that resource page would layout one block wide at tablet size */
.resource-center .gb-block-post-grid div[class*="columns"].is-grid, .gb-block-post-grid div[class*="columns"].gb-is-grid { grid-template-columns: 1fr; }
.blog .entry-content img.alignleft { width: 100%; float: none; margin-right: 0 !important; } /* DAM added */
}
@media only screen and (max-width: 781px) {
.site-header.admin-loggedin.active { top: 46px; }
.home .wp-block-columns.has-3-columns > .wp-block-column:first-child { margin-left: 32px; }
.sidebar-primary { width: 33.9%; padding-left: 0; } /* DAM widened slightly to match 2-column */
.content { width:57%; /* padding: 20px 25px 10px; */ } /* BrandiD fixed, DAM changed again */
}
/* BrandiD added */
@media only screen and (max-width: 781px) {
.wp-block-column[style*="flex-basis:66.66%"] { min-width: 60% !important; }
.wp-block-column[style*="flex-basis:33.33%"] { min-width: 30% !important; }
}
@media only screen and (max-width: 767px) {
.content,
.sidebar-primary { width: 94%; margin-left: 3%; margin-right: 3%; }
/* BrandiD added */
.wp-block-column[style*="flex-basis:66.66%"] { min-width: 100% !important; }
.wp-block-column[style*="flex-basis:33.33%"] { min-width: 100% !important; }
}
@media only screen and (max-width: 767px) { /* DAM changed from 768 to 767 */
.site-header .title-area { /* text-align: center; */ max-width: 360px; } /* DAM added */
.wrap { width: 100%; }
.site-inner { width: 94%; margin: auto 3%; }
.full-width-content .entry-content { margin: 0 3%; } /* DAM added so that container blocks would be same outside margin as content sidebar pages */
.rpwe-li { width: 300px; float: none; margin: 0 auto; clear: both; }
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 { margin-bottom: 50px; }
.mobile_hide.menu-item-536 { display: none !important; }
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths,
.two-thirds { margin: 0; width: 100%; }
.header-widget-area { margin: 10px 0; }
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 { width: 100%; margin: 0; }
.footer-widgets-1 { margin: 0; }
/* ### Genesis Responsive Menus */
.genesis-responsive-menu .genesis-nav-menu .sub-menu,
.genesis-responsive-menu .genesis-nav-menu .sub-menu a { width: 100%; }/* BrandiD moved here from above */
.nav-primary.genesis-responsive-menu { background-color:#999; margin-top: 0!important; width:100%; }
.genesis-responsive-menu .wrap { padding: 0; }
.genesis-responsive-menu { display: none; position: relative; }
.genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; }
.menu-toggle,
.sub-menu-toggle { background-color: transparent; border-width: 0; color: #333; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; }
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover { background-color: transparent; border-width: 0; }
.menu-toggle { line-height: 22px; position: relative; width: 100%; z-index: 1000; }
.menu-toggle,
.menu-toggle:focus,
.menu-toggle:hover { border-top: 1px solid #eee; }
.menu-toggle::before { color:#999; font-size: 2em; margin-right: 0px; text-rendering: auto; }
.sub-menu-toggle { float: right; padding: 13px 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); }
.genesis-responsive-menu .genesis-nav-menu .menu-item { display: block; float: none; position: relative; text-align: left; }
.genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover { position: relative; }
.genesis-responsive-menu .genesis-nav-menu .menu-item a { border: none; color:#fff; margin-bottom: 1px; padding: 12px 20px; width: 100%; }
.nav-secondary a { text-align: center; }
.nav-secondary li { border-bottom: 1px solid #e87f37 !important; }
.nav-secondary .genesis-nav-menu a { border-radius: 0; } /* DAM added */
.orange-background a { padding:13px 20px !important;}
.orange-background { border-radius: 0; } /* DAM added */
.genesis-responsive-menu .genesis-nav-menu .sub-menu { border: none; }
.genesis-nav-menu .menu-item:focus > a > span,
.genesis-nav-menu .sub-menu .menu-item:hover > a > span,
.genesis-nav-menu .menu-item:hover > a > span,
.genesis-nav-menu .sub-menu .menu-item:focus > a > span { border-bottom: 1px solid; border-bottom-color: inherit; }
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu { left: 0; margin-left: 0; }
.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after { content: none; }
.genesis-responsive-menu .genesis-nav-menu .sub-menu { clear: both; display: none; margin: 0; opacity: 1; padding-left: 15px; position: static; width: 100%; }
.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu { margin: 0; }
button#genesis-mobile-nav-secondary {background-color: #c52f33;}
button#genesis-mobile-nav-secondary:before { content: '\f347'; color: #333;}
button#genesis-mobile-nav-primary {background-color: #fff; border:none; margin: 46px 20px 0 0; float: right; width: 50px;}
.genesis-nav-menu .sub-menu a{background-color:#666;}
ul#menu-above-header { padding: 0; }
/* DAM */
.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .current-menu-parent > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .menu-toggle:focus, .menu-toggle:hover,
.site-footer a:focus, .site-footer a:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover,
a:hover { background-color: #ccc; }
}
@media screen and (max-width: 600px) {
.admin-bar .site-header.sticky { margin-top: 0; }
.home.page-id-1765 h2.entry-title, h1.entry-title, h1.archive-title { font-size: 2.5rem; } /* DAM added for Reinhardt Corp placeholder home page */
.home .wp-block-columns.has-3-columns > .wp-block-column:first-child { margin-left: 0; }
.w200, .w240 { width: 100%; max-width: 100%; }
}
@media only screen and (max-width: 560px) {
.site-header.admin-loggedin.active { top: 0; }
}
@media only screen and (max-width: 500px) {
.before-header li { padding: 3px 2px 2px; margin: 0 3px; font-size: 0.9em; }
.site-header .title-area { max-width: 300px; } /* DAM added */
.entry-title { font-size: 24px; font-size: 2.4rem; }
.content .entry-header .entry-meta .entry-comments-link { display: none; }
}
@media only screen and (max-width: 360px) {
.site-header .title-area { max-width: 220px; } /* DAM added */
}
@media only screen and (min-width: 768px) {
/* .genesis-nav-menu .menu-item-217 .sub-menu { width: 170px; }
.genesis-nav-menu .menu-item-217 .sub-menu a { width: 170px; } DAM added, this only works in one site, plan B */
}
@media only screen and (min-width: 1200px) {
.home .gb-block-post-grid.featuredpost { margin: 0 15px 1.2em; } /* DAM added */
}
/* Messages
------------------------------------------------------------------------------------------------------------------------------------------ Messages ------------ */
.message-container { background: #E6E6E6; padding: 2em 0 1.5em; } /* Home page only */
.message-wrap { max-width: 1170px; width: 100%; margin: 0 auto; padding: 40px 0 30px; } /* Home page only */
.message-wrap .message { width: 82%; } /* Home page only */
.messages { margin: 0 auto; }
.message { width: 85%; float: left; margin: auto; padding-bottom: 10px; padding-left: 15px; }
.message { margin-bottom: 10px; }
.message-content { width: 82%; float: left; margin: auto; padding-bottom: 10px; padding-left: 15px; } /* Don't think this is used */
.message h2 { font-weight: bold; margin-bottom: 10px; }
.message h2:hover { color: #e87f37; }
.messages::after { clear: both; }
/* .stacked { max-width: 500px; margin: 0 auto 35px; border-bottom: 1px solid #ccc; } */
/* This is the one we need. Currently in block.css style sheet. */
.stacked--1, .stacked--yes, .stacked--Yes { max-width: 500px; margin: 0 auto 35px; border-bottom: 1px solid #ccc; } /* For main pages Services, Safety, Equipment */
/* .message-wrap .circle .fa-2x { font-size: 2em !important; padding: 0px; } Home page only, to undo line 843 */
@media only screen and (max-width: 1200px) {
.message-wrap { max-width: 960px; } /* Home page only */
.message-wrap .circle { width: 40px !important; padding: 5px 0 3px !important; }
.message-wrap .circle .fa-2x { font-size: 1.5em !important; }
}
@media only screen and (max-width: 1023px) {
.message-wrap { max-width: 90%; margin: auto 5%; } /* Home page only */
/* .message-wrap .message { width: 87%; float: left; } Home page only */
.message-wrap .message { width: 100%; float: none; margin: auto; } /* Home page only */
.message-wrap .circle { float: none; margin-left: auto; } /* Home page only */
}
@media only screen and (max-width: 767px) {
.message-wrap .message { width: 86%; float: left; } /* Home page only */
.message-wrap .wp-block-column:not(:only-child) { flex-basis: 100% !important; }
.message-wrap .wp-block-column:nth-child(2n) { margin-left: 0 !important; }
.message-content { width: 82%; float: left; margin: auto; } /* Don't think this is used */
.circle, .message-wrap .circle { float: left; margin: auto; margin-left: 10px; }
}
@media only screen and (max-width: 500px) {
.message-wrap .message { width: 100%; float: none; } /* Home page only */
.message { width: 100%; float: none; margin: auto; }
.message-content { width: 100%; float: none; margin: auto; } /* Don't think this is used */
.circle, .message-wrap .circle { float: none; margin-left: auto; }
}
/* Gravity Forms
------------------------------------------------------------------------------------------------------------------------------------------ Messages ------------ */
/* Kim added */ /* DAM this currently only works in customizer, from here ... */
.gform_wrapper input, .gform_wrapper select, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { line-height: 1.8rem !important; }
label.gfield_label, .gform_wrapper select, .gform_wrapper .top_label select.medium { font-size: 14px !important; }
.ginput_complex label { font-size: 12px !important; }
.gform_wrapper .top_label input.medium { width: auto !important; }
/* body .gform_wrapper ul li.gfield { margin-top: 5px !important; } tightens vertically but too much above labels */
/* Tightens input fields to their labels--GOOD */
.ginput_container { margin-top: 0px !important; }
/* End Kim */ /* DAM this currently only works in customizer ... to here */
/* DAM added */
/* Yellow bg required */
#input_1_2, #input_1_8, #input_1_65, #input_1_81, #input_1_85, .ginput_container_consent, [aria-required=true] { background: #FFD; }
/* Yellow bg with border around radios */
.ginput_container_consent, #input_1_8, #input_1_65, #input_1_81, #input_1_85 { padding: 4px; border: 1px solid #999; border-radius: 4px; margin-top: 0px !important;
width: auto; padding-left: 8px; padding-bottom: 0; line-height: 1; }
.ginput_container_consent { line-height: 1.5; }
/* Top of form in page */
#gform_wrapper_1 { margin-top: 0; }
.gform_wrapper .gform_heading { display: none; }
/* Section titles */ /* DAM this currently only works in customizer, from here ... */
.gform_wrapper .gsection { border-bottom: 0; margin: 0 0 8px -5px !important; }
.gsection h2.gsection_title { background: #999 !important; border-top-left-radius: 5px; color: #FFF;
padding: 9px 8px 5px !important; margin-top: 25px !important; border-top-left-radius: 5px; }
/* DAM this currently only works in customizer ... to here */
/* Indent description under section */
.gform_wrapper .top_label .gsection_description { margin-left: 5px; }
.gform_wrapper li.hidden_label input { margin-top: 0; }
/* Remove margin under inline radio */
.gform_wrapper li.gf_list_inline ul.gfield_radio li { margin: 0 8px 0 0 !important; }
/* Radio padding */
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { padding-right: 5px !important; width:auto !important; max-width: 100% !important; }
/* First section title */
#field_1_16, #field_1_16 h2.gsection_title { margin-top: 0 !important; }
/* Sub-section Propane */
#field_1_50 h2.gsection_title { display: none; }
/* Middle initial narrower */
#input_1_1_4_container, #input_1_4_4_container { max-width: 20%; }
/* State */
#input_1_6_4_container, #input_1_7_4_container, #input_1_96_4_container { max-width: 50%; margin-right: 0 !important; }
#input_1_6_4_container select, #input_1_7_4_container select, #input_1_96_4_container select { padding: 7px 10px 6px 4px !important; }
/* Zip */
#input_1_6_5_container, #input_1_7_5_container, #input_1_96_5_container { max-width: 50%; }
/* Make Own Rent narrower */
#field_1_8 { width: 50%; }
/* DAM added 4/13/21 for Zip Code field and Submit positioning */
#gform_wrapper_2 { padding: 10px 15px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; margin-top: 0; margin-bottom: 0; }
#gform_wrapper_2 .gform_body { width: 48%; display: inline-block; }
#gform_wrapper_2 li { border: 0; margin-top: 0; }
#gform_wrapper_2 .gform_footer { width: 50%; display: inline-block; }
@media only screen and (min-width: 641px) {
/* .gf_left_half, .gf_right_half, #field_1_82 { clear: both; } doesn't work */
/* Names */
div.ginput_complex.ginput_container.gf_name_has_3 span { width: 40% !important; }
/* City */
#input_1_6_3_container, #input_1_7_3_container, #input_1_96_3_container { padding-right: 16px; margin-right: 0 !important; }
/* State */
#input_1_6_4_container, #input_1_7_4_container, #input_1_96_4_container { max-width: 25%; padding-right: 16px; margin-right: 0 !important; }
/* Zip */
#input_1_6_5_container, #input_1_7_5_container, #input_1_96_5_container { max-width: 25%; padding-right: 0 !important; margin-right: 0; }
/* Make Own Rent narrower */
#field_1_8 { width: 40%; }
/* Credit Ref section follows a quarter */
#field_1_26 { padding: 16px 16px 8px 0; }
}
@media only screen and (max-width: 640px) {
/* Section remove mar right, this one line only works in customizer */
.gform_wrapper .gsection { padding: 0 0 8px 0; } /* DAM this currently only works in customizer */
/* Tighten fuel products */
.gchoice_1_34_1, .gchoice_1_32_1, .gchoice_1_35_1, .gchoice_1_37_1, .gchoice_1_39_1 { margin-bottom: 0 !important; }
#field_1_33, #field_1_31, #field_1_36, #field_1_38, #field_1_40 { margin-top: 0; margin-bottom: 30px; width: 50%; }
}
/* End DAM */
/*
@media print {
.page-sidebar { display: none !important; }
} */
/* Custom Styles written by Kim
--------------------------------------------- */
.page .content,
.page .content .entry-header {
padding-top: 0 !important;
}
.page.full-width-content .content .entry-header,
.single .entry-header {
width: 100vw;
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
}