/* ========================================================
CSS Bobbie Bastow Genetics Foundation (BBGF)  @2023
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Medium.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Medium.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-MediumItalic.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-MediumItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
         url('/app/themes/bbgf/resources/assets/fonts/IBMPlexSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-brown{ color:#a35000; }
.color-light-blue{ color:#0e749a; }
.color-dark-blue{ color:#0c7fb1; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-brown{ background-color:#a35000; }
.bg-color-light-blue{ background-color:#0e749a; }
.bg-color-dark-blue{ background-color:#0c7fb1; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }

/*buttons*/
.btn-01{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; display:table; background-color:#0c7fb1; color:#fff; padding:1rem 1.5rem!important; text-decoration:none; }
.btn-01:hover{ background-color:#0c7fb1; color:#fff; padding:1rem 1.75rem!important; }

.btn-02{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; display:table; background-color:#0b4c64; color:#fff !important; padding:1rem 1.5rem!important; text-decoration:none; }
.btn-02:hover{ background-color:#1e86b3;  padding:1rem 1.75rem!important; color:#f8c321 !important; }



/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'IBMPlexSans', sans-serif;  font-weight:normal; background-image:url(/app/themes/bbgf/resources/assets/images/bg.png); }
/*Text*/
h1{  }
h2{ color:#0c7fb1; }
h3{ color:#0e749a; }
a{  }
a:hover{ text-decoration:none; }
p{  }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.skipcontent:focus {
    background: #0c7fb1;
    border-radius: 0 0 12px 0;
    border: none;
    color: #fff;
    font-weight: 500;
    left: auto;
    outline: none;
    padding: 0.5rem 0.75rem;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 10000;
	clip: auto;
	width:auto;
	height:auto;
}

.navbar{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; background-color:rgba(0,0,0,0.05); }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{  -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar-brand img{ max-width:200px; width:100%; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
/*on-scroll*/
.navbar.on-scroll{ background-color:#0c7fb1!important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1); }
.on-scroll .navbar-brand{ padding:0.4rem 0; }
.on-scroll .navbar-brand img{ width:75%; }

.navbar a{ text-decoration:none!important; }

.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.nav-link{ font-weight:normal; color:#fff; font-size:1.2rem; text-shadow:0 0 10px rgba(0,0,0,0.5); }
.nav-link:focus, .nav-link:hover, .nav-link.active{ color:#fff; text-decoration:underline!important; text-shadow:none; }

.navbar.on-scroll .nav-link{ color:#fff; font-size:1.2rem; text-shadow:none; }
.navbar.on-scroll .nav-link:hover{ color:#fff; text-decoration:underline!important; }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer a{ color:#fff; }
#footer ul li a{ color:#000; }
#footer .social a{ color:#fff; }
#footer .copyright-fusio{ font-size:0.8rem; }
#footer .copyright-fusio a{ color:#000; }
#btn-backtop {
    cursor: pointer;
    color: #fff;
	background-color:#0c7fb1;
    font-size: 2rem;
	text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #fff;
    position: fixed;
    bottom: 80px;
    right: 10px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#btn-backtop.show{ opacity: 1; visibility: visible; }

.otgs-development-site-front-end{ display:none; }

/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-hero*/
html, body, .section-hero, .section-hero .container{ height:100%; }
.section-hero{  }
.section-hero h1{  }

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{  }
.section-contentpage p{  }
.section-contentpage a{  }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }

.section-content a{ color: #0c7fb1; font-weight: 600; }

/*nav-side*/
.nav-side li a{ font-size:1rem; font-weight:normal; font-weight:normal; color:#fff; font-size:1.2rem; text-shadow:0 0 10px rgba(0,0,0,0.5); }
.nav-side li a:hover{ color:#fff; text-decoration:underline!important; text-shadow:none; }
.nav-side li.current_page_item, .nav-side li:hover{ background-color:#587b7b!important; }
.nav-side li a:hover{ color:#fff; }
.nav-side li{ border-bottom:1px solid rgba(255,255,255,0.15); }
.nav-side li:first-child{ margin-bottom:1rem; border-bottom:1px solid rgba(255,255,255,0.3); }
.nav-side li:first-child a{ font-size:1.4rem; }

/*nav-side-menu*/
.nav-side-menu li a{ font-size:1rem; font-weight:normal; font-weight:normal; color:#fff; font-size:1.2rem; text-shadow:0 0 10px rgba(0,0,0,0.5); padding: 0.5rem 1rem; display: block; text-decoration:none; }
.nav-side-menu li a:hover, .nav-side-menu li.current_page_item a{ color:#fff; text-decoration:underline!important; text-shadow:none;  text-decoration:underline; }
.nav-side-menu li.current_page_item, .nav-side-menu li:hover{ background-color:#587b7b!important; }
.nav-side-menu li a:hover{ color:#fff; }
.nav-side-menu li{ border-bottom:1px solid rgba(255,255,255,0.15); }
.side-navigation h2{ margin-bottom:1rem; border-bottom:1px solid rgba(255,255,255,0.3); }
.side-navigation h2 a{ font-size:1.4rem; }

/*gravity forms*/
.ginput_container.ginput_container_consent{ display:flex; }
.ginput_container.ginput_container_consent input{ width:30px; margin-right:1rem; }


/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	
}

/*less than 992px*/
@media (max-width: 992px) {
	.nav-link{ text-align:center; }
	.section-hero .btn-01{ padding: 1rem 1rem!important; font-size:0.9rem; }
	#footer img{ max-width:150px; } 
}

/*more than 992px*/
@media (min-width: 992px) {	
	
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	
}

/*less than 1200px*/
@media (max-width: 1200px) {
	.navbar.on-scroll .nav-link { font-size: 1rem; }
}



.page-id-55 h3 , .page-id-58 h3, .page-id-60 h3 , .page-id-130 h3 {background-color:#12555d;color: #fff; border-bottom: 1px solid #587b7b; padding: 0.4rem 0.1rem ; font-size: 1.5rem;}
.moredetails {border: 1px solid #587b7b; padding: 1rem;}
.page-id-55 svg {
        filter: invert(25%) sepia(69%) saturate(487%) hue-rotate(138deg) brightness(91%) contrast(94%);
    }


/* complaint form */
#field_1_65 legend , #field_1_6 , #field_1_24 , #field_1_66 legend  , #field_1_36 {background-color:#12555d;color: #fff; border-bottom: 1px solid #587b7b; padding: 0.4rem 0.2rem ; font-size: 1.5rem;}
#field_1_57 label {background-color:#12555d;color: #fff; border-bottom: 1px solid #587b7b; padding: 0.4rem 0.2rem ; font-size: 1.5rem; width: 100%}


#input_1_65 div {padding-top: 0.5rem;}
#input_1_65 div .gfield-choice-input {vertical-align: top !important; margin-top: 4px;}
#input_1_65 div label {vertical-align: top !important;}

.gsection {border-bottom: 1px dotted #0c7fb1 !important; padding: 0px 2rem !important;}

.gform_wrapper .validation_message {border: none!important; color: #d00; font-weight: bold; }
.gform_wrapper .validation_message:before { 
    background: url(/app/themes/bbgf/resources/assets/images/icon-warning.svg) no-repeat 50% 50% / contain; 
    content:'' !important; 
    display: inline-block;
    height: 16px;  width: 16px;
    margin-right: 6px; padding-right: 0 !important; 
}
#gform_submit_button_1 {background-color: #12555d !important; color: #fff; border-radius: 0.25rem; text-transform: uppercase; font-weight: bold; padding: 0.5rem; border: none;} 

/* contact form */

#gform_submit_button_2 {background-color: #12555d !important; color: #fff; border-radius: 0.25rem; text-transform: uppercase; font-weight: bold; padding: 0.5rem; border: none;} 

/* Accordions */
/* https://getbootstrap.com/docs/5.0/components/accordion/ */
.accordion-item  {border: 1px solid #12555d }
.accordion-item h2 button {font-variant: small-caps; font-size: 1.5rem;}

.accordion-button:not(.collapsed) {background-color: #12555d !important; color: #fff;}
.accordion-button {background-color: #587b7b !important; color: #fff;}
.accordion-body h3 {font-size: 1.35rem !important; padding-top: 0.4rem; }