@charset "UTF-8";
 html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
form input,
form textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
button {
outline: 0;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=reset],
input[type=search],
input[type=password] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
padding: 2px;
}
big {
font-size: 120%;
}
small,
sup,
sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,
tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,
strike,
s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,
cite,
var {
font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} :root { --selection-color: rgba(180, 213, 254, .6);
--blue: #113D6A;
--red: #8D1E1E;
--lt-red: #B10A1B;
--lt-gray: #F4F4F4; --main-font-family: lato, sans-serif; --wrap-width: 60rem; --hamburger-width: 30px;
--hamburger-line-height: 2px;
--hamburger-spacing: 10px;
--hamburger-spacing-negative: -10px;
--hamburger-color: #000;
--hamburger-hover-color: #000;
--hamburger-timer: .2s;
--hamburger-slow-timer: .5s;
--hamburger-border-radius:0;
} html {
height: 100%;
}
body {
height: 100%;
font-family: var(--main-font-family);
}
#wrapper {
min-height: 100%;
position: relative;
}
::selection {
background: var(--selection-color);
}
.wrap {
width: 90%;
margin: auto;
}
@media screen and (min-width: 960px) {
.wrap {
width: var(--wrap-width);
}
}  .bold,
strong {
font-weight: bold;
}
.regular {
font-weight: normal;
}
.italic,
em {
font-style: italic;
} .responsive-element {
position: relative;
}
.responsive-element:after {
content: "";
display: block;
padding-top: 100%;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 1.875rem;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} a {
text-decoration: none;
color: var(--red);
}
.page-content h1 {
font-size: 2.5rem;
line-height: 2.8125rem;
}
.page-content h2 {
font-size: 1.875rem;
line-height: 2.25rem;
}
.page-content h3 {
font-size: 1.25rem;
line-height: 1.5625rem;
}
.page-content h4 {
font-size: 1.125rem;
line-height: 1.4375rem;
}
.page-content p {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: 1.5625rem;
}
.page-content ul {
list-style: disc;
padding-left: 1.5625rem;
margin-bottom: 1.5625rem;
}
.page-content ul li {
font-size: 1rem;
line-height: 1.1875rem;
}
.page-content ol {
list-style: decimal;
padding-left: 1.5625rem;
margin-bottom: 1.5625rem;
}
.page-content ol li {
font-size: 1rem;
line-height: 1.1875rem;
}
.page-content a {
color: var(--red);
}
.page-content a:hover {
color: var(--blue);
}
.page-content blockquote {
padding-left: 0.9375rem;
border-left: 0.3125rem solid var(--blue);
} form, form input,
form textarea {
box-sizing: border-box;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
color: var(--input-color);
}
form input:-moz-placeholder,
form textarea:-moz-placeholder {
color: var(--input-color);
opacity: 1;
}
form input::-moz-placeholder,
form textarea::-moz-placeholder {
color: var(--input-color);
opacity: 1;
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
color: var(--input-color);
}
form input:placeholder-shown,
form textarea:placeholder-shown {
color: var(--input-color);
}
.bg-gradient, #featured-posts article:hover a, .masonry article:hover a, #objectives .objective:hover .objective-text-content, #objectives .objective.active .objective-text-content {
background: #113d6a;
background: -moz-linear-gradient(left, #113d6a 0%, #8d1e1e 100%);
background: -webkit-linear-gradient(left, #113d6a 0%, #8d1e1e 100%);
background: linear-gradient(to right, #113d6a 0%, #8d1e1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#113d6a", endColorstr="#8d1e1e",GradientType=1 );
}
.bg-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bg-lt-gray {
background: var(--lt-gray);
}
.text-blue {
color: var(--blue);
}
#header .wrap {
flex-direction: column;
}
@media screen and (min-width: 960px) {
#header .wrap {
flex-direction: row;
}
}
#header #header-logo img {
width: 358px;
}
#header nav#header-menu {
display: none;
width: 100%;
}
@media screen and (min-width: 960px) {
#header nav#header-menu {
display: block;
width: auto;
}
}
#header nav#header-menu ul {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: var(--blue);
width: 100%;
padding: 1.5625rem 0;
}
@media screen and (min-width: 960px) {
#header nav#header-menu ul {
flex-direction: row;
background: #fff;
width: auto;
padding: 0;
}
}
#header nav#header-menu ul ul {
display: none;
position: absolute;
top: 2.5em;
left: 0;
z-index: 99999;
width: 180px;
background: #fff;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
text-align: left;
}
#header nav#header-menu ul ul li {
text-align: left;
}
#header nav#header-menu ul ul li a {
padding: 0px 10px;
}
#header nav#header-menu ul > li.menu-item-has-children > a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
margin-left: 5px;
}
#header nav#header-menu ul li {
font-size: 1.25rem;
line-height: 2.5rem;
text-transform: uppercase;
position: relative;
}
@media screen and (min-width: 960px) {
#header nav#header-menu ul li {
font-size: 0.75rem;
line-height: 2.1875rem;
margin-right: 3.125rem;
}
}
#header nav#header-menu ul li:hover ul {
display: block;
}
#header nav#header-menu ul li:last-child {
margin-right: 0;
}
#header nav#header-menu ul li.button, #header nav#header-menu ul li.menu-item-type-custom {
background: var(--blue);
display: flex;
align-items: center;
}
#header nav#header-menu ul li.button:hover, #header nav#header-menu ul li.menu-item-type-custom:hover {
background: var(--red);
}
#header nav#header-menu ul li.button:hover a, #header nav#header-menu ul li.menu-item-type-custom:hover a {
color: #fff;
}
#header nav#header-menu ul li.button a, #header nav#header-menu ul li.menu-item-type-custom a {
color: #fff;
padding: 0 1.25rem;
}
#header nav#header-menu ul li a {
color: #fff;
}
@media screen and (min-width: 960px) {
#header nav#header-menu ul li a {
color: var(--blue);
}
}
#header nav#header-menu ul li a:hover {
color: var(--red);
}
#footer #footer-social ul li {
background: #fff;
border-radius: 1.875rem;
width: 2.25rem;
height: 2.25rem;
margin-right: 2.1875rem;
}
#footer #footer-social ul li:last-child {
margin-right: 0;
}
#footer #footer-social ul li a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
#footer #footer-social ul li a .far, #footer #footer-social ul li a .fab, #footer #footer-social ul li a .fal, #footer #footer-social ul li a .fas {
color: #000;
font-size: 1.25rem;
}
#footer #footer-social ul li svg {
width: 30px;
}
#footer #footer-social ul li svg .st0 {
fill: #000;
}
#footer #footer-social ul li svg path#path7_1_ {
fill: #000;
}
#footer #footer-social ul li:hover {
background: var(--red);
}
#footer #footer-social ul li:hover a .far, #footer #footer-social ul li:hover a .fab, #footer #footer-social ul li:hover a .fal, #footer #footer-social ul li:hover a .fas {
color: #fff;
}
#footer #footer-social ul li:hover svg .st0 {
fill: #fff;
}
#footer #footer-social ul li:hover svg path#path7_1_ {
fill: #fff;
}
#footer #footer-menu nav ul {
display: none;
justify-content: center;
}
@media screen and (min-width: 768px) {
#footer #footer-menu nav ul {
display: flex;
}
}
#footer #footer-menu nav ul li {
padding-left: 2.1875rem;
padding-right: 2.1875rem;
text-transform: uppercase;
font-size: 1rem;
line-height: 1.25rem;
position: relative;
}
#footer #footer-menu nav ul li:after {
content: "//";
color: #fff;
position: absolute;
right: -0.25rem;
}
#footer #footer-menu nav ul li:first-child {
padding-left: 0;
}
#footer #footer-menu nav ul li:last-child {
padding-right: 0;
}
#footer #footer-menu nav ul li:last-child:after {
display: none;
}
#footer #footer-menu nav ul li:hover a {
border-bottom: 1px solid #fff;
}
#footer #footer-menu nav ul li a {
color: #fff;
}
#footer #footer-form .update-form .gform_wrapper form .gform_body .gform_fields #field_1_1, form #footer #footer-form .update-form .gform_wrapper input .gform_body .gform_fields #field_1_1,
form #footer #footer-form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_1_1 {
margin-right: 0.625rem;
}
@media screen and (min-width: 768px) {
#footer #footer-form .update-form .gform_wrapper form .gform_body .gform_fields #field_1_1, form #footer #footer-form .update-form .gform_wrapper input .gform_body .gform_fields #field_1_1,
form #footer #footer-form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_1_1 {
width: 20rem;
}
}
#footer #footer-form .update-form .gform_wrapper form .gform_body .gform_fields #field_1_3, form #footer #footer-form .update-form .gform_wrapper input .gform_body .gform_fields #field_1_3,
form #footer #footer-form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_1_3 {
width: 8.125rem;
margin-right: 0.625rem;
}
#hero .hero-box-content .w-700 {
max-width: 43.75rem;
}
#hero .hero-box-content .w-600 {
width: 100%;
max-width: 37.5rem;
}
@media screen and (min-width: 768px) {
#hero .hero-box-content .w-600 {
flex-shrink: 0;
}
}
#hero .hero-box-content input:not([type=submit]), #hero .hero-box-content textarea {
border: 0.0625rem solid var(--blue);
}
#objectives .objective {
position: relative;
cursor: pointer;
}
#objectives .objective .objective-text-content h2 {
font-size: 1.75rem;
line-height: 2.1875rem;
color: var(--blue);
}
@media screen and (min-width: 768px) {
#objectives .objective.active .arrow {
position: absolute;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 30px solid #F4F4F4;
bottom: -50px;
transform: translateX(-50%);
left: 50%;
}
}
#objectives .objective.active .objective-text-content {
color: #fff;
}
#objectives .objective.active .objective-text-content h2 {
color: #fff;
}
#objectives .objective:hover .objective-text-content {
color: #fff;
}
#objectives .objective:hover .objective-text-content h2 {
color: #fff;
}
#expand p {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: 1.5625rem;
}
#expand p:last-child {
margin-bottom: 0;
}
#contact-us-form input, #contact-us-form textarea {
border: 1px solid var(--blue);
}
#contact-us-form input[type=submit] {
border: 0;
background: var(--blue);
padding: 0.625rem 1.25rem;
color: #fff;
text-transform: uppercase;
height: auto;
cursor: pointer;
}
#contact-us-form input[type=submit]:hover {
background: var(--red);
}
.contact-support h2 {
font-size: 2.625rem;
line-height: 3.125rem;
font-weight: bold;
color: var(--blue);
text-transform: uppercase;
margin-bottom: 0.625rem;
}
.contact-support p {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: 2.1875rem;
}
.button {
background: var(--blue);
display: flex;
align-items: center;
height: 2.3125rem;
text-transform: uppercase;
display: inline-flex;
}
.button a {
color: #fff;
padding: 0 1.25rem;
}
.button:hover {
background: var(--red);
}
.update-form .gform_wrapper form, .update-form .gform_wrapper form input, form .update-form .gform_wrapper input,
.update-form .gform_wrapper form textarea,
form .update-form .gform_wrapper textarea {
display: flex;
}
.update-form .gform_wrapper form .gform_body, form .update-form .gform_wrapper input .gform_body,
form .update-form .gform_wrapper textarea .gform_body {
display: flex;
}
.update-form .gform_wrapper form .gform_body .gform_fields, form .update-form .gform_wrapper input .gform_body .gform_fields,
form .update-form .gform_wrapper textarea .gform_body .gform_fields {
display: flex;
gap: 0;
}
.update-form .gform_wrapper form .gform_body .gform_fields input, form .update-form .gform_wrapper input .gform_body .gform_fields input,
form .update-form .gform_wrapper textarea .gform_body .gform_fields input {
height: 2.3125rem;
}
.update-form .gform_wrapper form .gform_body .gform_fields #field_3_1, form .update-form .gform_wrapper input .gform_body .gform_fields #field_3_1,
form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_3_1 {
margin-right: 0.625rem;
}
@media screen and (min-width: 768px) {
.update-form .gform_wrapper form .gform_body .gform_fields #field_3_1, form .update-form .gform_wrapper input .gform_body .gform_fields #field_3_1,
form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_3_1 {
width: 18.75rem;
}
}
.update-form .gform_wrapper form .gform_body .gform_fields #field_3_3, form .update-form .gform_wrapper input .gform_body .gform_fields #field_3_3,
form .update-form .gform_wrapper textarea .gform_body .gform_fields #field_3_3 {
width: 8.125rem;
margin-right: 0.625rem;
}
.update-form .gform_wrapper form .gform_footer, form .update-form .gform_wrapper input .gform_footer,
form .update-form .gform_wrapper textarea .gform_footer {
padding: 0;
margin: 0;
}
.update-form .gform_wrapper form .gform_footer input, form .update-form .gform_wrapper input .gform_footer input,
form .update-form .gform_wrapper textarea .gform_footer input {
margin: 0;
background: var(--red);
height: 2.3125rem;
padding: 0 1.25rem;
text-transform: uppercase;
color: #fff;
cursor: pointer;
}
.update-form .gform_wrapper form .gform_footer input:hover, form .update-form .gform_wrapper input .gform_footer input:hover,
form .update-form .gform_wrapper textarea .gform_footer input:hover {
background: var(--blue);
}
.page-header h1 {
color: var(--blue);
border-bottom: 0.3125rem solid var(--red);
display: inline-flex;
padding-bottom: 0.625rem;
}
#leadership .member .member-meta .image {
width: 18.75rem;
height: 18.75rem;
}
#leadership .member hr {
width: calc(100% - 180px);
margin: auto;
}
#leadership .member:last-child hr {
display: none;
}
#leadership .member .leadership-social {
margin-right: 0.9375rem;
}
#leadership .member .leadership-social .fas, #leadership .member .leadership-social .fab, #leadership .member .leadership-social .fal, #leadership .member .leadership-social .far {
font-size: 1.5625rem;
}
#leadership .member .leadership-social svg {
width: 40px;
fill: var(--red);
}
#leadership .member .leadership-social a:hover svg {
fill: #000;
}
.masonry article {
width: 100%;
}
@media screen and (min-width: 768px) {
.masonry article {
width: calc(50% - 15px);
}
}
.masonry article:hover .category-arrow span:after {
border-left: 1.125rem solid var(--blue);
}
.masonry article .category-arrow span {
background: var(--lt-red);
position: relative;
padding-left: 1.875rem;
}
.masonry article .category-arrow span:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 1.125rem solid #000;
border-top: 1.125rem solid transparent;
border-bottom: 1.125rem solid transparent;
}
.masonry article .category-arrow span:before {
content: "";
position: absolute;
right: -1.125rem;
bottom: 0;
width: 0;
height: 0;
border-left: 1.125rem solid var(--lt-red);
border-top: 1.125rem solid transparent;
border-bottom: 1.125rem solid transparent;
}
#featured-posts article {
width: 100%;
background: #163e6a;
}
#featured-posts article a {
height: 100%;
display: block;
background: #163e6a;
}
#featured-posts article a h2 {
font-size: 1.875rem;
line-height: 2.25rem;
}
#featured-posts article:hover .category-arrow span:after {
border-left: 1.125rem solid var(--blue);
}
#featured-posts article .category-arrow span {
background: var(--lt-red);
position: relative;
padding-left: 1.875rem;
}
#featured-posts article .category-arrow span:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 1.125rem solid #163e6a;
border-top: 1.125rem solid transparent;
border-bottom: 1.125rem solid transparent;
}
#featured-posts article .category-arrow span:before {
content: "";
position: absolute;
right: -1.125rem;
bottom: 0;
width: 0;
height: 0;
border-left: 1.125rem solid var(--lt-red);
border-top: 1.125rem solid transparent;
border-bottom: 1.125rem solid transparent;
}
.support-box {
background: var(--red);
color: white;
width: 500px;
display: block;
}
.support-box:hover {
background: var(--blue);
}
.donation-callout a {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.load-more a {
background: var(--blue);
color: #fff;
text-transform: uppercase;
padding: 0.625rem 1.5625rem;
}
.load-more a:hover {
background: var(--red);
color: #fff;
}
.view-pgp-key {
border: 0.0625rem solid var(--blue);
height: 2.3125rem;
display: flex;
align-items: center;
margin-right: 0.625rem;
padding: 0 1.25rem;
text-transform: uppercase;
color: var(--blue);
font-weight: bold;
font-size: 0.875rem;
position: relative;
cursor: pointer;
}
.view-pgp-key .view-key {
display: none;
position: absolute;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 1.25rem;
background: var(--lt-gray);
top: calc(100% + 10px);
left: 0;
text-transform: none;
font-weight: normal;
color: #000;
}
.view-pgp-key:hover {
border-color: var(--red);
color: var(--red);
}
.view-pgp-key:hover .btn {
background: var(--red);
}
.view-pgp-key .btn {
background: var(--blue);
height: 2.3125rem;
width: 2.3125rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-left: 1.25rem;
}
#btn-filter {
color: white !important;
padding: 10px;
}
#searchString {
padding: 10px !important;
margin-bottom: 25px !important;
}
.searchandfilter {
display: flex;
}
.searchandfilter > div {
margin-right: 25px;
}
.searchandfilter h4 {
padding-bottom: 10px;
}
.searchandfilter select {
padding: 10px;
border: 1px solid #333;
}
@media (max-width: 768px) {
body.home #gform_3 {
display: block !important;
}
.searchandfilter {
display: block;
margin-bottom: 13px;
}
.searchandfilter > div {
margin-right: 0px;
}
.searchandfilter h4 {
padding-bottom: 10px;
}
.searchandfilter select {
padding: 10px;
border: 1px solid #333;
margin-bottom: 10px;
width: 100%;
}
.searchandfilter input, .searchandfilter button {
width: 100%;
}
.support-box {
width: 100% !important;
}
nav#header-menu ul li {
width: 100%;
}
nav#header-menu ul li a:after {
display: none !important;
}
nav#header-menu ul li.menu-item-type-custom {
justify-content: center;
}
nav#header-menu ul ul {
display: block !important;
position: relative !important;
width: 100% !important;
background: #014f9e !important;
text-align: center !important;
top: 0 !important;
margin: 0 !important;
padding: 10px 0 !important;
}
nav#header-menu ul ul li {
text-align: center !important;
}
nav#header-menu ul ul li a {
text-align: center !important;
}
} @media screen and (max-width: 960px) { .cover {
display: flex;
flex-shrink: 0;
z-index: 999;
min-width: var(--hamburger-width);
height: var(--hamburger-width);
cursor: pointer;
}
.cover:hover .line,
.cover:hover .line:before,
.cover:hover .line:after {
background: var(--hamburger-hover-color);
-webkit-transition: var(--hamburger-timer) ease;
transition: var(--hamburger-timer) ease;
}
.cover.open .line,
.cover.open .line:before,
.cover.open .line:after {
background: var(--hamburger-color);
}
.line {
border-radius: var(--hamburger-border-radius);
width: var(--hamburger-width);
height: var(--hamburger-line-height);
background: var(--hamburger-color);
top: var(--hamburger-spacing);
position: relative;
-webkit-transition: var(--hamburger-timer) ease;
transition: var(--hamburger-timer) ease;
}
.line:before {
border-radius: var(--hamburger-border-radius);
width: var(--hamburger-width);
height: var(--hamburger-line-height);
background-color: var(--hamburger-color);
top: var(--hamburger-spacing-negative);
content: "";
left: 0;
position: absolute;
}
.line:after {
border-radius: var(--hamburger-border-radius);
width: var(--hamburger-width);
height: var(--hamburger-line-height);
background-color: var(--hamburger-color);
top: var(--hamburger-spacing);
content: "";
left: 0;
position: absolute;
}
.line.animate {
-webkit-animation: mymove3 var(--hamburger-timer) forwards;
-moz-animation: mymove3 var(--hamburger-timer) forwards;
-o-animation: mymove3 var(--hamburger-timer) forwards;
animation: mymove3 var(--hamburger-timer) forwards;
}
.line.animate:before {
-webkit-animation: mymove var(--hamburger-slow-timer) forwards;
-moz-animation: mymove var(--hamburger-slow-timer) forwards;
-o-animation: mymove var(--hamburger-slow-timer) forwards;
animation: mymove var(--hamburger-slow-timer) forwards;
}
.line.animate:after {
-webkit-animation: mymove2 var(--hamburger-slow-timer) forwards;
-moz-animation: mymove2 var(--hamburger-slow-timer) forwards;
-o-animation: mymove2 var(--hamburger-slow-timer) forwards;
animation: mymove2 var(--hamburger-slow-timer) forwards;
}
.line.reverse {
-webkit-animation: mymove6 var(--hamburger-timer) forwards;
-moz-animation: mymove6 var(--hamburger-timer) forwards;
-o-animation: mymove6 var(--hamburger-timer) forwards;
animation: mymove6 var(--hamburger-timer) forwards;
}
.line.reverse:before {
-webkit-animation: mymove4 var(--hamburger-slow-timer) forwards;
-moz-animation: mymove4 var(--hamburger-slow-timer) forwards;
-o-animation: mymove4 var(--hamburger-slow-timer) forwards;
animation: mymove4 var(--hamburger-slow-timer) forwards;
}
.line.reverse:after {
-webkit-animation: mymove5 var(--hamburger-slow-timer) forwards;
-moz-animation: mymove5 var(--hamburger-slow-timer) forwards;
-o-animation: mymove5 var(--hamburger-slow-timer) forwards;
animation: mymove5 var(--hamburger-slow-timer) forwards;
}
@keyframes mymove {
0% {
top: var(--hamburger-spacing-negative);
}
50% {
top: 0;
}
51% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 0;
}
}
@keyframes mymove2 {
0% {
top: var(--hamburger-spacing);
}
50% {
top: 0;
}
51% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 0;
}
}
@keyframes mymove3 {
99% {
width: var(--hamburger-width);
}
100% {
width: 0px;
}
}
@keyframes mymove4 {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 0;
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
51% {
top: 0;
}
100% {
top: var(--hamburger-spacing-negative);
}
}
@keyframes mymove5 {
0% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 0;
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
51% {
top: 0;
}
100% {
top: var(--hamburger-spacing);
}
}
@keyframes mymove6 {
0% {
width: 0px;
}
99% {
width: 0px;
}
100% {
width: var(--hamburger-width);
}
}
@-webkit-keyframes mymove {
0% {
top: var(--hamburger-spacing-negative);
}
50% {
top: 0;
}
51% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 0;
}
}
@-webkit-keyframes mymove2 {
0% {
top: var(--hamburger-spacing);
}
50% {
top: 0;
}
51% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 0;
}
}
@-webkit-keyframes mymove3 {
99% {
width: var(--hamburger-width);
}
100% {
width: 0px;
}
}
@-webkit-keyframes mymove4 {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 0;
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
51% {
top: 0;
}
100% {
top: var(--hamburger-spacing-negative);
}
}
@-webkit-keyframes mymove5 {
0% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 0;
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
51% {
top: 0;
}
100% {
top: var(--hamburger-spacing);
}
}
@-webkit-keyframes mymove6 {
0% {
width: 0px;
}
99% {
width: 0px;
}
100% {
width: var(--hamburger-width);
}
}
}
@media screen and (min-width: 960px) {
.cover {
display: none;
}
}