/* Import Rules */
 @import url("https://fonts.googleapis.com/css?family=Lato:100");
@import url("https://fonts.googleapis.com/css?family=Lato:100italic");
@import url("https://fonts.googleapis.com/css?family=Lato:300");
@import url("https://fonts.googleapis.com/css?family=Lato:300italic");
@import url("https://fonts.googleapis.com/css?family=Lato:regular");
@import url("https://fonts.googleapis.com/css?family=Lato:italic");
@import url("https://fonts.googleapis.com/css?family=Lato:700");
@import url("https://fonts.googleapis.com/css?family=Lato:700italic");
@import url("https://fonts.googleapis.com/css?family=Lato:900");
@import url("https://fonts.googleapis.com/css?family=Lato:900italic");

/* Variables.css | Apr 27, 2026 @4:18:28 PM  */

:root {
--brand-color: #007ac3;
--wrapper-width-wide: 1200px;
--transition: 0.2s ease all;

@media only screen and (max-width:767px) {
--section-padding: 2rem;
}
}/* Screen.css | Apr 27, 2026 @4:17:57 PM  */

/* Import Google Fonts */











body {
font-family: Lato;
background-image: url('/storage/themes/4388/background1.jpg');
background-color: #a6d4eb;
background-repeat: no-repeat; 
background-size: cover;
padding-top: 100px;
}

.wrapper {
width: 100%;
max-width: var(--wrapper-width-wide);
margin: auto;
box-sizing: border-box;
}

a {
color: #0079C2;
transition: 0.2s ease all;
}

img {
max-width: 100%;
height: auto;
}

h2 {
var(--font-size-2xl);
}

h3 {
font-size: var(--font-size-xl);
}

h4 {
font-size: var(--font-size-lg);
}

iframe[src*="youtube"] {
aspect-ratio: 16 / 9;
max-width: 100%;
height: auto;
}

.btn,
#template form.formWizForm input[type=submit],
input[type=submit],
button,
.item-nav a {
color: #fff;
font-family: Lato;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
background: #3393c1;
padding: 10px;
margin-top: 10px;
display: inline-block;
box-sizing: border-box;
-webkit-transition: ease all .2s;
transition: ease all .2s;
cursor: pointer;
border: none;
}

* + button, * + .btn {
margin-bottom: 0;
}

.btn:hover,
#template form.formWizForm input[type=submit]:hover,
input[type=submit]:hover,
button:hover {
color: #fff;
background: #333;
text-decoration: none;
}

section.main {
background: #fff;
padding-bottom: var(--section-padding);
}

header {
position: relative;
top: -120px;
margin: 0 0 -100px;
} 

header .navigation-widget.standard.top:not(.collapse) {
position: relative;
top: 70px;
right: var(--section-padding);
z-index: 100000;
}

header .navigation-widget.standard.top:not(.collapse) a {
text-transform: uppercase;
font-size: var(--font-size-base);
color: #3393c1;
padding: 10px;
}

header .navigation-widget.standard.top:not(.collapse) .l1:hover a {
background-color: transparent;
color: #fff;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a {
font-weight: 700;
color: #fff;
background: var(--brand-color);
position: relative;
overflow: visible !important;
margin-left: 10px;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a:hover {
background: #ce2a2a;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate {
position: relative;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate:hover a {
padding-bottom: 20px;
margin-bottom: -10px;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a:after, 
header .navigation-widget.standard.top:not(.collapse) .item-donate > a:before {
content: '';
position: absolute;
border-top: 20px solid var(--brand-color);
height: 0;
width: 0;
top: 100%;
transition: 0.2s ease all;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a:hover::after,
header .navigation-widget.standard.top:not(.collapse) .item-donate > a:hover::before {
border-top-color: #ce2a2a;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a::after {
border-left: 80px solid transparent;
right:0;
}

header .navigation-widget.standard.top:not(.collapse) .item-donate > a::before {
border-right: 80px solid transparent;
left:0;
}

/* Main Navigation */

header .column-widget .column-wrapper {
max-width: none;
}

header .site-logo {
width: 270px;
margin-left: var(--section-padding);

img {
max-height: none;
}

@media only screen and (max-width:930px) {
width: 180px;
margin-top: 100px;
}
}

header .navigation-widget.main:not(.collapse) {
text-align: right;
padding: 2rem var(--section-padding) 2rem 0;
margin-top: 10rem;
background: #FFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(198, 198, 198, 1) 100%);
}

header .navigation-widget.main:not(.collapse) ul {
gap: 2rem;

.submenu {
padding: 1rem;
background-color: #FFF;
box-shadow: 1px 1px 20px rgba(0,0,0,0.1);

a {
color: #000;
}

a:hover {
color: var(--brand-color);
}
}
}

header .navigation-widget.main:not(.collapse) .l1 {
> a {
display: flex;
align-items: center;
padding: 0;
text-transform: uppercase;
color: #222;
font-size: var(--font-size-lg);
letter-spacing: 2px;
font-weight: 700;
gap: 5px;
}

&:hover > a {
background: none;
}

.submenu-toggle::after {
content: '\f0d7';
font-family: FontAwesome;
font-size: var(--font-size-base);
display: flex;
color: #777;
transition: var(--transition);
}

&:hover .submenu-toggle::after {
transform: rotate(180deg);
}
}

/* Mobile Navigation */

header .navigation-widget.standard.collapse {
text-align: right;
padding: 2rem var(--section-padding) 2rem 0;
margin-top: 10rem;
background: #FFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(198, 198, 198, 1) 100%);

> div > .menu-toggle {
color: #000;
font-size: var(--font-size-lg);

label {
display: flex;
align-items: center;
padding: 0;

span {
padding-right: 10px;
}

&::after {
position: relative;
top: 0;
right: auto;
transform: none;
font-size: var(--font-size-2xl);
}
}

&:hover {
color: var(--brand-color);
}
}

nav {
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

.menu-toggle {
background-color: rgba(0,0,0,0.8);
margin-bottom: 2rem;
padding: 0 3rem;
border-radius: 100px;
gap: 2rem;

label {
display: flex;
align-items: center;
padding: 15px 10px;

span {
padding-right: 10px;
}

&::after {
position: relative;
top: 0;
right: auto;
transform: none;
margin-top: 2px;
font-size: var(--font-size-xl);
}
}

&:hover {
background-color: rgba(0,0,0,0.8);
}
}

ul.menu {
min-width: 90vw;
padding: 2rem 0;
background-color: var(--brand-color);
border-radius: 30px;
overflow: scroll;

a {
padding: 2rem 3rem;
font-size: var(--font-size-2xl);
}

.submenu {
padding: 1rem 1rem 1rem 3rem !important;
font-family: var(--font-body);

a { 
padding: 1rem;
font-size: var(--font-size-lg);
}
}
}
}

input.menu-toggle-check:checked ~ nav {
background-color: transparent;
backdrop-filter: blur(10px) brightness(0.2);
}
}
}

/* Main Banner */

div.main-banner {
padding-bottom: 20px;
}

.slider-widget .slide-wrapper {
border: none;
}

div.content {
padding: 0 var(--section-padding);

.slider-widget {
margin: 0 calc(var(--section-padding) * -1) var(--section-padding);
}
}

/* Blog */

.blogs-module .blog-sidebar {
background-color: #fafafa;
padding: 15px;
box-sizing: border-box;
width: 250px;
}

.blogs-module.full-mode .item-list {
margin-left: 270px;
}

.blogs-module .blog-sidebar > h4 {
margin-top: 0;
}

.blogs-module .item-list .item {
padding-left: 60px;
position: relative;
}

p.date {
position: absolute;
top: 10px;
left: 0;
background: #eee;
padding: 5px;
}

p.date .month {
background-color: #0079C2;
}

p.date .day,
p.date .weekday {
color: #0079C2;
}

.blogs-module .item .meta {
margin-left: 0;
font-size: 0.8em;
}

.blogs-module .blog-sidebar .btn {
display: block;
}

.blogs-module .archives {
margin-top: 10px;
}

/* Blog Read More Button Change */

body.home .secondary.last .blogs-module .permalink .btn span,
body.videos-interviews .blogs-module .item-permalink .btn span {
display: none;
}

body.home .secondary.last .blogs-module .permalink .btn:before,
body.videos-interviews .blogs-module .item-permalink .btn:before {
content: 'Watch';
}

/* Footer */

footer {
text-align: center;
margin-top: 20px;
}

footer .social {
background-color: var(--brand-color);
padding: 20px 0 20px 0;
text-align: center;
margin-bottom: 20px;
}

footer .social a {
font-size: 0;
color: #afcfed;
text-decoration: none;
display: inline-block;
padding: 0 10px 0 10px;
}

footer .social a:hover {
color: #fff;
}

footer .social span {
font-size: 50px;
}

footer .navigation-widget.standard {
li {
&.l1:hover a {
background-color: transparent;
}

&.separator {
display: flex;
align-items: center;
}
}

&.collapse {
a {
justify-content: center;
}

.separator {
display: none;
}
}
}

footer .copyright,
footer .bottom-nav {
display: inline-block;
font-size: 12px;
color: #939598;
vertical-align: middle;
}

footer .copyright {
padding: 0 10px 0 10px;
}

#templatefooter {
padding: 20px 0 20px 0;
}