@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700;800&display=swap");
body {
font-family: 'Nunito Sans', sans-serif;
}
header {
transform: translate3d(0%, 0%, -5px);
}
header,
.site-header {
width: 100%;
position: absolute;
}
.row {
display: block;
width: 100%;
}
.ast-container {
max-width: 93%; }
.nav-wrapper {
width: 90% !important;
padding: 1em 0;
} nav a,
.main-header-menu .menu-link, .ast-header-custom-item a,
.main-header-menu a {
font-size: 11px;
font-weight: 800;
color: #FFFFFF;
text-transform: uppercase;
cursor: pointer;
}
a:hover,
nav a:hover {
color: #00A7E1;
}
nav a span,
nav a svg  {
display: inline-block;
}
.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle {
background: transparent;
color: #FFFFFF;
}
.ast-header-break-point .main-header-bar-navigation {
width: 100%;
}
.ast-header-break-point .main-header-menu {
background-color: rgba(0, 0, 0, 0.85);
}
.ast-header-break-point .main-navigation ul .button-custom-menu-item a, .ast-header-break-point .main-navigation ul li a {
border: 0;
padding: 4px 20px;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.main-header-bar {
background: none;
}
.main-header-menu .sub-menu {
border: 0;
border-color: none;
background-color: rgba(0,0,0,.4) !important;
}
.main-header-menu.submenu-with-border .sub-menu {
border: 0px;
}
.container66 {
margin: 0 auto;
}
.h-bar {
background-color: #002D74;
color: #FFFFFF;
z-index: 100;
}
.h-bar > div {
width: 90%;
}
.h-bar-left,
.h-bar-right {
display: inline;
}
.h-bar-right {
text-align: right;
}
.h-bar .icon {
display: inline-block;
margin-bottom: -2px;
padding-right: 10px;
}
.h-bar .text {
display: inline-block;
margin-right: 2em;
}
.soc {
width: 23px;
height: 16px;
margin: 0px 5px;
display: inline-block;
}
.cover-wrapper {
position: absolute;
top: 0px;
width: 100%;
height: 100vh;
transform: translate3d(0,0,-10px);
}
.top-content {
min-height: 60vh;
position: relative;
}
.cover {
position: relative;
top:0px;
background-color: #002D74;
background-position: center;
background-size: cover;
min-height: 600px;
padding-top: 70vh;
z-index: -1;
}
.cover-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.4);
}
.cover-patterns {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 2;
}
.cover-patterns img {
height: 100%;
object-fit: cover;
}
.cover-text {
width: 50%;
position: absolute;
bottom: 30px;
text-transform: uppercase;
font-weight: 800;
font-size: 36px;
line-height: 34px;
color: #FFFFFF;
z-index: 8;
}
.cover-text span {
color: #00A7E1;
}
.content-section {
display: grid;
background-size: 110%;
background-repeat: repeat-y;
background-position: center -160px;
z-index: 10;
transform: translate3d(0%, 0%, -10px);
}
.content-section-home {
padding: 0;
background-size: 110%;
background-repeat: repeat-y;
background-position: center -160px;
}
.ast-page-builder-template .ast-archive-description{
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.content-section p,
.content-section ul li {
font-size: 100%;
font-weight: 500;
color: #505050;
}
.content-section p {
padding-bottom: 1.5em;
}
.content-section p a {
color: #00A7E1;
}
.content-section p a:hover {
color: #505050;
}
.content-section ul {
padding-left: 18px; }
.content-section ul li {
list-style-type: disc;
}
.content-section p:first-child {
font-weight: 800;
color: #002D74;
}
.content-section img {
border: 1px solid #505050;
} .accreditation {
width: 100%;
text-align: center;
}
.accreditation > div {
display: inline-block;
}
.accreditation > div img {
max-height: 80px;
margin: 5px 5px;
display: inline;
}
.home-image-container {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); justify-content: center;
border-top: 8px solid #00A7E1;
}
.xcard {
width: 100%;
height: 100%;
background-color: #FEFEFE;
}
.xcard-image {
background-position: center;
background-size: cover;
width: 100%;
padding-top: 56%;
}
.xcard-header {
text-align: center;
padding: 1.5em;
font-size: 20px;
line-height: 22px;
font-weight: 800;
color: #00A7E1;
text-transform: uppercase;
}
.xcard-text {
text-align: center;
font-size: 16px;
line-height: 20px;
color:#002D74;
padding: 0px 20px 60px 20px;
}
.home-title {
text-align: center;
}
.home-title h1 {
font-size: 24px;
font-weight: 800;
color: #002D74;
}
.home-title h1::after {
display: block;
content: "";
height: 4px;
width: 90px;
background-color: #00A7E1;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 30px;
}
.content-section-home img {
border: 0px;
}
.logo-title {
font-size: 10px;
line-height: 14px;
margin-top: 4px;
color: #666666 !important;
text-transform: uppercase;
}   .breadcrumbs {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.current-item {
color: #00A7E1;
}
.cover-wrapper-inner {
width: 100%;
height: 56vh;
z-index: -100;
transform: translate3d(0,0,-100px);
}
.cover-inner { display: block;
width: 100%;
background-color: #002D74;
background-position: center;
background-size: cover;
min-height: 500px;
padding-top: 56vh;
transform: translate3d(0,0,-110px);
object-fit:contain;
}
.sec-inner {
padding: 0 2em;
}
h1 {
color: #00A7E1 !important;
text-transform: uppercase !important;
font-size: 34px;
font-weight: 800;
}  .sec-inner ul {
list-style: circle;
}
.sec-inner p,
.sec-inner > ol li,
.sec-inner > ul li {
font-size: 100% !important;
font-weight: 500;
color: #505050;
padding-bottom: 1em !important;
}
.sec-inner li  li {
padding-bottom: 0 !important;
}
.sec-inner ul li {
list-style-type: disc;
}
li>ol, li>ul {
margin-bottom: 0;
margin-left: 0;
}
.sec-inner > .row > .container > div  >  ol {
counter-reset: item;
font-weight: 800;
}
.sec-inner > .row > .container > div  >  ol > li {
counter-increment: item;
font-weight: 500;
padding-left: 0px;
margin-bottom: 1em;
}
.sec-inner > .row > .container > div  >  ol > li::before {
content: counter(item) '. ';
display: inline-block;
font-weight: 800;
margin-right: 4px;
}    .wp-post-image {
max-width: 100%;
max-height: 80px;
}
.content-section .ast-row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
grid-gap: 2em;
}
.site-main::before,
.ast-row:before {
content: none;
display: none;
}
.entry-title {
font-size: 16px;
}
.ast-page-builder-template .entry-header {
margin-top: 0;
position: relative;
}
.news p:first-child {
font-weight: 500;
}
.thumb-holder {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-template-rows: repeat(auto, 1fr);
grid-gap: 1.2em;
justify-content: center;
}
.thumb-box {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0);
position: relative;
transition: all .4s ease-in-out;
}
.thumb-box .thumb-image {
width: 100%;
padding-top: 56%;
display: inline-block;
background-size: cover;
transition: all ease-in-out .3s;
}
.thumb-box a {
width: 100%;
display: inline-block;
vertical-align: bottom;
}
.col-holder {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-gap: 2em;
}
.thumb-holder-events {
grid-template-columns: 1fr;
grid-template-rows: repeat(1fr, 250px);
}
.thumb-events .thumb-image {
padding-top: 37%;
}
.thumb-events .thumb-image,
.thumb-products .thumb-image {
border: 1px solid #505050;
}
.arc-title {
color: #002D74;
font-size: 18px;
line-height: 24px;
font-weight: 800;
padding-bottom: 1.5em;
}
.arc-excerpt p,
.arc-excerpt p:first-child,
.reg-content p,
.reg-content p:first-child,
.reg-content p ul  {
color: #505050;
font-weight: 500;
}
.arc-download,
.read-more a {
color: #00A7E1;
font-weight: 800;
font-size: 18px;
}
.arc-download:hover {
color: #505050;
}
.ref-text{
color: #00A7E1;
font-weight: 800;
font-size: 14px;
}
.apply-link{
color: #00A7E1;
font-weight: 800;
font-size: 18px;
text-decoration: underline;
}   .gal-section a {
width: 90%;
display: inline-block;
padding: 2em;
text-align: center;
background-color: #EEEEEE;
margin: 2px 0;
transition: all .3s ease-in-out;
}
.gal-section a:hover {
background-color: #00A7E1;
color: #FFFFFF;
}
.gal-thumbnails .blocks-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
grid-gap: 1em;
padding: 0;
}
.wp-block-gallery .blocks-gallery-item {
width: 100% !important;
margin: 0px !important;
}
.gallery-wrapper {
display: flex;
}
.gal-dropdown {
display: none;
}
.gal-section {
float: left;
width: 20%;
display: inline-block;
}
.gallery-container {
float: right;
display: inline-block;
width: 75%;
}
.wp-block-gallery .blocks-gallery-item figure {
width: 100%;
height: 120px;
}
.main-img-wrapper {
}
.main-img {
width: 100%;
padding-top: 56%;
background-color: #002d74;
position: relative;
overflow: hidden;
}
.main-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width:100%;
height: auto;
object-fit: contain;
}
.wpcf7-form p {
padding-bottom: 0px;
}   footer {
background-color: #002D74;
}
.white {
color: #FFFFFF;
}
.ftr-right-box {
display: flex;
flex-direction: row;
align-items:flex-end;
}
.ftr-right-text {
display: flex;
margin-right: 30px;
vertical-align: bottom;
}
.footer-primary-navigation {
}
.ast-small-footer-wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
margin: 0 auto;
max-width: 1280px;
grid-gap: 2em;
}
.ast-footer-widget-2-area {
display: grid;
grid-template-columns: repeat(2, minmax(140px, 1fr)); text-align: left;
}
.ast-footer-widget-2-area * {
}
.widget_media_image {
text-align: right; }
.widget_media_image img {
width: 140px;
float: right;
}
#menu-footer-menu {
column-count: 2;
}
.site-footer .nav-menu li {
display: block;
text-align: left;
}
.ast-small-footer .nav-menu a {
padding: 0 0em;
}
.footer-sml-layout-1 .ast-small-footer-section-2 {
margin-top: 0; }
@media screen and (max-width: 1500px) {
.ast-site-identity {
display: block;
}
.site-branding,
.main-header-bar .main-header-bar-navigation {
margin: 0 auto;
}
.header-main-layout-1 .ast-main-header-bar-alignment {
margin-left: auto;
margin: 0 auto;
}
}
@media screen and (max-width: 1200px) {
#primary-menu {
justify-content: center;
}
}
@media screen and (max-width: 992px) {
.gal-thumbnails .blocks-gallery-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.wp-block-gallery .blocks-gallery-item figure {
width: 100%;
height: 100px;
}
.gallery-wrapper,
.gallery-container {
display: block;
width: 100%;
}
.gal-section {
display: none;
}
.gal-dropdown {
display: inline-block;
width: 100%;
}
}
@media screen and (max-width: 750px) {
header {
position: relative;
}
.h-bar {
position: relative;
overflow: auto;
}
.cover-text {
width: 80vw;
font-size: 26px;
line-height: 24px;
} }
@media screen and (max-width: 600px) {
.main-header-bar .ast-container{
padding: 0px;
}
.h-bar { }
.location-box {
display: none;
}
.cover {
min-height: auto;
}
.top-content {
min-height: 50vh;
padding: 0px 2em;
}
.home-image-container {
top: 0%;
}
.cover-inner {
padding-top: 38vh;
min-height: auto;
}
.cover-wrapper-inner {
height: 38vh;
}
}