.home > div.notification-banner-container {
height: 75px;
z-index: 100;
}
.notification-banner-container ~ #page .navbar-container .navbar,
.notification-banner-container ~ #page #search-bar {
top: 75px;
}
.notification-banner-container ~ #page #menu-sidebar {
top: 75px;
height: calc(100vh - 75px);
}
.notification-banner-container ~ #page #primary .container .hero-banner {
height: calc(100vh - 200px);
}
.notification-banner-container {
height: 75px;
font-size: .8rem;
text-align: center;
background-color: black;
position: fixed;
width: 100vw;
display: flex;
padding: 30px 30px;
gap: 25px;
justify-content: center;
align-items: center;
top: 0;
overflow-anchor: none;
}
.banner-notification-cta {
color: #fff;
background-color: #00a3e0;
padding: 0.5rem 1rem;
font-size: .6rem;
display: flex;
justify-content: center;
text-transform: uppercase;
font-weight: 700;
border-radius: 25px;
letter-spacing: 3px;
}   
.banner-notification-cta:hover {
color: #fff;
background-color: #007ead;
}
@media (min-width: 350px ) {
.home > div.notification-banner-container {
height: 80px;
}
.notification-banner-container ~ #page .navbar-container .navbar,
.notification-banner-container ~ #page #search-bar {
top: 80px;
}
.notification-banner-container ~ #page #menu-sidebar {
top: 80px;
height: calc(100vh - 80px);
}
.notification-banner-container ~ #page #primary .container .hero-banner {
height: calc(100vh - 240px) ;
}
.notification-banner-container {
font-size: .9rem;
height: 80px;
}
.banner-notification-cta {
font-size: 10.8px;
}
}
@media (min-width: 650px ) {
.home > div.notification-banner-container {
height: 60px;
}
.notification-banner-container ~ #page .navbar-container .navbar,
.notification-banner-container ~ #page #search-bar {
top: 60px;
}
.notification-banner-container ~ #page #menu-sidebar {
top: 60px;
height: calc(100vh - 60px);
}
.notification-banner-container {
font-size: 1rem;
height: 60px;
}
.banner-notification-cta { 
font-size: .7rem;
}
}
@media (min-width: 768px) {
.notification-banner-container ~ #page .home .categories {
padding-top: 160px;
}
}.popup-mask {
z-index: 1000;
position: fixed;
display: none;
align-items: center;
justify-content: center;
padding: 2rem;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
height: 100vh;
width: 100vw;
}
.popup-box {
font-weight: 700;
position: relative;
background-color: white;
padding: 3rem 2rem;
color: #00a3e0;
text-align: center;
max-width: 375px;
width: 85vw;
border-radius: 15px;
}
.popup-img {
margin-bottom: 1.5rem;
}
.popup-close {
position: absolute;
right: 1rem;
top: 1rem;
background-color: rgba(0, 0, 0, 0.2);
height: 2rem;
width: 2rem;
color: white;
border-radius: 25px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.popup-close:hover {
border: rgba(0, 0, 0, 0.2) solid 2px;
color: rgba(0, 0, 0, 0.2);
background-color: white;
}
.popup-title {
font-size: 1.3rem;
line-height: 1.6rem;
}
.popup-success > .popup-title,
.popup-fail > .popup-title {
margin-top: 0;
}
#email.popup-form {
margin-top: 1rem;
width: 100%;
background-color: #dcf1fb;
color: #00a3e0;
font-weight: 600;
border: none;
border-radius: 0;
padding: 0.75rem 1rem;
font-size: 0.9rem;
}
#email.popup-form::placeholder {
color: #00a3e0;
font-weight: 600;
}
#email.popup-form:focus-visible {
outline: 2px solid #00a3e0;
}
input[type="submit"].popup-submit,
.popup-submit {
background-color: #00a3e0;
border: #00a3e0 2px solid;
color: white;
margin: 2rem auto 1rem;
padding: 0.75rem 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
border-radius: 30px;
font-size: 11px;
cursor: pointer;
text-wrap: wrap;
line-height: 15px;
}
.popup-subtitle {
margin-top: 1rem;
font-weight: 600;
}
.popup-subtitle > strong {
font-weight: 700;
}
.confirm-code {
display: flex;
max-width: 360px;
margin: 25px auto;
position: relative;
}
.confirm-code > input[type="text"] {
display: inline-block;
font-size: 15px;
padding: 4px;
border: 1px solid #b4b4b4;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 400;
width: 14%;
}
input.email-conf-mid {
border-left: transparent;
border-right: transparent;
}
.email-conf-dash {
font-weight: 400;
font-size: 16px;
min-width: 24px;
display: flex;
justify-content: center;
align-items: center;
}
input.email-conf.email-conf-left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
input.email-conf.email-conf-right {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.email-conf:focus {
border-color: transparent;
outline: 2px solid #00a3e0 !important;
z-index: 5;
}
.email-links {
display: flex;
margin: 1rem auto 0;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
}
.email-link {
display: inline-flex;
align-items: center;
margin: 0 1rem 0;
}
@media (min-width: 350px) {
input[type="submit"].popup-submit,
.popup-submit {
text-wrap: no-wrap;
}
.confirm-code > input[type="text"] {
font-size: 18px;
padding: 6px;
}
input[type="submit"].popup-submit:hover,
.popup-submit:hover {
border: #00a3e0 2px solid;
background-color: white;
color: #00a3e0;
}
}
@media (min-width: 500px) {
.popup-box {
padding: 4rem 3rem 3.5rem;
max-width: 450px;
}
.popup-close {
height: 2.5rem;
width: 2.5rem;
}
.popup-img {
margin-bottom: 3rem;
}
.popup-title {
font-size: 1.5rem;
line-height: 2rem;
}
input[type="submit"].popup-submit {
margin-top: 2.5rem;
font-size: 12px;
}
.confirm-code > input[type="text"] {
font-size: 24px;
padding: 8px;
}
#email.popup-form {
margin-top: 1.5rem;
}
}
.popup-error {
color: #cd3347;
}
.popup-success {
display: none;
}
.popup-fail {
display: none;
}
.popup-confirming {
display: none;
}:root {
--blue: #00a3e0;
--darkblue: #003B5C;
--lightblue: #B9DCE5;
--blue-transparent: rgba(0, 163, 224, .98);
--overlay-heavy:  rgba(0, 0, 0, .65);
--overlay-medium:  rgba(0, 0, 0, .45);
--overlay-light: rgba(0, 0, 0, .15);
--white: #fff;
--black: #000;
--grey: #999;
--lightgrey: rgb(231, 231, 231);
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
max-width: 100vw;
}
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: var(--white); } main {
display: block;
max-width: 100vw;
}
#primary {
padding-top: 7.5rem;
}
.hide-on-mobile,
div.hide-on-mobile {
display: none;
} h1 {
font-size: 2.5em;
margin: 0.6em 0;
}
.small-caps,
.page-numbers {
font-size: .7rem;
text-transform: uppercase;
font-weight: 700;
font-family: AzoSans;
letter-spacing: 2px;
text-transform: uppercase;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: AzoSans, monospace;
font-size: 1em;
}  a {
background-color: transparent;
}
.section-white a:hover,
.main-menu .fa:hover,
.main-menu .fa-brands:hover,
.search-container .fa:hover,
.main-menu a:hover,
.likes i:hover {
color: var(--darkblue);
}
.fa.fa-search[type="submit"]:hover {
background-color: inherit;
color: var(--darkblue);
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bold;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
cursor: pointer;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.block-editor-rich-text__editable.wp-block-button__link,
.wp-block-button__link {
font-weight: 800 !important;
color: var(--white);
background-color: var(--blue) !important;
}
.block-editor-rich-text__editable.wp-block-button__link:hover,
a.wp-block-button__link:hover {
color: var(--white);
background-color: var(--darkblue) !important;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  @font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Light.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Light.woff) format('woff');
}
@font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Thin.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Thin.woff) format('woff');
font-weight: 100;
}
@font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Regular.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Regular.woff) format('woff');
font-weight: 500;
}
@font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Medium.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Medium.woff) format('woff');
font-weight: 600;
}
@font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Bold.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Bold.woff) format('woff');
font-weight: 700;
}
@font-face {
font-family: AzoSans;
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Black.eot);
src: url(https://blog.vidangel.com/wp-content/themes/vidangel-blog/fonts/AzoSans/AzoSans-Black.woff) format('woff');
font-weight: 800;
}
@font-face {
font-family: LeagueGothic;
src: url(//blog.vidangel.com/static/fonts/LeagueGothic-Regular.otf);
}
body,
button,
input,
select,
optgroup,
textarea {
color: #fff;
font-family: AzoSans;
letter-spacing: .2px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
h2 a {
color: inherit;
}
.white-text {
color: var(--white)
}
p {
margin-bottom: 1.5em;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: var(--blue);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
padding-inline-start: 0px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 3rem;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
.blue-btn {
background-color: var(--blue);
color: white;
padding: .25rem .5rem;
border-radius: 5px;
}
.fa {
color: inherit
} a {
color: var(--blue);
text-decoration: none;
}
a div:hover,
a h2:hover,
a:hover,
.footer-links a:hover,
a:focus,
a:active {
color: var(--blue);
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"],
i[type="submit"] {
border: none;
border-radius: 3px;
background: var(--blue);
color: var(--white);
line-height: 1;
padding: 0.5em 1em;
-webkit-appearance: none;
appearance: none;
}
i[type="submit"]:hover {
-webkit-appearance: none;
appearance: none;
border: none;
background: var(--blue);
line-height: 1;
padding: 0.5em 1em;
}
.fa.fa-search[type="submit"] {
-webkit-appearance: none;
appearance: none;
background-color: inherit;
color: var(--white);
border: none;
margin-right: 10px;
font-size: 1.25rem;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border: none;
background-color: var(--darkblue);
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
.search-page {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.body-search {
display: flex;
justify-content: center;
align-items: center;
margin-top: 3.25rem;
margin-bottom: 2rem;
}
.body-search input.search-field {
max-width: 800px;
width: 50vw;
}
.search-submit {
margin-left: 1rem;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .container {
max-width: 1500px;
width: 80%;
margin: 0 auto;
}
.home hr {
max-width: 1500px;
width: 80%;
margin: 2rem auto 0;
}
.home footer {
padding-top: 2rem;
}
.post-container {
max-width: 750px;
margin-top: 3rem;
}
.category-container {
margin-top: 3rem;
}
.section-white {
background-color: var(--white);
color: var(--darkblue);
width: 100%;
padding: 2rem 0;
}
.section-blue {
background-color: var(--darkblue);
color: var(--white);
padding: 0 0 1rem;
} .site-header {
width: 100vw;
position: absolute;
z-index: 100;
opacity: 99%;
}
.navbar {
padding: 2rem 1.5rem;
display: flex;
justify-content: space-between;
background-color: var(--darkblue);
align-items: center;
width: 100%;
position: fixed;
z-index: 101;
}
#search-bar {
z-index: 102;
padding: calc(1.758rem + 1.5px) 1.5rem;
opacity: 0;
display: none;
align-items: center;
justify-content: right;
position: fixed;
top:0;
width: 100%;
background-color: var(--blue-transparent);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#search-bar.toggled {
opacity: 1;
}
.search-form {
display: flex;
align-items: center;
justify-content: right;
}
.search-container input.search-field:focus-visible,
.search-container input.search-field:active    {
outline: none;
border:none;
}
.search-container input.search-field::placeholder {
color: var(--white);
}
.search-container input.search-field::-webkit-search-cancel-button {
display: none;
}
.search-container input.search-field {
background: none;
border: none;
font-size: 1.25rem;
color:var(--white);
width: 200px
}
.search-container .fa {
color: white;
font-size: 1.75rem;
}
button.search-button {
background: none;
border: none;
padding: 0 5%;
}
.main-menu {
position: fixed;
top:0;
padding: calc(2rem + 3px) 1.5rem;
display: none;
opacity: 0;
height: 100vh;
width: 100vw;
background-color: var(--blue-transparent);
flex-direction: column;
justify-content: space-between;
z-index: 99999;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu.toggled {
opacity: 1;
display: flex;
}
.menu-homepage-container {
margin-left: 1.1rem;
}
.menu-container .fa {
color: white;
font-size: 1.75rem;
}
#wpadminbar {
position: fixed;
}
.admin-bar .main-menu,
.admin-bar #search-bar {
top: 42px;
}
.menu-toggle,
.nav-search {
font-size: 1.25rem;
color: var(--blue);
cursor: pointer
}
.menu-toggle:hover,
.nav-search:hover {
color: var(--white);
}
.search-close:hover {
cursor: pointer;
color: var(--darkblue);
}
.main-navigation {
display: block;
width: 1.25rem;
}
.main-menu ul {
list-style: none;
margin: 0;
}
.main-menu a {
color: var(--white);
font-size: 2rem;
}
.main-menu a:hover {
color: var(--darkblue);
}
.main-menu ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-menu ul ul ul {
left: -999em;
top: 0;
}
.main-menu ul ul li:hover > ul,
.main-menu ul ul li.focus > ul {
display: block;
left: auto;
}
.main-menu ul ul a {
width: 200px;
}
.main-menu ul li:hover > ul,
.main-menu ul li.focus > ul {
left: auto;
}
.main-menu li {
position: relative;
margin-top: 1rem;
font-family: AzoSans;
}
.main-menu a {
display: block;
} .main-menu.toggled ul {
display: block;
}
.social-container {
text-align: right;
display: flex;
justify-content: flex-end;
}
.social-container a i {
color: var(--white);
font-size: 1.25rem;
margin-left: 1.5rem;
align-self: left;
}
.social-container a i.fa-twitter {
color:var(--blue-transparent);
background-color: var(--white);
border-radius: 15px;
height: 20px;
width: 20px;
font-size: .8rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 13px;
}
.social-container a i.fa-twitter:hover {
color: var(--blue-transparent);
background-color: var(--darkblue);
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
}
.nav-previous,
.nav-next {
border-radius: 5px;
padding: 20px 5px;
}
.nav-previous:hover,
.nav-next:hover {
color: var(--blue)
}
.nav-title {
display: none;
}
.nav-previous .nav-subtitle,
.nav-next .nav-subtitle {
color: var(--darkblue);
} .nav-previous a:hover div,
.nav-next a:hover div {
color: var(--darkblue);
}
.nav-subtitle {
font-size: .75rem;
text-transform: uppercase;
letter-spacing: 2.4px;
font-weight: 700;
margin-bottom: .5rem;
} #secondary {
display: none;
}
.site-footer-outer {
margin: auto 0 0;
padding: 3rem 0;
width: 100%;
justify-self: flex-end;
background-color: var(--darkblue);
}
.site-footer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.newsletter-signup-title {
text-align: center;
font-size: 1.4rem;
font-weight: bold;
}
.newsletter-button {
border: solid var(--white) 1px;
border-radius: 25px;
display: flex; 
justify-content: space-between;
align-items: center;
padding: 0.5rem 1rem;
max-width: 330px;
margin: auto;
margin-top: 1rem;
cursor: pointer;
}
.newsletter-button:hover {
background-color: var(--white);
color: var(--darkblue);
}
.newsletter-button-arrow {
color: var(--blue);
margin-left: 1rem;
}
.footer-links {
margin-top: 1.5rem;
font-weight: 700;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 2rem;
}
.footer-links a {
font-size: 1.2rem;
color: white;
width: 50%;
padding: .5rem;
}
.footer-info {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 1rem;
}
.footer-logo {
height: auto;
width: 1.5rem;
margin-right: 0.5rem;
margin-bottom: 0.4rem;
}
.footer-copyright {
color: var(--blue);
font-size: .6rem;
} .hero-banner {
margin-top: -100px;
padding: 1rem 0 2rem;
font-size: .85rem;
letter-spacing: 0px;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hero-banner-text {
font-size: 1.1rem;
margin: auto
}
div.logo-text {
height: 1.25em;
width: 4.2em;
margin-bottom: -0.4311em; 
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
}
.banner-dynamic-text {
color: var(--lightblue);
}
.hero-banner-scroll {
color: var(--blue);
text-align: right;
cursor: pointer;
padding-bottom: 1rem;
}
.hero-banner-scroll:hover {
color: var(--white);
}
.hero-banner-scroll:hover img {
filter: brightness(0) invert(1);
}
.hero-banner-scroll .scroll-arrow {
font-size: 1.5rem;
padding: 0 .35rem;
height: 3rem;
}
.categories {
margin: 0 auto;
width: 80%;
max-width: calc(1500px + 15%);
}
.section-white .categories {
margin-top: 5rem;
}
.section-white .categories a {
color: var(--darkblue)
}
.category-title {
padding: 3rem 0 2rem;
text-align: center;
}
.category-title a {
font-size: 2rem;
font-weight: bold;
color: var(--white);
}
.category-title a:hover {
font-weight: bold; 
color: var(--blue);
}
.category-left,
.category-right {
display: none;
}
.category-articles {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.loaded-articles {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.article-title,
.article-date {
color: var(--white);
}
.article-link:hover .poster-button {
background-color: var(--overlay-light);
}
.article-poster:hover .article-overlay
{
background-color: var(--overlay-heavy);
}
.article-poster {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
max-width: 400px;
height: 40vw;	
max-height: 450px;
margin: 1rem 0;
}
.article-poster:nth-child(n+4) {
display: none;
}
.article-poster.final-card {
background-color: var(--blue);
font-size: 2rem;
}
.final-card .article-overlay {
background-color: var(--overlay-light);
}
.article-poster.final-card:hover .article-title,
.article-poster.final-card:hover .article-date {
color: var(--blue);
45}
.article-poster.final-card:hover .article-overlay {
background-color: var(--overlay-medium);
}
.final-card .article-overlay {
display: flex;	
justify-content: center;
align-items: center;
}
.poster-button {
height: 100%;
width: 100%;
}
.article-overlay {
height: 100%;
width: 100%;
background-color: var(--overlay-medium);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1rem;
}
.article-title {
font-weight: 600;
font-size: 2rem;
line-height: 1.2;
}
.article-date {
font-size: .5rem;
letter-spacing: 2px;
text-transform: uppercase;
font-stretch: expanded;
margin-top: .5rem;
}
div.loaded-articles>:nth-child(n+4):nth-child(-n+5) {
display: none;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.entry-content {
color: var(--black);
}
h2#block-22bdcb50-c503-4523-8646-b12914d4894c,
.entry-content h2 {
color: #00a3e0;
line-height: 1.3;
letter-spacing: 0px;
font-family: 'Azo Sans', sans-serif;
font-style: bold;
font-weight: 700;
font-size: 1.75rem;
}
.entry-content h4 {
font-weight: 500;
color: var(--blue);
font-size: 1.2rem;
}
.entry-content h5 {
font-weight: 400;
color: var(--blue);
font-size: 1.1rem;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1rem 0 2rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.section-posts {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-post {
max-width: 500px;
}
.post-title {
text-align: center;
}
.post-info {
color: #999;
text-transform: uppercase;
text-align: center;
margin-bottom: 1rem;
}
.post-image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
height: 50vw;	
max-height: 220px;
margin: 1rem 0;
}
.search-info .post-image {
max-height: none;
}
.post-title {
color: var(--darkblue)
}
.pagination {
text-align: center;
padding-top: 2rem;
}
.post-featured-image {
display: flex;
justify-content: center;
}
.post-thumbnail,
.post-thumbnail img {
min-width: 350px;
width: 100%;
}
.entry-title {
line-height: 2.9rem;
font-weight: 700;
margin-top: 2rem;
letter-spacing: 0px;
}
.entry-meta {
color: var(--blue);
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
}
.like-box {
font-size: 1.25rem;
}
.cat-links a{
margin-right: .5rem;
}
.share-bar {
width: 100%;
background-color: var(--blue);
padding: .5rem 1rem;
display: flex;
justify-content: space-around	;
align-items: center;
margin: 1rem 0;
}
.social-shares a,
.social-shares span {
margin: 0 15px;
font-size: .75rem;
color: white;
}
.post-stats {
display: flex;
align-items: center;
}
.post-stats span {
margin: 0 .3rem;
font-size: .75rem;
}
.suggested-articles-title {
text-align: center;
}
.contact-block	{
padding: 2rem 0 4rem ;
}
.button-wrapper {
display: flex;
justify-content: center;
} .comments-area {
margin-top: 2rem;
}
.children > .comment:not(:last-child),
.comment-body:not(:last-child),
.comment.parent {
border-bottom: 1px dotted #eee;
padding-bottom: 34px;
margin-bottom: 34px;
}
.comments-title {
text-align: center;
font-size: .85rem;
margin-bottom: 32px;
letter-spacing: 4px;
}
.comment-list li {
list-style: none;
}
.comment-body {
margin: 1rem 0;
padding: 0;
}
footer.comment-meta {
display: flex;
width: 100%;
justify-content: space-between;
}
.comment-meta-right {
display: flex;
flex-direction: column;
gap: .5rem;
}
.comment-meta-right a {
color: var(--white);
background-color: var(--blue);
padding: 4px 7px 5px 7px;
border-radius: 2px;
font-size: .55rem;
}
.comment-author {
text-transform: uppercase;
letter-spacing: 2px;
font-size: .95rem;
line-height: .95rem;
}
.comment-author a {
color: var(--darkblue)
}
.comment-author a:hover {
text-decoration: underline;
}
.comment-metadata time {
font-weight: 400;
color: var(--grey);
font-style: italic;
font-size: .65rem;
line-height: .65rem;
letter-spacing: 0;
text-transform: none;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form label {
font-size: .85rem;
font-weight: 600;
}
.comment-content p,
.comment-notes,
.comment-form-cookies-consent {
margin-block-start: .5rem;
margin-block-end: .25rem;
font-size: 1rem;
font-weight: 400;
color: var(--black);
}
.comment-form-cookies-consent label {
margin-left: .5rem;
font-weight: 400;
}
.comment-form .form-submit input {
text-transform: uppercase;
font-weight: 600;
font-size: .7rem;
padding: 10px 20px;
}
.comment-respond {
margin-top: 3rem;
}
.comment-reply-title {
text-transform: uppercase;
font-size: .85rem;
}
.comment-reply-link i {
margin-right: .25rem;
}
.bypostauthor {
display: block;
}
em.comment-awaiting-moderation {
display: block;
padding-top: .5rem;
}
.comments-categories {
text-align: center;
padding-top: 1.5rem;
width: 100%;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: flex;
align-items: center;
width: 185px;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} @media (min-width:600px) {
.hero-banner {
height: calc(100vh - 100px);
}
.hero-banner-text {
margin-right: 16vw;
font-size: 1.25rem;
}
.footer {
width: 40%;
}
.main-menu {
width: MAX(25vw, 300px);
}
.share-bar {
justify-content: space-between;
}
.post-stats span {
margin: 0 1rem;
}
#wpadminbar {
position: fixed;
}
}
@media (min-width: 768px) {
.home {
width: 100%;
height: 100vh;
scroll-behavior: smooth;
}
.home > .container,
.home .categories {
padding-top: 100px;
}
.mobile-only {
display: none;
}
.hide-on-mobile,
div.hide-on-mobile {
display: inline-block;
}
.hero-banner-text {
margin-right: 16vw;
font-size: 1.5rem;
}
#wpadminbar {
position: fixed;
}
.admin-bar .main-menu {
top: 32px;
}
.menu-container .fa,
.main-menu a,
.search-container .fa  {
font-size: 1.7rem;
}
.navbar {
padding: 2rem 3rem;
}
.main-menu {
padding: calc(2rem + 3px) 3rem;
}
#search-bar {
padding: calc(1.758rem + 1.5px) 3rem;
}
.categories {
width: 100%;
margin: 0 auto;
}
.categories a {
font-size: 3rem;
}
.category-title {
padding: 0;
text-align: left;
margin-left: 10%; 
}
.category-fade {
position: relative;
z-index: 0;
}
.category-left {
width: 10%;
height: 45vw;
max-height: 450px;
position:absolute;
transform: translateY(16px);
background: linear-gradient(90deg, rgba(0,58,93,1) 0%, rgba(0,58,93,1) 60%, rgba(0,58,93,0) 100%);
display: flex; 
align-items: center;
}
.section-white .category-left {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
}
.scroll-left {
height: 2rem;
padding-left: 2.5vw;
cursor: pointer;
opacity: 0; 
transition: .2s opacity ease-in-out;
}
.category-right {
width: 10%;
height: 45vw;
max-height: 450px;
position:absolute;
right: 0%;
transform: translateY(16px);
background: linear-gradient(-90deg, rgba(0,58,93,1) 0%, rgba(0,58,93,1) 60%, rgba(0,58,93,0) 100%);
display: flex; 
align-items: center;
justify-content: flex-end;
}
.section-white .category-right {
background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
}
.scroll-right {
opacity: 1;
height: 2rem;
padding-right: 2.5vw;
cursor: pointer;
transition: .2s opacity ease-in-out;
}
.category-articles {
padding: 0 10%;
flex-direction: row;
overflow: auto;
margin-bottom: 3rem;
} .category-articles::-webkit-scrollbar {
display: none;
} .category-articles {
-ms-overflow-style: none; scrollbar-width: none; }
.loaded-articles {
width: auto;
display: flex;
flex-direction: row;
}
.article-poster {
min-width: 350px;
margin-right: 1rem
}
.article-poster:nth-child(n+4) {
display: inherit;
}
div.loaded-articles>:nth-child(n+4):nth-child(-n+5) {
display: block;
}
.section-posts {
justify-content: space-between;
}
.blog-post {
width: 48%;
margin-bottom: 1rem;
}
.nav-links {
gap: 4%;
}
.nav-previous,
.nav-next {
flex: 1 0 48%;
font-weight: 700;
font-size: 1.375rem;
line-height: 1.9rem;
}
.nav-title {
display: block;
}
.site-footer {
flex-direction: row-reverse;
justify-content: space-around;
}
.footer-links a {
text-align: left;
font-size: 1.5rem;
}
.site-footer {
display: block;
max-width: 900px;
}
.site-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.newsletter-signup-title {
font-size: 1.5rem;
text-align: left;
}
.footer-newsletter-signup {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.newsletter-button {
justify-content: flex-start;
margin-left: 0;
}
.footer-links a {
color: white;
width: 30%;
padding: .25rem;
margin-left: 10%;
}
.footer-info {
justify-content: flex-start;
}
.footer-copyright {
text-align: left;
}
.search-info {
display: flex;
align-items: center;
gap: 2rem;
margin: 1rem 0;
}
.search-info .post-image {
width: 32vw;
height: 18vw;
min-width: 32vw;
}
}
@media (min-width: 1000px) {
.hero-banner-text {
min-width: 550px;
font-size: 1.9rem;
}	
.newsletter-signup-title {
font-size: 1.9rem;
}
}