/* ================================================
Ώμ²₯ BRAND COLOUR PALETTE
#302b6d β€” Logo colour / main headings / large areas
#302b6d β€” Monochromatic / borders / accents / larger blocks
#302b6d β€” Lighter hue / borders / accents / small blocks
#302b6d β€” Analogous / borders / accents / larger areas
#000000 β€” Body text
#ffffff β€” White
#D4AF37 β€” Gold (retained as-is)
================================================ */
/* DEFAULT CSS STARTS HERE */
html { overflow-x: hidden; }
::selection { background-color: #302b6d; color: #ffffff; }
body {
padding-top: 0px;
font-size: 16px;
line-height: 26px;
font-family: 'Poppins', sans-serif;
color: #000000;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: #302b6d !important;
}
h1 { font-size: 36px; text-transform: uppercase; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
a { color: #302b6d; transition: all 0.5s ease; }
a:hover { color: #302b6d; }
a:focus { outline: none !important; }
p:last-child { margin: 0; }
ul li { padding-left: 10px; }
blockquote {
padding: 30px 20px;
border-left: 5px solid #302b6d;
background: #f9f9f9;
font-size: 20px;
}
.well { color: #000000; background-color: transparent; border: 0; border-radius: 0; }
.bg-primary { padding: 20px; background-color: #302b6d; }
/* ================================================
BUTTONS β€” Base: #302b6d | Hover: Gold | Active: #302b6d
================================================ */
.btn {
border-radius: 24px;
font-size: 14px;
font-weight: 600;
padding: 14px 36px;
border: 0;
text-transform: uppercase;
outline: none !important;
position: relative;
letter-spacing: 1.1px;
z-index: 1;
transition: all 0.5s ease;
overflow: hidden;
color: #fff;
box-shadow: none !important;
background-color: #302b6d !important;
border-color: #302b6d !important;
}
.btn:before, .btn:after { background: none !important; }
.btn:hover, .btn:focus {
background-color: #D4AF37 !important;
border-color: #D4AF37 !important;
color: #302b6d !important;
}
.btn:active, .btn.active {
background-color: #302b6d !important;
border-color: #302b6d !important;
color: #ffffff !important;
}
.btn[disabled], .btn.disabled {
background-color: #302b6d !important;
border-color: #302b6d !important;
color: #ffffff !important;
opacity: 0.6;
}
.btn-default, .btn-default:hover, .btn-default:focus,
.btn-success, .btn-success:hover, .btn-success:focus {
background-color: #302b6d !important;
color: #fff !important;
}
.btn-primary, .btn-link {
background-color: #302b6d !important;
color: #fff !important;
text-decoration: none !important;
}
.btn-primary:hover, .btn-primary:focus,
.btn-link:hover, .btn-link:focus {
background-color: #D4AF37 !important;
color: #302b6d !important;
}
.btn-info { background-color: #302b6d !important; color: #ffffff !important; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.open .dropdown-toggle.btn-info {
background-color: #D4AF37 !important;
border-color: #D4AF37 !important;
color: #302b6d !important;
}
/* btn-warning: gold for general use */
.btn-warning { background-color: #D4AF37 !important; color: #302b6d !important; }
/* ================================================
ACCORDION BUTTONS (Local Councils etc.)
Targets: class="btn btn-warning btn-block text-left"
================================================ */
.btn-warning.btn-block,
button.btn-warning.btn-block {
background-color: #302b6d !important;
color: #ffffff !important;
border: 2px solid #302b6d !important;
border-radius: 24px !important;
text-align: left !important;
font-weight: 600 !important;
}
.btn-warning.btn-block:hover,
button.btn-warning.btn-block:hover,
.btn-warning.btn-block:focus,
button.btn-warning.btn-block:focus {
background-color: #302b6d !important;
color: #ffffff !important;
border-color: #302b6d !important;
}
/* ================================================
FORM CONTROLS
================================================ */
.form-control {
height: 50px;
border-radius: 0;
border: 1px solid #302b6d;
background-color: #fdfdfe;
box-shadow: none;
font-size: 16px;
transition: all 0.5s ease;
}
.form-control::placeholder { color: #c3c3c3; font-style: italic; }
.form-control:focus { border-color: #302b6d; box-shadow: none; }
.jumbotron.generic-banner {
padding: 60px 0;
color: #ffffff;
background-color: #302b6d;
margin-left: 10px;
margin-right: 10px;
}
.jumbotron.generic-banner h1 { font-size: 36px; letter-spacing: 1.5px; margin: 0; color: #ffffff !important; }
/* TOPBAR */
#topbar { display: none; }
/* ================================================
HEADER
================================================ */
#banner { padding: 42px 0; background: #ffffff; }
#banner .row { display: flex; align-items: center; }
#banner .header a { display: inline-block; }
#banner .header img { margin-left: 20px; max-width: 846px; width: 100%; height: auto; }
#header-social { height: auto; padding: 0; }
#header-social a { margin-left: 5px; font-size: 20px; transition: all 0.5s ease; }
#header-social a i {
color: #302b6d;
width: 40px;
height: 40px;
transition: all 0.5s ease;
background-color: #302b6d !important;
border-radius: 50%;
padding-top: 10px;
}
#header-social a i:hover { background-color: #D4AF37 !important; color: #302b6d !important; }
/* ================================================
SEARCH BUTTON
================================================ */
#header-search { margin-top: 7px; height: auto; width: 350px; }
#header-search .input-group { border: 1px solid rgba(48,43,109,0.5); }
#header-search .form-control { border: 0; background: #ffffff; height: 50px; }
#header-search .btn {
background-color: #302b6d !important;
border: 0 !important;
border-radius: 0 !important;
position: relative !important;
width: 50px !important;
height: 50px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
max-height: 50px;
}
#header-search .btn:before,
#header-search .btn:after { display: block !important; background: none !important; }
#header-search .btn i { background: none !important; background-image: none !important; width: 0 !important; height: 0 !important; display: none !important; }
#header-search .btn:before {
content: "";
position: absolute;
width: 14px; height: 14px;
border: 2px solid #ffffff;
border-radius: 50%;
left: 50% !important; top: 50% !important;
transform: translate(-60%, -60%) !important;
}
#header-search .btn:after {
content: "";
position: absolute;
width: 8px; height: 2px;
background: #ffffff !important;
left: 50% !important; top: 50% !important;
transform: translate(20%, 40%) rotate(45deg) !important;
}
#header-search .btn:hover, #header-search .btn:focus { background-color: #D4AF37 !important; color: #302b6d !important; }
#header-search .btn:hover:before, #header-search .btn:focus:before { border-color: #302b6d !important; }
#header-search .btn:hover:after, #header-search .btn:focus:after { background: #302b6d !important; }
/* ================================================
NAVIGATION
================================================ */
.navbar { background-color: #302b6d; border: 0; }
.navbar-inverse { margin: 0 10px; }
.navbar-inverse.affix { margin: 0; }
.navbar .navbar-nav li { padding-left: 0; }
.navbar .navbar-nav li:before { display: none; }
.navbar .navbar-nav > li { margin: 0 8px; }
.navbar .navbar-nav > li > a .caret { display: none; }
.navbar .navbar-nav > li > a {
color: #ffffff;
padding: 20px 4px;
position: relative;
text-align: center;
font-size: 13px;
font-weight: 600;
z-index: 1;
text-transform: uppercase;
}
.navbar .navbar-nav > li > a:before {
content: "";
position: absolute;
width: 0; height: 1px;
background: #D4AF37;
left: 0; right: 0;
margin: 0 auto;
transition: all 0.5s ease;
z-index: -1;
top: 17px;
}
.navbar .navbar-nav > li > a:hover:before,
.navbar .navbar-nav > .open > a:before,
.navbar .navbar-nav > .active > a:before { width: 100%; }
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .active > a { color: #ffffff; background-color: transparent !important; }
.navbar .navbar-nav > li > .dropdown-menu { margin-top: 1px; }
.navbar .navbar-nav .dropdown-menu {
min-width: 274px; border: 0; border-radius: 0;
padding: 0; margin: 0;
background: rgba(255,255,255,0.97);
}
.navbar .navbar-nav .dropdown-menu li a { font-size: 13px; color: #000000; padding: 12px 16px; font-weight: 400; }
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu li a:focus { background-color: #302b6d; color: #ffffff; }
.navbar .navbar-nav .dropdown-menu .active > a { background-color: #302b6d; color: #ffffff; }
.navbar .navbar-collapse .navbar-nav.navbar-right { margin-left: 13px; text-align: right; }
/* Member login / right nav button */
.navbar .navbar-collapse .navbar-btn,
.navbar .navbar-btn {
background-color: #ffffff !important;
color: #302b6d !important;
border: 2px solid #302b6d !important;
padding: 21px 25px;
margin: 0;
font-size: 13px;
font-weight: 600;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.navbar .navbar-collapse .navbar-btn:before,
.navbar .navbar-btn:before { display: none !important; }
.navbar .navbar-collapse .navbar-btn:hover,
.navbar .navbar-btn:hover,
.navbar .navbar-collapse .navbar-btn:focus,
.navbar .navbar-btn:focus {
background-color: #302b6d !important;
color: #ffffff !important;
border-color: #ffffff !important;
}
.navbar .navbar-collapse .navbar-nav.navbar-right .dropdown-menu { text-align: left; }
.navbar .navbar-collapse .navbar-nav.navbar-right > li { float: right; margin: 0; }
/* ================================================
HOMEPAGE BANNER / CAROUSEL
================================================ */
.carousel-inner { box-shadow: none; }
#pg-10716 #carousel-banner-wrapper { padding: 0 10px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:before {
display: none;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:after {
display: none;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption {
text-shadow: none; padding: 0;
top: 50%; transform: translateY(-50%);
width: 608px; left: 21.2%;
text-align: left; bottom: unset;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 {
font-size: 52px; line-height: 62px; text-transform: none; margin: 0 0 22px; color: #fff !important;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption p {
font-size: 20px; line-height: 32px; font-weight: 400; color: #fff;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-indicators { display: none; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-control { z-index: 9999; background: none !important; }
/* ================================================
PROMO PANELS
================================================ */
#promo-bar-wrapper { position: relative; }
#promo-bar-wrapper:before,
#promo-bar-wrapper:after {
display: none;
}
#promo-bar-wrapper .container { width: 100%; }
#promo-bar-wrapper #promo-bar {
margin-top: 0px; background-color: transparent; box-shadow: none;
margin-left: 0px; margin-right: 0px; padding: 108px 305px;
}
#promo-bar-wrapper #promo-bar .promopanel { border: 0; padding: 0 30px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box h4 {
font-size: 20px; line-height: 30px; font-weight: 700;
color: #302b6d !important; padding-bottom: 17px; margin: 0 0 22px;
transition: all 0.5s ease; position: relative;
}
#promo-bar-wrapper #promo-bar .promopanel .promo-box h4:before {
content: ""; position: absolute;
width: 38px; height: 3px; background: #302b6d;
left: 0; right: 0; margin: 0 auto; bottom: 0;
transition: all 0.5s ease;
}
#promo-bar-wrapper #promo-bar .promopanel .promo-box img { margin-bottom: 34px; height: 100px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box p { font-size: 16px; line-height: 26px; color: #000; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box a {
height: auto; line-height: normal; text-align: center;
display: inline-block; width: auto;
transition: all 0.5s ease; background: transparent; text-decoration: none;
}
#promo-bar-wrapper #promo-bar .promopanel .promo-box a:hover h4 { color: #302b6d !important; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box a:hover h4:before { width: 100%; }
/* ================================================
HOME TEASERS
================================================ */
#pg-10716 #contentwrapper > .container-fluid { margin-top: 0 !important; padding: 0; }
#pg-10716 #contentwrapper > .container-fluid > #contentarea > .row { margin: 0; }
#home-teasers { padding: 0 !important; }
#home-teasers .teaser-cards { padding: 100px 0; position: relative; }
#home-teasers #home-teasers-news-cards { background-color: #ffffff; z-index: 1; }
#home-teasers #home-teasers-news-cards:before,
#home-teasers #home-teasers-news-cards:after,
#home-teasers #home-teasers-events-cards:before {
display: none;
}
#home-teasers .teaser-inner { width: 1140px !important; margin: 0 auto; }
#home-teasers .teaser-inner .teaser-heading { margin: 0 0 50px; display: flex; align-items: center; }
#home-teasers .teaser-inner .teaser-heading h2 { color: #302b6d !important; text-transform: uppercase; font-size: 36px; position: relative; }
#home-teasers .teaser-heading .btn { padding: 14px 41px 13px; }
#home-teasers #home-teasers-news-cards .teaser-heading .btn { background: #302b6d !important; }
#home-teasers #home-teasers-events-cards .teaser-inner .teaser-heading .btn { background: #302b6d !important; }
#home-teasers .teaser-cards .slick-slider { margin: 0; }
#home-teasers .teaser-cards .slick-slider .slick-dots { display: none; }
#home-teasers .teaser-cards .slick-slider .slick-slide { padding: 0 15px; display: flex; align-items: stretch; outline: none; }
#home-teasers .teaser-cards .slick-slider .thumbnail {
padding: 0; border: 0; border-radius: 0;
min-height: 200px !important; overflow: hidden;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
}
#home-teasers .teaser-cards .slick-slider .thumbnail img { width: 100%; height: 200px; margin: 0; object-fit: cover; background: #302b6d; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption { padding: 29px 20px 35px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption h3 { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 12px; color: #302b6d !important; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .news-date,
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .event-date {
font-weight: 400; font-size: 14px; color: #5c5c5c;
display: inline-block;
background: url("/public/116/images/icons/icon-calendar.png") no-repeat left center / 19px;
padding-left: 29px;
}
#home-teasers .teaser-cards .slick-slider .slick-slide .caption p { font-size: 14px; color: #000000; margin: 0; line-height: 24px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .news-intro { margin: 14px 0 28px; height: 68px; overflow: hidden; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .event-description { margin: 14px 0 28px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .event-description.ellipsis { height: 68px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-info,
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-success {
padding: 11px 21px 10px 20px; outline: none; box-shadow: none;
font-size: 13px; font-weight: 600; letter-spacing: 1.9px; text-transform: uppercase;
}
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-success { margin-left: 6px; }
/* ================================================
FOOTER
================================================ */
footer { background-color: transparent; margin-top: 0; padding-top: 0; }
#footer-main { padding: 48px 0 38px; background: url("/public/116/images/backgrounds/Footer-bg.png") no-repeat center center / cover; }
#footer-main img { width: 348px; }
#footer-main .container > .row:nth-child(1) { margin: 0; display: flex; align-items: center; }
#footer-main .container > .row:nth-child(1) .col-md-10 { width: 66%; }
#footer-main .container > .row:nth-child(1) .col-md-2 { width: 34%; }
#footer-main h4 {
font-size: 20px; padding-left: 17px; position: relative;
color: #ffffff !important; margin: 0 0 22px; text-transform: uppercase;
}
#footer-main h4:before {
content: ""; position: absolute;
width: 3px; height: 100%;
background: #D4AF37;
left: 0; top: 0;
}
#footer-main .container > .row:nth-child(1) .col-md-10 p { color: #fff; font-size: 14px; line-height: 24px; }
#footer-main .container > .row:nth-child(1) .col-md-10 p a { color: #fff; }
#footer-social { height: auto; padding: 0; text-align: left; margin-left: 29px; margin-top: 29px; }
#footer-social a { margin-left: 5px; font-size: 20px; transition: all 0.5s ease; opacity: 1; }
#footer-social a i,
#header-social a i {
color: #302b6d; width: 40px; height: 40px;
transition: all 0.5s ease;
background-color: #ffffff !important;
border-radius: 50%; padding-top: 10px;
}
#footer-social a i:hover,
#header-social a i:hover { background-color: #D4AF37 !important; color: #302b6d !important; }
#footer-main .container > .row:nth-child(2) .col-md-12 { display: none; }
#footer-legals { background: #302b6d; color: #fff; padding: 20px 0; }
#footer-legals .container { display: flex; align-items: center; }
#footer-legals p { font-size: 13px; font-weight: 400; line-height: 11px; }
#footer-legals #footer-poweredby a { font-weight: 400; font-size: 13px; }
#footer-legals .pull-right a { color: #fff; padding: 10px 0; margin: 0 12px; }
/* ================================================
PANELS & EVENTS
================================================ */
.panel-primary { border-color: #302b6d; }
.panel-primary > .panel-heading { color: #fff !important; background-color: #302b6d; border-color: #302b6d; }
.panel-primary > .panel-heading,
.panel-primary > .panel-heading *,
.panel-primary > .panel-heading a,
.panel-heading,
.panel-heading * { color: #ffffff !important; }
.panel-primary > .panel-heading a:hover,
.panel-heading a:hover { color: #D4AF37 !important; }
#list-events .panel-heading,
#list-events .panel-heading *,
#list-events .panel-title,
#list-events .panel-title *,
#list-events .panel-primary > .panel-heading,
#list-events .panel-primary > .panel-heading * { color: #ffffff !important; }
#list-events .panel-heading a,
#list-events .panel-title a,
#list-events .panel-primary > .panel-heading a { color: #ffffff !important; text-decoration: none !important; }
#list-events .panel-heading a:hover,
#list-events .panel-title a:hover,
#list-events .panel-primary > .panel-heading a:hover { color: #D4AF37 !important; }
.event-detail-title,
.event-detail-title h1,
.event-detail-title h2 { color: #ffffff !important; }
/* ================================================
CALENDAR / EVENT FILTERS
================================================ */
.nav-pills > li > a { background-color: #302b6d !important; color: #ffffff !important; border-color: #302b6d !important; }
.nav-pills > li > a:hover { background-color: #D4AF37 !important; border-color: #D4AF37 !important; color: #302b6d !important; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #fff; background-color: #302b6d !important; border-color: #302b6d !important; }
#calendar-filters .btn { padding: 16px 16px; background-color: #302b6d !important; color: #ffffff !important; }
#list-events .btn { padding: 16px 16px; background-color: #302b6d !important; color: #ffffff !important; }
#calendar-filters .btn-info { color: #fff; background-color: #302b6d !important; border-color: #302b6d !important; }
#pg-13740 .btn { font-size: 12px; font-weight: 600; padding: 12px 20px; }
#pg-13740 .btn-info:hover, #pg-13740 .btn-info:focus,
#pg-13740 .btn-info:active, #pg-13740 .btn-info.active,
#pg-13740 .open .dropdown-toggle.btn-info {
background-color: #D4AF37 !important;
border-color: #D4AF37 !important;
color: #302b6d !important;
}
/* ================================================
WHITE HEADING EXCEPTIONS
================================================ */
.jumbotron h1,
#footer-main h4,
.navbar h1, .navbar h2, .navbar h3, .navbar h4,
.event-detail-title h1, .event-detail-title h2,
.panel-primary > .panel-heading h1,
.panel-primary > .panel-heading h2,
.panel-primary > .panel-heading h3,
.panel-primary > .panel-heading h4,
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 {
color: #ffffff !important;
}
/* ================================================
FOOTER MENU (4-column grid)
================================================ */
.alea-footer { width: 100%; padding: 10px 0 0; }
.alea-footer-grid { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 34px; align-items: start; margin-top: 10px; }
.alea-footer-col h4 { margin: 0 0 14px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff !important; }
.alea-footer-col p { margin: 0; font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.9); }
.alea-footer-col a { color: rgba(255,255,255,0.9); text-decoration: none; }
.alea-footer-col a:hover { color: #D4AF37; text-decoration: none; }
.alea-footer-col ul { list-style: none; padding: 0; margin: 0; }
.alea-footer-col ul li { padding: 0; margin: 0; }
.alea-footer-col ul li a { display: inline-block; padding: 6px 0; font-size: 14px; line-height: 22px; }
.alea-footer-contact p a { font-weight: 600; }
/* ================================================
POLICY PAGE
================================================ */
.alea-policy-page { max-width: 1100px; margin: 0 auto; }
.alea-policy-intro { margin-bottom: 28px; color: #444; font-size: 16px; }
.alea-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 28px; }
.alea-policy-card {
background: #ffffff; border-radius: 14px; padding: 26px 28px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
border-left: 4px solid #302b6d;
transition: all 0.25s ease;
}
.alea-policy-card:hover { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0,0,0,0.08); border-left-color: #302b6d; }
.alea-policy-card h3 { margin-top: 0; margin-bottom: 14px; color: #302b6d !important; font-size: 18px; }
.alea-policy-card ul { padding: 0; margin: 0; list-style: none; }
.alea-policy-card li { margin: 10px 0; }
.alea-policy-card a { text-decoration: none; color: #333; font-weight: 500; }
.alea-policy-card a:hover { color: #302b6d; }
/* ================================================
RESPONSIVE
================================================ */
@media (min-width: 768px) {
.navbar .navbar-collapse { display: flex !important; align-items: center; }
.navbar { display: flex; align-items: center; }
.navbar .navbar-collapse .navbar-nav { flex-grow: 1; }
}
@media (max-width: 767px) {
#banner .row { flex-direction: column; }
#banner .header img { margin-left: 0; max-width: 423px; }
#header-social { text-align: center; margin-top: 20px; }
#header-search { width: 90%; float: none; margin: 10px auto 0; }
#header-search .form-control { height: 40px; }
#header-search .btn { max-height: 40px; }
.navbar .navbar-toggle { border-color: #302b6d; background-color: #302b6d; border-radius: 0; }
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: #302b6d; }
.navbar .navbar-nav .open .dropdown-menu { background-color: #fff; text-align: center !important; display: block; }
.navbar .navbar-nav .open .dropdown-menu > li > a { color: #000; }
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #302b6d; color: #fff; }
.navbar .navbar-nav .open .dropdown-menu .active > a { background-color: #302b6d; color: #fff; }
.navbar .navbar-nav > li > a:before { top: 4px; }
.navbar .navbar-nav > li > a { padding: 9px 13px; }
.navbar .navbar-nav .dropdown-menu li a { padding: 6px 16px; font-size: 13px; }
.navbar .navbar-collapse .navbar-nav.navbar-right { margin-left: 0; text-align: center; margin-bottom: 30px; }
.navbar .navbar-collapse .navbar-nav.navbar-right > li { float: none; }
.navbar .navbar-collapse .navbar-btn { float: none; padding: 12px 25px; font-size: 13px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption {
position: relative; top: 0; transform: none; width: 100%; left: 0;
text-align: center; padding: 30px 20px;
background: #302b6d;
}
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:before { display: none; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .container { padding: 0; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 { font-size: 22px; line-height: 32px; margin: 0 0 14px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption p { font-size: 14px; line-height: 24px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:after { background-size: 70px; z-index: 9999; opacity: 0.3; }
#promo-bar-wrapper:before { background-size: cover; width: 100px; height: 157px; top: 60px; }
#promo-bar-wrapper:after { background-size: cover; width: 100px; height: 102px; }
#promo-bar-wrapper #promo-bar { padding: 60px 10px; text-align: center; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box img { margin-bottom: 16px; height: 80px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box h4 { font-size: 18px; padding-bottom: 10px; margin: 0 0 14px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box p { font-size: 14px; line-height: 24px; }
#promo-bar-wrapper #promo-bar .promopanel:not(:last-child) { margin-bottom: 40px; }
#home-teasers .teaser-cards { padding: 60px 0; }
#home-teasers .teaser-inner { width: 100% !important; }
#home-teasers .teaser-inner .teaser-heading { flex-direction: column; text-align: center; }
#home-teasers .teaser-inner .teaser-heading .col-xs-6 { width: 100%; }
#home-teasers .teaser-inner .teaser-heading h2 { font-size: 24px; float: none !important; margin-bottom: 20px; }
#home-teasers .teaser-heading .btn { font-size: 13px; float: none !important; }
#home-teasers .teaser-cards .slick-slider .thumbnail { max-width: 350px; margin: 0 auto; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-info,
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-success { font-size: 11px; letter-spacing: 0; }
#home-teasers #home-teasers-news-cards:after { width: 70px; height: 125px; background-size: 70px 125px; top: 0; }
#home-teasers #home-teasers-news-cards:before { background-size: 200px 99px; width: 200px; height: 99px; }
#home-teasers #home-teasers-events-cards:before { width: 100px; height: 100px; background-size: 100px; }
#footer-main .container > .row:nth-child(1) .col-md-10,
#footer-main .container > .row:nth-child(1) .col-md-2 { width: 100%; }
#footer-main .container > .row:nth-child(1) { flex-direction: column-reverse; }
#footer-main img { width: 250px; float: none !important; margin: 0 auto 30px; display: block; }
#footer-main .container > .row:nth-child(1) .col-md-10 { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
#footer-main h4 { font-size: 16px; padding-left: 12px; margin: 0 0 11px; }
#footer-main .container > .row:nth-child(1) .col-md-10 p { font-size: 12px; line-height: 20px; }
#footer-social { text-align: center; margin-left: 0; }
#footer-legals .container { flex-direction: column; text-align: center; }
#footer-legals p { font-size: 11px; line-height: 19px; margin-bottom: 4px; }
#footer-legals #footer-poweredby a { font-weight: 400; font-size: 11px; }
#footer-legals #footer-poweredby { margin-bottom: 20px; }
.alea-footer-grid { grid-template-columns: 1fr; }
.alea-policy-grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 991px) {
#banner .row .col-md-5, #banner .row .col-md-7 { flex-grow: 1; }
#banner .header img { margin-left: 0; max-width: 635px; width: 100%; height: auto; }
#header-search .form-control { height: 40px; }
#header-search .btn { max-height: 40px; }
.navbar-inverse { padding: 13px 0; }
.navbar .navbar-nav > li { margin: 5px 8px; }
.navbar .navbar-nav > li > a { padding: 0px 4px; font-size: 11px; }
.navbar .navbar-nav > li > a:before { top: 0; }
.navbar .navbar-collapse .navbar-btn { padding: 11px 18px; font-size: 10px; }
.navbar .navbar-nav .dropdown-menu li a { font-size: 11px; padding: 10px 16px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:after { background-size: 80px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption { width: 488px; left: 16%; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 { font-size: 22px; line-height: 32px; margin: 0 0 14px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption p { font-size: 14px; line-height: 24px; }
#promo-bar-wrapper:before { background-size: cover; width: 100px; height: 157px; top: 60px; }
#promo-bar-wrapper:after { background-size: cover; width: 100px; height: 102px; }
#promo-bar-wrapper #promo-bar { padding: 60px 30px; }
#promo-bar-wrapper #promo-bar .promopanel { width: 50%; float: left; text-align: center; padding: 0 15px; }
#promo-bar-wrapper #promo-bar .promopanel:nth-child(-n+2) { margin-bottom: 50px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box img { margin-bottom: 16px; height: 80px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box h4 { font-size: 18px; padding-bottom: 10px; margin: 0 0 14px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box p { font-size: 14px; line-height: 24px; }
#home-teasers .teaser-cards { padding: 60px 20px; }
#home-teasers .teaser-inner { width: 100% !important; }
#home-teasers .teaser-inner .teaser-heading h2 { font-size: 28px; }
#home-teasers .teaser-heading .btn { font-size: 13px; }
#home-teasers #home-teasers-news-cards:after { width: 70px; height: 125px; background-size: 70px 125px; top: 0; }
#home-teasers #home-teasers-news-cards:before { background-size: 200px 99px; width: 200px; height: 99px; }
#home-teasers #home-teasers-events-cards:before { width: 100px; height: 100px; background-size: 100px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-info,
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-success { font-size: 11px; letter-spacing: 0; }
#footer-legals .container .col-md-6 { flex: 1; }
#footer-main img { width: 288px; }
#footer-main .container > .row:nth-child(1) .col-md-10 { width: 46%; }
#footer-main .container > .row:nth-child(1) .col-md-2 { width: 54%; }
.alea-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) and (max-width: 1199px) {
#banner .header img { max-width: 741px; width: 100%; height: auto; }
.navbar-inverse { padding: 13px 0; }
.navbar .navbar-nav > li { margin: 5px 5px; }
.navbar .navbar-nav > li > a { padding: 0px 4px; font-size: 11px; }
.navbar .navbar-nav > li > a:before { top: 0; }
.navbar .navbar-collapse .navbar-btn { padding: 11px 18px; font-size: 10px; }
.navbar .navbar-nav .dropdown-menu li a { font-size: 11px; padding: 10px 16px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:after { background-size: 100px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption { width: 600px; left: 16%; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 { font-size: 32px; line-height: 42px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption p { font-size: 16px; line-height: 26px; }
#promo-bar-wrapper:before { background-size: 130px; }
#promo-bar-wrapper:after { width: 120px; height: 122px; background-size: cover; }
#promo-bar-wrapper #promo-bar { padding: 80px 20px; }
#promo-bar-wrapper #promo-bar .promopanel { padding: 0 15px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box img { margin-bottom: 16px; height: 80px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box h4 { font-size: 18px; padding-bottom: 10px; margin: 0 0 14px; }
#promo-bar-wrapper #promo-bar .promopanel .promo-box p { font-size: 14px; line-height: 24px; }
#home-teasers .teaser-cards { padding: 80px 20px; }
#home-teasers .teaser-inner { width: 100% !important; }
#home-teasers .teaser-inner .teaser-heading h2 { font-size: 28px; }
#home-teasers .teaser-heading .btn { font-size: 13px; }
#home-teasers #home-teasers-news-cards:after { width: 70px; height: 125px; background-size: 70px 125px; }
#home-teasers #home-teasers-news-cards:before { background-size: 200px 99px; width: 200px; height: 99px; }
#home-teasers #home-teasers-events-cards:before { width: 100px; height: 100px; background-size: 100px; }
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-info,
#home-teasers .teaser-cards .slick-slider .slick-slide .caption .btn-success { font-size: 11px; letter-spacing: 0; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item:after { background-size: 130px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption h1 { font-size: 42px; line-height: 52px; }
#pg-10716 #carousel-banner-wrapper #carousel-banner .carousel-inner .item .carousel-caption p { font-size: 18px; line-height: 30px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
#promo-bar-wrapper #promo-bar { padding: 108px 70px; }
}
@media (min-width: 1400px) and (max-width: 1699px) {
#promo-bar-wrapper #promo-bar { padding: 108px 130px; }
}
@media (max-width: 900px) {
.alea-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
.alea-policy-grid { grid-template-columns: 1fr; }
}