/*
 Theme Name:     CoolrAI
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Akiko Design Ltd
 Author URI:     https://www.akikodesign.com/
 Template:       wp-bootstrap-starter
 Version:        1.0.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/
@import url("https://use.typekit.net/rfy6mmv.css");
@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300&display=swap');

/*
Montserrat font
font-family: montserrat, sans-serif;
font-family: montserrat, sans-serif;
Normal - 400;
Medium - 500
Semi-bold - 600
font-style: normal;
font-style: italic;
*/

body {font-size:1.5rem;/*font-size: 24px;*/font-family: montserrat, sans-serif; line-height: 1.29; color: #3452ff; font-weight: 400;text-size-adjust:100%;font-style: normal;}
body h1, body h2, body h3, body h4, body h5, body h6 {font-family: montserrat, sans-serif; margin-bottom:15px; color: #3452ff; font-weight: 400; padding-bottom: 0;}
h1, .h1 {font-size: 4.375rem;line-height: 1.11;/*font-size: 70px;*/}
h2, .h2 {font-size: 3.5rem; line-height: 1.11;/*font-size: 56px;*/}
h3, .h3 {font-size: 2.25rem; line-height: 1.11; /*font-size: 36px;*/}
h4, .h4 {font-size: 1.875rem; /*font-size: 30px;*/}
h5, .h5 {font-size: 1.5rem; /*font-size: 24px;*/}
h6, .h6 {font-size: 1.125rem; /*font-size: 18px;*/}
p {line-height: 1.5;}
/*a {color: #5b0629;}*/
a:hover {text-decoration: none;}
strong {font-weight: 600;}
img {max-width: 100%; height: auto;}
.large-text {font-size: 1.5rem}
.small-text {font-size: 1.375rem;}
.heading {font-family: montserrat, sans-serif;}
.montserrat {font-family: montserrat, sans-serif;}
.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.sulphur-point-light { font-family: "Sulphur Point", sans-serif; font-weight: 300; font-style: normal; }
.sulphur-point-light svg {vertical-align: text-top;}

h1 small, .h1 small {font-size: 75%;}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span {font-weight: 600; font-style: italic;}


.entry-content p a, p a, li a {text-decoration: underline;font-weight: bold; color: inherit;word-break: break-word;}

p.subheading {font-size: 24px; line-height: 35px; font-weight: 600;}
.see-all {font-size: 24px; line-height: 52px; font-family: montserrat, sans-serif; font-weight: 700; color:#0d5158; }
.see-all:hover {color: inherit; text-decoration: underline;}
/*.see-all:after {content:url('/wp-content/uploads/2024/03/white-arrow-right.svg'); margin-left: 10px;}
.bg-ffffff .see-all:after, .light-green-grad .see-all:after  {content:url('/wp-content/uploads/2024/03/green-arrow-right.svg');}*/
.opensans {font-family: 'Open Sans', sans-serif;}

.subheading span {position: relative;}
.subheading span:before { content: ""; display: block; width: 44px; height: 1px; background: #fff; left: -54px; top: 49%; position: absolute;}
.subheading span:after { content: ""; display: block; width: 44px; height: 1px; background: #fff; right: -54px; top: 49%; position: absolute;}

.co_headlinebold {font-family: 'co_headlinebold', sans-serif;}

.screen-reader-text { background-color: #0d5158 !important; color: #fff !important;}

body .cky-box-top-right {
    top: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

body .container {max-width: 1356px}

body .widget { font-size: 100%; }

body .has-blue-color {color:#3452ff;}
body .has-mid-blue-color {color:#0002a1}
body .has-dark-blue-color {color:#0c175b}
body .has-pink-color {color:#db2097;}
body .has-white-color {color:#ffffff;}
body .has-black-color {color:#0c175b;}

body .has-blue-background-color {background-color:#3452ff;}
body .has-light-blue-background-color {background-color:#d2e9fb;}
body .has-mid-blue-background-color {background-color:#0002a1}
body .has-dark-blue-background-color {background-color:#0c175b}
body .has-pink-background-color {background-color:#db2097;}
body .has-white-background-color {background-color:#ffffff;}
body .has-black-background-color {background-color:#0c175b;}
body .has-transparent-background-color {background-color: transparent;}

body .wp-block-separator {border-bottom: none;}

hr.has-blue-color {border-top: 1px solid #3452ff;}
hr.has-mid-blue-color {border-top: 1px solid #0002a1}
hr.has-dark-blue-color {border-top: 1px solid #0c175b}
hr.has-pink-color {border-top: 1px solid #db2097;}
hr.has-white-color {border-top: 1px solid #ffffff;}
hr.has-black-color {border-top: 1px solid #0c175b;}

.opacity-0 {opacity: 0;}
.opacity-5 {opacity: 0.5;}
.opacity-1 {opacity: 1;}
.animated {opacity: 0;}
.animated.opacity-1 {opacity: 1;}
.animated.delay-05s, .animate__animated.delay-05s { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; --animate-delay: 0.25s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay);}

.z-index-1 {z-index: 1;}
.z-index-10 {z-index: 10;}
.overlay-link {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;}

.hide-overflow {overflow: hidden;}

body .btn {min-height:56px; padding: 19px 24px; border-radius: 40px;font-weight: 600; line-height: 1.3; transition: all 0.5s; font-size: 1.25rem; /*font-size: 16px;*/ margin-top: 20px; text-decoration: none;}
body .btn:hover {transition: all 0.5s;}
body .btn.has-blue-background-color:hover {background-color:#db2097;}
body .btn.has-pink-background-color:hover {background-color:#3452ff;}
body .btn.has-white-background-color:hover {background-color:#db2097!important; color: #fff;}
body .btn.arrow {padding-right: 55px; position: relative;}
body .btn.arrow:after {position: absolute; right: 24px; top: auto; bottom: auto; transition: all 0.5s; display:inline-block; content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M19.352 0c.358 0 .648.29.648.648v18.153c0 .358-.29.648-.648.648h-1.297a.648.648 0 0 1-.648-.648l-.001-14.375L2.024 19.81a.648.648 0 0 1-.917 0l-.917-.917a.648.648 0 0 1 0-.917L15.573 2.593H1.199a.648.648 0 0 1-.648-.648V.648C.55.29.84 0 1.199 0h18.153z" fill-rule="nonzero" fill="%23FFF"/></svg>');}
body .btn.arrow:hover:after {rotate: 45deg;transition: all 0.5s;}
body .btn.focus, body .btn:focus, body button:focus { box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 1)!important;}
body header#masthead .search-link:focus {box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 1);}
body .frm_button_submit:focus {box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 1);}

body .facetwp-facet { margin-bottom: 0; }

#searchModal .modal-content {border-radius: 50px;}
.modal-content .modal-header {border-bottom: none;}
.modal-content .modal-header .close { margin: -0.5rem -0.5rem -1rem auto; font-size: 50px; font-weight: 400; line-height: 30px; color: #fff; transform: rotate(45deg); text-shadow: 0 1px 0 #fff; opacity: 1.0; position: absolute; top: 10px; right: 10px;}
.modal-content .modal-header h3 {margin: 0 auto;}
.modal-content .modal-body form {position: relative;}
.modal-content .modal-body form .search-field {height: 56px; border-radius: 0;border: 2px solid #fff; border-radius: 20px;}
.modal-content .modal-body form span.search-submit-wrap {position: absolute; right: 0; top: 0;}
.modal-content .modal-body form span.search-submit-wrap input  {background-image: url('/wp-content/uploads/2026/02/search-icon.svg'); background-repeat: no-repeat; text-indent:-9999px; background-position: center; border-radius: 0; width: 56px; height: 56px; border: none;border-radius: 20px;}

.form-widget form {position: relative;}
.form-widget form .search-field {height: 56px; border-radius: 0;border: 2px solid #0d5158;}
.form-widget form span.search-submit-wrap {position: absolute; right: 0; top: 0;}
.form-widget form span.search-submit-wrap input  {background-image: url('/wp-content/uploads/2026/02/search-icon.svg'); background-repeat: no-repeat; text-indent:-9999px; background-position: center; border-radius: 0; width: 56px; height: 56px; border: none;}

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; border-radius: 30px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

/*Header*/
body header#masthead { padding: 43px 0 20px; width: 100%; z-index: 1000; background-color: rgba(255,255,255,0.0); transition: all .5s; min-height: 98px; overflow: visible; box-shadow: none; position: absolute; z-index: 100;}
/*body header#masthead.sticky {background-color: rgba(255,255,255,1.0);transition: all .5s;}*/
body header#masthead .container {max-width: 1484px}
body header#masthead .container .navbar {border-radius: 62px; padding: 20px 24px; background: #3452FF; background: linear-gradient(90deg,rgba(52, 82, 255, 1) 0%, rgba(52, 82, 255, 1) 70%, rgba(52, 82, 255, 0.8) 100%);}
body header#masthead .navbar-brand a:focus {outline-style: solid; outline-width: 2px; outline-color: #007bff; outline-offset: -2px;}
body header#masthead .navbar-brand svg {transition: all 0.5s; height: 38px; width: auto;}
body header#masthead .btn {padding: 14px 24px; border-radius: 29px;}
body header#masthead .btn.arrow {padding-right: 55px;}
body header#masthead .search {padding: 9px; border-radius: 100%; width: 56px; height: 56px; display: inline-block;}

body header#masthead .utilities .scc-logo svg {height: 68px; width: auto;}

body #content.site-content { padding-bottom:0; padding-top: 0;}
body .page-content, body .entry-content, body .entry-summary {margin: 0;}
body .post.hentry {margin-bottom: 0;}

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

form.frm-show-form.frm_pro_form {background-color: #fff; padding: 20px; border-radius: 0;}
#frm_form_4_container form.frm-show-form.frm_pro_form {padding: 0;}
.frm_forms.with_frm_style input[type=text], .frm_forms.with_frm_style input[type=password], .frm_forms.with_frm_style input[type=email], .frm_forms.with_frm_style input[type=number], .frm_forms.with_frm_style input[type=url], .frm_forms.with_frm_style input[type=tel], .frm_forms.with_frm_style input[type=file], .frm_forms.with_frm_style input[type=search], .frm_forms.with_frm_style select {background: #ffffff; border: 1px solid #0d5158; border-radius: 0;color: #000000;height: 46px; padding: 12px;}
.frm_forms.with_frm_style .frm_full textarea {background: #ffffff; border: 1px solid #0d5158; border-radius: 0;color: #000000; padding: 12px;}
.frm_forms.with_frm_style .frm_radio input[type=radio], .frm_forms.with_frm_style .frm_scale input[type=radio], .frm_forms.with_frm_style .frm_checkbox input[type=checkbox] {width: 24px!important; height: 24px!important;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_submit button {font-family: montserrat, sans-serif; line-height: 15px; font-weight: 900;}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type="checkbox"]:not([disabled]):checked {background-color: #0d5158 !important;}


#page-inner { position: relative; background: #fff; z-index: 1; /*overflow: hidden;*/ border-radius: 0 0 50px 50px;}
/*#page-inner .bsgh_block_panel:last-of-type*/
#page-inner .bsgh_block_panel:last-of-type { border-radius:0 0 50px 50px;}
#page-inner .bsgh_block_panel:last-of-type figure.cta-bg img {border-radius:0 0 50px 50px;}
/*Footer*/

/*.site-info {font-size: 12px;}*/
footer#colophon-section {position: sticky; bottom: 0;margin-top: -50px; padding-top: 50px;}
.bottom-nav ul {padding-left: 0; list-style: none;}
.bottom-nav ul li {height: 40px; font-size: 20px}
.bottom-nav ul li a {color: #fff; text-decoration: none; font-weight: 500;}
.bottom-nav ul li a:hover {text-decoration: underline;}
.footer-logo svg {height:68px; width: auto;}
.footer-bg {position: absolute; top: 0; right: 0; z-index: 0;}

.footer-text {font-size: 20px;}

.newsletter-cta {}
.newsletter-cta .btn:hover {background-color: transparent;}

/*404 page*/
/*.error404 .site-main article {margin-top: 66px;}
.error404 .related-news figure {height: 178px; position: relative;}
.error404 .related-news figure figcaption {position: absolute; left: 0; bottom: 0; padding: 5px; font-size: 14px; color: #fff; background-color: #303030;}
*/

#breadcrumbs, #breadcrumbs a {color: #0d5158;}
#breadcrumbs .breadcrumb_last {font-weight: 500;}
.bread-crumb-wrap {margin-bottom: -3rem; position: relative; z-index: 10;}

#bttbutton { display: inline-block; background-color: #0d5158; width: 40px; height: 40px; text-align: center; position: fixed; bottom: 30px; right: 14px; transition: background-color .3s,opacity .5s,visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; padding: 2px 8px; border: 1px solid #fff;border-radius: 8px;}
#bttbutton::after { content: url('/wp-content/uploads/2025/06/white-arrow-up.svg'); vertical-align: text-top;}
#bttbutton:hover { cursor: pointer; background-color: #c8da2c; }
#bttbutton:active { background-color: #c8da2c;}
#bttbutton.show { opacity: 1; visibility: visible;}

/*Home*/

/*Single News Article*/

/*Events*/

body .pw-protected form .btn {margin-top: 0; background-color: #0d5158; color: #fff; padding: 14px 24px 14px 24px;}

/*Site map*/
body .wshs-post-simple-list li a:hover {text-decoration: underline; color: #0d5158;}

/*Media Queries*/

/*@media screen and (min-width: 1200px) {

    .single-event .em-booking-form-details .input-user-field {width: 50%; float: left; padding-right: 15px;}

}*/

@media screen and (min-width: 992px) {


}

@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 1100px) {
    body header#masthead .btn.arrow:after {display: none;}
    body header#masthead .btn.arrow {padding-right: 24px;}
}

@media screen and (max-device-width: 991px) {

    body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {background: transparent;}

    body .btn { line-height: 1.6;}

}

@media screen and (max-device-width: 767px) {
    body {font-size:1.4rem;}
    body .btn { font-size: 1.5rem;}
    h5, .h5 {font-size: 1.6rem; /*font-size: 24px;*/}
    h6, .h6 {font-size: 1.5rem; /*font-size: 18px;*/}

    .footer-logo-wrap svg {width: 100%; height: auto;}
}

@media screen and (max-width: 575px) {

    #page-inner .bsgh_hero_block:first-child { padding-top: 150px;}

}

@media screen and (max-width: 442px) {

}