.clr-primary {
color: #022A5A;
}
.clr-secondary {
color: #0B131E;
}
.mt-16 {
margin-top: 1.6rem;
}
.mt-18 {
margin-top: 1.8rem;
}
.mt-20 {
margin-top: 2rem;
}
.mt-24 {
margin-top: 2.4rem;
}
.mt-30 {
margin-top: 3rem;
}
.mt-32 {
margin-top: 3.2rem;
}
.mt-40 {
margin-top: 4rem;
}
.mt-50 {
margin-top: 5rem;
}
.mt-60 {
margin-top: 6rem;
}
.mt-70 {
margin-top: 7rem;
}
.mt-80 {
margin-top: 8rem;
}
.mt-90 {
margin-top: 9rem;
}
.mt-100 {
margin-top: 10rem;
}
.mt-120 {
margin-top: 12rem;
}
.mt-150 {
margin-top: 15rem;
}
.mt-200 {
margin-top: 20rem;
}
.mb-16 {
margin-bottom: 1.6rem;
}
.mb-18 {
margin-bottom: 1.8rem;
}
.mb-20 {
margin-bottom: 2rem;
}
.mb-24 {
margin-bottom: 2.4rem;
}
.mb-30 {
margin-bottom: 3rem;
}
.mb-32 {
margin-bottom: 3.2rem;
}
.mb-40 {
margin-bottom: 4rem;
}
.mb-50 {
margin-bottom: 5rem;
}
.mb-60 {
margin-bottom: 6rem;
}
.mb-70 {
margin-bottom: 7rem;
}
.mb-80 {
margin-bottom: 8rem;
}
.mb-90 {
margin-bottom: 9rem;
}
.mb-100 {
margin-bottom: 10rem;
}
.mb-110 {
margin-bottom: 11rem;
}
.mb-120 {
margin-bottom: 12rem;
}
.mb-150 {
margin-bottom: 15rem;
}
.mb-200 {
margin-bottom: 20rem;
}
.pt-10 {
padding-top: 1rem;
}
.pt-16 {
padding-top: 1.6rem;
}
.pt-18 {
padding-top: 1.8rem;
}
.pt-20 {
padding-top: 2rem;
}
.pt-24 {
padding-top: 2.4rem;
}
.pt-30 {
padding-top: 3rem;
}
.pt-32 {
padding-top: 3.2rem;
}
.pt-40 {
padding-top: 4rem;
}
.pt-50 {
padding-top: 5rem;
}
.pt-60 {
padding-top: 6rem;
}
.pt-70 {
padding-top: 7rem;
}
.pt-80 {
padding-top: 8rem;
}
.pt-90 {
padding-top: 9rem;
}
.pt-100 {
padding-top: 10rem;
}
.pt-110 {
padding-top: 10rem;
}
.pt-120 {
padding-top: 12rem;
}
.pt-140 {
padding-top: 14rem;
}
.pt-150 {
padding-top: 15rem;
}
.pt-200 {
padding-top: 20rem;
}
.pb-10 {
padding-bottom: 1rem;
}
.pb-16 {
padding-bottom: 1.6rem;
}
.pb-18 {
padding-bottom: 1.8rem;
}
.pb-20 {
padding-bottom: 2rem;
}
.pb-24 {
padding-bottom: 2.4rem;
}
.pb-30 {
padding-bottom: 3rem;
}
.pb-32 {
padding-bottom: 3.2rem;
}
.pb-40 {
padding-bottom: 4rem;
}
.pb-50 {
padding-bottom: 5rem;
}
.pb-60 {
padding-bottom: 6rem;
}
.pb-70 {
padding-bottom: 7rem;
}
.pb-80 {
padding-bottom: 8rem;
}
.pb-90 {
padding-bottom: 9rem;
}
.pb-100 {
padding-bottom: 10rem;
}
.pb-120 {
padding-bottom: 12rem;
}
.pb-150 {
padding-bottom: 15rem;
}
.pb-160 {
padding-bottom: 16rem;
}
.pb-200 {
padding-bottom: 20rem;
}
.ps-10 {
padding-left: 1rem;
}
.ps-16 {
padding-left: 1.6rem;
}
.ps-18 {
padding-left: 1.8rem;
}
.ps-20 {
padding-left: 2rem;
}
.ps-24 {
padding-left: 2.4rem;
}
.ps-30 {
padding-left: 3rem;
}
.ps-32 {
padding-left: 3.2rem;
}
.ps-40 {
padding-left: 4rem;
}
.ps-50 {
padding-left: 5rem;
}
.ps-60 {
padding-left: 6rem;
}
.ps-70 {
padding-left: 7rem;
}
.ps-80 {
padding-left: 8rem;
}
.ps-90 {
padding-left: 9rem;
}
.ps-100 {
padding-left: 10rem;
}
.ps-150 {
padding-left: 15rem;
}
.ps-200 {
padding-left: 20rem;
}
.pe-10 {
padding-right: 1rem;
}
.pe-16 {
padding-right: 1.6rem;
}
.pe-18 {
padding-right: 1.8rem;
}
.pe-20 {
padding-right: 2rem;
}
.pe-24 {
padding-right: 2.4rem;
}
.pe-30 {
padding-right: 3rem;
}
.pe-32 {
padding-right: 3.2rem;
}
.pe-40 {
padding-right: 4rem;
}
.pe-50 {
padding-right: 5rem;
}
.pe-60 {
padding-right: 6rem;
}
.pe-70 {
padding-right: 7rem;
}
.pe-80 {
padding-right: 8rem;
}
.pe-90 {
padding-right: 9rem;
}
.pe-100 {
padding-right: 10rem;
}
.pe-150 {
padding-right: 15rem;
}
.pe-200 {
padding-right: 20rem;
}
.p-20 {
padding: 2rem;
}
.p-30 {
padding: 3rem;
}
.p-40 {
padding: 4rem;
}
.p-50 {
padding: 5rem;
}
.pe-md-32 {
padding-right: 3.2rem;
}
.pe-md-22 {
padding-right: 2.2rem;
}
.max-300 {
max-width: 30rem;
}
.max-350 {
max-width: 30.5rem;
}
.max-365 {
max-width: 36.5rem;
}
.max-400 {
max-width: 40rem;
}
.max-500 {
max-width: 50rem;
}
.max-600 {
max-width: 60rem;
}
.max-700 {
max-width: 70rem;
}
.max-800 {
max-width: 80rem;
}
.max-980 {
max-width: 98rem;
}
.max-1400 {
max-width: 140rem;
}
.max-1920 {
max-width: 192rem;
margin: auto;
}
.mwidth_605 {
max-width: 60.5rem;
width: 100%;
}
.minvh-100 {
min-height: 100vh;
}
.minh-180 {
min-height: 18rem;
}
.minh-265 {
min-height: 26.5rem;
}
.minh-350 {
min-height: 35rem;
}
.minh-400 {
min-height: 40rem;
}
.minh-500 {
min-height: 50rem;
}
.h-100-vh {
min-height: 100vh;
}
.h-90-vh {
min-height: 90vh;
}
.h-80-vh {
min-height: 80vh;
}
.h-70-vh {
min-height: 70vh;
}
.h-60-vh {
min-height: 60vh;
}
.h-50-vh {
min-height: 50vh;
}
.max-1330 {
max-width: 133rem;
}
.fs-14 {
font-size: 1.4rem;
line-height: 2.2rem;
}
.fs-16 {
font-size: 1.6rem;
line-height: 2.6rem;
}
.fs-18 {
font-size: 1.8rem;
line-height: 2.8rem;
}
.fs-20 {
font-size: 2rem;
line-height: 3rem;
}
.fs-24 {
font-size: 2.4rem;
line-height: 3.4rem;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
} #primary[tabindex="-1"]:focus {
outline: 0;
}
.pointer {
cursor: pointer;
}
.click-none > a {
pointer-events: none !important;
}
.flex-inherit {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}
html {
font-size: 10px;
}
html body {
color: rgba(11, 19, 30, 0.8);
font-size: 1.6rem;
font-family: "Inter", sans-serif;
font-weight: normal;
line-height: 2.4rem;
max-width: 1440px;
margin: 0 auto;
}
html body .site-wrap {
padding: 3.2rem;
}
html body b,
html body strong {
font-weight: 600;
}
html body a {
color: #022A5A;
outline: none !important;
}
html body a:hover {
color: rgba(2, 42, 90, 0.9);
text-decoration: none;
}
html body h1,
html body .h1 {
font-size: 3.6rem;
font-weight: 600;
color: #022A5A;
margin-bottom: 1.6rem;
}
html body h2,
html body .h2 {
font-size: 2.8rem;
font-weight: 600;
color: #022A5A;
margin-bottom: 1.6rem;
}
html body h3,
html body .h3 {
font-size: 2.8rem;
font-weight: 600;
color: #022A5A;
}
html body h4,
html body .h4 {
font-size: 1.8rem;
font-weight: 500;
}
html body h5,
html body .h5 {
font-size: 1.6rem;
font-weight: 500;
}
html body h6,
html body .h6 {
font-size: 1.4rem;
font-weight: 400;
}
html body .hbspt-form input[type="email"],
html body .hbspt-form input[type="number"],
html body .hbspt-form input[type="password"],
html body .hbspt-form input[type="text"],
html body .hbspt-form input[type="tel"],
html body .hbspt-form textarea,
html body .panel-form .hbspt-form input[type="email"],
html body .panel-form .hbspt-form input[type="number"],
html body .panel-form .hbspt-form input[type="password"],
html body .panel-form .hbspt-form input[type="text"],
html body .panel-form .hbspt-form input[type="tel"],
html body .panel-form .hbspt-form textarea,
html body form input[type="email"],
html body form input[type="number"],
html body form input[type="password"],
html body form input[type="text"],
html body form input[type="tel"],
html body form textarea {
background-color: #ffffff;
border-radius: 0.2rem;
border: 1px solid #ddd;
font-size: 1.4rem;
font-weight: 500;
padding: 0.7145em;
width: 100% !important;
}
html body .hbspt-form input[type="email"]:focus, html body .hbspt-form input[type="email"]:active, html body .hbspt-form input[type="email"]:hover,
html body .hbspt-form input[type="number"]:focus,
html body .hbspt-form input[type="number"]:active,
html body .hbspt-form input[type="number"]:hover,
html body .hbspt-form input[type="password"]:focus,
html body .hbspt-form input[type="password"]:active,
html body .hbspt-form input[type="password"]:hover,
html body .hbspt-form input[type="text"]:focus,
html body .hbspt-form input[type="text"]:active,
html body .hbspt-form input[type="text"]:hover,
html body .hbspt-form input[type="tel"]:focus,
html body .hbspt-form input[type="tel"]:active,
html body .hbspt-form input[type="tel"]:hover,
html body .hbspt-form textarea:focus,
html body .hbspt-form textarea:active,
html body .hbspt-form textarea:hover,
html body .panel-form .hbspt-form input[type="email"]:focus,
html body .panel-form .hbspt-form input[type="email"]:active,
html body .panel-form .hbspt-form input[type="email"]:hover,
html body .panel-form .hbspt-form input[type="number"]:focus,
html body .panel-form .hbspt-form input[type="number"]:active,
html body .panel-form .hbspt-form input[type="number"]:hover,
html body .panel-form .hbspt-form input[type="password"]:focus,
html body .panel-form .hbspt-form input[type="password"]:active,
html body .panel-form .hbspt-form input[type="password"]:hover,
html body .panel-form .hbspt-form input[type="text"]:focus,
html body .panel-form .hbspt-form input[type="text"]:active,
html body .panel-form .hbspt-form input[type="text"]:hover,
html body .panel-form .hbspt-form input[type="tel"]:focus,
html body .panel-form .hbspt-form input[type="tel"]:active,
html body .panel-form .hbspt-form input[type="tel"]:hover,
html body .panel-form .hbspt-form textarea:focus,
html body .panel-form .hbspt-form textarea:active,
html body .panel-form .hbspt-form textarea:hover,
html body form input[type="email"]:focus,
html body form input[type="email"]:active,
html body form input[type="email"]:hover,
html body form input[type="number"]:focus,
html body form input[type="number"]:active,
html body form input[type="number"]:hover,
html body form input[type="password"]:focus,
html body form input[type="password"]:active,
html body form input[type="password"]:hover,
html body form input[type="text"]:focus,
html body form input[type="text"]:active,
html body form input[type="text"]:hover,
html body form input[type="tel"]:focus,
html body form input[type="tel"]:active,
html body form input[type="tel"]:hover,
html body form textarea:focus,
html body form textarea:active,
html body form textarea:hover {
outline: none;
}
html body .hbspt-form input[type="submit"],
html body .panel-form .hbspt-form input[type="submit"],
html body form input[type="submit"] {
color: #ffffff;
background-color: #022A5A;
text-transform: uppercase;
}
html body .hbspt-form input[type="submit"]:hover,
html body .panel-form .hbspt-form input[type="submit"]:hover,
html body form input[type="submit"]:hover {
background-color: rgba(2, 42, 90, 0.8);
border-color: transparent;
}
html body .hbspt-form label,
html body .panel-form .hbspt-form label,
html body form label {
color: #0B131E;
display: inline-block;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.8rem;
outline: none;
}
html body .hbspt-form ul.inputs-list,
html body .panel-form .hbspt-form ul.inputs-list,
html body form ul.inputs-list {
padding: 0.5rem 0 0 0;
list-style: none;
margin: 0;
}
html body .hbspt-form ul.inputs-list label.hs-error-msg,
html body .panel-form .hbspt-form ul.inputs-list label.hs-error-msg,
html body form ul.inputs-list label.hs-error-msg {
padding-right: 0.5rem;
}
html body .hbspt-form ul.inputs-list.hs-error-msgs li::marker,
html body .hbspt-form ul.inputs-list.hs-error-msgs label,
html body .panel-form .hbspt-form ul.inputs-list.hs-error-msgs li::marker,
html body .panel-form .hbspt-form ul.inputs-list.hs-error-msgs label,
html body form ul.inputs-list.hs-error-msgs li::marker,
html body form ul.inputs-list.hs-error-msgs label {
color: #022A5A;
font-size: 1.3rem;
font-weight: normal;
}
html body .hbspt-form ul.inputs-list label,
html body .panel-form .hbspt-form ul.inputs-list label,
html body form ul.inputs-list label {
margin-bottom: 0;
}
html body .hbspt-form ul.inputs-list label p,
html body .panel-form .hbspt-form ul.inputs-list label p,
html body form ul.inputs-list label p {
font-weight: normal;
font-size: 1.4rem;
}
html body .hbspt-form ul.inputs-list input[type="checkbox"],
html body .panel-form .hbspt-form ul.inputs-list input[type="checkbox"],
html body form ul.inputs-list input[type="checkbox"] {
margin-top: 0.5rem;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
html body .wp-block-button__link:hover {
text-decoration: none;
}
html body form input[type="submit"],
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn,
html body.single-tribe_events .sidebar .tribe-common-c-btn,
html body .wp-block-button__link,
html body .btn {
color: #ffffff;
background-color: #022A5A;
font-size: 1.4rem;
font-weight: 600;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 16px 24px;
text-shadow: none;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.3s;
transition: all 0.3s;
line-height: 2rem;
}
html body form input[type="submit"]:focus, html body form input[type="submit"]:active, html body form input[type="submit"]:hover,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn:focus,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn:active,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn:hover,
html body.single-tribe_events .sidebar .tribe-common-c-btn:focus,
html body.single-tribe_events .sidebar .tribe-common-c-btn:active,
html body.single-tribe_events .sidebar .tribe-common-c-btn:hover,
html body .wp-block-button__link:focus,
html body .wp-block-button__link:active,
html body .wp-block-button__link:hover,
html body .btn:focus,
html body .btn:active,
html body .btn:hover {
color: #ffffff;
background-color: #011936;
}
html body form input[type="submit"].cta-outlined,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.cta-outlined,
html body.single-tribe_events .sidebar .tribe-common-c-btn.cta-outlined,
html body .wp-block-button__link.cta-outlined,
html body .btn.cta-outlined {
color: #ffffff;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #ffffff;
border-radius: 0.4rem;
padding: 1.67rem 1.83rem;
}
html body form input[type="submit"].cta-outlined:focus, html body form input[type="submit"].cta-outlined:active, html body form input[type="submit"].cta-outlined:hover,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.cta-outlined:focus,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.cta-outlined:active,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.cta-outlined:hover,
html body.single-tribe_events .sidebar .tribe-common-c-btn.cta-outlined:focus,
html body.single-tribe_events .sidebar .tribe-common-c-btn.cta-outlined:active,
html body.single-tribe_events .sidebar .tribe-common-c-btn.cta-outlined:hover,
html body .wp-block-button__link.cta-outlined:focus,
html body .wp-block-button__link.cta-outlined:active,
html body .wp-block-button__link.cta-outlined:hover,
html body .btn.cta-outlined:focus,
html body .btn.cta-outlined:active,
html body .btn.cta-outlined:hover {
color: #ffffff;
background-color: #022A5A;
text-decoration: none;
}
html body form input[type="submit"].link-btn,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.link-btn,
html body.single-tribe_events .sidebar .tribe-common-c-btn.link-btn,
html body .wp-block-button__link.link-btn,
html body .btn.link-btn {
border-radius: 0;
color: #0B131E;
padding: 0;
background-color: transparent;
text-decoration: underline;
}
html body form input[type="submit"].link-btn:hover,
html body.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-c-btn.link-btn:hover,
html body.single-tribe_events .sidebar .tribe-common-c-btn.link-btn:hover,
html body .wp-block-button__link.link-btn:hover,
html body .btn.link-btn:hover {
text-decoration: none;
}
html body .alignright {
float: right;
margin-left: 1rem;
margin-bottom: 1rem;
}
html body .alignleft {
float: left;
margin-right: 1rem;
margin-bottom: 1rem;
}
html body .site-logo {
display: block;
max-width: 31.6rem;
}
.elementor-kit-5 input[type="submit"] {
border-radius: 4px !important;
}
.single-tribe_events li.events-nav {
border-bottom: 4px solid #022a5a;
display: inline;
max-width: 100%;
padding: 0;
}
li.projects-nav {
border-bottom: 4px solid #022a5a;
max-width: 100%;
padding: 0;
}
.single-post .site-navigation li.resources-nav,
.blog .site-navigation li.resources-nav,
.single-project .site-navigation li.resources-nav,
.post-type-archive-project .site-navigation li.resources-nav {
border-bottom: 4px solid #022a5a;
}
.single-post .site-navigation li.blog-nav,
.blog .site-navigation li.blog-nav {
border-bottom: 4px solid #022a5a;
max-width: 100%;
padding: 0;
margin: 0;
}
.single-post .site-navigation li.blog-nav a,
.blog .site-navigation li.blog-nav a {
text-decoration: none;
width: 100%;
display: block;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-navigation ul.sub-menu li a {
text-decoration: none;
width: 100%;
display: block;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.single-project .site-navigation li.projects-nav,
.post-type-archive-project .site-navigation li.projects-nav {
border-bottom: 4px solid #022a5a;
max-width: 100%;
padding: 0;
margin: 0;
}
.single-project .site-navigation li.projects-nav a,
.post-type-archive-project .site-navigation li.projects-nav a {
text-decoration: none;
width: 100%;
display: block;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-header {
position: absolute;
margin-top: 4.8rem;
width: 100%;
z-index: 99;
left: 0;
}
.site-header .container {
max-width: 1300px;
}
.site-header.fixed {
position: fixed;
margin-top: 0;
}
.site-header.fixed .header-inner {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.site-header.fixed .header-outer {
background: #ffffff;
border-bottom: 1px solid #f2f2f2;
-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
}
.site-header.fixed .header-inner {
padding: 1.4rem 3.5rem;
}
.site-header.fixed .header-inner.container {
max-width: 1440px;
}
.site-header .header-outer {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.site-header .header-inner {
background: #ffffff;
border: 1px solid #f2f2f2;
-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
border-radius: 8px;
padding: 1.6rem 2.4rem;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.site-navigation {
padding: 0;
list-style: none;
margin: 0;
}
.site-navigation li {
margin: 0 0.4rem;
border-bottom: 4px solid transparent;
position: relative;
}
.site-navigation li a {
color: rgba(11, 19, 30, 0.6);
text-decoration: none;
padding: 0.8rem;
display: inline-block;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-navigation li a:hover {
color: #022A5A;
}
.site-navigation li.current_page_item, .site-navigation li.current-menu-parent {
border-bottom: 4px solid #022A5A;
}
.site-navigation li.current_page_item a, .site-navigation li.current-menu-parent a {
color: #022A5A;
}
.site-navigation li:hover ul.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.site-navigation li ul.sub-menu {
position: absolute;
background: #ffffff;
min-width: 30rem;
display: block;
list-style: none;
width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, -1.6rem);
transform: translate(0, -1.6rem);
top: 110%;
border-top: 0.8rem transparent solid;
}
.site-navigation li ul.sub-menu li {
width: 100%;
margin: 0;
}
.site-navigation li ul.sub-menu li a {
padding: 1.2rem 1.7rem;
width: 100%;
}
.site-footer {
position: relative;
}
.site-footer .container {
position: relative;
border-top: 1px solid #d7dfea;
}
.site-footer .footer-body .copyrights {
color: #869ec1;
font-size: 1.2rem;
}
.site-footer .footer-body .widget {
margin: 0;
}
.site-footer .footer-body .widget h4 {
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #022a5a;
margin-bottom: 1.6rem;
}
.site-footer .footer-body .widget ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-footer .footer-body .widget ul li {
margin-bottom: 0.5rem;
}
.site-footer .footer-body .widget ul li a {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #0b131e;
opacity: 0.75;
text-decoration: none;
}
.site-footer .footer-body .widget ul li a:hover {
opacity: 1;
}
.site-footer .--bottom-content {
max-width: 58.7rem;
}
.site-footer .--bottom-content p {
font-size: 1.2rem;
line-height: 20px;
color: rgba(11, 19, 30, 0.75);
}
.site-footer .footer-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.site-footer .footer-logos figure {
margin: 0;
}
.site-hero {
color: #ffffff;
}
.site-hero .container {
border-radius: 1.6rem;
max-width: 1375px;
overflow: hidden;
padding: 0;
}
.site-hero .--bg {
background-size: cover;
}
.site-hero .--caption {
background: -webkit-gradient(linear, left top, left bottom, color-stop(3.68%, rgba(11, 19, 30, 0)), color-stop(110.31%, #0b131e));
background: linear-gradient(180deg, rgba(11, 19, 30, 0) 3.68%, #0b131e 110.31%);
padding: 5rem 4rem 4rem 4rem;
width: 100%;
position: absolute;
bottom: 0;
}
.site-hero .--caption a.btn:focus, .site-hero .--caption a.btn:active, .site-hero .--caption a.btn:hover {
color: #022A5A;
background-color: #ffffff;
border: 1px solid #ffffff;
}
.site-hero .--caption .group-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-hero h1 {
color: #ffffff;
text-transform: uppercase;
margin-bottom: 2.4rem;
letter-spacing: -0.02em;
line-height: 4rem;
}
.site-hero p {
font-size: 2rem;
line-height: 2.8rem;
margin-bottom: 2.6rem;
}
.site-hero .btn {
margin-top: 2.4rem;
}
.site-hero .--inner {
max-width: 72rem;
}
#slider-home .carousel-control-next,
#slider-home .carousel-control-prev {
position: unset;
top: 0;
bottom: 0;
border: 0;
opacity: 1;
width: 100%;
}
#slider-home .carousel-item {
z-index: -1;
height: 67.7rem;
}
#slider-home .carousel-item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#slider-home .carousel-item .carousel-caption {
position: absolute;
right: 12rem;
bottom: 2rem;
left: unset;
padding: 0;
text-align: left;
}
#slider-home .carousel-item .carousel-caption p {
margin: 0;
font-weight: 500;
font-size: 1.2rem;
line-height: 2rem;
opacity: 0.75;
color: #ffffff;
}
#slider-home .slider-nav {
position: absolute;
bottom: 1.3rem;
right: 1.6rem;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.2rem;
}
.home .site-hero .min-450 {
position: relative;
margin: 0;
}
.home .site-hero .min-450::before {
content: "";
background: #0B131E;
-webkit-filter: blur(242px);
filter: blur(242px);
position: absolute;
left: -30%;
bottom: -20%;
-webkit-transform: translate(20%, 20%);
transform: translate(20%, 20%);
height: 60rem;
width: 60rem;
}
.home .site-hero .--caption {
background: transparent;
position: absolute;
}
.home .site-hero .--caption .--inner .bottom-content {
position: absolute;
right: 12rem;
bottom: 2rem;
}
.home .site-hero .--caption .--inner .bottom-content p {
margin: 0;
font-weight: 500;
font-size: 1.2rem;
line-height: 2rem;
color: #ffffff;
opacity: 0.75;
}
.fluid-boxes {
margin: 0 -3.2rem;
position: relative;
}
.fluid-boxes .elementor-column {
min-height: 32rem;
}
.fluid-boxes .elementor-column h4 {
max-width: 30rem;
}
.fluid-boxes:before {
content: "";
background-image: url(//torontonajc.ca/wp-content/themes/najc/assets/images/sectionLogo.svg);
background-size: contain;
position: absolute;
top: -38rem;
right: -6.5rem;
width: 70rem;
height: 60rem;
background-repeat: no-repeat;
z-index: -2;
}
.home .post-card h4 {
color: #0B131E;
font-size: 1.6rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.home .post-card .elementor-kit-5 h4 {
font-size: 1.6rem;
}
.post-card {
background: #ffffff;
border: 1px solid rgba(42, 74, 121, 0.08);
border-radius: 4px;
min-height: 38rem;
max-width: 31rem;
padding: 1.2rem 1.2rem 2rem 1.2rem;
position: relative;
margin-bottom: 2rem;
}
.post-card:hover {
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
}
.post-card:hover figure img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.post-card figure {
border-radius: 2px;
overflow: hidden;
}
.post-card figure img {
-webkit-transition: all 1s;
transition: all 1s;
width: 100%;
}
.post-card h4 {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
padding: 0 0.8rem;
font-weight: 600 !important;
line-height: 2.4rem;
}
.post-card p {
font-size: 1.4rem;
color: rgba(11, 19, 30, 0.8);
line-height: 20px;
margin: 0;
opacity: 0.75;
padding: 0 0.8rem;
}
.post-card a {
text-decoration: none;
}
.post-card .--meta {
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: rgba(11, 19, 30, 0.8);
position: absolute;
bottom: 2rem;
left: 1.2rem;
}
.post-card .--meta img {
margin-right: 9px;
position: relative;
top: -1px;
}
.home .post-card figure img {
-webkit-transition: all 1s;
transition: all 1s;
width: 100%;
height: 15.2rem;
-o-object-fit: cover;
object-fit: cover;
}
a.pull-end {
padding: 16px 24px;
}
.latest-projects-header {
margin-bottom: 4rem;
}
.latest-projects-header .elementor-widget-wrap {
padding: 4px !important;
}
.latest-projects-header .elementor-widget-button .elementor-button {
color: #2a4a79;
padding: 8px 16px;
border: 1px solid rgba(42, 74, 121, 0.5);
background-color: transparent;
border-radius: 4px;
text-shadow: none;
font-weight: 500;
font-size: 1.4rem;
}
.latest-projects-header .elementor-widget-button .elementor-button:hover {
color: #ffffff;
}
.event-list {
position: relative;
background: #ffffff;
border: 1px solid rgba(42, 74, 121, 0.1);
border-radius: 4px;
padding: 1.2rem 5rem 1.2rem 1.2rem;
margin-bottom: 2rem;
overflow: hidden;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.event-list:hover {
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.event-list .--link {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.event-list .--date {
border: 1px solid rgba(42, 74, 121, 0.1);
border-radius: 4px;
text-align: center;
text-transform: uppercase;
min-width: 8rem;
overflow: hidden;
margin-right: 2.4rem;
}
.event-list .--date .p {
color: #ffffff;
background: #e15554;
margin: 0;
padding: 0.5rem 0.5rem;
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.event-list .--date .h1 {
color: #022a5a;
margin: 5px 0;
}
.event-list .--arrow {
position: absolute;
top: 50%;
right: 2rem;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.3;
}
.event-list:hover .--arrow {
opacity: 1;
}
.event-list .--event p {
font-weight: 400;
font-size: 12px;
line-height: 12px;
margin: 0.7rem 0;
}
.event-list .--event p img {
margin-right: 0.7rem;
}
.event-list .--event h4 {
margin-bottom: 1.2rem;
font-weight: 600;
color: #0b131e;
line-height: 2.4rem;
}
.projects {
max-width: 1440px;
margin: 0 auto;
}
.projects h2 {
font-size: 2.8rem !important;
line-height: 3.6rem;
}
.projects .--circle-style {
background: #fffbec;
border-radius: 100rem;
position: absolute;
left: -14%;
top: 0%;
height: 60rem;
width: 60rem;
z-index: -1;
}
.latest-news .heading-row h3 {
font-size: 2.8rem;
margin: 0;
line-height: 3.6rem;
}
.heading-row .btn.cta-outlined {
color: #022A5A;
border: 1px solid rgba(42, 74, 121, 0.5);
padding: 8px 16px;
font-weight: 400;
}
.heading-row h3 {
text-transform: uppercase;
}
.artile-overlay-card {
background-size: cover;
background-position: center center;
border-radius: 4px;
min-height: 42rem;
position: relative;
overflow: hidden;
}
.artile-overlay-card .--content {
color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 19, 30, 0)), color-stop(133.89%, #0b131e));
background: linear-gradient(180deg, rgba(11, 19, 30, 0) 0%, #0b131e 133.89%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: 0;
top: 0;
height: 100%;
position: absolute;
padding: 2.4rem;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
}
.artile-overlay-card .--content:hover {
background-color: rgba(11, 19, 30, 0.5);
}
.artile-overlay-card .--content:hover h4,
.artile-overlay-card .--content:hover .--meta {
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px);
}
.artile-overlay-card .--content h4 {
color: #ffffff;
font-weight: 600;
font-size: 20px;
line-height: 26px;
max-width: 90%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.artile-overlay-card .--content a {
color: #ffffff;
text-decoration: none;
}
.artile-overlay-card .--content a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.artile-overlay-card .--content .--meta {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.artile-overlay-card .--content .--meta span {
color: #ffffff;
font-weight: 600;
font-size: 12px;
line-height: 12px;
}
.artile-overlay-card .--content .--meta span img {
height: 1.2rem;
position: relative;
top: -1px;
margin-right: 7px;
width: 1.2rem;
}
.newsletter-box .--content {
background-image: url(//torontonajc.ca/wp-content/themes/najc/assets/images/bg.svg);
background-size: cover;
border-radius: 16px;
padding: 2.4rem;
overflow: hidden;
}
.newsletter-box .--content .--inner {
color: #ffffff;
border-radius: 8px;
background: rgba(11, 19, 30, 0.3);
text-align: center;
padding: 3.4rem 0;
}
.newsletter-box .--content .--inner h3 {
color: #ffffff;
text-transform: uppercase;
margin-bottom: 1.6rem;
font-size: 2.8rem;
}
.newsletter-box .--content .--inner p {
font-weight: 400;
font-size: 20px;
line-height: 28px;
max-width: 65rem;
margin: auto;
opacity: 0.9;
}
.newsletter-box .gform_heading {
display: none;
}
.newsletter-box .gform_wrapper.gravity-theme .gform_validation_errors > ol {
display: none !important;
}
.newsletter-box div#gform_wrapper_2 {
max-width: 62rem;
margin: auto;
margin-top: 5rem;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 .gform-body {
width: 100%;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 input#input_2_1 {
border-radius: 4px;
margin: 0;
padding: 1.32rem 2.4rem;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 input[type="submit"] {
color: #022A5A;
font-size: 14px;
margin: 0;
margin-left: 1.6rem;
background-color: #ffffff;
border: unset;
padding: 1.6rem 2.1rem;
text-shadow: unset;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 input[type="submit"]:hover {
color: #ffffff;
background-color: #022A5A;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 .gform_footer.top_label {
margin: 0;
padding: 0;
margin-top: 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 div#field_2_1 {
margin: 0;
}
.newsletter-box .emaillist {
max-width: 62rem;
margin: auto;
margin-top: 5rem;
}
.newsletter-box .emaillist .gjs-row {
margin: 0;
}
.newsletter-box .emaillist .gjs-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.newsletter-box .emaillist .gjs-cell input[type="submit"] {
color: #022A5A;
font-size: 14px;
margin-left: 1.6rem;
background-color: #ffffff;
border: unset;
}
.newsletter-box .emaillist .gjs-cell input[type="submit"]:hover {
color: #ffffff;
background-color: #022A5A;
}
.newsletter-box .emaillist .gjs-cell input {
border-radius: 4px;
margin: 0;
padding: 1.6rem 2.4rem;
}
.default-content {
min-height: calc(100vh - 25rem);
}
.default-content .bg-overlay {
background: rgba(255, 255, 255, 0.6);
border-radius: 16px;
}
.default-content .bg-overlay.--content {
padding: 4rem;
}
.default-content .bg-overlay.--content h1 {
text-transform: uppercase;
font-size: 2.8rem;
z-index: 1;
position: relative;
}
.default-content .bg-overlay.--content p {
position: relative;
z-index: 1;
}
.default-content .bg-overlay.--content a {
text-decoration: none;
}
.default-content .bg-logo {
right: -3.2rem;
top: -3rem;
max-width: 100%;
overflow: hidden;
}
.default-content .bg-logo img {
position: relative;
right: -7.5rem;
max-height: 76rem;
}
.default-content .elementor-button-icon svg {
max-width: 4rem;
width: auto;
}
.default-content #icon-btn-inside .elementor-button-link {
overflow: hidden;
}
.default-content #icon-btn-inside .elementor-button-link svg {
float: left;
}
body .gform_wrapper form .gform_body .gfield {
margin-bottom: 0.4rem;
}
body .gform_wrapper form .gform_body .gfield label {
font-weight: 600;
font-size: 1.4rem;
}
body .gform_wrapper form .gform_body .gfield label .gfield_required {
color: #0B131E;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
font-size: 1.4rem;
text-transform: lowercase;
}
body .gform_wrapper form .gform_body .gfield input,
body .gform_wrapper form .gform_body .gfield textarea {
border: 1px solid rgba(11, 19, 30, 0.45);
border-radius: 4px;
padding: 0.97rem 1.6rem;
}
body .gform_wrapper form .gform_body .gfield textarea {
height: 16rem;
}
body .wpforms-field-container legend.wpforms-field-label,
body .wpforms-field-container label {
color: #0b131e !important;
display: inline-block !important;
font-size: 1.6rem !important;
font-weight: 500 !important;
line-height: 1.8rem !important;
outline: none !important;
}
body .wpforms-field-container input[type="text"],
body .wpforms-field-container textarea {
border: 1px solid rgba(11, 19, 30, 0.45);
border-radius: 4px !important;
padding: 0.97rem 1.6rem !important;
}
body .wpforms-submit {
background-color: #022a5a !important;
font-size: 1.4rem !important;
font-weight: 600 !important;
}
#contact-info .elementor-widget .elementor-icon-list-icon svg {
width: auto;
height: auto;
}
#contact-info .elementor-icon-list-items li {
margin-bottom: 0.8rem;
}
.contactdetail ul.elementor-icon-list-items li.elementor-icon-list-item:last-child a span.elementor-icon-list-text {
font-weight: 600;
color: #355d97 !important;
}
.resource-card .icon-circle {
left: 50% !important;
right: auto !important;
-webkit-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
width: auto !important;
}
.resource-card .icon-circle > .elementor-widget-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 12rem;
width: 12rem;
}
.resource-card:hover .elementor-button-link {
background-color: #022A5A !important;
color: #ffffff !important;
}
.resource-card:hover .icon-circle .elementor-widget-container {
-webkit-box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.08);
}
html body.page-id-33 .site-wrap {
padding: 3.2rem 3.2rem 0;
}
.page-id-33 .default-content .bg-overlay.--content {
padding: 4rem 4rem 0;
}
.team-detail .--radius {
position: relative;
z-index: 1;
}
.team-detail .--radius img {
border-radius: 20rem;
overflow: hidden;
}
.team-detail .--linkedin {
color: #355d97;
font-weight: 500;
display: inline-block;
font-size: 16px;
line-height: 16px;
text-decoration: none;
z-index: 1;
position: relative;
}
.team-detail .--linkedin span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.single-team .default-content .bg-overlay.--content {
padding: 0 4rem 4rem;
}
.inner-main-hero .minh-500 {
min-height: 52rem;
}
.inner-main-hero .--caption {
-webkit-transition: all 1s;
transition: all 1s;
}
.inner-main-hero .--caption .--inner {
max-width: 100rem;
}
.inner-main-hero .--caption .--inner h1 {
text-transform: none;
margin-bottom: 2.2rem;
}
.inner-main-hero .--caption .--inner p {
font-size: 16px;
color: #ffffff;
opacity: 0.95;
}
.inner-main-hero .--caption .--inner .--link {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.inner-main-hero .--caption .--meta {
line-height: 1.2rem;
}
.inner-main-hero .--caption .--meta.mt-50 {
margin-top: 0;
}
.inner-main-hero .--caption .--meta > span {
font-weight: 500;
font-size: 1.4rem;
margin-right: 2.5rem;
color: rgba(255, 255, 255, 0.95);
}
.inner-main-hero .--caption .--meta > span > img {
margin-right: 0.8rem;
}
.inner-main-hero .--caption .--meta .--tags {
display: none;
}
.inner-main-hero .--caption .--meta .--tags span {
margin-right: 3px;
}
.inner-main-hero .--caption .--meta .--tags span:last-child {
display: none;
}
.blog .inner-main-hero .--caption .--inner p {
color: #ffffff;
opacity: 0.95;
}
.posts-listing h3 {
font-weight: 600 !important;
}
.posts-listing h2.text-uppercase {
line-height: 3.6rem;
}
.posts-listing .article-post .--thumbnail {
border-radius: 4px;
overflow: hidden;
}
.posts-listing .article-post .--thumbnail img {
-webkit-transition: all 1s;
transition: all 1s;
width: 100%;
}
.posts-listing .article-post .--thumbnail:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.posts-listing .article-post .--content {
padding-left: 4rem;
}
.posts-listing .article-post .--content h4 {
font-size: 2rem;
margin-bottom: 1.2rem;
margin-top: 1.6rem;
color: #0B131E;
font-weight: 600;
}
.posts-listing .article-post .--content a {
text-decoration: none;
}
.posts-listing .article-post .--content a:hover {
color: rgba(11, 19, 30, 0.8);
}
.posts-listing .article-post .--content p {
color: rgba(11, 19, 30, 0.8);
margin: 0;
}
.posts-listing .article-post .--meta {
line-height: 1.2rem;
}
.posts-listing .article-post .--meta > span {
font-weight: 500;
font-size: 12px;
line-height: 12px;
margin-right: 2.5rem;
}
.posts-listing .article-post .--meta > span > img {
margin-right: 0.8rem;
margin-bottom: 0.2rem;
}
.posts-listing .article-post .--meta .--tags {
display: none;
color: #022a5a;
font-weight: 500;
text-transform: capitalize;
}
.posts-listing .article-post .--meta .--tags span {
margin-right: 3px;
}
.posts-listing .article-post .--meta .--tags span:last-child {
display: none;
}
.posts-listing .article-post .--more a {
color: #022a5a;
font-weight: 600;
font-size: 14px;
line-height: 28px;
}
.search-box form.search-form {
background: #ffffff;
border: 1px solid rgba(11, 19, 30, 0.45);
border-radius: 4px;
display: inline-block;
padding: 0.8rem 1.2rem;
position: relative;
text-align: left;
width: 100%;
max-width: 40rem;
}
.search-box form.search-form::before {
content: url(//torontonajc.ca/wp-content/themes/najc/assets/images/search.svg);
margin-right: 0.8rem;
position: relative;
top: 3px;
}
.search-box form.search-form .search-submit {
display: none;
}
.search-box form.search-form .search-field {
border: none;
padding: 0;
margin: 0;
outline: none;
}
.single-post .posts-listing p {
margin-bottom: 2.5rem;
}
.sidebar {
max-width: 31rem;
}
.sidebar h4 {
color: #5d7dac;
border-bottom: 1px solid #d7dfea;
text-transform: uppercase;
padding-bottom: 0.8rem;
margin-bottom: 2rem;
font-weight: 600;
}
.sidebar ul {
padding: 0;
list-style: none;
margin: 0;
}
.sidebar ul li a {
text-decoration: none;
color: #022A5A;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.sidebar .--posts li {
margin-bottom: 1.6rem;
}
.sidebar .--posts li a:hover {
text-decoration: underline;
color: #355D97;
}
.sidebar .wp-block-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sidebar .wp-block-categories li {
margin-right: 0.8rem;
margin-bottom: 1.2rem;
border: 1px solid rgba(42, 74, 121, 0.1);
border-radius: 8px;
padding: 0.4rem 0.8rem;
}
.sidebar .wp-block-categories li:hover {
background: rgba(2, 42, 90, 0.1);
}
.sidebar .wp-block-categories li a:hover {
text-decoration: none;
}
.--minus-20 {
margin-left: -2rem;
}
.event-box {
padding: 1.2rem 1.2rem 0;
max-width: 32.5rem;
}
.event-box .tribe-events-event-image {
margin-bottom: 1.6rem;
}
.event-box .tribe-events-event-image img {
border-radius: 2px;
width: 100%;
}
.event-box .--event h4 {
margin-bottom: 1.6rem;
padding: 0 1.2rem;
font-weight: 600;
}
.event-box .--event p {
margin: 1rem 0 0 0;
display: inline-block;
width: 100%;
}
#tribe-events-pg-template {
max-width: unset !important;
padding: unset !important;
background: transparent;
margin: 0;
}
.site-wrap {
overflow: hidden;
}
.site-wrap main #tribe-events-pg-template {
max-width: unset !important;
padding: unset !important;
background: transparent;
margin: 0;
}
.event-sidebar {
background-color: #F7F9FD;
padding: 2.4rem;
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
}
.event-sidebar h3 {
font-weight: 600;
}
.event-sidebar p img {
width: 1.6rem;
height: 1.6rem;
}
.event-sidebar .event-content {
gap: 0.5rem;
margin-bottom: 3.2rem;
}
.event-sidebar .event-content img {
width: 1.6rem;
height: 1.6rem;
margin-top: 0.5rem;
}
.event-sidebar .event-content a {
font-weight: 600;
text-decoration: none;
}
.event-sidebar .btn {
width: 100%;
}
.search-section form {
text-align: left;
}
.search-section form label {
width: 50%;
}
.search-section form label input {
width: 100%;
border: 1px solid rgba(11, 19, 30, 0.45);
border-radius: 4px;
padding: 0.97rem 1.6rem;
margin-bottom: 2rem;
}
.search-section form .search-submit {
width: 50%;
}
.search-section header.page-header {
margin-bottom: 5rem;
}
.search-section article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
margin-bottom: 5rem;
}
.widget-area ul {
padding: 0;
margin: 0;
list-style: none;
}
.error {
padding: 20rem 0 10rem;
}
.error img {
max-width: 20rem;
}
.misha_loadmore {
display: inline-block;
margin: auto;
margin-top: 5rem;
}
.lightboxcontainer {
width: 100%;
text-align: left;
}
.lightboxleft {
width: 40%;
float: left;
}
.lightboxright {
width: 60%;
float: left;
}
.lightboxright iframe {
min-height: 390px;
}
.divtext {
margin: 36px;
}
div#html5lightbox-watermark {
display: none !important;
}
.tribe-events-notices {
display: none;
}
.tribe-events-venue-map {
width: 100% !important;
}
.tribe-events-venue-map > iframe {
max-height: 424px !important;
}
.latest_news_card {
margin-bottom: 2rem;
}
.upcoming_events h4 {
font-weight: 600;
font-size: 1.6rem;
z-index: 1;
position: relative;
}
.upcoming_events h4.text-uppercase {
font-size: 1.6rem;
}
.upcoming_events.mb-100 {
margin-bottom: 8rem;
}
.past_events h4 {
font-weight: 600;
font-size: 1.6rem;
}
.tribe-events-meta-group.tribe-events-meta-group-gmap {
border-top: unset;
width: 100%;
}
.gallery {
grid-gap: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: unset;
}
.gallery .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 23%;
flex: 0 0 23%;
}
.gallery a img {
border-radius: 0.4rem;
}
.gallery a .video-box {
height: 100%;
background: #000;
border-radius: 0.4rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery a .video-box::before {
content: "";
background-image: url(//torontonajc.ca/wp-content/uploads/2023/03/playicon.svg);
position: absolute;
width: 5rem;
height: 5rem;
left: 50%;
display: block;
top: 50%;
background-repeat: no-repeat;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tribe-events-venue-map > iframe {
max-height: 380px !important;
}
.importanlinks a.elementor-button-link:hover svg path {
fill: #ffffff;
}
.home .latest-news .artile-overlay-card .--content h4 {
line-height: 2.4rem;
}
.single-team .default-content .bg-overlay.--content h1 {
text-transform: capitalize;
font-size: 2.8rem;
z-index: 1;
position: relative;
line-height: 3.6rem;
color: #0b131e;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
color: #c02b0a;
font-size: 13.2px !important;
font-weight: 500;
line-height: 17.6px;
margin: 0 0 12px;
}
html body.page-id-30 .site-wrap {
padding: 3.2rem 3.2rem 1rem;
}
.tribe-events-pg-template .inner-main-hero .--caption .--inner h1.tribe-events-single-event-title {
font-size: 3.6rem;
}
.tribe-events-pg-template .tribe_event_content div {
margin: 0 !important;
font-size: inherit !important;
color: inherit !important;
list-style: inherit !important;
font-weight: inherit !important;
}
.tribe-events-pg-template .tribe_event_content p {
margin-bottom: 1.6rem;
}
.single-tribe_events .sidebar {
max-width: 40rem;
}
.single-tribe_events .sidebar .tribe-tickets__rsvp {
display: block;
padding: 1.6rem;
}
.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-g-col {
width: 100%;
}
.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-g-col h3 {
font-size: 1.8rem;
}
.single-tribe_events .sidebar .tribe-tickets__rsvp p,
.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-common-h7,
.single-tribe_events .sidebar .tribe-tickets__rsvp span.tribe-common-h4 {
font-size: 1.6rem;
}
.single-tribe_events .sidebar .tribe-tickets__rsvp .tribe-tickets__rsvp-attendance {
text-align: center;
}
@media (max-width: 800px) {
.lightboxleft {
width: 100%;
}
.lightboxright {
width: 100%;
}
.divtext {
margin: 12px;
}
}
.nav-links {
margin-top: 7rem;
}
.nav-links a {
color: #ffffff;
background-color: #022a5a;
font-size: 1.4rem;
font-weight: 600;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 16px 24px;
text-shadow: none;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.3s;
transition: all 0.3s;
line-height: 2rem;
}
.nav-links a:hover {
color: #ffffff;
background-color: #011936;
}
#search-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999;
background-color: rgba(11, 19, 30, 0.9);
padding: 20px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100vw;
height: 100vh;
}
#search-popup form {
margin: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 62rem;
width: 100%;
}
#search-popup form input[type="text"] {
padding: 1.6rem 2rem 1.6rem 5.2rem;
margin: 0;
border-radius: 0.4rem 0rem 0rem 0.4rem;
}
#search-popup form input[type="submit"] {
border-radius: 0px 0.4rem 0.4rem 0px;
font-weight: 700;
font-size: 1.6rem;
line-height: 2.4rem;
padding: 1.6rem 3.7rem;
border: unset;
color: #ffffff;
}
#search-popup form div#close-form {
position: absolute;
right: 0;
top: -4rem;
cursor: pointer;
}
#search-popup form div#close-form img.close-img {
-webkit-filter: invert(402%) sepia(593%) saturate(1572%) hue-rotate(537deg) brightness(119%) contrast(119%);
filter: invert(402%) sepia(593%) saturate(1572%) hue-rotate(537deg) brightness(119%) contrast(119%);
}
#search-popup form .--search {
position: absolute;
left: 2rem;
top: 2rem;
max-width: 1.6rem;
}
html body .pum.pum-overlay {
background-color: rgba(11, 19, 30, 0.9) !important;
}
html body .pum-container.popmake {
background-color: white;
background-image: url(//torontonajc.ca/wp-content/themes/najc/assets/images/popupbg.svg);
background-size: cover;
min-width: inherit !important;
max-width: 700px !important;
width: 100% !important;
margin: 0 auto !important;
padding: 40px;
border-radius: 8px;
border: none;
}
html body .pum-container.popmake > h3 {
font-size: 2.8rem;
font-style: normal;
margin: 0;
}
html body .pum-container.popmake h2.gform_title {
display: none;
}
html body .pum-container.popmake input[type="text"],
html body .pum-container.popmake input[type="email"] {
border-radius: 4px;
border: 1px solid #365d97;
background: #fff;
padding: 1.45rem 1.6rem;
}
html body .pum-container.popmake .gform_footer.top_label {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
}
html body .pum-container.popmake .gform_wrapper.gravity-theme .gform_footer input {
margin: 0 !important;
margin-top: 1.6rem !important;
}
html body .pum-container.popmake .gform_heading h2.gform_title {
display: none;
}
html body .pum-container.popmake .gform_wrapper {
margin-top: 5.6rem;
}
html body .pum-container.popmake .gform-body .gfield {
margin-bottom: 0;
}
html body .pum-container.popmake .gform-body .ginput_container input {
border-radius: 0.4rem;
border: 1px solid #022A5A;
background: white;
padding: 1.6rem 2.4rem;
}
html body .pum-container.popmake .gform_footer {
text-align: center;
}
html body .pum-container.popmake .gform_footer input[type="submit"] {
margin: auto;
}
html body .pum-container.popmake button.pum-close.popmake-close {
right: 1.4rem;
top: 1.4rem;
background-color: transparent;
background-image: url(//torontonajc.ca/wp-content/themes/najc/assets/images/cross.svg);
background-position: center;
background-repeat: no-repeat;
-webkit-box-shadow: none;
box-shadow: none;
text-indent: 30rem;
overflow: hidden;
height: 3.2rem;
width: 3.2rem;
}
html body .pum-container.popmake .gform_confirmation_message {
color: #022A5A;
text-align: center;
margin-top: 2rem;
}
html body .pum-container.popmake .gform_validation_errors {
padding: 1.6rem;
}
html body .pum-container.popmake .gform_validation_errors ol {
margin-left: 0;
padding-left: 15px;
}
@media only screen and (min-width: 1200px) {
#site-footer .max-1140 {
max-width: 114rem;
width: 100%;
}
}
@media (min-width: 768px) {
.--cards .elementor-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.--cards .elementor-column.elementor-col-33,
.--cards .elementor-column[data-col="33"] {
width: 27.5%;
}
.newsletter-cards .elementor-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.newsletter-cards .elementor-container .elementor-col-50 {
width: 49% !important;
}
}
@media only screen and (max-width: 991px) {
.site-hero .--caption {
padding: 5rem 4rem 6rem 4rem;
}
.search-show {
list-style: none;
right: 6rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
.search-hide {
display: none;
}
.--minus-20 {
margin-left: 0;
}
.site-footer .footer-body {
padding-left: 3rem;
padding-right: 3rem;
}
.projects .container {
padding: 0;
}
.artile-overlay-card {
min-height: 22rem;
}
.artile-overlay-card .--content h4 {
font-size: 16px;
line-height: 20px;
}
.footer-body.pb-40 {
padding-bottom: 0;
}
.default-content .bg-overlay .--content {
padding: 4rem 4rem 0;
}
.gallery .col {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
.site-navigation {
position: relative;
}
.site-navigation li ul.sub-menu {
min-width: auto;
}
.site-navigation li ul.sub-menu li a {
padding: 0.8rem 1.7rem;
}
.site-navigation.toggled {
display: block;
}
.site-navigation.toggled .main-navigation {
opacity: 1;
min-height: 43rem;
padding: 0 1rem 2rem;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.site-navigation.toggled li ul.sub-menu {
display: none;
}
.site-navigation .main-navigation {
opacity: 0;
height: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
overflow: hidden;
right: 0;
top: 4rem;
background-color: #ffffff;
border: 1px solid #022a5a;
padding: 0;
border-radius: 0.4rem;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.site-navigation .main-navigation a.btn.btn-primary {
width: 100%;
}
.site-navigation .main-navigation .menu-main-menu-container {
width: 100%;
}
.site-navigation .menu-toggle {
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
padding: 1rem;
}
.site-navigation .menu-toggle:hover {
background-color: transparent;
}
.site-navigation .menu-toggle:focus {
background-color: transparent;
}
.site-navigation .main-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site-navigation .main-navigation ul li .arrow {
position: absolute;
right: 1rem;
top: 50%;
cursor: pointer;
padding: 1.5rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.site-navigation .main-navigation ul li .arrow::after {
content: "";
background-image: url(//torontonajc.ca/wp-content/themes/najc/assets/images/arrow_down.svg);
position: absolute;
width: 1.6rem;
height: 1.6rem;
background-repeat: no-repeat;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0rem;
}
.site-navigation .ms-5 {
margin-left: unset !important;
margin-top: 2rem;
}
.site-header .container {
max-width: 700px;
}
.projects .--circle-style {
height: 50rem;
width: 50rem;
}
#slider-home .carousel-item img {
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.site-footer::after {
width: 700px;
top: 5%;
}
}
@media only screen and (max-width: 767px) {
.search-show {
right: 5rem;
top: -4rem;
-webkit-transform: unset;
transform: unset;
}
.default-content.pt-150 {
padding-top: 8rem;
}
.default-content.pt-200 {
padding-top: 8rem;
}
.newsletter-box {
margin-bottom: 5rem;
}
.event-sidebar {
margin-bottom: 3rem;
}
.posts-listing {
padding: 0 3rem;
}
#slider-home .carousel-item .carousel-caption {
left: 1rem;
}
.page-id-33 .default-content .bg-overlay.--content {
padding: 0rem 0rem 0;
}
.single-team .default-content .bg-overlay.--content {
padding: 0;
margin-top: 3rem;
}
.newsletter-box .--content .--inner p {
font-size: 16px;
line-height: 24px;
}
.home .site-hero .min-450::before {
-webkit-filter: blur(242px);
filter: blur(242px);
position: absolute;
left: -30%;
height: 40rem;
width: 30rem;
}
#icon-btn-inside .elementor-button-content-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#scope ul {
margin: 0;
}
.posts-listing h2.text-uppercase {
margin-bottom: 2rem !important;
}
.posts-listing .search-box.text-end {
text-align: left !important;
}
.site-hero .container {
border-radius: 0;
}
.d-sm-none {
display: none;
}
html body h2 {
font-size: 2.4rem !important;
}
html body .site-wrap {
padding: 0;
overflow: hidden;
}
html body.page-template-events .site-wrap {
padding: 3.2rem;
}
html body.blog .site-wrap,
html body .category .site-wrap {
padding: 5rem 0;
}
html body.archive .site-wrap {
padding: 5rem 0;
}
html body.page-template-default .site-wrap {
padding: 3.2rem;
}
html body.team-template-default .site-wrap {
padding: 3.2rem;
}
html body .btn {
font-size: 1.4rem;
line-height: 2rem;
}
html body .btn.cta-outlined {
padding: 0.8rem 1.5rem;
}
.inner-main-hero .--caption .--meta > span {
margin-right: 1.5rem;
}
.posts-listing .article-post .--content {
padding-left: 1rem;
}
.sidebar {
max-width: 100%;
margin-top: 5rem;
}
#slider-home .carousel-inner .carousel-item {
height: 28rem;
}
.site-hero .btn {
margin-top: 1.4rem;
}
.post-card {
max-width: 100%;
}
.home .site-hero.mb-80 {
margin-bottom: 0;
}
.home .site-hero .min-450 {
min-height: 28rem;
margin: 8rem 0 0 0;
}
.home .site-hero .--caption {
padding: 3.2rem 3rem 3.6rem;
position: unset;
}
.home .site-hero .--caption .--inner .bottom-content {
position: unset;
}
.home .site-hero .--caption .--inner .bottom-content p {
color: rgba(11, 19, 30, 0.8);
opacity: 1;
}
.home .site-hero .--caption .--inner h1 {
font-size: 2.4rem;
color: #022A5A;
margin-bottom: 2.4rem;
font-weight: 700;
}
.home .site-hero .--caption .--inner p {
font-weight: 400;
font-size: 1.6rem;
line-height: 2.4rem;
color: rgba(11, 19, 30, 0.8);
}
.home .site-hero .--caption .--inner a.btn.cta-outlined {
color: #022A5A;
background: transparent;
border: 1px solid #022A5A;
padding: 1.55rem 2rem;
}
.home .site-hero .--caption .--inner a.btn.cta-outlined:hover {
background-color: #022A5A;
color: #ffffff;
}
.home .site-hero .--caption .--inner a.btn.cta-primary:hover {
color: #ffffff;
background-color: #011936;
}
.site-header {
margin-top: 0;
}
.site-header a.site-logo img {
max-width: 70%;
}
.site-header .site-navigation .menu-toggle {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
padding: 0;
}
.site-header .site-navigation .main-navigation {
top: 17px;
}
.default-content .bg-overlay.--content {
padding: 0rem;
}
.search-section article {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.projects .--circle-style {
height: 35rem;
width: 35rem;
margin-top: -14rem;
}
.projects .col-md-4,
.projects .col-lg-3 {
padding: 0;
}
.post-card h4 {
font-size: 2rem;
}
form[data-form-id="1"] .es-form-field-container .gjs-cell {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.newsletter-box .emaillist .gjs-cell input[type="submit"] {
margin-left: 0;
}
.fluid-boxes {
margin: 0 0;
}
.projects {
padding: 0 4rem;
}
.events {
margin: 3rem 0 6rem;
}
.latest-news {
padding: 0 3rem;
}
.latest-news.mb-110 {
margin-bottom: 3rem;
}
.latest-news .latest_posts_title {
max-width: 60%;
}
.latest-news .latest_posts_title h3 {
font-size: 2.4rem;
}
.latest-news .latest_posts_link {
max-width: 40%;
}
.latest-news.mb-120 {
margin-bottom: 4rem;
}
.latest_news_card {
margin-bottom: 2rem;
padding: 0;
}
.latest_news_card.mb-110 {
margin-bottom: 3rem;
}
.newsletter-box .--content {
padding: 2.8rem;
}
.newsletter-box .--content {
padding: 0;
}
.newsletter-box .--content .--inner {
padding: 2.8rem;
}
.newsletter-box .--content .--inner h3 {
font-size: 2.4rem;
}
.newsletter-box div#gform_wrapper_2 {
margin-top: 3.2rem;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 input[type="submit"] {
padding: 1.2rem 2.1rem;
}
.site-footer::after {
display: none;
}
.site-footer.pt-50 {
padding-top: 0rem;
}
.site-footer.pb-30 {
padding-bottom: 0;
}
.site-footer .footer-body {
padding-left: 3rem;
padding-right: 3rem;
}
.site-footer .footer-body.pb-40 {
padding-bottom: 2rem;
}
.site-footer .footer-body .row.pt-50 {
padding-top: 0rem;
}
.site-footer .footer-body .widget ul li {
margin-bottom: 0.8rem;
}
.site-footer .footer-body .footer-one .copyrights {
margin-bottom: 5rem;
}
.site-footer .footer-body .footer-two .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-footer .footer-body .footer-two .row .col-md-3 {
max-width: 50%;
margin-bottom: 5.2rem;
}
.event-list .--date {
margin-right: 1.4rem;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 .gform_footer.top_label {
width: 100%;
}
.newsletter-box div#gform_wrapper_2 form#gform_2 input[type="submit"] {
margin-left: 0;
width: 100%;
}
#tribe-events-content .gallery {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#tribe-events-content .gallery .col {
-webkit-box-flex: 5;
-ms-flex: 5 0 30%;
flex: 5 0 30%;
}
.fluid-boxes .elementor-column {
min-height: 20rem;
}
.artile-overlay-card {
min-height: 28rem;
}
.site-header .header-inner {
border-radius: 0;
}
}
@media only screen and (max-width: 400px) {
.elementor-element-17e3ed6
.elementor-section.elementor-section-boxed
> .elementor-container {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.elementor-29
.elementor-element.elementor-element-e720d63
.elementor-heading-title {
font-size: 2.2rem !important;
}
.latest-news {
padding: 0 1rem;
}
.site-hero .--caption .group-button a.btn.cta-outlined.me-3 {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-hero .--caption .group-button a.btn.cta-primary {
width: 50%;
}
.latest-news .latest_posts_title h3 {
font-size: 2.2rem;
}
}