@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


/*
font-family:"Nunito Sans", sans-serif;

Light
font-weight:300;

Regular
font-weight:400;

Bold
font-weight:700;

Extra Bold
font-weight:800;


COLORS 

Greens:

Blues:

Neutrals:


*/

/* CSS RESET
===================================
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END OF CSS RESET
=================================== */

@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

html { font-size:62.5%; /* font-size 1em = 10px on default browser settings */ }
body, html { height:100%; }

.post, .page { /*padding:0; margin:0;*/ }

body {
	font-family:"Nunito Sans", sans-serif;
	color:#444;
    font-weight:400;
	font-size:1.8rem;
	line-height:1.25em;
	letter-spacing:normal;
	background:#fff;
    padding:0;
    margin:0;
	hyphens:none;
    word-break:break-word;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.25em;
	padding:0.5em 0;
	margin:0;
	hyphens:none;
    word-break:break-word;
	color:#107d9e;
}

h1 { font-size:6rem; }
h2 { font-size:4rem; }
h3 { font-size:3rem; }
h4 { font-size:2.5rem; }
h5 { font-size:2rem; }
h6 { font-size:1.8rem; }

p { font-size:1.8rem; line-height:1.5em; padding:0.5em 0; hyphens:none; word-break:break-word; }
a { color:#159ec6; transition:400ms; font-weight:800; text-decoration:underline; }
a:hover { color:#444; text-decoration:none; }

a.phone { text-decoration:none; color:#444; }

ul, ol  { font-size:1.8rem; line-height:1.25em; padding:0.5em 0 0.5em 2em; }

ul { list-style-type:disc; }
ol { list-style-type:decimal; }

ul li { list-style-type:disc; padding:0.4em 0; }
ol li { list-style-type:decimal; padding:0.4em 0; }

ul.utility-member-nav { padding:1em 0; list-style-type:none; }
ul.utility-member-nav li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline;
}
ul.utility-member-nav li a { padding:0.8em; display:inline-block; }

strong, b { font-weight:700; }
em, i { font-style: italic; }

sub, sup { vertical-align:baseline; position:relative; font-size:70%; }
sub { bottom:-0.6em; }
sup { top:-0.6em; }

small,
small a { font-size:1.2rem; }

small { display:block; padding:0.5em 0; line-height:1.5em;}

table { table-layout:fixed; width:100%; }

td, th { text-wrap:wrap; }
td { word-wrap:break-word; }

hr.wp-block-separator { margin:2em auto; border:none; }

::target-text { background-color:yellow; color:black; }

.red { color:#da5027;}
.center { text-align:center; }

.flex { display:flex; }


/*

=====================
SLICK STYLES
=====================

*/

/* Home Page Carousel */
.image-carousel {
    width:100%;
    margin:0 auto;
}

.image-carousel p { margin:0; padding:0; }


.image-carousel .slick-list {
    width:100%;
    margin:0 auto;
    text-align:center;
}

.image-carousel img { width:100%; height:auto; }

.image-carousel button.slide-arrow {
    box-shadow:none;
    background-image:none;
    background-color:transparent;
    border:solid #666666;
    border-radius:0;
    border-width:0 6px 6px 0;
    color:#fff;
    display:inline-block;
    padding:1em;
    margin:0;
    font-size:1rem;
    font-weight:400;
    width:auto;
    z-index:999;
}

.image-carousel button.slide-arrow.prev-arrow {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    position:absolute;
    left:2em;
    top:45%;
    cursor:pointer;
}

.image-carousel button.slide-arrow.next-arrow {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    position:absolute;
    right:2em;
    top:45%;
    cursor:pointer;
}


/* Magazine Carousel */
.magazine-carousel { width:100%; margin:0 auto; }

.magazine-carousel .slick-list {
    width:100%;
    margin:0 auto;
    text-align:center;
}

.magazine-carousel .slick-slide {}
.magazine-carousel .slick-slide div { margin:0 1em; width:65%; }

.magazine-carousel img { width:100%; height:auto; margin:0 0 1em; }
.magazine-carousel a { font-weight:400; text-decoration:none; }


.magazine-carousel button.slide-arrow {
    box-shadow:none;
    background-image:none;
    background-color:transparent;
    border:solid #333;
    border-radius:0;
    border-width:0 6px 6px 0;
    color:#fff;
    display:inline-block;
    padding:1em;
    margin:0;
    font-size:1rem;
    font-weight:400;
    width:auto;
    z-index:999;
}

.magazine-carousel button.slide-arrow.prev-arrow {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    position:absolute;
    left:0;
    top:45%;
    cursor:pointer;
}

.magazine-carousel button.slide-arrow.next-arrow {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    position:absolute;
    right:0;
    top:45%;
    cursor:pointer;
}

.magazine-carousel .slick-dots { display:flex; flex-direction:row; gap:1em; justify-content:center; }
.magazine-carousel .slick-dots li { font-size:3rem; color:#999; }
.magazine-carousel .slick-dots li.slick-active { color:#000; }

.magazine-carousel .slick-dots li button { display:none; }
.magazine-carousel .slick-dots li::marker { padding:1em; }


/* Text Carousel */
.text-carousel { width:100%; margin:2em auto 0; }

.text-carousel .slick-list {
    width:95%;
    margin:0 auto;
}

.text-carousel .slick-slide {}
.text-carousel .slick-slide div { }

.text-carousel .slick-slide div ul { padding:0 0 0 1em; }
.text-carousel .slick-slide div ul li { padding:0; }



.text-carousel button.slide-arrow {
    box-shadow:none;
    background-image:none;
    background-color:transparent;
    border:solid #666;
    border-radius:0;
    border-width:0 6px 6px 0;
    color:#fff;
    display:inline-block;
    padding:1em;
    margin:0;
    font-size:1rem;
    font-weight:400;
    width:auto;
    z-index:999;
}

.text-carousel button.slide-arrow.prev-arrow {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    position:absolute;
    left:-2em;
    top:45%;
    cursor:pointer;
}

.text-carousel button.slide-arrow.next-arrow {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    position:absolute;
    right:-2em;
    top:45%;
    cursor:pointer;
}

.text-carousel .slick-dots { display:flex; flex-direction:row; gap:1em; justify-content:center; }
.text-carousel .slick-dots li { font-size:3rem; color:#666; }
.text-carousel .slick-dots li.slick-active { color:#fff; }

.text-carousel .slick-dots li button { display:none; }
.text-carousel .slick-dots li::marker { padding:1em; }



/*

=====================
HEADER STYLES
=====================

*/

#header { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:2em; position:relative; padding:1em 0 0; }

#header #branding { order:1; width:25%; }
#header #branding #site-title a {
	display:block;
	background-image:url(/wp-content/uploads/2024/09/la811-logosm.png);
	background-repeat:no-repeat;
	width:272px;
	height:75px;
	font-size:1%;
	line-height:1%;
	color:#fff;
	padding:0;
	margin:0 auto;
}

#header #menu { order:2; width:100%; }
#header #search { /*order:2; width:20%; text-align:center;*/ margin:1em 0 0; position:absolute; right:20%; top:10%; }
.search-field { border:1px solid #d5d5d5; padding:1em; transition:200ms; }

.search-field:focus,
.search-field:focus-visible { border-color:#159ec6; }

.search-submit { border:1px solid #d5d5d5; padding:1em; transition:200ms; }



/*

=====================
NAVIGATION
=====================

*/

/* Mobile Nav ===== */
input[type="checkbox"]:checked::before { content:none; }

.mobile-nav-menu-icon { width:10%; display:none; position: absolute; top:30%; right:5%; z-index:110; }

#menu-mobile-nav, #menu-mobile-nav li { padding:0; margin:0; list-style-type:none; text-align:left; }
#menu-mobile-nav li a { font-size:2.4rem; color:#fff; text-decoration:none; text-transform:uppercase; padding:0.5em 0; font-weight:400; display:block; transition:200ms; }
#menu-mobile-nav li a:hover { color:#dc5027; }
#menu-mobile-nav .current-menu-item a { color:#333; }

#menu-mobile-nav  li .sub-menu { padding:0; margin:0; }
#menu-mobile-nav  li .sub-menu li a { font-size:1.6rem; font-weight:400; }


.menu-wrap {
    position:fixed;
    top:0;
    left:0;
    z-index:100;
	display:none;
}
.menu-wrap .toggler {
    position:fixed;
    top:5em;
    left:1em;
    z-index:102;
    cursor:pointer;
    width:60px;
    height:60px;
    opacity:0;
}
.menu-wrap .hamburger {
    position:fixed;
    top:4em;
    left:1em;
    z-index:100;
    width:60px;
    height:60px;
    padding:1rem;
    display:flex;
    align-items:center;
    justify-content:center;
	background-color:rgba(21,158,198,1.0);
}
/* Hamburger line */
.menu-wrap .hamburger > div {
    position:relative;
    width:100%;
    height:2px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.4s ease;
}
/* Top and bottom lines */
.menu-wrap .hamburger > div:before,
.menu-wrap .hamburger > div:after {
    content:'';
    position:absolute;
    z-index:100;
    top:-10px;
    width:100%;
    height:2px;
    background:inherit;
}
/* Moves line down */
.menu-wrap .hamburger > div:after {
    top:10px;
}
/* Toggler animate */
.menu-wrap .toggler:checked + .hamburger > div { transform: rotate(135deg); /*background-color:#333;*/ }
/* Turn Lines into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
    top:0;
    transform:rotate(90deg);
}
/* Rotate on hover when checked */
.menu-wrap .toggler:checked:hover + .hamburger > div { transform: rotate(225deg); }
/* Show menu */
.menu-wrap .toggler:checked ~ .mobile-menu { visibility:visible; }
.menu-wrap .toggler:checked ~ .mobile-menu > div {
    transform:scale(1);
    transition-duration:0.75s;
	border-radius:0;
}
.menu-wrap .toggler:checked ~ .mobile-menu > div > div {
    opacity:1;
    transition:opacity 0.4s ease;
}
.menu-wrap .mobile-menu {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
     visibility:hidden; 
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.menu-wrap .mobile-menu > div {
    background-color:rgba(21,158,198,1.0);
    border-radius:50%;
    width:200vw;
    height:200vw;
    display:flex;
    flex:none;
    align-items:center;
    justify-content:center;
    transform:scale(0); 
    transition:all 0.4s ease;
}
.menu-wrap .mobile-menu > div > div {
    text-align:center;
    max-width:90vw;
    max-height:100vh;
     opacity:0; 
    transition:opacity 0.4s ease;
}
.menu-wrap .mobile-menu > div > div > ul > li {
    list-style:none;
    color:#fff;
    font-size:1.5rem;
    padding:1rem;
}

.menu-wrap .mobile-menu > div > div > ul > li > a {
    color:inherit;
    text-decoration:none;
    transition:color 0.4s ease;
}



#menu {}
#menu .menu-main-nav-container ul, #menu .menu-main-nav-container ul li { list-style-type:none; }

#menu .menu-main-nav-container ul { width:100%; display:flex; flex-direction:row; justify-content:center; }
#menu .menu-main-nav-container ul li { margin:0 0.5em; display:inline; }

#menu .menu-main-nav-container ul li a { text-transform:uppercase; text-decoration:none; color:#333; font-size:1.3rem; transition:200ms; hyphens:auto; word-break:keep-all; }
#menu .menu-main-nav-container ul li a:hover { color:#dc5027; }

#menu .menu-main-nav-container ul li.current-menu-item a,
#menu .menu-main-nav-container ul li.current-page-ancestor a { color:#dc5027; }

.extra-navigation { background-color:rgba(21,158,198,1.0) /*#159ec6*/; }

#menu-resources-subnav { display:flex; flex-direction:row; list-style-type:none; padding:0; margin:0; }
#menu-resources-subnav li { list-style-type:none; margin:0; padding:0; }
#menu-resources-subnav li a {
	color:#fff;
	text-decoration:none;
	font-weight:400;
	padding:1em 2em;
	transition:200ms;
	display:inline-flex;
}
#menu-resources-subnav li a:hover { background-color:rgba(157,157,157,1.0); }

#menu-resources-subnav li a:after { content:"\25bc"; font-size:1rem; font-weight:300; margin:0.2em 0 0 1em; }

/*
li.promo a {
	background-color:#dc5027;
    padding:0 2em;
    box-shadow:0px 0px 1px 1px #0000001a;
    animation:pulse-animation 2s infinite;
}
*/

#menu-resources-subnav li.current-menu-item a { background-color:rgba(157,157,157,1.0); }



li.promo a { background-color:#dc5027; box-shadow:0 0 1px 1px #000000; animation:pulse-animation 2s infinite; }
li.promo.current-menu-item a { background-color:transparent; animation:none; box-shadow:none; }

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}




/*

=====================
CONTENT STYLES
=====================

*/

.hero { background-repeat:no-repeat; background-size:contain; min-height:425px; background-position-x:50%; }

.hp-bg { background-repeat:no-repeat; background-position:50% 0; background-size:cover; padding:0; }

.online-training { flex-direction:row; justify-content:center; flex-wrap:nowrap; padding:2em 4em; column-gap:2em; }

.online-training .ex-training,
.online-training .marine-training { flex-basis:45%; flex-grow:1; flex-shrink:1; background-repeat:no-repeat; background-size:cover; padding:3em; display:flex; flex-direction:column; justify-content:space-between; }

.online-training .ex-training { background-image:url(/wp-content/uploads/2025/08/ex-online-train-bgv3.jpg); }
.online-training .marine-training { background-image:url(/wp-content/uploads/2025/08/marine-online-train-bgv4.jpg); }

.online-training .ex-training h2,
.online-training .marine-training h2 { font-size:3rem; padding:0; }

.online-training .ex-training h2 { color:#fff; }
.online-training .marine-training h2 {color:#111; }

.online-training .ex-training p { color:#fff; }
.online-training .marine-training p { color:#111; }

.online-training .ex-training p a,
.online-training .marine-training p a { color:#fff; }


.online-training .ex-training p.btn { background-color:rgba(241,112,22,1.0); text-align:center; color:#fff; }
.online-training .marine-training p.btn { background-color:rgba(47,135,199,1.0); text-align:center; color:#fff; }

.ctas { width:90%; margin:0 auto; padding:2em 0 0; }
.ctas .flex { flex-direction:row; justify-content:center; width:90%; margin:0 auto; }
.ctas .flex div { flex-basis:30%; flex-grow:1; flex-shrink:1; }

.ctas div p { margin:0; padding:0; }
.ctas div p img { width:100%; height:auto; }
.ctas div p a { display:grid; }

.ctas div .btn a {
	background-color:rgba(220,80,39,1.0)/*#dc5027*/;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:2em 1em;
	margin:0;
	font-size:2.4rem;
	display:block;
	text-align:center;
	transition:200ms;
}
.ctas div .btn a:hover { background-color:rgba(163,55,26,1.0)/*#a3371a*/; color:#111; }

.home-page {flex-direction:row; gap:2em; justify-content:center; }
.home-page div { flex-basis:46%; }

.home-page p { color:#000; font-weight:400; }

.extra-content { flex-direction:row; gap:2em; justify-content:center; }
.extra-content div { flex-basis:45%; }

.home-page-extra { flex-direction:row; gap:2em; justify-content:center; }
.home-page-extra div { flex-basis:45%; }

.extra { flex-direction:row; gap:2em; justify-content:center; }
.extra div { flex-basis:45%; }

.inner,©˙
article.page .inner,
.extra-content .inner,
footer .inner { max-width:1180px; width:100%; margin:0 auto; padding:2em 0; }

.inner-lg { max-width:85%; width:100%; margin:0 auto; padding:2em 0; }
.inner-sm { max-width:960px; width:100%; margin:0 auto; padding:2em 0; }

.separator { border-top:2px solid #999; }
article.page .inner.separator { padding:4em 0; }

/* background colors */
.white { background-color:rgba(255,255,255,1.0); /*#fff*/ }
.grey { background-color:rgba(238,238,238,1.0); /*#eee*/ }
.ltblue { background-color:rgba(21,158,198,1.0); /*#159ec6*/ color:#fff; }


.ltblue h1, .ltblue h2, .ltblue h3, .ltblue h4 { color:#fff; }

.grey h6 { text-transform: uppercase; font-size:1.8rem; color:#383838; font-weight:400; }

.top-content { flex-direction:row; flex-wrap:wrap; gap:4em; }
.top-content div { flex-basis:45%; }

.tolerance-zone { flex-direction:row; flex-wrap:wrap; gap:4em; }
.tolerance-zone div:first-of-type { flex-basis:60%; }
.tolerance-zone div { flex-basis:30%; }

.helpful-guides { flex-direction:row; flex-wrap:wrap; gap:4em; justify-content:center; align-items:center; }
.helpful-guides div { flex-basis:25%; text-align:center; }

.helpful-guides div figure { margin:0 0 1em; }
.helpful-guides div figure img { box-shadow:1px 2px 4px rgba(0,0,0,0.2); }
.helpful-guides div a { text-decoration:none; font-weight:400; }

.radio { flex-direction:row; gap:2em; }
.radio div:first-of-type { width:30%; }
.radio div { width:60%; }

article h2:first-of-type,
article h3:first-of-type
article h4:first-of-type { font-weight:300; text-transform:uppercase; }

article header.search h2:first-of-type { text-transform:none; }

.sus-wrap {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    width:100%;
}


.sus-member {
    order:1;
    width:40%;
    margin:0 2em 2em 0;
    padding:2em;
    position:relative;
    background-color:#efefef;
    text-align:center;
    min-height:260px;
    border:6px solid #0d7891;
}

.sus-member img { box-shadow:2px 3px 4px #ccc; }

.sus-member h4 {
    font-size:2rem;
    line-height:1.25em;
    font-weight:bold;
    margin:0;
    padding:1em 0 0;
}

.sus-member h4 a { text-decoration:none; }
.sus-member p { font-size:1.8rem; margin:0; padding:0.5em 0; }

.sus-member .content { padding:1em 0 0; }
.sus-member .content.xtra p { padding:0.5em 0; }

.sus-member ul, .reg-member ul { padding:1em 0 0; margin:0; }
.sus-member ul li, .reg-member ul li {
    list-style-type:none;
    padding:0;
    margin:0;
    display:inline;
}

.sus-member .pl ul li img { box-shadow:none; }

.sus-wrap .badge-md {
    background-image:url(/wp-content/uploads/2024/10/sus-member-badge-md.png);
    background-repeat:no-repeat;
    background-color:transparent;
    width:105px;
    height:100px;
    text-align:center;
    position:absolute;
    bottom:-20px;
    left:-40px;
    background-position:0 0;
    margin:0;
    padding:0;
}

.sus-wrap .badge {
    background-image:url(/wp-content/uploads/2024/10/sus-member-badge.png);
    background-repeat:no-repeat;
    background-color:transparent;
    width:100px;
    height:125px;
    text-align:center;
    background-position:0 0;
    margin:0 auto;
    padding:0;
}


.members { flex-direction:row; gap:2em; margin:1em 0; flex-wrap:wrap; }
.members.bottom { margin:2em 0 0; }

.board-member { text-align:center; width:30%; }

.board-member figure { padding:0 0 1em; }
.board-member figure img {
    width:70%;
    height:auto;
    box-shadow:1px 1px 4px 2px #ddd;
}

.board-member h4 {
    text-transform:uppercase;
    margin:0;
	padding:0;
    font-size:2rem;
	color:#383838;
	font-weight:800;
}

.board-member h5 { color:#383838; padding:0; margin:0; font-weight:300; }
.board-member p { font-size:1.6rem; }
.board-member a { text-decoration:none; }

.posts-navigation { margin:2em 0; }


/*
===================

CGA PROMOTIONAL KIT

===================
*/
table.promokit-table {}
table.promokit-table td { text-align:center; padding:1em; border:1px solid #ccc; position:relative; }
table.promokit-table td.new { position:relative; }
table.promokit-table td.new span {
    position:absolute;
    left:0;
    top:0;
    background-color:#dc5027;
    color:#fff;
    padding:1em;
    font-weight:bold;
    font-style:italic;
    text-transform:uppercase;
    box-shadow:1px 1px 4px #ccc;
	width:50px;
	line-height:18px;
}


/*

=====================
FORMS STYLING
=====================

*/
.forminator-response-message.forminator-error.forminator-accessible { padding:1em; margin:0 0 2em; font-size:0.8rem; background:#F9E4E8; color:#E04562; }
.forminator-response-message.forminator-error.forminator-accessible ul { padding:0; margin:0; }
.forminator-response-message.forminator-error.forminator-accessible ul, .forminator-response-message.forminator-error.forminator-accessible ul li { list-style-type:none; }


.forminator-response-message.forminator-show.forminator-success { padding:2em; font-size:0.9rem; background-color:aqua; color:#333; }
.forminator-response-message.forminator-show.forminator-success p { margin:0; }
.forminator-error-message { padding:1em; margin:0 0 1em; font-size:1.3rem; background:#F9E4E8; color:#E04562; display:block; width:100%; }


#primary article .forminator-custom-form .forminator-row { margin:0; padding:0; }
#primary article .forminator-custom-form .forminator-row-last { margin:2em 0 4em; }
#primary article .forminator-custom-form .forminator-row .margin-top { margin:2em 0 0; }
#primary article .forminator-custom-form .forminator-row .margin-bottom { margin:0 0 2em; }
#primary article .forminator-custom-form .forminator-row .forminator-field { margin:0 0 1em; }
#primary article .forminator-custom-form .forminator-row #section-2 .forminator-field,
#primary article .forminator-custom-form .forminator-row #section-3 .forminator-field { margin:0; }


.forminator-row .forminator-field h1, .forminator-row .forminator-field h2, .forminator-row .forminator-field h3, .forminator-row .forminator-field h4 { color:#333; text-transform:none; padding:0; }
h3.forminator-subtitle { font-size:1.8rem; font-weight:400; padding:0 0 0.5em; }

.forminator-row .forminator-field .forminator-label,
.forminator-row .forminator-field .forminator-description { color:#333; display:block; padding:0 0 0.5em; }
.forminator-row .forminator-field .forminator-description span { color:#999; }

.forminator-row .forminator-field .forminator-description { font-size:1.6rem; }

.forminator-row .forminator-field input,
.forminator-row .forminator-field textarea{
	background:#f7f7f7;
    border:1px solid #d1d1d1;
    border-radius:2px;
    color:#686868;
    width:100%;
	padding:1em;
	font-size:1.6rem;
}

.forminator-row .forminator-field .forminator-radio input { width:auto; margin:0 0.6em 0 0; }

.forminator-row .forminator-field input.forminator-input-file,
.forminator-row .forminator-field input.forminator-input-file-required { background-color: transparent; border:none; padding:0; width:auto; }


.forminator-row .forminator-field .forminator-label .forminator-required { color:red; }

.forminator-row .radio { display:block; margin:0 0 1em; }
.forminator-row .forminator-field .forminator-radio { color:#777; display:block; margin:0 0 0.5em; }

.forminator-row .forminator-field .forminator-file-upload { padding:1em 0 0; }

button.forminator-button {
	padding:1em;
	border-radius:10px;
	color:#fff;
	background-color:#159ec6;
	font-size:1.3em;
	line-height:1.25em;
	background-image:none;
	text-shadow:none;
	border:none;
	transition:300ms;
}

button.forminator-button:hover { background-color:#999; color:#444; }



/*

=====================
RESOURCES PAGE
=====================

*/

.videos,
.images { flex-direction:row; flex-wrap:wrap; gap:2em; }

.images div { width:30%; }
.videos div { width:45%; }

.videos div iframe { width:100%; height:320px; }


/* LAZY LOAD YOUTUBE VIDEO FALLBACK STYLES */
.lite-youtube-fallback {
	aspect-ratio:16 / 9; /* matches YouTube player */
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:1em;
	padding:1em;
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

/* right-facing triangle "Play" icon */
.lite-youtube-fallback::before {
	display:block;
	content: '';
	border:solid transparent;
	border-width:2em 0 2em 3em;
	border-left-color:red;
}

.lite-youtube-fallback:hover::before { border-left-color:#fff; }

.lite-youtube-fallback:focus { outline:2px solid red; }

/*

=====================
ACCORDION STYLES
=====================

*/
.accordion {
  width:95%;
  margin:0 auto;
}

.accordion-item {
  margin-bottom:1em;
  /*padding:1em;*/
  border-bottom:1px solid #d3d3d3;
}

.accordion-header {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.accordion-header h3 { color:#159ec6; font-weight:300; }

.accordion-content {
  display:none;
  padding:1em;
  transition:all 200ms ease;
}

.open .accordion-content { display:block; }

.icon {
  font-size:2rem;
  margin-left:auto;
  transform:rotate(90deg);
  transition:all 0.2s ease;
  color:#da5027;
}

.open .icon { transform:rotate(0); }


/*

=====================
BUTTON STYLES
=====================

*/

.buttons { flex-direction:row; gap:2em; flex-wrap:wrap; }

.btn {
    padding:1em;
    border-radius:10px;transition:300ms;
	text-decoration:none;
	display:block;
}

.center-btn { margin:0 auto; }


.md { width:50%; }
.sm { width:30%; }
.wht-txt { color:#fff; }


.blue { background-color:rgba(16,128,162,1.0); color:#fff; }
.blue:hover { background-color:rgba(23,172,217,1.0); color:#000; }

.lt-blue { background-color:rgba(21,158,198,1.0); color:#fff; }
.lt-blue:hover { background-color:rgba(16,128,162,1.0); }

.orange { background-color:rgba(221,93,54,1.0); color:#fff; }
.orange:hover { background-color:rgba(201,73,34,1.0); color:#fff; }


/*

=====================
FOOTER STYLES
=====================

*/

footer { font-size:1.4rem; }

footer p { font-size:1.4rem; }

.footer-info { flex-direction:row; flex-wrap:nowrap; flex-grow:1; flex-shrink:1; justify-content:center; gap:2em; }
.footer-info div { flex-basis:35%; }

.footer-info h4 { padding:0; font-size:1.6rem; }

.bottom-footer { flex-direction:row; flex-wrap:nowrap; justify-content:center; gap:2em; }
.bottom-footer div { flex-basis:45%; }

.holidays,
.extra-info {  }

.extra-info { color:#dc5027; text-align:right; }

.holidays h4 { font-size:1.6rem; color:#333; padding:0; }


#menu-social-media-nav { padding:0; display: flex; flex-direction:row; flex-wrap:nowrap; gap:0.5em; }
#menu-social-media-nav, #menu-social-media-nav li { list-style-type:none; }
#menu-social-media-nav, #menu-social-media-nav li { flex-basis:8%; }

#menu-social-media-nav li a {
	background-repeat:no-repeat;
	display: block;
	font-size:1%;
	line-height:1%;
	width:32px;
	height: 32px;
}

#menu-social-media-nav li.yt a { background-image:url(/wp-content/uploads/2024/09/sm-icon-yt.png); }
#menu-social-media-nav li.fb a { background-image:url(/wp-content/uploads/2024/09/sm-icon-fb.png); }
#menu-social-media-nav li.x a { background-image:url(/wp-content/uploads/2024/09/sm-icon-x-white.png); }
#menu-social-media-nav li.linkedin a { background-image:url(/wp-content/uploads/2024/09/sm-icon-linkedin.png); }
#menu-social-media-nav li.insta a { background-image:url(/wp-content/uploads/2024/09/sm-icon-insta.png); }

.site-info p { font-size:1.2rem; text-align:center; }