/*Header styles*/
header {
   display: flex;
   margin: auto;
   border-bottom: solid 1px #ccc;
   align-items: center;
   padding: 1rem;
   justify-content: space-between;
   background-color: var(--white);
}

.search-panel--cross {
   width: 16px;
   display: inline-block;
}

.quicklinks--title {
   font-weight: bold;
   font-family: var(--subheader-font);
   letter-spacing: .2px;
}

.mac-logo {
   margin-right: auto;
   display: flex;
   justify-content: center;
}

.mac-logo img {
   max-width: 100%;
}

.mac-main-nav__menu {
   display: flex;
   list-style: none;
   justify-content: space-evenly;
}

.mac-icons ul {
   display: flex;
   list-style: none;
   justify-content: space-evenly;
}

.mac-icon button {
   background: none;
}

/*Search Panel on click of search icon*/
.mac-icon__search {
   cursor: pointer;
}

.search-panel {
   display: none;
   opacity: 0;
   visibility: hidden;
   transition: flex 1s linear;
}

.search-panel.active {
   opacity: 1;
   visibility: visible;
   position: absolute;
   background: var(--dark-blue);
   left: 0;
   top: 0;
   height: auto;
   /* padding-bottom: 2rem; */
   z-index: 9999;
   width: 100%;
   display: block;
   box-shadow: 0px 15px 10px -15px #111;
   transition: opacity 1s ease-in;
   -moz-transition: opacity 1s ease-in;
   -webkit-transition: opacity 1s ease-in;
   /* overflow: auto; */
}

.search-panel__quicklinks.active,
.search-results-list.active {
   display: block;
}

.search-results-list.active {
   overflow: auto;
   max-height: 550px;
}

.search-panel__inputwrapper {
   display: flex;
}

.search-panel__inputwrapper input {
   padding: 0 1rem;
   height: 40px;
}

.search-panel__searchboxblue {
   background: var(--blue);
   align-items: center;
   padding: 1rem;
   overflow-x: auto;
}

.search-panel__searchbtn {
   position: absolute;
   right: -14px;
   /* top: 9px; */
   line-height: 38px;
   padding: 4px 10px 0 15px;
   transform: translate(-53%, 0%);
   border-left: solid 1px var(--blue);
   cursor: pointer;
}

.search-panel__close {
   padding: 0.275rem 1rem;
   background: transparent;
   color: var(--white);
   border-radius: 1px;
   border: solid 1px var(--white);
   height: 40px;
   font-size: 15px;
   font-weight: bold;
}

.search-panel__close:hover {
   opacity: 0.8;
   cursor: pointer;
}

.search-panel__close i {
   color: var(--white);
}

.search-panel__quicklinks,
.search-results-list {
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   color: var(--white);
   display: none;
   border-top: solid 1px var(--white);
}


.search-panel__quicklinks>div ul {
   display: flex;
}

.search-panel__quicklinks li {
   flex-shrink: 1;
   padding: .5rem;
}

.search-content--header {
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: solid 1px #1F7EA3;
   padding-bottom: 1rem;
   margin-bottom: 1rem;
}

.search-content--header h6 {
   color: var(--white);
   margin-right: auto;
}

.search-content>ul {
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 1.5rem;
   border-bottom: solid 1px #1F7EA3;
   padding-top: 1rem;
   /*padding-bottom: 1rem;*/
}

.search-content ul li {
   line-height: 20px;
   padding-bottom: 20px;
}

.search-content ul li a {
   color: var(--white);
}

.search-content a.mac-link {
   text-transform: uppercase;
   font-size: 13px;
   font-family: "Atkinson Hyperlegible";
   letter-spacing: 1px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

/*Ends*/

.mac-main-nav__sub-menu-item.active .show li {
   line-height: 32px;
}

.mac-main-nav__sub-menu-item.active .show li a {
   padding: .5rem 1rem;
}

.mac-main-nav__menu-item a {
   color: var(--blue);
   font-weight: 600;
}

/*DropDown*/
.mac-main-nav__menu .dropdown {
   position: relative;
}

.mac-main-nav__menu .dropdown ul {
   position: absolute;
   overflow: hidden;
   transition: all .3s ease;
   opacity: 0;
   visibility: hidden;
   list-style: none;
   width: max-content;
   background: #fff;
   top: 2.8em;
   z-index: 9999;
}

/*Ends*/

/*Footer Section*/
footer {
   background: linear-gradient(360deg, #005592 0%, #0468B1 100%);
   color: var(--white);
   padding-top: 3.125rem;
   margin-top: 1px;
}

.footer h4 {
   color: var(--white);
   padding-bottom: 1.2rem;
}

.footer ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.footer .footer-list-items ul li {
   margin-bottom: 13px;
}

.footer li a {
   color: var(--white);
}

.social-icons a {
   padding-right: 10px;
}

.social-icons i {
   color: var(--white);
   padding-right: 8px;
}

.sign-up-form button {
   margin-left: auto;
   letter-spacing: 1.5px;
}

.btn-links {
   display: flex;
   align-items: center;
}

.sign-up-form ul {
   display: flex;
}

.sign-up-form ul li {
   position: relative;
   padding-right: 16px;
}

/* .sign-up-form ul li:after {
   content: "";
   position: absolute;
   width: 1px;
   height: 14px;
   vertical-align: middle;
   color: var(--white);
   background-color: rgba(255, 255, 255, 0.5);
   right: 7px;
   top: 5px;
} */

.sign-up-form input[type="email"] {
   height: 40px;
}

.sign-up-form ul li:nth-child(2)::after {
   content: none;
}

.footer__bottom {
   background: var(--white);
   border-top: solid 5px var(--green);
   color: var(--black);
   outline: solid 1px var(--white);

}

.footer__copyright {
   justify-content: flex-start;
   line-height: 1.7;
}

.creative-common {
   display: inline-block;
   vertical-align: middle;
   padding-right: 2px;
   padding-top: 2px;
}

.footer__legal {
   font-family: "Atkinson Hyperlegible"
}

.footer__legal a {
   font-family: "Atkinson Hyperlegible";
   text-decoration: underline;
   color: var(--black);
   line-height: 1.7;
}

.footer__bottom {
   font-size: 14px;
}

.footer-list-items li {
   font-size: 18px;
}

.mac-mobile-menu {
   display: none;
}