@charset "utf-8";

/*!
Theme Name: EHS
Theme URI: WWW.OPUSDESIGN.US
Author: OPUS DESIGN
Developer: sam osiris
Author URI: WWW.OPUSDESIGN.US
Description: Environment, Health & Safety website
Version: 1.0.0
Text Domain: ehs
Tags: organization, environment, health, safety


*/

/* IMPORT LIST */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700,800,900|Open+Sans:300,300i,400,400i,600,700,800&display=swap');


/*

+ Enviornment, Health & Safety website

-------------------------------------------------------------------

[Table of contents]

0. General
1. Guidelines ( UI Design )
2. Header
3. Vision section
4. Spotlight section
5. Areas of support section
6. Did you know ? / articles section
7. Footer
8. Basic Page
9. overview page
10. Search results
11. Forms
12. Team
13. Events
14. SOP's

-------------------------------------------------------------------

*/


/* ---------------------------------------------------
     0. Guidelines
----------------------------------------------------- */

body {
    background:#fff;
   margin:0; padding:0;
}

.container-fluid {
    padding-left:40px;
    padding-right: 40px;
}

/*headings*/
h1,
h2,
h3,
h4,
h5,
h6 {

}

h3,h5,h6 {
    font-weight: 700;
}

strong {
  font-weight: 800;
}

small {
  font-size: 75%;
}

/* paragraphs */
p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625em;
  color:#00405B;
}

p.lg-paragraph {
    font-size: 25px;
}


/* links */

a {
    text-decoration: none !important;
}

a.logo-text {
   font-size: 28px;
   letter-spacing: .5px;

}


a,
a:visited {
  outline: 0;
}

a:hover {
    cursor: pointer;

}

a:active, a:focus {
/* outline: 0; */
}

button {
    background:none;
    border:none;
    cursor: pointer;
}

button:active, button:visited, button:focus, button:hover {
    /* outline: 0; */
    cursor: pointer;

}

input {
    border:none;
}

textarea:focus, input:focus, input:hover{
   /* outline: 0; */
}

ul {
    list-style: none;
    padding:0;
    margin:0;
    -webkit-padding-start: 0;
}

img {
    max-width: 100%;
}

*:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
/* ::-moz-selection { background: #0461BF; }
::selection { background: #0461BF; }
*/

/* ---------------------------------------------------
     1. Guidelines ( UI Design elements )
----------------------------------------------------- */

/* BUTTONS & LINKS */

.btn {
    font-weight: 700;
}

.btn-lg {
    width:265px;
    font-weight: 700;
}

.btn-Blue {
    margin-top: 15px;
    background: #01393E;
    border-color: #01393E;
    color: #FFFFFF;
}
.btn-Blue:hover {background: #59727E !important;}

.btn-greyBlue, .btn-tealBlue {
    color:#00405B;
}
.btn-tealBlue {
    background: #4DF5DB;
}
.btn-primary:hover, .btn-primary:focus {
    background:#59727E;
    border-color:#59727E;
}

.btn-Turquoise:hover, .btn-Turquoise:focus, .btn-yellow:hover, .btn-yellow:focus, .btn-Blue:focus, .btn-Blue:hover {
    background:#DAE3E7;
    border-color:#DAE3E7;
}


.btn-greyBlue:hover, .btn-greyBlue:focus, .btn-tealBlue:hover, .btn-tealBlue:focus {
    background:#4DF5DB;
    border-color:#4DF5DB;
}

.cat-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color:#00405B;
    padding-bottom: 6px;
    border-bottom: 3px solid #00405B;
}

.cat-btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color:#00405B;
    padding-bottom: 6px;
    border-bottom: 3px solid #00405B;
}

/* DISPLAY HEADINGS & TYPOGRAPY */


/*.display-heading-section {
    margin-bottom: 0px;
}*/

.display-1 {
    line-height: 1.8;
}
.display-heading-section h1, .display-heading-section h2 {
    position: relative;
    display: inline-block;
}

.display-heading-section h1:before,
.display-heading-section h1:after,
.display-heading-section h2:before,
.display-heading-section h2:after {
    content:"";
    position: absolute;
    display: block;
    background: #4DF5DB;
    width:102px;
    height:9px;
    border-radius: 10rem;

}

.display-heading-section h1:after, .display-heading-section h2:after {
    right:0;
    bottom:0;
}

.display-heading-section h1:before, .display-heading-section h2:before {
    left:0;
    top:0;
}

.display-2-heading-section {
    margin-bottom: 50px;
}

.display-2-heading-section h2 {
    position: relative;
    display: inline-block;
    line-height: 1em;
}

.display-2-heading-section h2:after {
    content:"";
    position: absolute;
    left:0; bottom:-50px;
    display: block;
    background: #4DF5DB;
    width:50%;
    height:9px;
    border-radius: 10rem;

}


h6.heading-6 {
    color:#00405B;
    position: relative;
    margin-bottom: 40px;
    display: inline-block;
}

h6.heading-6:after {
    content:"";
    display: block;
    background:#00CFD8;
    width: 100%;
    height:3px;
    border-radius: 5rem;
    position: absolute;
    left:0;
    bottom:-5px;
}

p.regular-paragraph {
    font-size: 1.125rem;
}

p a {
    color:#0461BF;
    font-weight: bold;
    text-decoration: underline !important;
}

p a:hover, p a:focus {
    color:#00405B;
    font-weight: bold;
    text-decoration: underline !important;
}


/* READMORE BUTTON */

.readmore-wrapper, .bg-margin-for-link {
    position: relative;
    margin-bottom: 30px;
}

.readmore-wrapper:after, .bg-margin-for-link:after {
    content:"";
    position: absolute;
    right:0;
    top:8px;
    display: block;
    background:#dae3e7;
    height:9px; width:85%;
    border-radius: 5rem;
    z-index: 1;
}

a.read-more-btn, a.bg-showmore-plg-link {
    background:#fff;
    color:#0461BF;
    font-weight: bold;
    padding-right:15px;
    position: relative;
    z-index: 2;
    height:60px;

}


a.read-more-btn:after, a.bg-showmore-plg-link:after {
    content:"\f107";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0461BF;
    font-size: 1rem;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    z-index: 1;
    text-rendering: optimizeLegibility;

}

a.read-more-btn:hover:after, a.bg-showmore-plg-link:hover:after {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

/* quotes wordpress */

.wp-block-pullquote  {
    border:0;
    padding:0;
}

.wp-block-pullquote blockquote, blockquote.blockquote {
    background:#00405B;
    color:#fff;
    padding:65px;
    font-size: 2rem;
    font-weight: 800;
    position: relative;
    margin-bottom: 45px;
}

.wp-block-pullquote blockquote > p , blockquote.blockquote  p {
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4em;
}

.wp-block-pullquote blockquote:before, blockquote.blockquote:before {
    content:"";
    background:#4DF5DB;
    height:10px; width:100px;
    border-radius: 5rem;
    position: absolute;
    top:15px;
    left:-30px;
}

.wp-block-pullquote blockquote:after, blockquote.blockquote:after {
    content:"";
    background:#4DF5DB;
    height:10px; width:100px;
    border-radius: 5rem;
    position: absolute;
    bottom:15px;
    right:-30px;
}

.wp-block-pullquote blockquote cite, blockquote.blockquote cite {
    color:#fff;
    padding:0;
}

.wp-block-pullquote blockquote cite:before, blockquote.blockquote cite:before {
    display: none;
}

blockquote {
    background:#fff;
    color:#0461BF;
    margin-bottom: 45px;

}

blockquote > p {
    color:#0461BF;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4em;
}

.wp-block-quote {
    border:0;
}

blockquote cite {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    position: relative;
    padding-left: 70px;

}

blockquote cite:before {
    content:"";
    background:#4DF5DB;
    display: block;
    height:8px; width:50px;
    border-radius: 5rem;
    position: absolute;
    top:6px;
    left:0px;
}


blockquote.blockquote-someone {
    background:#fff;
    color:#0461BF;
    margin-bottom: 45px;

}

blockquote.blockquote-someone > p {
    color:#0461BF;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4em;
}

blockquote.blockquote-someone cite {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    position: relative;
    padding-left: 70px;
    color:#808080;

}

blockquote.blockquote-someone cite:before {
    content:"";
    background:#4DF5DB;
    display: block;
    height:8px; width:50px;
    border-radius: 5rem;
    position: absolute;
    top:6px;
    left:0px;
}

/* FORMS */

.select-input-wrapper {
    position: relative;
}

.select-input-wrapper:after {
    content:"\f107";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #00405B;
    font-size: 1.5rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-rendering: optimizeLegibility;
}



/* ---------------------------------------------------
     2. HEADER
----------------------------------------------------- */


header.header {
    height: 100%;
    width:100%;
    clear: both;
}

/* Desktop Navbar */

nav.navbar {
    padding:0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;

}

nav.navbar-mobile { display: none; }

nav .navbar-main {
    background:#fff;
    width: 100%;
    height:112px;
    clear: both;
    overflow: hidden;
}

nav.navbar .logo {
    line-height: 105px;
    transform:scale(1);
    transition: all .2 ease-in-out;
    -webkit-transition: all .2 ease-in-out;

}

nav.navbar.pinned-nav {
    position: fixed;
    top:0; left: 0;
    width: 100%;
    z-index: 1001;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -webkit-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.075);
    -moz-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.075);
    box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.075);
}

body.admin-bar .pinned-nav {
    top: 30px;
}

nav.pinned-nav .navbar-main {
    height: 80px;
}

nav.pinned-nav .navbar-main .logo {
    line-height: 55px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 60px;
    overflow: hidden;
}

nav.pinned-nav .navbar-main .logo img {
    transform:scale(.75);
    transition: all .2 ease-in-out;
    -webkit-transition: all .2 ease-in-out;
    margin-top: -8px;
}

/*nav.pinned-nav .navbar-main .top-menu, nav.pinned-nav .navbar-main .search-hdr {
    display: none;
}*/

nav.navbar ul.top-menu {
    float: right;
    margin-top:10px;
}

nav.navbar .top-menu li {
    display: inline-block;
    margin-left: 20px;
}

nav.navbar .top-menu li a {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color:#00405B;
}

nav.navbar .top-menu li a:hover,
nav.navbar .top-menu li a:focus {
/*    color:#0461BF; */
    text-decoration: underline !important;
}

.input-wrapper {
    position: relative;
}

nav.navbar .top-menu li input {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color:#00405B;
    padding-bottom:5px;
    background-color: transparent;
    border: none;
    width: 65px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
nav.navbar .top-menu li input:focus {
    border-bottom:1px solid #00405B;
    width: 130px;
}

.icon-form {
    position: absolute;
    right:0;
    top:2px;
    font-size: 14px;
}

form.search-hdr {
/*    float:right;
    margin-left: 20px;
    margin-top: 6px; */
}

nav.navbar .search-hdr input {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color:#00405B;
    border-bottom:1px solid #00405B;
    padding-bottom:5px;
}
nav.navbar .search-hdr .icon-form {
    color: #00405B;
}

.categories-nav {
    background:#ecf1f3;
    width:100%;
    height: 60px;
    line-height: 60px;
}


/* cover header  */
.cover-header {
    min-height:500px;
    height: 100%;
    position: relative;
}


/* cover header  */
.cover-header img {
    width: 100%;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    height:100%;
    object-fit: cover;
}


.cover-header .caption-container {
    margin-top:60px;
    width: 60%;
    position: absolute;
    left:0;
    top:40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left: 45px;
    z-index: 2;
}

.cover-header .caption-cover h1 {
    color:#fff;
    position: relative;
    line-height: 1.2em;
    margin-bottom:50px;
}

.cover-header .caption-cover h1:after {
    content:"";
    position: absolute;
    bottom:-20px;
    left:0;
    display: block;
    background:#4DF5DB;
    height:8px;
    width:200px;
    border-radius: 5rem;
}

.cover-header .caption-cover p.lg-paragraph {
    color:#fff;
    font-size: 1.6rem;

}

ul.highlight-actions {
    position: absolute;
    bottom:60px;
    right:40px;
}

ul.highlight-actions li {
    display: block;
    margin-bottom: 15px;
}

/* ---------------------------------------------------
     3. VISION SECTION
----------------------------------------------------- */

section.section-home {
    clear: both;
    overflow: hidden;
}

section.vision-section {
    background:#fff url('assets/images/shape-corner.png') no-repeat left center;
    background-size:33.333333% 100%;
    padding: 40px 0 160px;
}

.content-vision {
    padding-left:15px;
}

.content-vision h6.heading-6 {
    color:#00405B;
    position: relative;
    margin-bottom: 40px;
    display: inline-block;

}

.content-vision h6.heading-6:after {
    content:"";
    display: block;
    background:#00CFD8;
    width: 100%;
    height:3px;
    border-radius: 5rem;
    position: absolute;
    left:0;
    bottom:-5px;
}

.content-vision p {
    color:#00405B;
}


/* ---------------------------------------------------
     4. SPOTLIGHT SECTION
----------------------------------------------------- */

section.spotlight-section {
    background:#00405B;
    padding:110px 0 110px 0;
    clear: both;
    overflow: hidden;
}
section.spotlight-section .display-heading-section h1:before, section.spotlight-section .display-heading-section h1:after {
    background-color: #4DF5DB;
}

.content-spotlight {
    margin-top:45px;
    padding-top:10px;
}

.image-spotlight {
    text-align: center;
}

.content-spotlight h3 {
    font-size: 1.875rem;
    line-height: 1.3em;
    margin-bottom: 5px;

}

.content-spotlight h3 a {
    color:#fff;
}

.content-spotlight h3 a:hover {
    text-decoration: underline !important;
}

.content-spotlight p {
    font-size: 1.25rem;
}

.content-spotlight .btn {
    color:#00405B;
}

/* ---------------------------------------------------
     5. CATEGORIES section
----------------------------------------------------- */

.icon-cat-block img {
    max-width: 100px;
}

.categories-section {
    background:#fff;
    overflow: hidden;
    clear: both;
}

/*.categories-section .categories-heading {
    margin-top:-100px;
}*/


.content-categories ul li {
    display: block;
    /* height:125px; */ width:100%;
    padding:35px 10px 45px 10px;
    margin:0;
    border-bottom:3px solid #DAE3E7;
    /* line-height: 125px; */
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}


.content-categories ul li:last-child {
    border-bottom:0;
}

.content-categories .icon-cat-block {
    float:left;
    width:120px;
    height:100px;
}

.content-categories ul li object {
    text-align: center;
    width:auto;
    margin:0 auto;
    display: block;

}

.content-categories ul li h4 {
    margin:0;
    padding-top:15px;
}

.content-categories ul li h4 a {
    font-weight: 700;
    color:#00405b;
}

.content-categories ul li:hover  {
    fill:#4df5db;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.content-categories ul li:hover a {
    text-decoration: underline !important;
}

/* ---------------------------------------------------
     6. ARTICLES section
----------------------------------------------------- */


.heading-cover {
    background:url("assets/images/heading-cover.png") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    height:100%;
    padding:100px 0;
}

.heading-cover .display-heading-section {
    text-align: center;
}


.news-featured {
    background:#fff;
    padding:100px 0;
}

.news-featured .article-featured {
    display: block;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.news-featured .article-featured {
    margin-bottom: 50px;
}

.news-featured .article-featured h3 {
    font-weight: 700;
    margin:0;
}

.news-featured .article-featured h3 a {
    color:#00405B;
}

.news-featured .article-featured h3 a:hover {
    text-decoration: underline !important;
}

.news-featured .article-featured p {
    line-height: 1.6em;
    margin-bottom:10px; padding:0;
}



/* ---------------------------------------------------
     7. FOOTER
----------------------------------------------------- */


footer.footer {
    background:#00405b;
    color:#fff;
    padding:80px 0;
    text-align: center;
}

footer.footer .contact-foot {
    margin-bottom: 35px;
}

footer.footer .contact-foot  .social-foot {
    margin-bottom: 15px;

}

footer.footer .contact-foot  .social-foot li {
    display: inline-block;
    margin:0 10px;
    vertical-align: middle;
}

footer.footer .contact-foot  .social-foot li a {
    font-size: 2.25rem;
    color:#fff;
}

footer.footer .contact-foot  .social-foot li a:hover {
    color:#4DF5DB;
}

footer.footer .contact-foot .social-foot li a.btn-wh {
    background:#fff;
    color:#00405B;
    font-size: 13px;
    font-weight: 700;
    padding:10px 25px;
    border-radius:100px;
}

footer.footer .contact-foot .social-foot li a.btn-wh:hover {
    background:#4DF5DB;
}

.contact-foot .address li {
    margin-bottom: 10px;
}

.contact-foot .address li:first-child span {
    color:#4DF5DB;
    font-size: 1.125rem;
    font-weight: 700;
}

.contact-foot .address li:last-child span {
    color:#fff;
    font-size: 15px;
    font-weight: 300;
}


.bottom-foot .foot-links li {
    display: inline-block;
    margin:0 5px;
}

.bottom-foot .foot-links li a {
    color:#fff;
    font-size: 14px;
    text-decoration: underline !important;
}

.bottom-foot .rights-foot span a {
    color:#fff;
    text-decoration: underline !important;
}

/*

    End Homepage layout, start other pages


 */


/* ---------------------------------------------------
     8. Basic Page
----------------------------------------------------- */

/* cover page  */
.cover-page {
    background:#00405B;
    position: relative;
    min-height: 500px;
    height:100%;

}


.cover-page img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    object-fit: cover;
}

.cover-page .caption-container {
    width: 60%;
    position: absolute;
    left:8%;
    top:45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left: 45px;
    z-index: 2;

}

.cover-page .caption-container-2 {
    width: 50%;
    position: absolute;
    left:45px;
    top:45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left: 45px;
    z-index: 2;

}

.cover-page .caption-cover h1 {
    color:#fff;
    position: relative;
    line-height: 1.2em;
    margin-bottom:40px;
}


.cover-page .caption-cover p.lg-paragraph {
    color:#fff;
    font-size: 1.3rem;
}

/* cover solid  */
.cover-solid {
    background:#00405B;
    height:100%;
    padding:125px 0 100px 0;
    position: relative;
}


.cover-solid .caption-container {
    width: 50%;
    padding-left: 45px;
    /* transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%); */
    z-index: 2;

}

.cover-solid .caption-cover h1 {
    color:#fff;
    position: relative;
    line-height: 1.2em;
    margin-bottom:30px;
}


.cover-solid .caption-cover p.lg-paragraph {
    color:#fff;

}

.heading-page .breadcrumbs {
    width: 100%;
}

.breadcrumbs {
    background:#002f43;
    color:#fff;
    padding:15px 0 20px 0;
}

.breadcrumbs span {
    background:transparent;
    padding:0;
}

.breadcrumbs span {
    color:#fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: 'Open Sans';
}

.breadcrumbs span.breadcrumb-separator {
    font-family: 'Segoe UI';
    color: #4DF5DB;
}

.breadcrumbs span a{
    color:#fff;
    font-size: 13px;
    text-decoration: underline !important;
}

.breadcrumbs span.current-item {
    color:#fff;
    opacity: 1;
}

.breadcrumbs-sop {
    background: #f4f6f7;
    padding:15px 0 20px 0;

}
.breadcrumbs-sop span, .breadcrumbs-sop span a {
    color: #59727E;
}

.page-wrapper {
    background:#fff;
    clear: both;
    overflow: hidden;
    padding:45px 0;
}

.page-wrapper-bg {
    background:#f4f6f7;
}

.content-page {
    color:#00405B;
}

.content-page > p {
    color:#00405B;
    /* font-size: 1.125rem; */
}

/* .content-page blockquote p {
    color:#fff;
} */

.content-page h2, .content-page h3, .content-page h4 {
    color:#00405B;
    font-weight: bold;
    margin-bottom: 15px;
}

.content-page h5, .content-page h6 {
    color:#59727E;
    font-weight: bold;
    margin-bottom: 15px;
}

.content-page ol {
   list-style: none;
   counter-reset: item;
}

.content-page ol li:before {
    font-weight: bold;
    margin-right: 1rem;
    content: counter(item) '. ';
    display: inline-block;
}

.content-page ol > li {
    color:#00405B;
    font-size: 1.125rem;
    counter-increment: item;
    margin-bottom: 10px;
}

.content-page ul {
    list-style: disc;
    padding-left: 45px;
}

.content-page ul > li {
    color:#00405B;
    font-size: 1.125rem;
    margin-bottom: 10px;
}

.content-page ul > li:last-child, .content-page ol > li:last-child {
    margin:0;
}


.content-page p a, .content-page li a {
    color:#0461BF;
    font-weight: bold;
    text-decoration: underline !important;
}

.announcement-home {
    background: #4DF5DB;
    padding: 55px 30px;
    margin-bottom: 75px;
}
.announcement-date {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color: #00405B;
    padding-bottom: 6px;
    border-bottom: 3px solid #00405B;
}

.announcement-page {
    background:#dae3e7;
    padding:100px 0;
    margin-bottom: 75px;
}

.announcement-page h2 {
    color:#00405B;
    font-weight: 800;
    padding:25px 0 10px 0;
}
.announcement-page .btn:hover {
    color: #fff;
}

/* accordion */
.accordion-top-button {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    float: right;
    position: relative;
    right: 0;
    top: -8px;
    color: #0461BF;
    border-bottom: 3px solid #0461BF;
    cursor: pointer;
    padding: 0;
}
.accordion-top-button:hover {
    color: #59727E;
    border-color: #59727E;
}
.accordion {
    border-bottom: 3px solid #DAE3E7;
    margin: 40px 0;
}

.accordion .card {
    border-bottom:3px solid #DAE3E7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.accordion .accordion-title .js-accordion-controller, .accordion .sub-accordion-title .js-accordion-controller {
    border-radius: 0;
    background: transparent;
    padding:0; margin:0;
}

.accordion .accordion-title, .accordion .sub-accordion-title {
    display: block;
    position: relative;
    padding-left: 40px;
    border-top: 3px solid #DAE3E7;
    padding-top: 20px;
    clear: both;
}

.accordion .accordion-title .js-accordion-controller, .accordion .sub-accordion-title .js-accordion-controller {
	font-family: Montserrat,sans-serif;
    color:#0461BF;
    font-weight: 700;
    font-size: 27px;
}

.accordion .accordion-title .js-accordion-controller:hover, .card-header .accordion-title .js-accordion-controller:focus, .accordion .sub-accordion-title .js-accordion-controller:hover, .card-header .sub-accordion-title .js-accordion-controller:focus {
    color:#0461BF;
    text-decoration: underline;
}

.accordion .accordion-title .js-accordion-controller:before, .accordion .sub-accordion-title .js-accordion-controller:before {
  content: "\f067"; /* fa-chevron-down */
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 800;
  text-decoration: inherit;
  display: block;
  position: absolute;
  left: 0;
  top:20px;
  text-rendering: optimizeLegibility;
  text-decoration: none;
}
.accordion .accordion-title .js-accordion-controller[aria-expanded="true"]:before, .accordion .sub-accordion-title .js-accordion-controller[aria-expanded="true"]:before {
  content: "\f068"; /* fa-chevron-up */
}
.accordion .sub-accordion-title {
    padding-left: 40px !important;
}
.accordion .accordion-content {
    padding-left: 40px;
}
.accordion .sub-accordion-content {
    padding-left: 40px;
}

.accordion .card {
    border-radius: 0;
    background:#fff;
}

.accordion .card-body {
    font-size: 1.125rem;
    font-weight: 400;
    color:#00405B;
}

/* table */

.content-page table.table, table.wp-block-table {

    margin-bottom: 25px;
    margin-top:25px;

}

.table thead th, table.wp-block-table thead th{
    border-bottom: 2px solid #DAE3E7;
    font-weight: bold;
    color:#59727E;
    font-size: 19px;
}

.table th, .table td, table.wp-block-table th, table.wp-block-table td {
    padding: 1rem;
    vertical-align: top;
    border: 0;
    color:#59727E;
}

.table tr:nth-child(even), table.wp-block-table tr:nth-child(even) {
    background:rgba(218, 227, 231, 0.5);

}



.caption-img {
    font-size: 1rem;
    color:#59727E;
    margin:15px 0;
}

/*  Related section  */

section.section-related {
    background:#00405B;
    margin:0;
    padding:80px 0 60px 0;
}

section.section-related .display-heading-section {
    margin-bottom: 60px;
}
section.section-related .display-heading-section h2 {
    font-size: 50px !important;
}
.related-content {
}

figure.related-item {
    position: relative;
    overflow: hidden;
    margin: 0;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    width:100%;
    padding-top: 75%;
}

figure.related-item img {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position: absolute;
    top: 0;
    object-fit: cover;
    max-width: unset;
    width: 100%;
    height: 100%;
}

figure.related-item:hover img, figure.related-item:focus img {
    transform: scale(1.125);
    -webkit-transform: scale(1.125);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

figure.related-item figcaption.figure-caption {
    display: flex;
    position: absolute;
    background:rgba(0, 64, 91, 0.6);
    width: 100%; height:100%;
    color:#fff;
    left:0;
    top:0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    padding: 40px 15px;
    text-align: center;
}


figure.related-item figcaption.figure-caption h3 {
/*    display: block;
    margin-top:30%;
    text-align: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

figure.related-item:hover figcaption.figure-caption, figure.related-item:focus figcaption.figure-caption {
    background:rgba(77, 245, 219, 0.8);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    color: #00405B;
}
figure.related-item:hover figcaption.figure-caption h3, figure.related-item:focus figcaption.figure-caption h3 {
    text-decoration: underline !important;
}

/* ---------------------------------------------------
     9. Overview Page
----------------------------------------------------- */


.cover-overview .caption-cover {
    margin-top:100px;
}

.section-general-questions {
/*   background:url("assets/images/questions-bg.png") no-repeat center center fixed; */
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    height:100%;
    padding:0;
    margin-top:120px;
}

.questions-block {
    background:#4df5db;
    color:#00405b;
    padding:90px;
    width: 100%;
    margin-top:-100px;
}

.questions-block h2 {
    color:#00405b;
    font-size: 47px;
    font-weight: 700;
    margin-bottom: 25px;
}

.questions-list {
    padding:100px 0;
}

.questions-list li {
    display: block;
    margin-bottom: 40px;
    position: relative;
}

.questions-list li a {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 2.125rem;
    color:#fff;
    position: relative;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.questions-list li a:after {
    position: absolute;
    content:"";
    background:#4df5db;
    height:8px;
    width: 100%;
    bottom:-10px;
    left:0;
    border-radius: 5rem;
}

.questions-list li a:hover {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

/* cards section */

.section-cards {
    background: #fff;
    padding:50px 0 75px 0;
}

.section-cards .card {
    background: #dae3e7;
    width: 100%;
    padding:0 0 25px 0;
    margin-bottom: 30px;
}

.section-cards .card-body {
    height: 250px;
}

.section-cards .card-body h3 {
    margin-bottom: 20px;
    margin-top:10px;
}

.section-cards .card-body h3 a {
    color:#0461BF;
}

.section-cards .card-body h3 a:hover {
    text-decoration: underline !important;
}

.section-cards .card-body p {
    color:#00405B;
    line-height: 1.6em;
}

/* ---------------------------------------------------
     10. Search results page
----------------------------------------------------- */


.cover-page-solid {
    background:#00405b;
    padding:80px 0;
    width: 100%;
}



.cover-page-solid .caption-cover h1, .cover-page-solid .caption-cover p {
    color:#fff;
}

.search-cover h1 {
    color:#fff;
    margin-bottom: 35px;
}

.search-cover form {
    margin-bottom: 50px;
}

.search-cover input {
    background:transparent;
    color:#fff;
    font-size: 1.125rem;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-bottom:35px;
}

.search-cover p{
    color:#fff;
    font-size: 1.25rem;
}

.search-results-item {
    margin-bottom: 50px;
}
.search-results-item span {
    font-size: 13px;
}
.search-results-item span.breadcrumb-separator {
    text-decoration: none;
    font-size: 13px;
}


/*
.search-results-item .breadcrumb {
    background:#fff;
    padding: 0;
    margin-bottom: 5px;
}

.search-results-item .breadcrumb li a {
    color:#00405B;
    font-size: 13px;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: underline !important;
}

.search-results-item .breadcrumb li a:hover {
    color:#00405B;
}

.search-results-item .breadcrumb li:first-child a {
    padding-left: 0;
    margin-left: 0;
}

.search-results-item .breadcrumb-item::before {
    content:"\f105";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    color: #00405B;
    position: absolute;
    text-rendering: optimizeLegibility;
}

.search-results-item .breadcrumb-item:first-child::before {
    display: none;
}
*/

.search-results-item h2 {
    margin-top: 8px;
}
.search-results-item h2, .search-results-item h2 a {
    font-weight: 500;
    color:#0461BF;
    font-size: 27px;
}

.search-results-item h2 a {
    position: relative;
    padding-right: 30px;
}

.search-results-item h2 a:hover {
    text-decoration: underline !important;
}


.search-results-item h2 a::after {
    content:"\f105";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: none;
    /*--adjust as necessary--*/
    color: #0461BF;
    position: absolute;
    right:0;
    text-rendering: optimizeLegibility;
}

.pagination a.page-link {
    font-weight: bold;
    border:0;
}

ul.pagination {
    border:0;
}

ul.pagination li.page-item a.page-link {
    color:#0461BF;
    background:transparent;
    border-radius: 0;
}

ul.pagination li a:hover, ul.pagination li.active a {
    color:#00405B;
    background:#fff;
}

.page-item.active .page-link {
    background:#fff;
    border:0;
    color:#00405B;
}

.search-page {
    padding-bottom: 75px;
}

/* ---------------------------------------------------
     11. Forms page
----------------------------------------------------- */

.form-page {
    padding-bottom: 100px;
}


h3.form-heading {
    margin-bottom: 100px;
    margin-top: 25px;
    color:#00405B;
}

h5.form-heading {
    margin-bottom: 45px;
    margin-top: 25px;
    color:#00405B;
}

.form-group {
    margin-bottom: 50px;

}

.form-group label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 19px;
    color:#00405B;
    margin:0 0 5px 0;
}

.custom-label {
  margin-bottom: 35px !important;
}

input.form-control {
    padding:15px 0 15px 0;
    height:auto;
    border-bottom: 3px solid #00405B;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    margin-bottom: 60px;
}

input.form-control:focus {
    border-bottom: 3px solid #06b9a4;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

input.form-control:invalid {
    border-color:red;
}
input.form-control::placeholder {
    color:#00405B;
}
.form-page .row {
    margin-left: -25px;
    margin-right: -25px;
}

.form-page .form-group {
    padding-left: 25px;
    padding-right: 25px;
}

.custom-control-label {
    padding-left: 10px;
    cursor: pointer;
}

.custom-control-label::before {
    position: absolute;
    top: 2px;
    left: -1.5rem;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: transparent;
    border: #00405B solid 3px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background:#00cfd8;
    border: #00405B solid 3px;
}

.custom-control-input:visited ~ .custom-control-label::before,
.custom-control-input:hover ~ .custom-control-label::before {
    border: #00405B solid 3px;
}

.custom-control-input:invalid ~ .custom-control-label::before {
    border-color:red;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background:none;
}

/*.custom-radio .custom-control-label::before {
    border-radius: 0;
}*/

textarea.form-control {
    background:#fff;
    padding:25px;
    border: #00405B solid 3px;
    margin-top:10px;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: auto;
    padding:15px 0 15px 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.15;
    color: #00405B;
    border-bottom: 3px solid #00405B;
    border-radius: 0;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background: none;
}

.radio-row {
    padding-left: 30px;
    margin-bottom: 15px;
}

.radio-row .custom-control-inline {
    margin-right: 5px;

}

.radio-row .custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.radio-heading-span {
    font-size: 1.125rem;
    font-weight: 400;
    width: 125px;
}

/* ---------------------------------------------------
     12. Team Page
----------------------------------------------------- */

.desktop {display:block;}
.tablet, .phone {display:none;}

.page-grey {
    background:#f4f6f7;

}

.page-team {
    padding:150px 0 0px 0;
}

/* cover team  */
.cover-team {
    background:#00405B url("assets/images/team-cover.png") no-repeat center center fixed;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    height:500px;
}

h1.display-dash, h1.display-dash-sop, h1.display-dash-team {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

h1.display-dash:after, h1.display-dash-team:after {
    content:"";
    position: absolute;
    left:0; bottom:-10px;
    display: block;
    background: #4DF5AE;
    width:100%;
    height:8px;
    border-radius: 10rem;
}
h1.display-dash-team:after {
    background: #00CFD8;
}

.cover-team  p {
    color:#fff;
}

.heading-filter {
    margin-bottom: 15px;
}

.filter-hdr {
    background:#00cfd8;
    color:#00405B;
    padding:45px 0;
}


.filter-v2 { background:#00405B; margin-top:-25px; }

.filter-hdr .form-group {
    margin-bottom: 30px;
}

.filter-select-wrapper {
    position: relative;
}

.select2-container:after, .sopscat:after {
    content:"\f107";
    font-family: 'fontawesome';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #00405B;
    font-size: 1.25rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-rendering: optimizeLegibility;
}
.select2-container.select2-container--open:after {
    content: '\f106';
}

.filter-controls li {
    display: inline-block;
    margin-right: 15px;
}

.is-active {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
/*    max-width:100%; */
    opacity:1;
    /* Make Same Height Columns */
    display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.is-inactive {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    max-width:0;
    opacity:0;
    padding: 0 !important;
    height: 0;
}
.is-collapse {
    width:0;
    display: none;
}
.is-expanded {
    width: 200%;
	/*width: 100%;*/
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.team-item {
    background:#fff;
    width: 100%;
    display: block;
    padding:15px 20px 20px 20px;
    margin-bottom: 120px;
    position: relative;
}

.team-item figure img {
    width: 210px;
    height:210px;
    border-radius: 50%;
    margin-top:-100px;
    display: inline-block;
    object-fit: cover;
}


.team-item figure.photo-member {
    text-align: center;
    margin:0 auto;
    position: relative;
}

.team-item figure.photo-member:after {
    content:'';
    position: absolute;
    left:0; right:0;
    margin:0 auto;
    bottom:-40px;
    display: block;
    background:#4df5db;
    border-radius: 5rem;
    width: 70px; height:10px;
}

.team-item .info-member {
    color:#00405B;
    padding:20px 30px;
    margin-top:50px;
}

.team-item .info-member h4 {
    font-weight: bold;
    color:#00405B;
    margin-bottom: 5px;
}

.team-item .info-member .lead-contact {
    font-weight: 700;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
}

.team-item .info-member .contact-team-info li {
    line-height: 1.9em;
    color:#0461BF;
    text-decoration: underline !important;
    font-weight: bold;
}

.team-item .info-member .contact-team-info li a {
    color:#0461BF;
    text-decoration: underline !important;
    font-weight: bold;
}

.team-item .info-member a.btn {
    margin-top:25px;
}

.department-info {
    position: absolute;
    background: #00405B;
    color: #fff;
    left: 100%;
    z-index: 10;
    top: 0;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
.department-info-content {
    padding: 20px 30px;
}
.department-info-content h4 {
    font-size: 18px;
    font-weight: bold;
}
.department-info-content ul {
    list-style: disc;
    margin-left: 20px;
}
.department-info-content ul li {
    font-size: 14px;
}
.close-button a {
    font-size: 25px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 10px;
}

/* ---------------------------------------------------
     13. Events Page
----------------------------------------------------- */

#wp-wpcf-event-description-media-buttons {
    display: none;
}
.event-item {
    background:#fff;
    padding:50px;
    margin-bottom: 25px;
}

.event-item h3 {
    font-weight: bold;
    color:#00405b;
}

.date-event {
    font-size: 1.125rem;
    font-weight: 700;
    color:#00405B;
    position: relative;
    padding-left: 65px;
}


.date-event:before {
    content:'';
    position: absolute;
    display: block;
    left:0;
    top:6px;
    background:#4DF5DB;
    width:50px; height: 10px;
    border-radius: 5rem;
}

.event-heading {
    margin-bottom: 30px;
    padding-right: 75px;
}

.event-item p {
    margin-bottom: 25px;
}

.event-item button.btn, .event-item a.btn {
    display: inline-block;
    margin-right: 15px;
    margin-top:1px;
}
.event-item button.cat-btn {
    display: inline-block;
    margin-right: 10px;
    color:#0461BF;
    border-color:#0461BF;
    font-size: 14px;
}

.page-item .page-link {
    background:transparent;
    border-radius: 0;
}


.events-page .pagination {
    margin:20px 0 30px 0;
}

.hasICalendar {
    display: inline-block;
}
.icalendar_popup_text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    padding-bottom: 6px;
    border-bottom: 3px solid #00405B;
    display: inline-block;
    margin-right: 10px;
    color:#0461BF;
    border-color:#0461BF;
    font-size: 14px;
}

/* calendar ui */

#custom_html-2 {
    padding: 0 !important;
}
.sidebar-widget {
    background:#fff;
    padding:25px;
    text-align: center;
    color:#00405B;
}
.sidebar-widget ul {
    margin:0; padding:0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;

  }

.sidebar-widget ul li {
    margin-bottom: 15px;
    margin-left:0;
}

.calendar-widget {
    margin-bottom: 25px;
}

.sidebar-widget ul li a {
    width:100%;
}

h1.display-day {
    font-size: 102px;
    font-weight: 500;
    line-height: 1;
}
.event-sidebar .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.event-sidebar .btn-lg {
    min-width: 0;
    max-width: 265px;
    width: 100%;
}
.events-list {
    background: #fff;
    padding: 0 10px 20px 10px;
}

.prev-month a, .next-month a {position: relative; display: block;}
.prev-month a:hover:before, .next-month a:hover:before {color: #fff;}
.prev-month a:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #4DF5DB;
    font-size: 1.8rem;
    position: absolute;
    text-rendering: optimizeLegibility;
    left: 0px;
    top: -5px;
}
.next-month a:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #4DF5DB;
    font-size: 1.8rem;
    position: absolute;
    text-rendering: optimizeLegibility;
    right: 0px;
    bottom: -5px;
}

/* ---------------------------------------------------
     14. SOP's landing page
----------------------------------------------------- */

.filter-v2 {
    padding:0 0 45px 0;
}

.filter-v2 .form-group {
    margin-bottom: 30px;
    color:#fff;
}

.filter-v2 .filter-select-wrapper, .filter-input-wrapper {
    position: relative;
}

.filter-v2 .filter-select-wrapper:after {
    content:"\f107";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-rendering: optimizeLegibility;
}

.filter-v2 .filter-controls li {
    display: inline-block;
    margin-right: 15px;
}

.filter-v2 .custom-select, .filter-v2 .form-control {
    color:#fff;
    border-bottom: 3px solid #fff;
    background: transparent;
    line-height: 1.5;
    font-size: 1.125rem;
}

.filter-v2 .form-control::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.filter-v2 .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.filter-v2 .form-control::placeholder {
  color: #fff;
}

.filter-v2 .heading-filter { color:#fff; }

.filter-v2 .custom-select option {
    color:#00405b;
}

.filter-input-wrapper input{
    width: 100%;
    height: auto;
    padding: 15px 15px 15px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.15;
    color: #00405B;
    border-bottom: 3px solid #00405B;
    background-color: #00cfd8;
}

.table-advanced thead {
    background:#fff;
}

.table-advanced tr {
    padding:15px 0;
}

.table-advanced.table-striped tbody tr:nth-of-type(odd) {
    background-color: #E7EDF0;
}

.table-advanced tr:nth-child(even) {
    background:#fff;
}

.table-advanced th, .table-advanced td {
    padding:20px 30px;
}

.table-advanced thead th {
    border:0;
}

.table-advanced thead th i {
    font-size: 1.25rem;
    color:#00405B;
    padding-left: 15px;
    padding-top:5px;
    float:right;
}

.table-advanced thead th {
    border-right: 1px solid #DAE3E7;
}

.table-advanced thead th:last-child {
    border-right: 0;
}

.table-advanced span.td-color, .table a.table-link {
    color:#0461BF;
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 700;
}

/* ---------------------------------------------------
     15. WORDPRESS WIDGETS
----------------------------------------------------- */

/* calendar widget */
.event-calendar {
    margin-bottom: 20px;
    padding-bottom: 15px;
    background: #00405b;
    width: fit-content;
    min-width: 100%;
}
#wp-calendar {
    background:#00405b;

}

#wp-calendar {width: 100%; }
#wp-calendar caption {
    background:#00405b;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    caption-side: top;
    padding-left: 15px;
    padding-right: 15px;
}
#wp-calendar thead { background:#004e6f; font-size: 12px; font-weight: bold; color:#fff; }
#wp-calendar thead th { padding: 10px 0; color:#fff; text-align: center; }
#wp-calendar tbody { color: #fff; }
#wp-calendar tbody td {
 background: #00405b; border: 0; text-align: center; padding:5px; color:#fff; font-size: 15px;
}
#wp-calendar tbody td a {color: #FBB919; font-family: 'Open Sans'; font-weight: bold; font-size: 15px;}
/*#wp-calendar tbody td:hover { background: #4df5db; color:#00405b; border-radius: 50%; }*/
#wp-calendar tbody td.pad:hover { visibility: hidden; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tbody td#today {
    background:#4df5db;
    color:#00405b;
    border-radius: 50%;
}
#wp-calendar tbody td#today, #wp-calendar tbody td#today a { color: #00405b; font-family: 'Open Sans'; font-weight: bold;}

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* simple calendar plugin */

.simcal-align-right { display: none; }

.widget_gce_widget {
    padding:0 !important;
    background:#00405b !important;
}

.simcal-default-calendar .simcal-current h3 {
}

.simcal-calendar-grid {
    background:#00405b;
}

.simcal-calendar-head {
    color:#fff;
}

.simcal-default-calendar-light .simcal-nav-button {
    color:#fff !important;
}

.simcal-default-calendar-grid .simcal-no-events, .simcal-default-calendar-grid .simcal-events-dots {
    display: none !important;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
    background:#00405b;
}

.simcal-present simcal-day .simcal-day-label .simcal-day-number {
    background:#4df5db !important;
    color:#00405b !important;
    border-radius: 50% !important;
}

.simcal-calendar-grid tbody td#today {
    background:#4df5db;
    color:#00405b;
    border-radius: 50%;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
    background:none;
}

.simcal-calendar-grid {width: 100%; }
.simcal-calendar-grid caption {
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 10px;
}
.simcal-calendar-grid thead { background:#004e6f; font-size: 10px; color:#fff; }
.simcal-calendar-grid thead th { padding: 10px 0; color:#fff; }
.simcal-calendar-grid tbody { color: #fff; }
.simcal-calendar-grid tbody td {
 background: #00405b !important; border: 0; text-align: center; padding:10px !important; color:#fff;
}
.simcal-calendar-grid tbody td:hover { background: #4df5db; color:#fff !important; border-radius: 50%; }
.simcal-calendar-grid tbody td.pad:hover { visibility: hidden; }
.simcal-calendar-grid tbody .pad { background: none; }
.simcal-calendar-grid tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
.simcal-calendar-grid tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* ---------------------------------------------------
     16. Additional CSS
----------------------------------------------------- */

h2.screen-reader-text {
    display: none;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color:#00405b;


}

.navigation li {
    display: inline-block;
    margin-right: 10px;
}


.navigation li a:hover,
.navigation li.active a {
    color:#0461BF;
}


.bg_skyblue {
    background-color: #00cfd8;
}
.text_white {
    color: #fff;
}
#sops_filters input.form-control {
    background-color: transparent;
}
th.sops_title {
    cursor: pointer;
}
#member_filters .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-width: 0 0 3px;
    border-color: #00405B;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#member_filters .select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border-width: 0 0 3px;
    border-color: #00405B;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.filtered-by {
    background-color: #f4f6f7;
    padding: 15px 0;
}
.filtered-by label {
    font-weight: 600;
    color: #00405B;
}
.filtered-by-container div {
    display: inline-block;
}
.filtered-by-container div li {
    margin-right: 15px;
}
.filtered-by-container div li span {
    margin-right: 10px;
    cursor: pointer;
}

.cta-btn, .content-page p a.cta-btn, .content-page p .cta-btn a {
    text-decoration: none !important;
}
.content-page p a .cta-btn, .content-page p .cta-btn a {
    color: #00405B;
    margin: 15px 0;
}
.content-page p a .cta-btn:hover, .content-page p a .cta-btn:focus,.content-page p .cta-btn a:hover, .content-page p .cta-btn a:focus {
    color: #00405B;
}
blockquote {
    background-color: #00405B;
    position: relative;
    margin-top: 40px;
}
blockquote > p {
    font-family: Montserrat,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    color: #fff;
    padding: 10%;
}
blockquote:before, blockquote:after {
    display: block;
    content: '';
    height: 12px;
    width: 15%;
    background: #4DF5DB;
    position: absolute;
    border-radius: 10rem;
}
blockquote:before {
    top: 15px;
    left: -4%;
}
blockquote:after {
    bottom: 15px;
    right: -4%;
}
blockquote.inline {
    background-color: transparent;
    margin: 45px 0;
}
blockquote.inline p {
    color: #0461BF;
    padding: 0;
}
blockquote.inline span, blockquote.inline cite {
    display: flex;
    font-size: 16px;
    font-style: inherit;
    font-weight: 400;
    color: #00405B;
    align-items: center;
}
blockquote.inline:before, blockquote.inline:after {
    display: none;
}
blockquote.inline span:before, blockquote.inline cite:before {
    display: block;
    content: '';
    width: 50px;
    height: 7px;
    background-color: #4DF5DB;
/*  justify-content: center;
    flex-direction: column;
    margin-right: 10px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 0;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent;
}

.cover-page.no-image {
    padding: 60px 0 30px;
    min-height: 0;
}
.cover-page.no-image .caption-container {
    position: relative;
    left: auto;
    top: auto;
    padding-left: 0;
    width: auto;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
}
.image-spotlight {
    padding: 10% 20% 0 20%;
/*    max-width: 500px; */
}
.spot-img {
    position: relative;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    transform: rotate(9deg);
    width: fit-content;
}
.spot-img:before {
    display: block;
    border: 4px solid yellow;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    transform: rotate(4deg);
}
.breadcrumbs {
    padding: 12px 0 15px;
}
.img_card {
    position: relative;
}
.img_card:before {
    display: block;
    background-color: #0461BF;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.3;
    transition: 0.5s;
}

.card:hover > .img_card:before {
    opacity: 0;
}
.filter-select-wrapper::after {
    font-size: 1.5em;
}
.cover-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cover-page .caption-container {
    top: auto;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
}
.cover-page:before {
    display: block;
    background-color: #002f43;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.7;
}
.cover-page img {
    min-height: 0;
}
.cover-page .caption-cover a:hover {
    color: #00405B;
}
.announcement-home h2 {
    font-size: 36px;
    font-weight: 700;
    color: #00405B;
    padding: 25px 0 10px 0;
}
.vision-photo img {
    -webkit-border-radius: 60%;
    -moz-border-radius: 60%;
    border-radius: 60%;
}
img.alignright {float:right; margin:0 0 20px 50px}
img.alignleft {float:left; margin:20px 50px 20px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 20px 20px}
a img.alignleft {float:left; margin:0 20px 20px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.content-page ul {
    margin-bottom: 20px;
}
.heading-filter {
    margin-bottom: 30px;
}
.filtered-by label {
    font-family: Montserrat,sans-serif;
    font-size: 19px;
    font-weight: 700;
}
.topic_filtered .btn {
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.questions-list li a:hover, .questions-list li a:focus {
    color: #FBB919;
}
.questions-list li a:hover:after, .questions-list li a:focus:after {
    background-color: #FBB919;
}
.questions-block {
    background-color: #FBB919;
}
.content-page p a:hover, .content-page p a:focus {
    color: #59727E;
}
.content-page h2, .content-page h3, .content-page h4 {
    padding-top: 1rem;
}
.content-page h5, .content-page h6 {
    padding-top: 20px;
}
.content-page ol > li {
    position: relative;
    padding-left: 0rem;
    text-indent: -1rem;
}
.wp-caption-text {
    border-top: 2px solid #4DF5DB;
    font-size: 13px;
    padding: 15px 0;
}
.video-container {
    margin: 15px 0;
}
.footer-copyright a {
    color: #fff;
    text-decoration: underline !important;
}
.footer-copyright a:hover, .footer-copyright a:focus {
    color: #fff;
}