/*
 * Theme Name: US-Mint
 * Theme URI: https://github.com/grayghostvisuals/WP-Flex
 * Description: The theme for the US Mint's homepage (usmint.gov)
 *
 * Author: Mario Hendricks, Lockheed Martin
 *
 * Version: 1.0.1
 * Tags: full-width-template, fluid-layout, responsive-layout, custom-background, microformats, editor-style, custom-menu, sticky-post, theme-options, front-page-post-form, featured-images, sticky-post, rtl-language-support, threaded-comments, post-formats, white, light
 *
 * License: GNU General Public License v3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 *
 * Permission is granted to copy, distribute and/or modify this document
 * under the terms of the GNU Free Documentation License, Version 1.3
 * or any later version published by the Free Software Foundation;
 * with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
 * A copy of the license entitled "GNU Free Documentation License" can be
 * found at http://www.gnu.org/licenses/fdl-1.3-standalone.html
 * */


/*
 * * The Wordpress CSS Codex
 * * http://codex.wordpress.org/CSS_Coding_Standards
 * * http://make.wordpress.org/core/handbook/coding-standards/css/
 * *
 * * REMINDERS
 * * -Use lowercase and separate words with hyphens when naming selectors. Avoid camelcase and underscores
 * * -Prefixed vendor-specific properties pairs should appear directly before the generic property they refer to
 * *
 * * Actual styles for this theme are found in the css subdirectory. They are enqueued by WordPress 
 * * in a call in functions.php. 
 * *
 * */


/* =============================================================================
 *    Responsive Embedded Media
 *       ========================================================================== */

 img,
 object,
 video {
   max-width: 100%;
   height: auto;
 }
 
 .shop-now {
   white-space: nowrap;
   display: inline-block;
   padding: .6em 2em .75em;
   font-family: 'Proxima N W01 Smbd';
   font-size: 1.2em;
   text-shadow: none;
   color: #fff;
   text-transform: capitalize;
   margin-top: 10px;
   text-decoration: none;
   text-align: center;
   background: none repeat scroll 0 0 #d62923;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   border: 0;
   border-radius: 3px;
 }
 
 .shop-now:hover,
 .shop-now:active,
 .shop-now:visited {
   background: #b31e19;
   color: #fff;
   cursor: pointer;
 }
 
 
 /* This file includes all CSS for the Admin pages of the Events plugin. */
 
 .event_container {
   margin: 0 0 50px 0;
 }
 
 .event_container h2 {
   font-weight: bold;
   margin: 0 0 10px 0;
 }
 
 .event_container hr {
   margin: 5px 0 0 0;
   width: 75%;
   text-align: right;
 }
 
 .event_content {
   border: 1px solid black;
   min-height: 450px;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
 }
 
 .event_other {
   margin-bottom: 20px;
   padding: 0 20px 0 0;
   font-size: 14px;
 }
 
 .event_other hr {
   margin-bottom: 10px;
 }
 
 .event_info_container {
   margin: 15% 0 0 0;
   text-align: center;
   float: right;
   width: 35%;
 }
 
 .event_image_container {}
 
 .event_image_title {
   font-family: 'Montserrat', arial, helvetica, sans-serif;
   margin: 0;
   font-size: 18px;
   color: #ffffff;
   font-weight: bold;
   text-shadow: rgb(0, 0, 0) 2px 0px 0px,
     rgb(0, 0, 0) 1.75517px 0.958851px 0px,
     rgb(0, 0, 0) 1.0806px 1.68294px 0px,
     rgb(0, 0, 0) 0.141474px 1.99499px 0px,
     rgb(0, 0, 0) -0.832294px 1.81859px 0px,
     rgb(0, 0, 0) -1.60229px 1.19694px 0px,
     rgb(0, 0, 0) -1.97998px 0.28224px 0px,
     rgb(0, 0, 0) -1.87291px -0.701566px 0px,
     rgb(0, 0, 0) -1.30729px -1.5136px 0px,
     rgb(0, 0, 0) -0.421592px -1.95506px 0px,
     rgb(0, 0, 0) 0.567324px -1.91785px 0px,
     rgb(0, 0, 0) 1.41734px -1.41108px 0px,
     rgb(0, 0, 0) 1.92034px -0.558831px 0px;
 }
 
 .event_image {
   margin: 15px 0 25px 0;
   width: 200px;
   height: 200px;
 }
 
 .event_learn_container a:link,
 .event_learn_container a:hover,
 .event_learn_container a:visited {
   color: #ffffff;
   text-decoration: none;
 }
 
 .subevents_container {
   float: left;
   background-color: #ebebeb;
   opacity: .9;
   padding: 10px;
   margin: 10px 0 10px 10px;
   width: 60%;
   min-height: inherit;
 }
 
 .subevent {
   margin-bottom: 25px;
   padding: 0 20px 0 0;
 }
 
 .subevent_title {
   font-size: 20px;
   font-weight: bold;
   margin: 0 0 0 0;
 }
 
 .subevent_label {
   font-size: 15px;
   font-weight: bold;
   margin: 15px 0 0 0;
 }
 
 .subevent_content,
 .subevent_other {
   font-size: 14px;
 }
 
 .subevent_content p {
   margin: 0;
   padding: 0;
 }
 
 .subevent_other p {
   margin-top: 25px;
   padding: 0;
 }
 
 @media only screen and (max-width: 900px) {
   .event_content {
     background-size: 0 0;
     min-height: 0;
   }
 
   .event_container {
     margin-right: 0;
   }
 
   .event_info_container {
     margin: 5px 0 10px 0;
     text-align: center;
     width: 100%;
   }
 
   .subevents_container {
     background-color: #ebebeb;
     opacity: .8;
     padding: 10px;
     width: 100%;
     margin: auto;
     overflow-wrap: break-word;
   }
 
   .event_image_title {
     margin: 0 0 20px 0;
     font-size: 14px;
     color: #000000;
     text-shadow: none;
   }
 
 }
 
 .event-wrap {
   margin-top: 80px;
 }
 
 .event_image {
   max-width: 450px;
   padding: 10px;
 }
 
 
 
 
 
 /*
  * New Navbar Section
  */
 
 /* Hides the default wordpress button.  */
 button.menu-toggle {
   display: none;
 }
 /*
  * Mistake from somewhere... need to figure this out... ugh.
     border-top: 1px solid #dae3ea;
     height: 100%;
     background-color: #ffffff;
     flex-direction: column;
     border-bottom: 1px solid #dae3ea;
 }
 */
 ul.nav-menu > li > a {
     font-family: 'Proxima N W01 Smbd';
     font-size: 18px;
     padding: 0;
     text-transform: uppercase;
     color: #0b4470;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
     overflow: visible;
 }
 .nav-menu .nav-search {
     display: none;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     padding-left: 16px;
     position: relative;
 }
 #search-container form.search-form {
     background-color: #fff;
     display: flex;
     border: 1px solid #86a2b7;
     border-radius: 2px;
 }
 #search-container div.input-and-suggestions {
   flex: 1;
   margin-right: 2px;
   position: relative;
 }
 #search-container input[type="search"]{
     width: 100%;
     box-sizing: border-box;
     padding: 10px 0px 10px 16px;
     margin: 1px;
     font-size: 12px;
     border: none;
     color: black;
     -webkit-appearance: textfield;
     -webkit-box-shadow: none;
     box-shadow: none;
     line-height: normal;
 }
 
 /* 
  * ,
  * #search-container input[type="search"]::-webkit-input-placeholder,
  * #search-container input[type="search"]:-moz-placeholder,
  * #search-container input[type="search"]::-moz-placeholder,
  * #search-container input[type="search"]:-ms-input-placeholder,
  * #search-container input[type="search"]::-ms-input-placeholder
  * */
 #search-container input[type="search"]::placeholder {
   text-transform: uppercase;
   font-size: 13px;
         color: #bcc6cf;
   font-weight: 600;
   font-family: sans-serif;
 
 }
 
 /*
  * Absolute url needs to be replaced by relative path
  * */
 #search-container button[type="submit"]{
     display: block;
     height: 32px;
     width: 32px;
     border-radius: 2px;
     position: absolute;
     top: 1px;
     right: 1px;
     border: none;
     cursor: pointer;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 0;
     background: none;
     background-image: url(https://www.usmint.gov/wordpress/wp-content/themes/us-mint/img/icon-search.png);
     background-repeat: no-repeat;
     background-position: center;
     background-color: transparent;
     float: right;
 }
 
 #search-container label.search-field {
     font-size: 1em;
     padding: 0;
     text-align: left;
     flex: 1;
     width: 280px;
 }
 
 nav.main-navigation {
     position: relative;
     left: 0;
     right: 0;
     flex-wrap: nowrap;
     background-color: #e3eaed;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: 1px solid #86a2b7;
     width: 100%;
     max-width: 1180px;
     margin: 0 auto;
     box-sizing: border-box;
     padding: 11px;
 }
 nav.main-navigation .sub-menu {
     display: none;
 }
 
 ul.nav-menu .nav-search {
   display: none;
 }
 
 .nav-search {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
   max-width: 330px;
   margin: 11px;
 }
 
 nav#site-navigation .menu-main-header-menu-container {
     height: 100%;
     left: -120%;
     top: 0;
     margin-top: 0;
     position: absolute;
     -webkit-transition: left .5s ease;
     -o-transition: left .5s ease;
     transition: left .5s ease;
     width: 100%;
     background-color: #ffffff;
     font-size: 16px;
 }
 
 #wrapper.menu-active nav#site-navigation .menu-main-header-menu-container {
     left: 0;
     height: 100%;
     overflow-y: scroll;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-transition: left .5s ease;
     -o-transition: left .5s ease;
     transition: left .5s ease;
     width: 100vw;
     z-index: 30;
 }
 #wrapper.menu-active nav#site-navigation {
    position: unset !important;
 }
 
 nav.main-navigation .menu-icon-container {
     color: #0b4470;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
     width: 44px;
 }
 
 @media screen and (min-width: 1200px) {
   nav.main-navigation {
     top: calc(100% - 35px) !important;
     position: absolute !important;
   }
   
   nav.main-navigation > li > ul.sub-menu > li {
     height: 54px !important;
   }
 }
 
 @media screen and (min-width: 1024px) {
   nav#site-navigation {
     padding: 0;
     flex-wrap: nowrap;
     position: relative;
   }
   nav#site-navigation .menu-main-header-menu-container{
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     opacity: 1;
     height: auto;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     max-width: none;
     position: static;
     background-color: transparent;
     border: none;
     padding: 0;
     -ms-flex-item-align: stretch;
     -ms-grid-row-align: stretch;
     align-self: stretch;
     overflow: visible;
     z-index: auto;
   }
   .mobile-search {
     display: none;
   }
   ul.nav-menu .nav-search{
     display: inline;
   }
   nav.main-navigation .nav-search.mobile-search {
     width: 50%;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     display: inline;
     padding-left: 16px;
     position: relative;
   }
   nav.main-navigation .menu-icon-container {
     display: none;
   }
   
   ul.nav-menu {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     height: 100%;
     background-color: transparent;
     
   }
   ul.nav-menu > li {
     border: none;
     padding: 0px;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
     padding: 0;
   }
 
   ul.nav-menu > li > ul.sub-menu > li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
   }
   ul.nav-menu > li > ul.sub-menu > li:hover,
   ul.nav-menu > li > ul.sub-menu > li:focus {
     background-color: #F5F5F5;
   }
 
   ul.nav-menu > li.width-fix > ul.sub-menu > li {
     width: calc(100% / 5);
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
   }
   ul.nav-menu > li > div.arrow{
     display: none;
   }
   ul.nav-menu > li.menu-item-has-children > div.arrow {
     position: relative;
     left: -50%;
     bottom: -29px;
     display: block;
   }
   ul.nav-menu > li > ul.sub-menu > li.menu-item-has-children > div.arrow {
     position: relative;
     left: -50%;
     bottom: -27px;
     display: block;
   }
 
   ul.nav-menu > li:hover > div.arrow::after,
   ul.nav-menu > li.hover > div.arrow::after,
   ul.nav-menu > li > ul.sub-menu > li.menu-item-has-children:hover > div.arrow::after {
     position: absolute;
     display: block;
     bottom: -1px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #86a2b7;
     width: 0;
     height: 0;
     z-index: 11;
     content: '';
   }
   ul.nav-menu > li:hover > div.arrow::before,
   ul.nav-menu > li.hover > div.arrow::before,
   ul.nav-menu > li > ul.sub-menu > li.menu-item-has-children:hover > div.arrow::before {
     position: absolute;
     display: block;
     content: '';
     bottom: -2px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-bottom: 7px solid #ffffff;
     width: 0;
     height: 0;
     z-index: 20;
   }
 
   ul.nav-menu > li > a {
     padding: 0;
     text-transform: uppercase;
     color: #0b4470;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
     overflow: visible;
   }
 
   ul.nav-menu > li > ul.sub-menu > li > a {
     font-size: 13px;
     font-family: 'Proxima N W01 Bold';
     padding: 0;
     color: #0b4470;
     display: inline-block;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     width: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
   ul.nav-menu li a {
     text-decoration: none;
   }
   ul.nav-menu > li > a::before {
     display: inline-block;
     content: ' ';
     position: absolute;
     background-color: rgba(134, 162, 183, 0.75);
     width: 1px;
     height: 10px;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
   }
   ul.nav-menu > li:first-of-type > a::before {
     display: none;
   }
 
   ul.nav-menu > li > a:hover, 
   ul.nav-menu > li > a:active,
   ul.nav-menu > li.hover > a {
     font-family: 'Proxima N W01 Bold';
     font-size: 17.8px;
   }
 
   ul.nav-menu > li.hover > ul.sub-menu,
   ul.nav-menu > li:hover > ul.sub-menu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     min-width: 1px;
     max-width: 1180px;
     background-color: #ffffff;
     height: 55px !important;
     border-top: 1px solid #a8b7c2;
     z-index: 1;
     overflow: unset;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     flex-wrap: nowrap;
     
   }
 
   ul.nav-menu .nav-search {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     width: 100%;
     max-width: 330px;
     margin: 11px;
   }
 
 
   /*
  * 	3rd/4th Level Navbars
  * 		*/
   ul.nav-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
     display: block;
   }
   ul.nav-menu > li > ul.sub-menu > li:hover > ul.sub-menu > li > ul.sub-menu {
     display: block;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu {
     background-color: #ffffff;
     position: absolute;
     top: 100%;
     left: 0;
     width: auto;
     min-width: 180px;
     height: auto;
     padding: 20px 0;
     overflow: unset;
     z-index: 3;
     color: #0b4470;
     border: 3px solid #DADADA;
     font-size: 1rem;
     padding: 1em 3em 2em;
     width: 65vw;
     max-width: 1180px;
     columns: auto 3;
     column-gap: 3em;
   }
 
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li.menu-item-has-children {
     padding-top: 1em;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li > a {
     text-transform: uppercase;
     font-size: .9rem;
     font-family: 'Proxima N W01 Bold';
     line-height: .9rem;
     display: inline-block;
     text-align: left;
     padding: 0;
     padding-top: 1em;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li > a:hover {
     text-decoration: underline;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li > ul.sub-menu li a {
     display: block;
     font-family: 'Proxima N W01 Reg', arial, sans-serif;
     text-transform: none;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li > ul.sub-menu li a:hover {
     text-decoration: underline;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li {
     break-inside: avoid;
     page-break-inside: avoid;
     -webkit-column-break-inside: avoid;
     padding-top: 16px;
   }
   ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu li > ul.sub-menu li{
     padding-top: 0px;
   }
   nav.main-navigation div.nav-search.mobile-search {
     display: none;
   }
   nav.main-navigation div.nav-search.desktop {
     display: inline;
   }
 }
 
 @media screen and (min-width: 768px){
   nav.main-navigation .nav-search.mobile-search {
     width: 50%;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     display: inline;
     padding-left: 16px;
     position: relative;
   }
 
   nav.main-navigation .menu-icon-container {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: auto;
   }
 
   nav.main-navigation .menu-icon-container span.icon-text {
     padding: 0 12px 0;
     line-height: 0;
   }
 
 }
 
 @media screen and (max-width: 1023px) {
 
     nav.main-navigation ul.nav-menu {
     border-top: 1px solid #dae3ea;
     margin-top: 2px;
   }
   nav.main-navigation ul.nav-menu a {
     text-decoration: none;
   }
   nav.main-navigation ul.nav-menu > li.menu-item,
   nav.main-navigation ul.nav-menu > li.menu-item > ul.sub-menu > li.menu-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: 1px solid #dae3ea;
     list-style: none;
     color: #0b4470;
     text-transform: uppercase;
     font-family: 'Proxima N W01 Reg', arial, sans-serif;
     position: relative;
   }
   nav.main-navigation ul.nav-menu > li > a {
     padding: 22px 0 22px 22px;
     display: block;
     cursor: pointer;
     width: 100%;
     text-decoration: none;
     font-family: 'Proxima N W01 Reg', arial, sans-serif;
   }
 
   nav.main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
   nav.main-navigation ul.nav-menu > li.menu-item > ul.sub-menu > li.menu-item-has-children > a::after {
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-left: 9px solid #0b4470;
     padding-right: 20px;
     content: '';
     display: block;
     position: absolute;
     right: 0px;
     top: 25px;
     bottom: 0px;
     height: 0px;
     width: 0px;
   }
 
   nav.main-navigation ul.nav-menu > li.menu-item-has-children > a::before,
   nav.main-navigation ul.nav-menu > li.menu-item > ul.sub-menu > li.menu-item-has-children > a::before {
     position: absolute;
     display: block;
     content: '';
     top: 34px;
     right: 0px;
     -webkit-transform: translate(0,-50%);
     -ms-transform: translate(0,-50%);
     transform: translate(0,-50%);
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid #ffffff;
     width: 0;
     height: 0;
     padding-right: 22px;
     z-index: 2;
   }
 
   nav.main-navigation ul.nav-menu li.active > ul.sub-menu {
     position: absolute;
     top: 0;
     left: 0;
     right: unset;
     min-width: unset;
     max-width: none;
     padding: revert;
     width: 100%;
     height: auto;
     min-height: 100vh;
     z-index: 10;
     background-color: #ffffff;
     font-size: inherit;
     font-weight: inherit;
     font-family: inherit;
     padding: 0;
     background: white;
   }
 
   nav.main-navigation ul.nav-menu > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item  {
     text-transform: uppercase;
     font-family: 'Proxima N W01 Bold', arial, sans-serif;
     border: 0;
     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
     display: block;
     padding: 6px 0 6px 22px;
   }
 
   
   nav.main-navigation ul.nav-menu > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
     text-transform: uppercase;
     font-family: 'Proxima N W01 Bold', arial, sans-serif;
     border: 0;
     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
     display: block;
     padding: 6px 0 6px 22px;
     text-decoration: none;
   }
   
   nav.main-navigation ul.nav-menu > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item {
     text-transform: capitalize;
     font-family: 'Proxima N W01 Reg', arial, sans-serif;
     border: none;
     padding: 2px 12px;
   }
 
   nav.main-navigation ul.nav-menu > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
     text-transform: capitalize;
     font-family: 'Proxima N W01 Reg', arial, sans-serif;
     border: none;
     padding: 2px 12px;
   }
 
   nav.main-navigation ul.nav-menu > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
     display: block !important;
   }
   
   nav.main-navigation .nav-search.mobile-search {
     width: 50%;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     display: inline;
     padding-left: 16px;
     position: relative;
   }
 }
 
 
 
 /*
  * Government Banner Section
  */
 .usa-banner [class*=grid-col] {
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }
 .usa-banner .grid-row.grid-gap-lg>* {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
 }
 .usa-banner {
     font-size: .87rem;
     padding-bottom: 0;
     background-color: #e3eaed;
     line-height: 1.5;
     font-family: SourceSans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
     position: relative;
     z-index: 9999;
 }
 .usa-banner .usa-accordion {
     font-size: 1.06rem;
     line-height: 1.5;
     list-style-type: none;
     color: #1b1b1b;
     margin: 0;
     padding: 0;
     width: 100%;
 }
 .usa-banner .usa-banner__header {
     padding-bottom: 0.25rem;
     padding-top: 0.25rem;
     min-height: 0;
     font-size: .8rem;
     font-weight: 400;
     position: relative;
 }
 .usa-banner .usa-banner__inner {
     align-items: center;
     /*padding-left: 2rem;
     padding-right: 2rem;*/
     max-width: 64rem;
     padding-left: 1rem;
     padding-right: 1rem;
     display: flex!important;
     flex-wrap: wrap!important;
     padding-right: 0;
     margin-right: auto;
     align-items: flex-start;
 }
 .usa-banner .grid-col-auto {
     flex: 0 1 auto!important;
     max-width: 100% !important;
     position: relative;
     box-sizing: border-box;
     width: auto !important;
 }
 .usa-banner .grid-row {
     display: flex !important;
     flex-wrap: wrap !important;
 }
 .usa-banner .grid-row.grid-gap-lg {
     margin-left: -0.75rem !important;
     margin-right: -0.75rem !important;
 }
 .usa-banner .usa-banner__header-flag {
     float: left;
     margin-right: 0.5rem;
     width: 1rem;
     max-width: 100%;
     height: auto;
 }
 .usa-banner .grid-col-fill {
     min-width: 1px;
     position: relative;
     box-sizing: border-box;
     width: auto !important;
     max-width: 100% !important;
 }
 .usa-banner .usa-banner__header-text {
     margin-bottom: 0;
     margin-top: 0;
     font-size: 0.8rem;
     line-height: 1.1;
 }
 .usa-banner .usa-banner__header-action {
     color: #005ea2;
     line-height: 1.1;
     margin-bottom: 0;
     margin-top: 2px;
     text-decoration: underline;
 }
 .usa-banner button.usa-banner__button[aria-expanded=false] {
     background-image: none;
 }
 
 .usa-banner button.usa-banner__button {
     -moz-osx-font-smoothing: inherit;
     -webkit-font-smoothing: inherit;
     background-color: transparent;
     border: 0;
     border-radius: 0;
     box-shadow: none;
     font-weight: 400;
     margin: 0;
     text-align: left;
     left: 0;
     position: absolute;
     bottom: 0;
     top: 0;
     vertical-align: baseline;
     color: #005ea2;
     display: block;
     font-size: .8rem;
     line-height: 1.1;
     padding: 0;
     text-decoration: none;
     width: auto;
     /* Override Global styles from mint theme */
     font-family: SourceSans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
     background: none;
     padding: 0;
     text-shadow: none;
 }
 
 .usa-banner button:not([disabled]):focus {
     outline: 0.25rem solid #2491ff;
     outline-offset: 0;
 }
 .usa-banner .usa-banner__button-text {
     position: absolute;
     left: -999em;
     right: auto;
     text-decoration: underline;
 }
 .usa-banner .usa-accordion {
     list-style-type: none;
     color: #1b1b1b;
     margin: 0;
     padding: 0;
     width: 100%;
     font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
     font-size: 1.06rem;
     line-height: 1.5;
 }
 .usa-banner .site-accordion-code.site-component-preview .usa-accordion__content {
     overflow: visible;
 }
 .usa-banner .usa-banner__content {
     color: #1b1b1b;
 }
 .usa-banner .usa-accordion__content,
 .usa-banner .usa-banner__header {
     color: #1b1b1b;
 }
 .usa-banner .usa-banner__content {
     margin-left: auto;
     margin-right: auto;
     max-width: 64rem;
     background-color: transparent;
     font-size: 1rem;
     overflow: hidden;
     padding: 0.25rem 1rem 1rem 0.5rem;
     /*width: 100%;*/
     padding-bottom: 1.5rem;
     padding-left: 1rem;
     padding-top: 1.5rem;
 }
 .usa-banner .usa-accordion__content>:first-child {
     margin-top: 0;
 }
 .usa-banner .usa-accordion__content>:last-child {
     margin-bottom: 0;
 }
 .usa-banner .grid-row.grid-gap-lg>* {
     padding-left: 0.75rem!important;
     padding-right: 0.75rem!important;
 }
 .usa-banner .usa-banner__guidance {
     display: flex;
     align-items: flex-start;
     max-width: 64ex;
     padding-top: 1rem;
 }
 .usa-banner .usa-media-block__img {
     flex-shrink: 0;
     margin-right: 0.5rem;
 }
 .usa-banner .usa-banner__icon {
     width: 2.5rem;
 }
 .usa-banner .usa-media-block__body {
     flex: 1 1 0%;
 }
 .usa-banner__content p:first-child {
     margin: 0;
 }
 .usa-banner .usa-banner__lock-image {
     height: 1.5ex;
     width: 1.21875ex;
 }
 .usa-banner .usa-banner__header--expanded .usa-banner__header-action {
     display: none;
 }
 .usa-banner .usa-banner__header-action::after {
     background-image: url(./img/expand_more.svg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 1rem 1rem;
     display: inline-block;
     height: 1rem;
     width: 1rem;
     content: "";
     vertical-align: middle;
     margin-left: auto;
 }
 
 @supports ((-webkit-mask:url()) or (mask:url())) {
     .usa-banner__header-action::after {
         background: 0 0;
         background-color: #005ea2;
         -webkit-mask-image: url(./img/expand_more.svg),linear-gradient(transparent,transparent);
         mask-image: url(./img/expand_more.svg),linear-gradient(transparent,transparent);
         -webkit-mask-repeat: no-repeat;
         -webkit-mask-position: center center;
         mask-position: center center;
         -webkit-mask-size: 1rem 1rem;
         mask-size: 1rem 1rem;
         mask-repeat: no-repeat;
     }
 }
 
 @media screen and (min-width: 40em){
     .usa-banner .usa-banner__inner {
         margin-left: auto;
         align-items: center;
     }
     .usa-banner .usa-banner__header-flag {
         margin-right: 0.5rem;
         padding-top: 0;
     }
 
     .usa-banner .tablet\:grid-col-auto {
         flex: 0 1 auto!important;
         width: auto !important;
         max-width: 100% !important;
 
     }
     .usa-banner .usa-banner__header-action {
         display: none;
     }
     .usa-banner button.usa-banner__button {
         color: #005ea2;
         bottom: auto;
         left: auto;
         right: auto;
         top: auto;
         display: inline;
         margin-left: 0.5rem;
         position: relative;
     }
     .usa-banner .usa-banner__button-text {
         position: static;
         display: inline;
     }
     .usa-banner button.usa-banner__button::after, button.usa-banner__button:hover::after {
         position: absolute;
     }
 
     .usa-banner button.usa-banner__button {
         height: auto;
     }
     
     @supports ((-webkit-mask:url()) or (mask:url())) {
         .usa-banner button.usa-banner__button::after {
             background: 0 0;
             background-color: #005ea2;
             -webkit-mask-image: url(./img/expand_more.svg),linear-gradient(transparent,transparent);
             mask-image: url(./img/expand_more.svg),linear-gradient(transparent,transparent);
             -webkit-mask-repeat: no-repeat;
             -webkit-mask-position: center center;
             mask-position: center center;
             -webkit-mask-size: 1rem 1rem;
             mask-size: 1rem 1rem;
             mask-repeat: no-repeat;
         }
         .usa-banner button.usa-banner__button[aria-expanded=true]::after {
             background: 0 0;
             background-color: #005ea2;
             -webkit-mask-image: url(./img/expand_less.svg),linear-gradient(transparent,transparent);
             mask-image: url(./img/expand_less.svg),linear-gradient(transparent,transparent);
             -webkit-mask-repeat: no-repeat;
             -webkit-mask-position: center center;
             mask-position: center center;
             -webkit-mask-size: 1rem 1rem;
             mask-size: 1rem 1rem;
             mask-repeat: no-repeat;
         }
     }
     
     .usa-banner button.usa-banner__button::after {
         background-image: url(./img/expand_more.svg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 1rem 1rem;
         display: inline-block;
         height: 1rem;
         width: 1rem;
         content: "";
         vertical-align: middle;
         margin-left: 2px;
     }
 
     .usa-banner .usa-banner__content {
         padding-bottom: 1.5rem;
         padding-top: 1.5rem;
     }
     .usa-banner .tablet\:grid-col-6, .usa-banner .tablet\:grid-col-7 {
         flex: 0 1 auto !important;
         width: 50% !important;
     }
     .usa-banner .usa-banner__guidance {
         padding-top: 0;
     }
 }
 
 @media screen and (min-width: 64em) {
     .usa-banner .usa-banner__content {
         padding-left: 2rem;
         padding-right: 2rem;
     }
 }
 
 
 
 @media screen and (max-width: 39.99em){
     .usa-banner button.usa-banner__button {
         width: 100%;
     }
     .usa-banner button.usa-banner__button[aria-expanded=true]::before {
         bottom: 0;
         top: -6px;
         position: absolute;
         right: 0;
         background-color: #e6e6e6;
         content: "";
         display: block;
         height: 3rem;
         width: 3rem;
     }
     .usa-banner button.usa-banner__button[aria-expanded=true]::after {
         background-image: url(./img/close.svg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 1.5rem 1.5rem;
         display: inline-block;
         height: 3rem;
         width: 3rem;
         content: "";
         vertical-align: middle;
         margin-left: 0;
 
         background: 0 0;
         background-color: #005ea2;
         -webkit-mask-image: url(./img/close.svg),linear-gradient(transparent,transparent);
         mask-image: url(./img/close.svg),linear-gradient(transparent,transparent);
         -webkit-mask-repeat: no-repeat;
         -webkit-mask-position: center center;
         mask-position: center center;
         -webkit-mask-size: 1.5rem 1.5rem;
         mask-size: 1.5rem 1.5rem;
         mask-repeat: no-repeat;
 
         bottom: 0;
         top: -6px;
         position: absolute;
         right: 0;
     }
 }