/*
 * 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: .8;
   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;
}
.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;
  }
}