From 78dea93df0cc54eec8181752e006404a81f46fa9 Mon Sep 17 00:00:00 2001 From: Dan Brubaker Date: Tue, 14 Jan 2020 13:53:55 -0500 Subject: [PATCH] Revamped nav styles --- README.md | 2 + assets/css/main.css | 2 +- assets/scss/components/navigation/_base.scss | 8 +- ...yout--nav-below-header--left-submenus.scss | 2 +- ...out--nav-below-header--right-submenus.scss | 2 +- ...yout--nav-right-header--left-submenus.scss | 2 +- .../components/navigation/_menu-toggles.scss | 50 ++++---- .../scss/components/navigation/_primary.scss | 121 ++++++++---------- assets/scss/utilities/variables/_index.scss | 1 - .../scss/utilities/variables/_navigation.scss | 54 -------- style.css | 2 +- 11 files changed, 97 insertions(+), 149 deletions(-) delete mode 100644 assets/scss/utilities/variables/_navigation.scss diff --git a/README.md b/README.md index fcf3817..ab8fbfe 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,8 @@ This is the custom Genesis starter theme for Brubaker Design Services. It provides a modular file structure and SASS partials for quick Wordpress developement. The Genesis Sample theme provided the foundation for this starter theme. ## Change Log +2.2.0 – Simplified and revamped navigation styles to make development process faster. + 2.1.1 – Fixed js suffix problem. 2.1.0 – Added better color palette. diff --git a/assets/css/main.css b/assets/css/main.css index 80c5fd2..36c0272 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1 +1 @@ -.site-container{-webkit-animation:fadein 1s;animation:fadein 1s}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}button,input,select,textarea,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img,a{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;-webkit-text-decoration:underline dotted;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:-0.25em}sup{top:-0.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}button,[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{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.clearfix::before{content:" ";display:table}.clearfix::after{clear:both;content:" ";display:table}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{background-color:#fff;color:#303030;font-family:"Source Sans Pro",sans-serif;font-size:18px;line-height:1.35;overflow-x:hidden}a{color:#65acdc;text-decoration:none}a:focus,a:hover{color:#205f89;text-decoration:underline}em,i{font-style:italic}img{height:auto}.has-primary-color{color:#3c96d2}.has-primary-background-color{background-color:#3c96d2}.has-secondary-color{color:#bebebe}.has-secondary-background-color{background-color:#bebebe}.has-tertiary-color{color:#cd8b76}.has-tertiary-background-color{background-color:#cd8b76}.has-quaternary-color{color:#f0f0f0}.has-quaternary-background-color{background-color:#f0f0f0}.has-quinary-color{color:#303030}.has-quinary-background-color{background-color:#303030}.has-small-font-size{font-size:14px}.has-normal-font-size{font-size:18px}.has-large-font-size{font-size:24px}.has-largest-font-size{font-size:32px}.alignleft,.alignright,.entry-content>*.alignleft,.entry-content>*.alignright{float:none;margin:0;max-width:100%}@media (min-width: 600px){.alignleft,.entry-content>*.alignleft{float:left;margin:0 30px 30px 0;max-width:calc(50%)}}@media (min-width: 600px){.alignright,.entry-content>*.alignright{float:right;margin:0 0 30px 30px;max-width:calc(50%)}}.aligncenter,.entry-content>*.aligncenter,.alignwide,.entry-content>*.alignwide,.alignfull,.entry-content>*.alignfull{margin-left:auto;margin-right:auto}@media (min-width: 600px){.aligncenter,.entry-content>*.aligncenter,.alignwide,.entry-content>*.alignwide,.alignfull,.entry-content>*.alignfull{max-width:calc(65%)}}.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:15px calc(50% - 50vw);max-width:100vw;width:auto}@media (min-width: 600px){.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:30px calc(50% - 50vw)}}@media (min-width: 1024px){.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:30px calc(25% - 25vw)}}.full-width-content .alignfull,.full-width-content .entry-content>*.alignfull,.nolayout .alignfull,.nolayout .entry-content>*.alignfull{margin:15px calc(50% - 50vw);max-width:100vw;width:100vw}@media (min-width: 600px){.full-width-content .alignfull,.full-width-content .entry-content>*.alignfull,.nolayout .alignfull,.nolayout .entry-content>*.alignfull{margin:30px calc(50% - 50vw)}}input,select,textarea{background-color:white;border:1px solid #f1f1f1;color:#303030;padding:15px;width:100%}input:focus,select:focus,textarea:focus{border:1px solid #bebebe;outline:none}input[type="checkbox"],input[type="image"],input[type="radio"]{width:auto}::-ms-input-placeholder,:-ms-input-placeholder{color:#333;opacity:1}::-webkit-input-placeholder{color:#333;opacity:1}::-moz-placeholder{color:#333;opacity:1}:-ms-input-placeholder{color:#333;opacity:1}::-ms-input-placeholder{color:#333;opacity:1}::placeholder{color:#333;opacity:1}button,input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button__link{background-color:#3c96d2;color:#f0f0f0;cursor:pointer;font-weight:700;padding:15px 30px;text-align:center;text-decoration:none !important;width:auto;border:0;border-radius:5px}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,.button:focus,.button:hover,.wp-block-button__link:focus,.wp-block-button__link:hover{background-color:#65acdc;color:#f0f0f0}.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:#f0f0f0;color:#777;cursor:not-allowed;border:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button{display:none}.post-password-form input[type="submit"],.search-form input[type="submit"]{margin-top:10px}p{margin:0 0 30px;padding:0}ol,ul{margin:0;padding:0}.entry-content ol{list-style-type:decimal}.entry-content ul{list-style-type:square}.entry-content ol,.entry-content ul{margin-top:15px;margin-bottom:15px;padding-left:30px}@media (min-width: 600px){.entry-content ol,.entry-content ul{margin-top:30px;margin-bottom:30px}}.entry-content ol ol>li,.entry-content ul ol>li{list-style-type:decimal}.entry-content ol ul>li,.entry-content ul ul>li{list-style-type:disc}.entry-content ol ol,.entry-content ol ul,.entry-content ul ol,.entry-content ul ul{margin:0 0 15px}blockquote,blockquote.wp-block-quote{font-style:italic;margin:15px}@media (min-width: 600px){blockquote,blockquote.wp-block-quote{margin:30px}}@media (min-width: 600px){blockquote.is-large,blockquote.is-style-large,blockquote.wp-block-quote.is-large,blockquote.wp-block-quote.is-style-large{margin:60px}}.wp-block-pullquote{border-top:3px solid #303030;border-bottom:3px solid #303030}.wp-block-pullquote blockquote{margin-top:0;margin-bottom:0;margin-right:15px;margin-left:15px}@media (min-width: 600px){.wp-block-pullquote blockquote{margin-right:30px;margin-left:30px}}.wp-block-pullquote blockquote>*:last-child{margin:0}.wp-block-quote::before{float:left;content:"\f122";font-family:dashicons;font-size:30px;line-height:1.2;padding-right:10px}cite,.wp-block-quote__citation{display:block;font-size:.9em;font-style:italic;text-align:right}cite:before,.wp-block-quote__citation:before{content:'– '}h1,h2,h3,h4,h5,h6{font-family:serif;font-weight:700;line-height:1.5}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:0}h1{font-size:30px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}@media (min-width: 768px){h1{font-size:40px}h2{font-size:38px}h3{font-size:34px}h4{font-size:30px}h5{font-size:28px}h6{font-size:26px}}hr,.wp-block-separator{border:none;border-collapse:collapse;border-top:2px solid #303030;clear:both;margin:30px calc(40%) !important}hr.is-style-wide,.wp-block-separator.is-style-wide{margin:30px 0 !important}hr.is-style-dots,.wp-block-separator.is-style-dots{margin:30px 0 !important}hr.is-style-dots:before,.wp-block-separator.is-style-dots:before{font-size:36px;text-align:center;padding-left:30px;letter-spacing:30px}@media (min-width: 1024px){hr.is-style-dots:before,.wp-block-separator.is-style-dots:before{padding-left:50px;letter-spacing:50px}}.entry-content img{max-width:100%}.wp-block-image img,.alignright img,.alignleft img,.aligncenter img{border-radius:15px}.alignwide img,.alignfull img{border-radius:0}ul.wp-block-gallery{padding-left:0}table{border-collapse:collapse;border-spacing:0;margin-bottom:40px;width:100%;word-break:break-word}table tbody{border-bottom:1px solid #303030}table td{text-align:left;border-top:1px solid #303030;padding:10px}table th{font-weight:700;text-align:left}.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}.more-link{display:inline-block;position:relative;margin-bottom:30px}.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}:focus{color:#333;outline:transparent}@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}.site-inner .content-sidebar-wrap{display:block}.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}}.site-header{position:relative;background-color:white;top:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.4);z-index:100}.title-area{text-align:center;padding:15px}@media (min-width: 600px){.title-area{padding:30px}}.title-area .site-title{font-size:30px;font-weight:700;margin-bottom:0}.title-area .site-title a{color:#303030}.title-area .site-title a:hover,.title-area .site-title a:focus{color:#205f89;text-decoration:none}.title-area .site-description{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important}.wp-custom-logo .title-area{text-align:center;padding-top:30px;padding-bottom:30px}@media (min-width: 768px){.wp-custom-logo .title-area{padding-top:10px;padding-bottom:10px}}.wp-custom-logo .title-area img{display:block;width:100%;max-width:350px;height:auto;margin:auto}.wp-custom-logo .site-title,.wp-custom-logo .site-description{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important}.genesis-nav-menu{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;margin:0 auto;z-index:100}@media (min-width: 1024px){.genesis-nav-menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding-right:15px;padding-left:15px}}@media (min-width: 1024px) and (min-width: 600px){.genesis-nav-menu{padding-right:30px;padding-left:30px}}.genesis-nav-menu .menu-item{display:-webkit-box;display:flex;flex-flow:wrap;position:relative}.genesis-nav-menu .menu-item a{-webkit-box-flex:1;flex:1;outline-offset:-1px;padding:15px;text-decoration:none !important}.genesis-nav-menu .sub-menu{display:none;-webkit-box-flex:1;flex:1 100%;left:-9999px;opacity:1;padding-left:15px;z-index:99}@media (min-width: 1024px){.genesis-nav-menu .sub-menu{position:absolute;box-shadow:0 2px 3px rgba(0,0,0,0.4);padding-left:0;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}}.genesis-nav-menu>.menu-item>.sub-menu{top:100%}.genesis-responsive-menu{display:none}@media (min-width: 1024px){.genesis-responsive-menu{display:block}}@media (min-width: 1024px){.sub-menu .menu-item-has-children>a:after{display:inline-block;float:right;content:"\f347";font-family:dashicons;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}}.nav-primary{background:#fff;font-size:18px;font-weight:normal}@media (min-width: 1024px){.nav-primary{color:#303030;background:rgba(0,0,0,0);font-size:18px;font-weight:700}}.nav-primary .genesis-nav-menu{-webkit-box-pack:center;justify-content:center;max-width:1280px}.nav-primary .menu-item a{color:#303030;padding:15px}@media (min-width: 1024px){.nav-primary .menu-item a{color:#303030;padding:15px}}.nav-primary .menu-item a:focus,.nav-primary .menu-item a:hover,.nav-primary .menu-item a .current-menu-item>a .sub-menu .current-menu-item>a:focus,.nav-primary .menu-item a .sub-menu .current-menu-item>a:hover{color:#205f89;background:#f0f0f0}@media (min-width: 1024px){.nav-primary .menu-item a:focus,.nav-primary .menu-item a:hover,.nav-primary .menu-item a .current-menu-item>a .sub-menu .current-menu-item>a:focus,.nav-primary .menu-item a .sub-menu .current-menu-item>a:hover{color:#205f89;background:#f0f0f0}}.nav-primary .sub-menu{background:#fff;width:200px}@media (min-width: 1024px){.nav-primary .sub-menu{background:#fff}}.nav-primary .sub-menu a{color:#303030;font-size:.9em;font-weight:normal}@media (min-width: 1024px){.nav-primary .sub-menu a{color:#303030;font-size:.9em;font-weight:normal}}.nav-primary .sub-menu a:hover,.nav-primary .sub-menu a:focus{color:#205f89}@media (min-width: 1024px){.nav-primary .sub-menu a:hover,.nav-primary .sub-menu a:focus{color:#205f89;background:#f0f0f0}}.nav-primary .sub-menu-toggle{color:#303030;background:#fff}.sub-menu .menu-item-has-children .nav-primary .sub-menu-toggle{color:#303030;background:#fff}#genesis-mobile-nav-primary.menu-toggle{color:#303030;background:#fff}.nav-secondary{margin-top:10px}.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}.menu-toggle,.sub-menu-toggle{display:block;margin:0 auto;border-width:0;overflow:hidden;text-align:center;visibility:visible}@media (min-width: 1024px){.menu-toggle,.sub-menu-toggle{display:none;visibility:hidden}}.menu-toggle:focus,.menu-toggle:hover,.sub-menu-toggle:focus,.sub-menu-toggle:hover{border-width:0}.menu-toggle{font-size:20px;line-height:20px;padding:15px 20px;z-index:1000}.menu-toggle.activated::before{content:"\f335"}.sub-menu-toggle{padding:15px;z-index:100}.sub-menu-toggle::before{text-rendering:auto;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform 0.25s ease-in-out;transition:-webkit-transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out}.sub-menu-toggle.activated::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.site-header .menu-toggle::before{margin-right:5px;position:relative;text-rendering:auto;top:1px}.breadcrumb{margin-bottom:15px}@media (min-width: 600px){.breadcrumb{margin-bottom:30px}}.pagination li{display:inline-block}.pagination a{display:inline-block;color:#f0f0f0;background:#bebebe;font-weight:700;text-decoration:none;padding:8px 12px;margin-bottom:5px}.pagination a:hover,.pagination a:focus,.active .pagination a{background:#205f89}.genesis-nav-menu .menu-item>a:focus+ul.sub-menu,.genesis-nav-menu .menu-item.sfHover>ul.sub-menu{opacity:1}@media (min-width: 1024px){.genesis-nav-menu .sub-menu{left:0}.genesis-nav-menu .sub-menu .sub-menu{left:200px;box-shadow:1px 1px 2px rgba(0,0,0,0.4)}}@media (min-width: 1024px){.sub-menu .menu-item-has-children>a:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.site-inner{border-top:1px solid transparent}.content-sidebar-wrap{display:grid;grid-gap:15px;margin:50px auto 60px;max-width:1280px}@media (min-width: 600px){.content-sidebar-wrap{grid-gap:30px}}@media (min-width: 1024px){.content-sidebar-wrap{grid-gap:50px}}@media (min-width: 1024px){.content-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1024px){.sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 350px) 1fr}.sidebar-content .content-sidebar-wrap .content{-webkit-box-ordinal-group:3;order:2}}@media (min-width: 1024px){.content-sidebar-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1280px){.content-sidebar-sidebar .content-sidebar-wrap{grid-template-columns:2fr minmax(auto, 1fr) minmax(auto, 1fr)}}@media (min-width: 1024px){.sidebar-sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 350px) 1fr}.sidebar-sidebar-content .content-sidebar-wrap .sidebar-primary{-webkit-box-ordinal-group:3;order:2}.sidebar-sidebar-content .content-sidebar-wrap .content{-webkit-box-ordinal-group:4;order:3}}@media (min-width: 1280px){.sidebar-sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 1fr) minmax(auto, 1fr) 2fr}}@media (min-width: 1024px){.sidebar-content-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1280px){.sidebar-content-sidebar .content-sidebar-wrap{grid-template-columns:minmax(auto, 1fr) 2fr minmax(auto, 1fr)}.sidebar-content-sidebar .content-sidebar-wrap .content,.sidebar-content-sidebar .content-sidebar-wrap .sidebar-primary{-webkit-box-ordinal-group:3;order:2}}.full-width-content .content-sidebar-wrap{grid-template-columns:none}.content-sidebar-wrap{padding-right:15px;padding-left:15px}@media (min-width: 600px){.content-sidebar-wrap{padding-right:30px;padding-left:30px}}.site-footer{background-color:#fff;font-size:15px;line-height:1.5;padding:15px;text-align:center}@media (min-width: 600px){.site-footer{padding:30px}}.site-footer p{margin-bottom:0}.site-footer .admin-login{margin:15px 0}.entry>*,.entry-comments,.comment-respond{max-width:800px;margin-left:auto;margin-right:auto}.entry>*>*:first-child,.entry-comments>*:first-child,.comment-respond>*:first-child{margin-top:0}.page .entry-header,.archive-description{margin:0 0 50px;max-width:100%}.page .entry-header .entry-title,.page .entry-header .archive-title,.archive-description .entry-title,.archive-description .archive-title{margin:0}.post .entry-header .entry-title .entry-title-link{color:#303030}.post .entry-header .entry-title .entry-title-link:focus,.post .entry-header .entry-title .entry-title-link:hover{color:#205f89}.post .entry-header .entry-meta{margin-bottom:15px}.entry-content>*{margin-bottom:15px;max-width:100%}@media (min-width: 600px){.entry-content>*{margin-bottom:30px}}.entry-content>*:last-child{margin-bottom:0}.entry-footer{margin-top:30px;margin-bottom:30px}.entry-footer .entry-meta{padding-top:5px;border-top:2px solid #f0f0f0}.sidebar{display:grid;grid-gap:15px;align-content:start;width:100%;max-width:350px;margin-right:auto;margin-left:auto}.sidebar.sidebar-secondary{display:none}@media (min-width: 600px){.sidebar{grid-gap:30px}}@media (min-width: 768px){.sidebar{grid-template-columns:1fr 1fr;max-width:700px}}@media (min-width: 1024px){.sidebar.sidebar-primary{grid-template-columns:1fr}}@media (min-width: 1280px){.sidebar.sidebar-secondary{display:grid;grid-template-columns:1fr}}.widget-title{font-size:30px;font-weight:600;margin:0 0 15px}.widget ul>li{margin-bottom:15px}.widget ul>li:last-of-type{padding-bottom:0}.widget ol>li{margin-bottom:15px;list-style-position:inside;list-style-type:decimal;padding-left:15px;text-indent:-15px}.widget li li{border:0;margin:0 0 0 30px;padding:0}.widget p:last-child,.widget ul>li:last-of-type,.widget ol>li:last-of-type{margin-bottom:0}.widget_search input[type="submit"]{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.footer-widgets{border-top:5px solid #eee}.footer-widgets .wrap{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:15px}@media (min-width: 600px){.footer-widgets .wrap{padding:30px}}@media (min-width: 600px){.footer-widgets .wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:stretch;align-items:stretch}}.footer-widget-area{display:none;flex-basis:1;padding:10px 15px;max-width:350px;border-left:1px solid #eee}@media (min-width: 600px){.footer-widget-area{padding:10px 30px}}.footer-widget-area:first-child{display:block;border-left:none}@media (min-width: 768px){.footer-widget-area:nth-child(2){display:block}}@media (min-width: 1024px){.footer-widget-area:nth-child(3){display:block}}@media (min-width: 1280px){.footer-widget-area{display:block}}.footer-widget-area .widget{margin-bottom:15px}@media (min-width: 600px){.footer-widget-area .widget{margin-bottom:30px}}.footer-widget-area .widget:last-child{margin-bottom:0}.entry-comments-link::before{content:"\2014";margin:0 6px 0 2px}.comment-respond,.entry-comments,.entry-pings{margin-bottom:40px}.comment-list li{padding:15px 0 0 15px}@media (min-width: 600px){.comment-list li{padding:30px 0 0 30px}}.comment-list .depth-1{padding-left:0}.comment-content ul>li{list-style-type:disc}.entry-pings .reply{display:none}.comment-form-cookies-consent label{display:inline;padding-left:10px}.comment-header{margin-bottom:30px}.comment-header p{margin-bottom:0}.comment-content{clear:both}.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}.author-box{margin-bottom:15px}@media (min-width: 600px){.author-box{margin-bottom:30px}}.author-box p:last-child{margin-bottom:0}.avatar{border-radius:50%;float:left}.alignright .avatar{margin-left:20px}.author-box .avatar,.alignleft .avatar{margin-right:20px}.comment .avatar{margin:0 15px 20px 0}.wpforms-field,.wpforms-submit-container{clear:both}.wpforms-field ul{padding-left:0}@media screen and (max-width: 600px){.wpforms-field.wpforms-one-half,.wpforms-field.wpforms-one-third,.wpforms-field.wpforms-one-fourth,.wpforms-field.wpforms-one-fifth,.wpforms-field.wpforms-one-sixth,.wpforms-field.wpforms-two-thirds,.wpforms-field.wpforms-two-fourths,.wpforms-field.wpforms-two-fifths,.wpforms-field.wpforms-two-sixths,.wpforms-field.wpforms-three-fourths,.wpforms-field.wpforms-three-fifths,.wpforms-field.wpforms-three-sixths,.wpforms-field.wpforms-four-fifths,.wpforms-field.wpforms-four-sixths,.wpforms-field.wpforms-five-sixths{float:none !important;width:100% !important;margin-left:0 !important}} +.site-container{-webkit-animation:fadein 1s;animation:fadein 1s}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}button,input,select,textarea,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img,a{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;-webkit-text-decoration:underline dotted;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:-0.25em}sup{top:-0.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}button,[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{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.clearfix::before{content:" ";display:table}.clearfix::after{clear:both;content:" ";display:table}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{background-color:#fff;color:#303030;font-family:"Source Sans Pro",sans-serif;font-size:18px;line-height:1.35;overflow-x:hidden}a{color:#65acdc;text-decoration:none}a:focus,a:hover{color:#205f89;text-decoration:underline}em,i{font-style:italic}img{height:auto}.has-primary-color{color:#3c96d2}.has-primary-background-color{background-color:#3c96d2}.has-secondary-color{color:#bebebe}.has-secondary-background-color{background-color:#bebebe}.has-tertiary-color{color:#cd8b76}.has-tertiary-background-color{background-color:#cd8b76}.has-quaternary-color{color:#f0f0f0}.has-quaternary-background-color{background-color:#f0f0f0}.has-quinary-color{color:#303030}.has-quinary-background-color{background-color:#303030}.has-small-font-size{font-size:14px}.has-normal-font-size{font-size:18px}.has-large-font-size{font-size:24px}.has-largest-font-size{font-size:32px}.alignleft,.alignright,.entry-content>*.alignleft,.entry-content>*.alignright{float:none;margin:0;max-width:100%}@media (min-width: 600px){.alignleft,.entry-content>*.alignleft{float:left;margin:0 30px 30px 0;max-width:calc(50%)}}@media (min-width: 600px){.alignright,.entry-content>*.alignright{float:right;margin:0 0 30px 30px;max-width:calc(50%)}}.aligncenter,.entry-content>*.aligncenter,.alignwide,.entry-content>*.alignwide,.alignfull,.entry-content>*.alignfull{margin-left:auto;margin-right:auto}@media (min-width: 600px){.aligncenter,.entry-content>*.aligncenter,.alignwide,.entry-content>*.alignwide,.alignfull,.entry-content>*.alignfull{max-width:calc(65%)}}.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:15px calc(50% - 50vw);max-width:100vw;width:auto}@media (min-width: 600px){.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:30px calc(50% - 50vw)}}@media (min-width: 1024px){.full-width-content .alignwide,.full-width-content .entry-content>*.alignwide,.nolayout .alignwide,.nolayout .entry-content>*.alignwide{margin:30px calc(25% - 25vw)}}.full-width-content .alignfull,.full-width-content .entry-content>*.alignfull,.nolayout .alignfull,.nolayout .entry-content>*.alignfull{margin:15px calc(50% - 50vw);max-width:100vw;width:100vw}@media (min-width: 600px){.full-width-content .alignfull,.full-width-content .entry-content>*.alignfull,.nolayout .alignfull,.nolayout .entry-content>*.alignfull{margin:30px calc(50% - 50vw)}}input,select,textarea{background-color:white;border:1px solid #f1f1f1;color:#303030;padding:15px;width:100%}input:focus,select:focus,textarea:focus{border:1px solid #bebebe;outline:none}input[type="checkbox"],input[type="image"],input[type="radio"]{width:auto}::-ms-input-placeholder,:-ms-input-placeholder{color:#333;opacity:1}::-webkit-input-placeholder{color:#333;opacity:1}::-moz-placeholder{color:#333;opacity:1}:-ms-input-placeholder{color:#333;opacity:1}::-ms-input-placeholder{color:#333;opacity:1}::placeholder{color:#333;opacity:1}button,input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button__link{background-color:#3c96d2;color:#f0f0f0;cursor:pointer;font-weight:700;padding:15px 30px;text-align:center;text-decoration:none !important;width:auto;border:0;border-radius:5px}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,.button:focus,.button:hover,.wp-block-button__link:focus,.wp-block-button__link:hover{background-color:#65acdc;color:#f0f0f0}.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:#f0f0f0;color:#777;cursor:not-allowed;border:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button{display:none}.post-password-form input[type="submit"],.search-form input[type="submit"]{margin-top:10px}p{margin:0 0 30px;padding:0}ol,ul{margin:0;padding:0}.entry-content ol{list-style-type:decimal}.entry-content ul{list-style-type:square}.entry-content ol,.entry-content ul{margin-top:15px;margin-bottom:15px;padding-left:30px}@media (min-width: 600px){.entry-content ol,.entry-content ul{margin-top:30px;margin-bottom:30px}}.entry-content ol ol>li,.entry-content ul ol>li{list-style-type:decimal}.entry-content ol ul>li,.entry-content ul ul>li{list-style-type:disc}.entry-content ol ol,.entry-content ol ul,.entry-content ul ol,.entry-content ul ul{margin:0 0 15px}blockquote,blockquote.wp-block-quote{font-style:italic;margin:15px}@media (min-width: 600px){blockquote,blockquote.wp-block-quote{margin:30px}}@media (min-width: 600px){blockquote.is-large,blockquote.is-style-large,blockquote.wp-block-quote.is-large,blockquote.wp-block-quote.is-style-large{margin:60px}}.wp-block-pullquote{border-top:3px solid #303030;border-bottom:3px solid #303030}.wp-block-pullquote blockquote{margin-top:0;margin-bottom:0;margin-right:15px;margin-left:15px}@media (min-width: 600px){.wp-block-pullquote blockquote{margin-right:30px;margin-left:30px}}.wp-block-pullquote blockquote>*:last-child{margin:0}.wp-block-quote::before{float:left;content:"\f122";font-family:dashicons;font-size:30px;line-height:1.2;padding-right:10px}cite,.wp-block-quote__citation{display:block;font-size:.9em;font-style:italic;text-align:right}cite:before,.wp-block-quote__citation:before{content:'– '}h1,h2,h3,h4,h5,h6{font-family:serif;font-weight:700;line-height:1.5}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:0}h1{font-size:30px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}@media (min-width: 768px){h1{font-size:40px}h2{font-size:38px}h3{font-size:34px}h4{font-size:30px}h5{font-size:28px}h6{font-size:26px}}hr,.wp-block-separator{border:none;border-collapse:collapse;border-top:2px solid #303030;clear:both;margin:30px calc(40%) !important}hr.is-style-wide,.wp-block-separator.is-style-wide{margin:30px 0 !important}hr.is-style-dots,.wp-block-separator.is-style-dots{margin:30px 0 !important}hr.is-style-dots:before,.wp-block-separator.is-style-dots:before{font-size:36px;text-align:center;padding-left:30px;letter-spacing:30px}@media (min-width: 1024px){hr.is-style-dots:before,.wp-block-separator.is-style-dots:before{padding-left:50px;letter-spacing:50px}}.entry-content img{max-width:100%}.wp-block-image img,.alignright img,.alignleft img,.aligncenter img{border-radius:15px}.alignwide img,.alignfull img{border-radius:0}ul.wp-block-gallery{padding-left:0}table{border-collapse:collapse;border-spacing:0;margin-bottom:40px;width:100%;word-break:break-word}table tbody{border-bottom:1px solid #303030}table td{text-align:left;border-top:1px solid #303030;padding:10px}table th{font-weight:700;text-align:left}.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}.more-link{display:inline-block;position:relative;margin-bottom:30px}.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}:focus{color:#333;outline:transparent}@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}.site-inner .content-sidebar-wrap{display:block}.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}}.site-header{position:relative;background-color:white;top:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.4);z-index:100}.title-area{text-align:center;padding:15px}@media (min-width: 600px){.title-area{padding:30px}}.title-area .site-title{font-size:30px;font-weight:700;margin-bottom:0}.title-area .site-title a{color:#303030}.title-area .site-title a:hover,.title-area .site-title a:focus{color:#205f89;text-decoration:none}.title-area .site-description{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important}.wp-custom-logo .title-area{text-align:center;padding-top:30px;padding-bottom:30px}@media (min-width: 768px){.wp-custom-logo .title-area{padding-top:10px;padding-bottom:10px}}.wp-custom-logo .title-area img{display:block;width:100%;max-width:350px;height:auto;margin:auto}.wp-custom-logo .site-title,.wp-custom-logo .site-description{border:0;clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important}.genesis-nav-menu{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;margin:0 auto;z-index:100}@media (min-width: 1024px){.genesis-nav-menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding-right:15px;padding-left:15px}}@media (min-width: 1024px) and (min-width: 600px){.genesis-nav-menu{padding-right:30px;padding-left:30px}}.genesis-nav-menu .menu-item{display:-webkit-box;display:flex;flex-flow:wrap;position:relative}.genesis-nav-menu .menu-item a{-webkit-box-flex:1;flex:1;outline-offset:-1px;text-decoration:none !important}.genesis-nav-menu .sub-menu{display:none;-webkit-box-flex:1;flex:1 100%;left:-9999px;opacity:1;padding-left:15px;width:200px;z-index:99}@media (min-width: 1024px){.genesis-nav-menu .sub-menu{position:absolute;box-shadow:0 2px 3px rgba(0,0,0,0.4);padding-left:0;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}}.genesis-nav-menu>.menu-item>.sub-menu{top:100%}.genesis-responsive-menu{display:none}@media (min-width: 1024px){.genesis-responsive-menu{display:block}}@media (min-width: 1024px){.sub-menu .menu-item-has-children>a:after{display:inline-block;float:right;content:"\f347";font-family:dashicons;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}}.nav-primary{background:white}.nav-primary .genesis-nav-menu{-webkit-box-pack:center;justify-content:center;max-width:1280px}.nav-primary .genesis-nav-menu>.menu-item>a{color:#303030;font-size:18px;font-weight:bold;padding:15px}.nav-primary .sub-menu{background:white}.nav-primary .sub-menu>.menu-item>a{color:#303030;font-size:16px;font-weight:normal;padding:15px}.nav-primary .menu-item a:hover,.nav-primary .menu-item a:focus{color:#205f89;background:#f0f0f0}@media (min-width: 1024px){.nav-primary .menu-item.sfHover>a{color:#205f89;background:#f0f0f0}}.nav-secondary{margin-top:10px}.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}button.menu-toggle,button.sub-menu-toggle{display:block;margin:0 auto;border-width:0;overflow:hidden;text-align:center;visibility:visible}@media (min-width: 1024px){button.menu-toggle,button.sub-menu-toggle{display:none;visibility:hidden}}button.menu-toggle{color:#303030;background:transparent;font-size:20px;line-height:20px;padding:15px 20px;z-index:1000}button.menu-toggle::before{margin-right:5px;position:relative;text-rendering:auto;top:1px}button.menu-toggle.activated{color:#303030;background:transparent}button.menu-toggle.activated::before{content:"\f335"}button.sub-menu-toggle{color:#303030;background:transparent;padding:15px;z-index:100;border-radius:0}button.sub-menu-toggle::before{text-rendering:auto;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform 0.25s ease-in-out;transition:-webkit-transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out}button.sub-menu-toggle.activated{color:#303030;background:transparent}button.sub-menu-toggle.activated::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.breadcrumb{margin-bottom:15px}@media (min-width: 600px){.breadcrumb{margin-bottom:30px}}.pagination li{display:inline-block}.pagination a{display:inline-block;color:#f0f0f0;background:#bebebe;font-weight:700;text-decoration:none;padding:8px 12px;margin-bottom:5px}.pagination a:hover,.pagination a:focus,.active .pagination a{background:#205f89}.genesis-nav-menu .menu-item>a:focus+ul.sub-menu,.genesis-nav-menu .menu-item.sfHover>ul.sub-menu{opacity:1}@media (min-width: 1024px){.genesis-nav-menu .sub-menu{left:0}.genesis-nav-menu .sub-menu .sub-menu{left:200px;box-shadow:1px 1px 2px rgba(0,0,0,0.4)}}@media (min-width: 1024px){.sub-menu .menu-item-has-children>a:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.site-inner{border-top:1px solid transparent}.content-sidebar-wrap{display:grid;grid-gap:15px;margin:50px auto 60px;max-width:1280px}@media (min-width: 600px){.content-sidebar-wrap{grid-gap:30px}}@media (min-width: 1024px){.content-sidebar-wrap{grid-gap:50px}}@media (min-width: 1024px){.content-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1024px){.sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 350px) 1fr}.sidebar-content .content-sidebar-wrap .content{-webkit-box-ordinal-group:3;order:2}}@media (min-width: 1024px){.content-sidebar-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1280px){.content-sidebar-sidebar .content-sidebar-wrap{grid-template-columns:2fr minmax(auto, 1fr) minmax(auto, 1fr)}}@media (min-width: 1024px){.sidebar-sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 350px) 1fr}.sidebar-sidebar-content .content-sidebar-wrap .sidebar-primary{-webkit-box-ordinal-group:3;order:2}.sidebar-sidebar-content .content-sidebar-wrap .content{-webkit-box-ordinal-group:4;order:3}}@media (min-width: 1280px){.sidebar-sidebar-content .content-sidebar-wrap{grid-template-columns:minmax(auto, 1fr) minmax(auto, 1fr) 2fr}}@media (min-width: 1024px){.sidebar-content-sidebar .content-sidebar-wrap{grid-template-columns:1fr minmax(auto, 350px)}}@media (min-width: 1280px){.sidebar-content-sidebar .content-sidebar-wrap{grid-template-columns:minmax(auto, 1fr) 2fr minmax(auto, 1fr)}.sidebar-content-sidebar .content-sidebar-wrap .content,.sidebar-content-sidebar .content-sidebar-wrap .sidebar-primary{-webkit-box-ordinal-group:3;order:2}}.full-width-content .content-sidebar-wrap{grid-template-columns:none}.content-sidebar-wrap{padding-right:15px;padding-left:15px}@media (min-width: 600px){.content-sidebar-wrap{padding-right:30px;padding-left:30px}}.site-footer{background-color:#fff;font-size:15px;line-height:1.5;padding:15px;text-align:center}@media (min-width: 600px){.site-footer{padding:30px}}.site-footer p{margin-bottom:0}.site-footer .admin-login{margin:15px 0}.entry>*,.entry-comments,.comment-respond{max-width:800px;margin-left:auto;margin-right:auto}.entry>*>*:first-child,.entry-comments>*:first-child,.comment-respond>*:first-child{margin-top:0}.page .entry-header,.archive-description{margin:0 0 50px;max-width:100%}.page .entry-header .entry-title,.page .entry-header .archive-title,.archive-description .entry-title,.archive-description .archive-title{margin:0}.post .entry-header .entry-title .entry-title-link{color:#303030}.post .entry-header .entry-title .entry-title-link:focus,.post .entry-header .entry-title .entry-title-link:hover{color:#205f89}.post .entry-header .entry-meta{margin-bottom:15px}.entry-content>*{margin-bottom:15px;max-width:100%}@media (min-width: 600px){.entry-content>*{margin-bottom:30px}}.entry-content>*:last-child{margin-bottom:0}.entry-footer{margin-top:30px;margin-bottom:30px}.entry-footer .entry-meta{padding-top:5px;border-top:2px solid #f0f0f0}.sidebar{display:grid;grid-gap:15px;align-content:start;width:100%;max-width:350px;margin-right:auto;margin-left:auto}.sidebar.sidebar-secondary{display:none}@media (min-width: 600px){.sidebar{grid-gap:30px}}@media (min-width: 768px){.sidebar{grid-template-columns:1fr 1fr;max-width:700px}}@media (min-width: 1024px){.sidebar.sidebar-primary{grid-template-columns:1fr}}@media (min-width: 1280px){.sidebar.sidebar-secondary{display:grid;grid-template-columns:1fr}}.widget-title{font-size:30px;font-weight:600;margin:0 0 15px}.widget ul>li{margin-bottom:15px}.widget ul>li:last-of-type{padding-bottom:0}.widget ol>li{margin-bottom:15px;list-style-position:inside;list-style-type:decimal;padding-left:15px;text-indent:-15px}.widget li li{border:0;margin:0 0 0 30px;padding:0}.widget p:last-child,.widget ul>li:last-of-type,.widget ol>li:last-of-type{margin-bottom:0}.widget_search input[type="submit"]{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.footer-widgets{border-top:5px solid #eee}.footer-widgets .wrap{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:15px}@media (min-width: 600px){.footer-widgets .wrap{padding:30px}}@media (min-width: 600px){.footer-widgets .wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:stretch;align-items:stretch}}.footer-widget-area{display:none;flex-basis:1;padding:10px 15px;max-width:350px;border-left:1px solid #eee}@media (min-width: 600px){.footer-widget-area{padding:10px 30px}}.footer-widget-area:first-child{display:block;border-left:none}@media (min-width: 768px){.footer-widget-area:nth-child(2){display:block}}@media (min-width: 1024px){.footer-widget-area:nth-child(3){display:block}}@media (min-width: 1280px){.footer-widget-area{display:block}}.footer-widget-area .widget{margin-bottom:15px}@media (min-width: 600px){.footer-widget-area .widget{margin-bottom:30px}}.footer-widget-area .widget:last-child{margin-bottom:0}.entry-comments-link::before{content:"\2014";margin:0 6px 0 2px}.comment-respond,.entry-comments,.entry-pings{margin-bottom:40px}.comment-list li{padding:15px 0 0 15px}@media (min-width: 600px){.comment-list li{padding:30px 0 0 30px}}.comment-list .depth-1{padding-left:0}.comment-content ul>li{list-style-type:disc}.entry-pings .reply{display:none}.comment-form-cookies-consent label{display:inline;padding-left:10px}.comment-header{margin-bottom:30px}.comment-header p{margin-bottom:0}.comment-content{clear:both}.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}.author-box{margin-bottom:15px}@media (min-width: 600px){.author-box{margin-bottom:30px}}.author-box p:last-child{margin-bottom:0}.avatar{border-radius:50%;float:left}.alignright .avatar{margin-left:20px}.author-box .avatar,.alignleft .avatar{margin-right:20px}.comment .avatar{margin:0 15px 20px 0}.wpforms-field,.wpforms-submit-container{clear:both}.wpforms-field ul{padding-left:0}@media screen and (max-width: 600px){.wpforms-field.wpforms-one-half,.wpforms-field.wpforms-one-third,.wpforms-field.wpforms-one-fourth,.wpforms-field.wpforms-one-fifth,.wpforms-field.wpforms-one-sixth,.wpforms-field.wpforms-two-thirds,.wpforms-field.wpforms-two-fourths,.wpforms-field.wpforms-two-fifths,.wpforms-field.wpforms-two-sixths,.wpforms-field.wpforms-three-fourths,.wpforms-field.wpforms-three-fifths,.wpforms-field.wpforms-three-sixths,.wpforms-field.wpforms-four-fifths,.wpforms-field.wpforms-four-sixths,.wpforms-field.wpforms-five-sixths{float:none !important;width:100% !important;margin-left:0 !important}} diff --git a/assets/scss/components/navigation/_base.scss b/assets/scss/components/navigation/_base.scss index 949c45c..a0d82cf 100644 --- a/assets/scss/components/navigation/_base.scss +++ b/assets/scss/components/navigation/_base.scss @@ -1,6 +1,10 @@ // ========== Base ========== // +// Navigation Settings. +$navigation__breakpoint : l; +$navigation__sub-menu--width : 200px; + .genesis-nav-menu { display: flex; @@ -21,7 +25,6 @@ a { flex: 1; outline-offset: -1px; - padding: 15px; text-decoration: none !important; } } @@ -32,6 +35,7 @@ left: -9999px; opacity: 1; padding-left: $mobile-spacing; + width: $navigation__sub-menu--width; z-index: 99; @include media($navigation__breakpoint) { @@ -63,4 +67,4 @@ font-family: dashicons; transition: 0.4s ease-in-out; } -} \ No newline at end of file +} diff --git a/assets/scss/components/navigation/_layout--nav-below-header--left-submenus.scss b/assets/scss/components/navigation/_layout--nav-below-header--left-submenus.scss index 2921d5e..3bed8a1 100644 --- a/assets/scss/components/navigation/_layout--nav-below-header--left-submenus.scss +++ b/assets/scss/components/navigation/_layout--nav-below-header--left-submenus.scss @@ -14,7 +14,7 @@ @include media($navigation__breakpoint) { right: 0; .sub-menu { - right: #{$navigation__nav-primary-sub-menu--width}; + right: #{$navigation__sub-menu--width}; box-shadow: -1px 1px 2px $color--shadow; } } diff --git a/assets/scss/components/navigation/_layout--nav-below-header--right-submenus.scss b/assets/scss/components/navigation/_layout--nav-below-header--right-submenus.scss index efa4996..7c51c7f 100644 --- a/assets/scss/components/navigation/_layout--nav-below-header--right-submenus.scss +++ b/assets/scss/components/navigation/_layout--nav-below-header--right-submenus.scss @@ -13,7 +13,7 @@ @include media($navigation__breakpoint) { left: 0; .sub-menu { - left: $navigation__nav-primary-sub-menu--width; + left: $navigation__sub-menu--width; box-shadow: 1px 1px 2px $color--shadow; } } diff --git a/assets/scss/components/navigation/_layout--nav-right-header--left-submenus.scss b/assets/scss/components/navigation/_layout--nav-right-header--left-submenus.scss index 890d8d7..6d1667c 100644 --- a/assets/scss/components/navigation/_layout--nav-right-header--left-submenus.scss +++ b/assets/scss/components/navigation/_layout--nav-right-header--left-submenus.scss @@ -40,7 +40,7 @@ @include media($navigation__breakpoint) { right: 0; .sub-menu { - right: #{$navigation__nav-primary-sub-menu--width}; + right: #{$navigation__sub-menu--width}; box-shadow: -1px 1px 2px $color--shadow; } } diff --git a/assets/scss/components/navigation/_menu-toggles.scss b/assets/scss/components/navigation/_menu-toggles.scss index 2a78f9c..fb4a4c4 100644 --- a/assets/scss/components/navigation/_menu-toggles.scss +++ b/assets/scss/components/navigation/_menu-toggles.scss @@ -2,8 +2,8 @@ -.menu-toggle, -.sub-menu-toggle { +button.menu-toggle, +button.sub-menu-toggle { display: block; margin: 0 auto; border-width: 0; @@ -11,36 +11,42 @@ text-align: center; visibility: visible; @include media($navigation__breakpoint) {display: none; visibility: hidden;} - - &:focus, &:hover { - border-width: 0; - } } -.menu-toggle { +button.menu-toggle { + color: $color--text-dark; + background: transparent; font-size: 20px; line-height: 20px; padding: 15px 20px; z-index: 1000; - &.activated::before {content: "\f335";} + &::before { + margin-right: 5px; + position: relative; + text-rendering: auto; + top: 1px; + } + + &.activated { + color: $color--text-dark; + background: transparent; + + &::before {content: "\f335";} + } } -.sub-menu-toggle { +button.sub-menu-toggle { + color: $color--text-dark; + background: transparent; padding: 15px; z-index: 100; + border-radius: 0; &::before {text-rendering: auto; transform: rotate(0); transition: transform 0.25s ease-in-out;} - &.activated::before {transform: rotate(180deg);} -} + &.activated { + color: $color--text-dark; + background: transparent; - - - - - -.site-header .menu-toggle::before { - margin-right: 5px; - position: relative; - text-rendering: auto; - top: 1px; -} \ No newline at end of file + &::before {transform: rotate(180deg);} + } +} diff --git a/assets/scss/components/navigation/_primary.scss b/assets/scss/components/navigation/_primary.scss index a1f0ae6..e623e11 100644 --- a/assets/scss/components/navigation/_primary.scss +++ b/assets/scss/components/navigation/_primary.scss @@ -1,79 +1,70 @@ // ========== Primary Navigation ========== // .nav-primary { - background: $navigation__nav-primary--mobile-background; - font-size: $navigation__nav-primary--mobile-font-size; - font-weight: $navigation__nav-primary--mobile-font-weight; - @include media($navigation__breakpoint) { - color: $navigation__nav-primary--desktop-color; - background: $navigation__nav-primary--desktop-background; - font-size: $navigation__nav-primary--desktop-font-size; - font-weight: $navigation__nav-primary--desktop-font-weight; - } - - .genesis-nav-menu { - justify-content: $navigation__nav-primary--justify-content; - max-width: $navigation__nav-primary--max-width; - } - - .menu-item a { - color: $navigation__nav-primary--mobile-color; - padding: $navigation__nav-primary-menu-item--mobile-padding; - @include media($navigation__breakpoint) { - color: $navigation__nav-primary--desktop-color; - padding: $navigation__nav-primary-menu-item--desktop-padding; + background: white; + @include media($navigation__breakpoint) {} + + + + // ========== Top Level Menu ========== // + + .genesis-nav-menu { + justify-content: center; + max-width: 1280px; } - &:focus, - &:hover, - .current-menu-item > a - .sub-menu .current-menu-item > a:focus, - .sub-menu .current-menu-item > a:hover { - color: $navigation__nav-primary-menu-item--mobile-color-hover; - background: $navigation__nav-primary-menu-item--mobile-background-hover; - @include media($navigation__breakpoint) { - color: $navigation__nav-primary-menu-item--desktop-color-hover; - background: $navigation__nav-primary-menu-item--desktop-background-hover; + // Menu Items. + .genesis-nav-menu > .menu-item { + + & > a { + color: $color--text-dark; + font-size: 18px; + font-weight: bold; + padding: 15px; + @include media($navigation__breakpoint) {} } } - } - .sub-menu { - background: $navigation__nav-primary-sub-menu--mobile-background; - width: $navigation__nav-primary-sub-menu--width; - @include media($navigation__breakpoint) { - background: $navigation__nav-primary-sub-menu--desktop-background; + + + // ========== Sub Level Menu ========== // + + .sub-menu { + background: white; + @include media($navigation__breakpoint) {} } - a { - color: $navigation__nav-primary-sub-menu-item--mobile-color; - font-size: $navigation__nav-primary-sub-menu--mobile-font-size; - font-weight: $navigation__nav-primary-sub-menu--mobile-font-weight; - @include media($navigation__breakpoint) { - color: $navigation__nav-primary-sub-menu-item--desktop-color; - font-size: $navigation__nav-primary-sub-menu--desktop-font-size; - font-weight: $navigation__nav-primary-sub-menu--desktop-font-weight; - } - &:hover, &:focus { - color: $navigation__nav-primary-sub-menu-item--mobile-color-hover; - @include media($navigation__breakpoint) { - color: $navigation__nav-primary-sub-menu-item--desktop-color-hover; - background: $navigation__nav-primary-sub-menu-item--desktop-background-hover; - } + + // Menu Items. + .sub-menu > .menu-item { + + & > a { + color: $color--text-dark; + font-size: 16px; + font-weight: normal; + padding: 15px; + @include media($navigation__breakpoint) {} } } - } - - .sub-menu-toggle { - color: $navigation__nav-primary--mobile-color; - background: $navigation__nav-primary--mobile-background; - .sub-menu .menu-item-has-children & { - color: $navigation__nav-primary-sub-menu-item--mobile-color; - background: $navigation__nav-primary-sub-menu--mobile-background; + + + + // ========== Menu Item Effects ========== // + + // Currently viewing. + .genesis-nav-menu .current-menu-item > a, + .sub-menu .current-menu-item > a { + + &:hover, + &:focus {} + } + + // Hover and focus. (Must use mixin to properly apply styles. This allows for the sfHover styles to only be applied on desktop screens.) + @mixin menu-item-hover-effects { + color: $color--link-dark-hover; + background: $color--quaternary; } - } -} -#genesis-mobile-nav-primary.menu-toggle { - color: $navigation__nav-primary--mobile-color; - background: $navigation__nav-primary--mobile-background; + .menu-item a:hover, + .menu-item a:focus {@include menu-item-hover-effects;} + @include media($navigation__breakpoint) {.menu-item.sfHover > a {@include menu-item-hover-effects;}} } \ No newline at end of file diff --git a/assets/scss/utilities/variables/_index.scss b/assets/scss/utilities/variables/_index.scss index 4483792..d62f0df 100644 --- a/assets/scss/utilities/variables/_index.scss +++ b/assets/scss/utilities/variables/_index.scss @@ -4,4 +4,3 @@ @import 'colors'; @import 'layout'; @import 'breakpoints'; -@import 'navigation'; diff --git a/assets/scss/utilities/variables/_navigation.scss b/assets/scss/utilities/variables/_navigation.scss deleted file mode 100644 index 814c71e..0000000 --- a/assets/scss/utilities/variables/_navigation.scss +++ /dev/null @@ -1,54 +0,0 @@ -// ========== Navigation ========== // - - - -$navigation__breakpoint : l; - - - -// ========== Primary Navigation ========== // - - $navigation__nav-primary--max-width : 1280px; - $navigation__nav-primary--justify-content : center; - $navigation__nav-primary-sub-menu--width : 200px; - - - // ===== Mobile ===== // - - $navigation__nav-primary--mobile-color : $color--text-dark; - $navigation__nav-primary--mobile-background : white; - $navigation__nav-primary--mobile-font-size : 18px; - $navigation__nav-primary--mobile-font-weight : normal; - - // Menu Items - $navigation__nav-primary-menu-item--mobile-color-hover : $color--link-dark-hover; - $navigation__nav-primary-menu-item--mobile-background-hover : $color--quaternary; - $navigation__nav-primary-menu-item--mobile-padding : 15px; // Use this to adjust height - - // Sub Menus - $navigation__nav-primary-sub-menu--mobile-background : white; - $navigation__nav-primary-sub-menu--mobile-font-size : .9em; - $navigation__nav-primary-sub-menu--mobile-font-weight : normal; - $navigation__nav-primary-sub-menu-item--mobile-color : $color--quinary; - $navigation__nav-primary-sub-menu-item--mobile-color-hover : $color--link-dark-hover; - - - // ===== Desktop ===== // - - $navigation__nav-primary--desktop-color : $color--text-dark; - $navigation__nav-primary--desktop-background : transparent; - $navigation__nav-primary--desktop-font-size : 18px; - $navigation__nav-primary--desktop-font-weight : 700; - - // Menu Items - $navigation__nav-primary-menu-item--desktop-color-hover : $color--link-dark-hover; - $navigation__nav-primary-menu-item--desktop-background-hover : $color--quaternary; - $navigation__nav-primary-menu-item--desktop-padding : 15px; // Use this to adjust height - - // Sub Menus - $navigation__nav-primary-sub-menu--desktop-background : white; - $navigation__nav-primary-sub-menu--desktop-font-size : .9em; - $navigation__nav-primary-sub-menu--desktop-font-weight : normal; - $navigation__nav-primary-sub-menu-item--desktop-color : $color--quinary; - $navigation__nav-primary-sub-menu-item--desktop-color-hover : $color--link-dark-hover; - $navigation__nav-primary-sub-menu-item--desktop-background-hover : $color--quaternary; \ No newline at end of file diff --git a/style.css b/style.css index 071300b..89456e0 100644 --- a/style.css +++ b/style.css @@ -7,7 +7,7 @@ Author: Dan Brubaker Author URI: https://brubakerservices.org - Version: 2.1.1 + Version: 2.2.0 Template: genesis