/*
Theme Name: calwep
Theme URI: http://underscores.me/
Author: Nick Boswell
Author URI: http://underscores.me/calwel
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: calwep
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* New FOnts lato*/

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato/Lato-Regular.eot');
    src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato/Lato-Regular.woff') format('woff'),
        url('fonts/Lato/Lato-Regular.ttf') format('truetype'),
        url('fonts/Lato/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato/Lato-Light.eot');
    src: url('fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato/Lato-Light.woff2') format('woff2'),
        url('fonts/Lato/Lato-Light.woff') format('woff'),
        url('fonts/Lato/Lato-Light.ttf') format('truetype'),
        url('fonts/Lato/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato/Lato-Bold.eot');
    src: url('fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato/Lato-Bold.woff') format('woff'),
        url('fonts/Lato/Lato-Bold.ttf') format('truetype'),
        url('fonts/Lato/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Opan sans */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Bold.eot');
    src: url('fonts/Open_Sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Bold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-ExtraBold.eot');
    src: url('fonts/Open_Sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Light.eot');
    src: url('fonts/Open_Sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-Light.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Light.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Medium.eot');
    src: url('fonts/Open_Sans/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-Medium.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Medium.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Medium.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Regular.eot');
    src: url('fonts/Open_Sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Regular.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-SemiBold.eot');
    src: url('fonts/Open_Sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Open_Sans/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-SemiBold.ttf') format('truetype'),
        url('fonts/Open_Sans/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* ------------------ GLOBAL ---------------- */
html, body {
	scroll-behavior: smooth;
}
pre {
    font-family: monospace;
    background: #eee;
    padding: 10px;
    font-size: 15px;
}

section {
    position: relative;
    z-index: 2;
    background: #ffffff;
}

body {
    overflow-x: hidden;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

img.alignleft {
    float: left;
    margin-right: 30px;
}
img.alignright {
    float: right;
    margin-left: 30px;
}
img.aligncenter {
  margin: 30px auto;
}
.container-fluid.standard {
    padding-top: 100px;
}

/* -------------------------- HEADER ------------------ */
.header {
    z-index: 99999;
    position: fixed !important;
    /* Fix in maim.min.css */
    width: 100%;
    transition: .1s all ease-in;
}

.header #top_menu {
    transition: .1s all ease-in;
}

.header #top_menu>li:hover {
    border-bottom-width: 2px;
}

.header.fixedHeader #top_menu {
    margin-top: 0;
    margin-bottom: 10px;
}

.fixedHeader .menu li.menu-item-has-children::before {
    top: 48px;
}

.header.fixedHeader .header-logo img {
    width: 200px;
}

.header .header-logo {
    position: relative;
    top: 16px;
}

.header .header-logo img {
    transition: .2s all ease-in;
    width: 330px;
}

.header .top-nav {
    padding: 10px 0 !important;
    /* Fix in maim.min.css */
}

/* -------------------------- HERO BANNER -------------------- */

.hero-block.video-back .hero-text {
    margin: 30vh 0 25vh 0;
}

.hero-block.image-back {
    background-size: cover;
    background-position: center center;
}

.hero-block.image-back .hero-text {
    margin: 25vh 0 20vh 0;
}

.hero-block .hero-text p {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
}

.hero-block h1 {
    font-weight: 400;
    font-size: 60px;
    text-transform: uppercase;
}

.hero-block h1,
.hero-block p {
    position: relative;
    color: #ffffff;
    text-align: center;
}

.hero-block.dark h1,
.hero-block.dark p {
    color: #000;
}

.hero-block.blue h1,
.hero-block.blue p {
    color: #19518e;
}

/* -------------------------- REBATE --------------------------- */

.frm_style_calwep-rebate.with_frm_style .frm_repeat_buttons .frm_icon_font:before {
  color:var(--blue);
}

.frm_style_calwep-rebate .frm_section_heading {
  border-top: 1px #d8d8d8 solid;
  margin-top: 40px;
}
.frm_style_calwep-rebate #frm_field_320_container input {
  padding-left: 2px;
}
.frm_style_calwep-rebate.with_frm_style .frm_repeat_buttons a.frm_button {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background:transparent;
  color:var(--blue);
  font-weight:bold;
}
.frm_style_calwep-rebate.with_frm_style .frm_add_form_row .frm_icon_font, .frm_style_calwep-rebate.with_frm_style .frm_remove_form_row .frm_icon_font {
	top: -2px;
	position: relative;
}
.frm_style_calwep-rebate.with_frm_style .terms-conditions .alert {
  color: #a90202;
  display: block;
  font-size: 22px;
  font-style: italic;
}
.frm_style_calwep-rebate.with_frm_style .terms-conditions ul {
  font-size:14px;
}
.frm_style_calwep-rebate.with_frm_style .terms-conditions ul li {
  margin-bottom:8px;
}
.frm_style_calwep-rebate.with_frm_style div.frm_description {
  text-align:center;
}
.frm_style_calwep-rebate.with_frm_style .frm_signature {
  max-width:500px;
  margin: 15px auto;
}
.frm_style_calwep-rebate.with_frm_style #frm_field_440_container .frm_primary_label {
  text-align:center;
}
.application .app-section{
  background:#ffffff;
  padding: 20px;
  border:1px #ccc solid;
}
.application .app-section h3 {
  margin:0px;
}
.application .app-section ul.applist {
  list-style: none;
  padding: 0 10px;
}
.application .app-section ul.applist li {
  padding: 12px;
  background:#e4e4e4;
}
.application .app-section ul.applist li img {
  margin: 20px;
  max-width: calc(100% - 38px);
}
.application .app-section ul.applist li span {
  font-weight: bold;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--dark-blue);
}
.application .app-section ul.applist li:nth-child(even) {
  background:#d4d4d4;
}
#hoverreveal {
		position: relative;
		display: inline;
		color: var(--blue);
		text-decoration: underline;
		cursor: pointer;
}
#hoverreveal .hovernote {
    position:absolute;
    padding: 10px;
    background:white;
    border:2px var(--blue) solid;
    width:300px;
    height:auto;
    left:-20px;
    top:20px;
    display:none;
		color:var(--dark-gray)
}
#hoverreveal:hover  .hovernote{
    display:block;

}
/* -------------------------- FULL WIDTH IMAGE ----------------- */
.full-width-image h1 {
    text-align: center;
    padding: 30px 0;
    font-size: 40px;
}

.full-width-image img {
    width: 100%;
}

/* -------------------------- TEXT AREA ----------------- */
.text-area .container-fluid {
    max-width: 1200px;
    margin: auto;
    padding: 30px;
}
.topic-page .text-area .container-fluid {
  border-bottom:1px #ccc solid;
  margin-bottom:30px;
}
/* -------------------------- MEMBERS AND STAFF LIST ----------------- */
.members_and_staff_list .container-fluid {
    max-width: 1200px;
    margin: auto;
    padding: 30px;
}

.members_and_staff_list .container-fluid h3 {
    color: #666;
    font-style: italic;
}

.members_and_staff_list .container-fluid .member {
    padding: 16px;
    background: #f4f4f4;
    display: inline-block;
    line-height: 1.3em;
    width: 387px;
    margin: 3px 0;
    vertical-align: top;
}

.members_and_staff_list .container-fluid .member-large {
    width: 565px;
    margin: 10px;
    box-sizing: border-box;
    float: left;
}

.members_and_staff_list .container-fluid .member-large span.member-bio {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.3em;
}

.members_and_staff_list .container-fluid .member-large img {
    border-radius: 150px;
    max-width: 150px;
    float: left;
    margin-right: 20px;
}

.members_and_staff_list .container-fluid .member-large span {
    display: inline-block;
}

.members_and_staff_list .container-fluid .member span {
    display: block;
}

.members_and_staff_list .container-fluid .member span.membertitle {
    font-weight: bold;
}

.members_and_staff_list .container-fluid .member span.function {
    font-size: 80%;
    font-style: italic;
}
/* -------------------------- ORGANIZATIONS PAGE ------------- */
.single-calwep_org .hero-block.image-back .hero-text {
  margin:15vh 0 10vh 0;
}
.single-calwep_org .meta span {
  max-width: 250px;
  margin: 10px auto;
  display: block;
  color: #f4f4f4;
  padding-left: 40px;
  position: relative;
  font-size: 13px;
  line-height: 1.4em;
}
.single-calwep_org .meta span a {
  color:#ffffff;
}
.single-calwep_org .meta span a:hover {
  color:#d4d4d4;
}
.single-calwep_org .meta span::before {
  font-family: 'dashicons';
  display: block;
  position: absolute;
  left: 14px;
  padding-right: 18px;
  top: 1px;
  font-size: 16px;
}
.single-calwep_org .meta span.website::before {
    content: "\f103";
}
.single-calwep_org .meta span.address::before {
    content: "\f230";
}
.container.org_section {
  padding-top:30px;
  padding-bottom:30px;
}
.container.organization h2.org_title {
  font-weight:bold;
  padding-bottom:5px;
  border-bottom:1px #000 solid;
}
/* -------------------------- ABOUT PAGE -------------------- */
.our-mission.light {
    color: #ffffff;
}

.our-mission.about-mission {
    padding: 160px 0 200px;
}

.our-mission.about-mission h2 {
    padding: 30px;
}

/* -------------------------- LARGE ICON SECTION -------------------- */
.large-icons .icon-overlay {
    position: relative;
    height: 0;
    opacity: .1;
    top: 23%;
    left: 23%;
    z-index: 1;
}

.large-icons .icon-overlay img {
    max-width: 90%;
}

.large-icons a.btn {
    z-index: 10;
    position: relative;
}

.three-color-block.icons .panel:hover {
    opacity: .8;
}

/* -------------------------- RESOURCES: PUBLICATIONS --------------------- */
.publication-top .container {
    margin: 40px auto;
}

.publication-top .cta {
    text-align: center;
}

.publication h1.title {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 0px;
}

.publication .meta {
    font-size: 12px;
}

.publication .meta a,
.publication-related .teaser-meta .post-meta a {
    text-decoration: none;
    color: #666;
}

.publication .meta a:hover,
.publication-related .teaser-meta .post-meta a:hover {
    text-decoration: none;
    color: #333;
}

.publication h2.subtitle {
    font-size: 24px;
}

.publication-related {
    background: #e4e4e4;
    padding-top: 40px;
    padding-bottom: 40px;
}

.publication-related h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.publication-related .teaser-content {
    height: 422px;
    background-size: 90%;
    position: relative;
    background-repeat: no-repeat;
    background-position: top+10% center;
    background-color: rgba(255, 255, 255, .4);
    max-height: 300px;
}

.publication-related .teaser-meta {
    position: absolute;
    bottom: 0;
    padding: 5%;
    background: rgba(255, 255, 255, .8);
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    background-color: #ffffff;
}

.publication-related .teaser-meta h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

.publication-related .teaser-meta a {
    text-decoration: none;
}

.publication-related .teaser-meta .post-meta {
    font-size: 10px;
}

/* -------------------------- MEMBER RESEARCH --------------------- */
.research .post .quicklinks a.share, .single-research .quicklinks a.share {
    display: none;
}

/* -------------------------- FOOTER ------------------ */
.footer {
    z-index: 2;
    position: relative;
}
/* -------------------------- PEER TO PEER -------------------- */
#frm_form_47_container .frm_opt_container {
		padding: 10px 30px;
    border: 1px #ccc solid;
    border-radius: 5px;
    background: #f4f4f4;
}

/* -------------------------- FRAMEWORK -------------------- */

.hero-block.framework-back .hero-text {
  margin: 9vh auto 10vh auto;
  max-width: 85%;
}
.framework-comments .comment-title {
    padding: 80px;
    text-align: center;
}
.framework-comments .comments, .framework-comments .comment-form {
  padding: 20px 0;
}
.framework-comments .comment-form {
  background:#f4f4f4;
}
.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox {
    margin-right: 2%;
}
.fr-comm {
    padding: 20px;
    background: #f4f4f4;
    margin: 10px 0;
    position: relative;
}
.fr-comm {
  position:relative;
}
.toplabel {
  font-size: 11px;
  padding-bottom: 5px;
  display: block;
}
.fr-comm .author-meta, .author-meta {
  line-height: 36px;
  vertical-align: middle;
  position: relative;
  top: -15px;
  padding-bottom: 10px;
  border-bottom: 1px #ccc solid;
}
.fr-comm .author-meta img, .author-meta img {
  border-radius: 50px;
  max-width: 36px;
  max-height: 36px;
  top: 12px;
  position: relative;
  margin-right: 6px;
}
.fr-comm .editfloat {
  position: absolute;
    right: 25px;
    top: 20px;
}
.fr-comm .datetime {
  position: absolute;
  font-size: 10px;
  color: var(--calwep-blue);
  font-weight: bold;
  bottom: 12px;
  right: 12px;
}
#frm_field_500_container div, #frm_field_505_container div {
  text-align:left;
  padding-bottom: 15px;
}
#frm_field_500_container .frm_primary_label, #frm_field_505_container .frm_primary_label {
  padding-bottom:15px;
}
#frm_field_499_container .frm_time_wrap, #frm_field_502_container .frm_time_wrap {
  text-align:left;
}
.with_frm_style.frm_style_calwep-rebate select.frm_time_select {
  width:85px !important;
}
.view-toggle {
  text-align:right;
}
.view-toggle a {
  text-decoration:none;
}
.view-toggle a.selected {
  color:#000;
}
.view-toggle a::after {
  font-family:'dashicons';
  font-size:24px;
  margin: 3px;
}
.view-toggle a.listview::after {
  content: "\f163";
}
.view-toggle a.blockview::after {
  content: "\f509";
}
.view-toggle a.calendarview::after {
  content: "\f508";
}
a.breadcrumbs {
  font-size: 10px;
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.framework-posts .quicklinks a.btn {
  width: 100%;
  display:block;
}
.document .blog-title-area {
  background-image: url(img/calwep-bk-smalldark.jpg);
}
.breadcrumbs a {
  font-size:14px;
  padding-left:1%;
  text-decoration:none;
}
.btn.blue.small {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 35px;
  height: 35px;
  padding: 0 20px;
  display: block;
  margin: 20px 0 0 0;
  width: 50%;
}
.btn.blue.small.flex {
  margin:2px;
}
.frmcal-content {
  padding:12px;
}
/* ----------------------- DYNAMIC CONTENT ------------------ */
.dynamic-slider {
  padding:20px;
}
.dynamic-slider.calwep-blue h3{
  color:var(--calwep-blue);
}
.dynamic-slider.navy h3{
  color:var(--navy);
}
.dynamic-slider.pale-green h3{
  color:var(--pale-green);
}
.dynamic-slider.blue h3{
  color:var(--blue);
}
.dynamic-slider.dark-blue h3{
  color:var(--dark-blue);
}
.dynamic-slider.light-gray h3{
  color:var(--light-gray);
}
.dynamic-slider.dark-gray h3{
  color:var(--dark-gray);
}
.dynamic-slider.turquoise h3{
  color:var(--turquoise);
}
.dynamic-slider h3 {
  font-weight:300;
  text-align:center;
  margin:0 0 20px 0;
}
/* .dynamic-slider.calwep-blue h3, .dynamic-slider.navy h3, .dynamic-slider.pale-green h3, .dynamic-slider.blue h3, .dynamic-slider.dark-blue h3, .dynamic-slider.dark-gray h3, .dynamic-slider.turquoise h3 {
  color:#ffffff;
} */
.dynamic-slider .owl-item {
  display:block;
  height:350px;
  width:100%;
  background-size:cover;
}
.dynamic-slider .owl-item .overlay {
  width:100%;
  display:block;
  color:var(--white);
  text-align:center;
  background: rgba(0,0,0,.5);
  height: 350px;
  position:relative;
}
.dynamic-slider .owl-item .overlay a {
  color:var(--white);
  font-size:24px;
  text-align:center;
  display:block;
  padding: 0 40px;
  text-decoration: none;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:100%;
}
.dynamic-slider .owl-item a:hover {
  color:#e4e4e4;
}
.dynamic-slider .owl-dots {
  position: relative;
  top: -10px;
  margin-top: -25px !important;
}
.dynamic-slider .owl-nav {
    position: absolute;
    top: 30px;
    width: 100%;
}
.dynamic-slider .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 20px;
  top: 67px;
  background: transparent;
  font-size: 80px;
  color: rgba(255,255,255,.5);
  transition:all .3s ease-in;
}
.dynamic-slider .owl-carousel .owl-nav button.owl-prev:hover {
  color: rgba(255,255,255,1);
}
.dynamic-slider .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 20px;
  top: 67px;
  background: transparent;
  font-size: 80px;
  color: rgba(255,255,255,.5);
  transition:all .3s ease-in;
}
.dynamic-slider .owl-carousel .owl-nav button:focus, .dynamic-slider .owl-carousel .owl-nav button:active {
   outline: none !important;
   box-shadow: none;
}
.dynamic-slider .owl-carousel .owl-nav button.owl-next:hover {
    color: rgba(255,255,255,1);
}
.footer .frm_style_email-signup.frm_inline_form .frm_submit {
    width: 100% !important;
    margin-left: 0px !important;
    grid-column: span 6 / span 4;
}


/* Hm */
.global-slider .items { min-height: 600px; padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; z-index: 1; }
.global-slider .items.overlay-bg:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; }
.global-slider .items h2 { color: var(--white); text-align: center; font-weight: bold; margin-bottom: 20px;}
.global-slider .items .desc { text-align: center; max-width: 600px; width: 100%; margin: 0 auto 30px; }
.global-slider .items .desc p { color: var(--white); font-size: 20px; }
.global-slider .items a.slide-btn { max-width: max-content; width: 100%; display: block; text-align: center; text-decoration: none; background: var(--blue); color: var(--white); padding: 15px 50px; border-radius: 10px; margin: 0 auto; font-family: var(--lato-font); }
.global-slider .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 999; width: 100%; }
.global-slider .owl-nav button span { color: var(--white); font-size: 180px; font-weight: 200; }
.global-slider .owl-nav button.owl-prev { left: 20px; position: relative;}
.global-slider .owl-nav button.owl-next { right: 30px; position: absolute; }

.global-slider .owl-nav button.owl-next img { transform: rotate(180deg); }

.global-slider .owl-dots { display: block; width: 100%; text-align: center; position: absolute; z-index: 0; bottom: 20px; }
.global-slider .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 20px; margin-right: 15px; background: #83949f; display: inline-block; }
.global-slider .owl-dots .owl-dot.active { background: var(--white) }

/*Header*/
header.header.updateV1 { background: var(--white); position: static !important; }
header.header.updateV1 .top-nav { background: var(--white); opacity: 1; }
header.header.updateV1 .header-logo { display: block; top: 0; }
header.header.updateV1:before { display:none; }
header.header.updateV1 .top-nav nav ul li a { color: #000; }
header.header.updateV1 .top-nav nav ul li.current_page_item a { color: var(--blue); }
header.header.updateV1 .top-nav nav ul li ul.sub-menu { z-index: 999; }
header.header.updateV1 .top-nav nav ul li.btn {border-radius: 0;}
header.header.updateV1 .top-nav nav ul li.btn a { color: #fff; }
header.header.updateV1 .top-nav a.icon-search { color: #000; font-size: 30px; margin: 0; top: 5px; position: relative; }
header.header.updateV1 .top-nav a.icon-search:before { transform: rotate(80deg); }

header.header.updateV1.fixedHeader { position: fixed !important; background: var(--white); border-bottom: 2px solid #ddd; top: 0; }
header.header.updateV1.fixedHeader .top-nav { background: var(--white); padding: 0 !important;}
header.header.updateV1.fixedHeader .top-nav a.header-logo { top: 10px; }
header.header.updateV1.fixedHeader .top-nav nav.bannermenu { margin-top: 0; }

.wp-search-form.ver2 { margin-top: 0; }
header.header.updateV1.fixedHeader + .wp-search-form.ver2 { margin-top: 90px; }

/*header.header.updateV1.mem.fixedHeader a.header-logo { top: 30px; }
header.header.updateV1.mem a.header-logo { top: 15px; }*/

body.admin-bar header.header.updateV1 { top: 32px; }
body.admin-bar header.header.updateV1.fixedHeader { top: 32px; }
body.admin-bar section.calwep-sub-menu.is_sticky { top: 94px; }
html.no-margin body.admin-bar { margin-top: 32px; }


/* Footer */
.footer-links-area { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; border-bottom: 1px solid #fff; padding-bottom: 50px; }
.footer-links-area .col { width: 18%; margin-right: 2%; text-align: center;}
.footer-links-area .col:last-child { margin-right: 0; }
.footer-links-area .col h2.widgettitle { font-size: 20px; color: var(--white); font-weight: bold;font-family: var(--lato-font); }
.footer-links-area .col ul { list-style-type: none; padding: 0; margin: 0; }
.footer-links-area .col ul li { width: 100%; margin-bottom: 10px; }
.footer-links-area .col ul li a { color: var(--white); text-decoration: none; font-size: 14px; font-family: var(--lato-font);font-weight: bold;}


/* Button Blocks */
section.button-block { padding: 50px 0; }
section.button-block .row { display: flex; flex-wrap: wrap; }
section.button-block .block-btn { margin-bottom: 10px; }
section.button-block a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 15px; border-radius: 10px; text-decoration: none; }
section.button-block a .icon { width: 20%; }
section.button-block a .icon img { width: 55px; height: 55px; }
section.button-block a .icon + .btn-cont { width: 75%; }
section.button-block a .btn-cont p.title { color: var(--white); margin: 0; font-size: 18px; font-weight: 600; }
section.button-block a .btn-cont  p.sub-title { color: var(--white); margin: 0; font-size: 16px; }
section.button-block a:hover { opacity: 0.8; }

/* Upcoming Event */
.upcoming-event { padding: 50px 0; }
.upcoming-event h2.main-title { text-align: center; font-weight: 900; margin-bottom: 50px; font-family: var(--lato-font);}
.upcoming-event .row.right-img { flex-direction: row-reverse; display: flex; flex-wrap: wrap; }
.upcoming-event h2 { font-weight: 900; font-size: 32px; line-height: 42px; font-family: var(--lato-font);}
.upcoming-event .det { margin-bottom: 20px; font-size: 16px; font-family: var(--lato-font);}
.upcoming-event  .event-cont { margin-bottom: 30px; }
.upcoming-event .event-cont p { font-size: 18px; line-height: 28px; font-family: var(--lato-font);}
.upcoming-event a.event-btn { background: #349ccc; font-family: var(--lato-font); color: var(--white); border-radius: 10px; padding: 15px 30px; line-height: 24px; text-decoration: navajowhite; font-size: 18px; display: inline-block; }

.upcoming-event .col-md-6 img { margin: 0 auto; display: block; }

/* news posts */
.row#custom-bg {
  min-height: 400px;
  padding-top: 250px;
  background-repeat: no-repeat;
  background-size: cover;
}
.row#custom-bg .titlebar {
  padding: 60px 10%;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  border-bottom: 1px #f4f4f4 solid;
}
.row#custom-bg .titlebar h1 {
  margin: 0 0 5px 0;
}
.row .container .main-post-content {
  padding: 40px 0;
}
.title span.metadate {
  font-size:14px;
}

/* resourse new */
.blog-posts h2 { text-align: center; margin: 30px 0; font-weight: 900; font-family: var(--lato-font);}
.blog-posts.updateV1 .post { display: flex; flex-wrap: wrap; justify-content: space-between; background: #e6e6e6; padding: 10px; box-shadow: none;}
.blog-posts.updateV1 .post .post-image { width: 35%; height: 250px; }
.blog-posts.updateV1 .post .post-content { width: 60%; position: relative; text-align: left;}
.blog-posts.updateV1 .post .post-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-posts.updateV1 .post .post-content .title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; }
.blog-posts.updateV1 .post .post-content .title a { display: block; margin: 0; padding: 0; text-decoration: none;}
.blog-posts.updateV1 .post .post-content .title a h3 { margin: 0; font-size: 20px; line-height: 32px; color: #000; font-weight: 900; font-family: var(--lato-font);}
.blog-posts.updateV1 .post .post-content .cont { width: 100%; margin-bottom: 50px; }
.blog-posts.updateV1 .post .post-content .cont p { font-family: var(--lato-font); font-size: 16px; line-height: 26px; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.blog-posts.updateV1 .post .post-content .post-lock { position: absolute; bottom: 10px; width: 100%; }
.blog-posts.updateV1 .post .post-content .post-lock .unlock,
.blog-posts.updateV1 .post .post-content .post-lock .lock { position: relative; text-align: right; }
.blog-posts.updateV1 .post .post-content .post-lock a { color: #000; padding-right: 40px; position: relative; text-decoration: navajowhite; font-size: 18px; font-weight: bold; font-family: var(--lato-font);}
.blog-posts.updateV1 .post .post-content .post-lock a::after { position: absolute; content: ''; right: 5px; top: 2px; font-family: 'Fontawesome';}
.blog-posts.updateV1 .post .post-content .post-lock a:hover { color: var(--blue); }

.blog-posts.updateV1 { padding: 25px 0; }
.blog-posts.updateV1 .post .post-content .post-lock .lock a:after { content: '\f023'; }
.blog-posts.updateV1 .post .post-content .post-lock .unlock a:after { content: '\f0c1'; }

.blog-posts.updateV1 .post.restricted-level-1 {pointer-events: none;}

.blog-post-main-wrapper { position: relative; }
.post-loader { width: 100%; text-align: center; position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 100%;display: flex;align-content: center;flex-wrap: wrap;justify-content: center;background: rgba(0,0,0,0.5);}
.post-loader .load-container { position: relative; display: inline-block; width: 130px; height: 130px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; letter-spacing: normal }
.post-loader .load-container.four .loader { font-size: 12px; margin: 4.8em auto; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear }
@-webkit-keyframes load4 {
    0%,
    100% { box-shadow: 0em -3em 0em 0.2em #349ccc, 2em -2em 0 0em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 0em #349ccc }
    12.5% { box-shadow: 0em -3em 0em 0em #349ccc, 2em -2em 0 0.2em #349ccc, 3em 0em 0 0em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    25% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 0em #349ccc, 3em 0em 0 0.2em #349ccc, 2em 2em 0 0em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    37.5% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 0em #349ccc, 2em 2em 0 0.2em #349ccc, 0em 3em 0 0em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    50% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 0em #349ccc, 0em 3em 0 0.2em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    62.5% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 0em #349ccc, -2em 2em 0 0.2em #349ccc, -3em 0em 0 0em #349ccc, -2em -2em 0 -0.5em #349ccc }
    75% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 0.2em #349ccc, -2em -2em 0 0em #349ccc }
    87.5% { box-shadow: 0em -3em 0em 0em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 0em #349ccc, -2em -2em 0 0.2em #349ccc }
}
@keyframes load4 {
    0%,
    100% { box-shadow: 0em -3em 0em 0.2em #349ccc, 2em -2em 0 0em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 0em #349ccc }
    12.5% { box-shadow: 0em -3em 0em 0em #349ccc, 2em -2em 0 0.2em #349ccc, 3em 0em 0 0em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    25% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 0em #349ccc, 3em 0em 0 0.2em #349ccc, 2em 2em 0 0em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    37.5% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 0em #349ccc, 2em 2em 0 0.2em #349ccc, 0em 3em 0 0em #349ccc, -2em 2em 0 -0.5em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    50% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 0em #349ccc, 0em 3em 0 0.2em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 -0.5em #349ccc, -2em -2em 0 -0.5em #349ccc }
    62.5% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 0em #349ccc, -2em 2em 0 0.2em #349ccc, -3em 0em 0 0em #349ccc, -2em -2em 0 -0.5em #349ccc }
    75% { box-shadow: 0em -3em 0em -0.5em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 0.2em #349ccc, -2em -2em 0 0em #349ccc }
    87.5% { box-shadow: 0em -3em 0em 0em #349ccc, 2em -2em 0 -0.5em #349ccc, 3em 0em 0 -0.5em #349ccc, 2em 2em 0 -0.5em #349ccc, 0em 3em 0 -0.5em #349ccc, -2em 2em 0 0em #349ccc, -3em 0em 0 0em #349ccc, -2em -2em 0 0.2em #349ccc }
}



.load_div { display: block; width: 100%; }
.load_div a.load_more { display: block; max-width: max-content; width: 100%; margin: 0 auto; text-decoration: none; color: #000; text-transform: uppercase; font-size: 20px; font-weight: bold; font-family: var(--lato-font);position: relative; padding-left: 30px; }
.load_div a.load_more:before {  position: absolute; content: '\f01e';    left: 0; top: 50%; transform: translateY(-50%); font-family: 'fontawesome';}


/*.partners*/
.partners h2 { color: var(--dark-blue) !important; }


/* Mega Menu */

header.header.updateV1 .col-md-8 { position: static; }
header.header.updateV1 #mega-menu-wrap-top_menu,
header.header.updateV1 #mega-menu-wrap-top_menu .mega-menu { position: static !important; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item ul.mega-sub-menu { border-top: 1px solid #eee; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item ul.mega-sub-menu:after { right: -1000%; width: 1000%; position: absolute; content: ""; height: 100%; top: 0; background: #f2f2f2; display: block !important; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item ul.mega-sub-menu:before { left: -1000%; width: 1000%; position: absolute; content: ""; height: 100%; top: 0; background: #f2f2f2; display: block !important; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu > li.mega-menu-item > a.mega-menu-link:after { background: #c2a73f; bottom: 0; content: ""; height: 4px; left: 0; margin: 0 auto; right: 0; position: absolute; width: 28px; transition: transform 0.3s ease-out 0s, border-color 0.3s ease-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); display: block !important; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item ul.mega-sub-menu > .mega-menu-row > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { position: relative; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item ul.mega-sub-menu > .mega-menu-row > ul.mega-sub-menu li.mega-menu-item.menu-logo a.mega-menu-link:before { position: absolute !important; left: 0 !important; content: ""; line-height: 18px !important; }
header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item > ul.mega-sub-menu li.mega-current-menu-item a { color: #f4f4f4 !important; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column { margin-right: 4%; width: 30.6% !important; border-radius: 10px; padding: 10px 20px; position: relative; z-index: 1; }

header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.mega-row-bg > ul.mega-sub-menu > li.mega-menu-column::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 253px;
  background: url('img/mega-bg.png')no-repeat;
  display: block;
  z-index: 0;
  left: 0;
}

header.header.updateV1 #mega-menu-wrap-top_menu ul.mega-menu li.mega-menu-item > a.mega-menu-link { font-family: var(--lato-font); font-weight: 600 !important; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column:last-child { margin-right: 0; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu .mega-menu-item a.mega-menu-link { color: var(--white); text-align: center !important; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu .mega-menu-item { }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column.dark-blue { background: #0f3a5c; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column.light-blue { background: #1d5e85; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column.green { background: #265615; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu li.mega-menu-item.sub-title a.mega-menu-link { /*pointer-events: none;*/font-size: 18px; font-weight: bold; line-height: 22px; padding: 0 20px 10px 20px; position: relative; border-bottom: 1px solid #fff; font-family: var(--lato-font); }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 14px; font-family: var(--lato-font) !important; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu li.mega-menu-item { padding: 5px; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row > .mega-sub-menu { display: flex; flex-wrap: wrap; }

header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-item.btn a.mega-menu-link { padding: 0 20px; background: var(--blue); color: #fff; height: 40px; line-height: 40px; }


header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-btn > a.mega-menu-link { background: #e14403; border-radius: 10px; text-align: left !important; padding: 10px 10px 10px 65px; position: relative; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-btn > a.mega-menu-link span { display: block; font-weight: bold; font-size: 22px; line-height: 22px; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-btn > a.mega-menu-link:before { position: absolute; content: ''; width: 50px; height: 50px; left: 10px; background-size: 50px !important; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-btn.smart-icon > a.mega-menu-link:before { background: url('img/smart-icon.png')no-repeat; }

/*Hover*/
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-btn > a.mega-menu-link:hover { opacity: 0.8; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row > .mega-sub-menu .mega-menu-column > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { opacity: 0.8; }
header.header.updateV1 #mega-menu-wrap-top_menu #mega-menu-top_menu > li.mega-menu-item.btn a.mega-menu-link:hover { background-color: var(--dark-blue); }

/*Responsive Menu*/
.menu-button { position: relative; text-align: right; display: none; width: 24%; top: 5px; }
.menu-button:before { content: "\f0c9"; position: absolute; font-family: fontawesome; color: #1b9bc2; font-size: 32px; line-height: 1; right: 0; top: -5px;}
.menu-button.open:before { content: "\f00d";}
.mobile-menu { display: none; width: 100%; position: absolute; left: 0; top: 60px; background-color: #fff; z-index: 999; height: 335px; overflow-y: auto; }
.mobile-menu ul.menu {margin: 0; padding: 0;}
.mobile-menu ul.menu > li.menu-item {text-align: left; list-style: none; border-bottom: 1px solid #dddddd; position: relative;}
.mobile-menu ul.menu > li.menu-item.current-menu-parent > a,
.mobile-menu ul.menu > li.menu-item.current-menu-item > a { color: #ffffff; background: #0e2a59; }
.mobile-menu ul.menu > li.menu-item.menu-item-has-children:after {content: "\f107"; font: 18px FontAwesome; top: 0; right: 0; width: 50px; height: 20px; padding: 20px 0; position:absolute;text-align: center;}
.mobile-menu ul.menu > li.menu-item.current-menu-item::after { color: #ffffff; }
.mobile-menu ul.menu > li.menu-item.current-menu-parent::after { color: #ffffff; }
.mobile-menu ul.menu > li.menu-item > a {display: block; padding: 15px; color: #000; font-size: 18px;text-decoration: none;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu {background-color: #fff; visibility: hidden; height: 0; margin: 0; opacity:0;}
.mobile-menu ul.menu > li.menu-item.active ul.sub-menu {border-top: 1px solid #000; visibility: visible; height: auto; opacity:1; padding: 0;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item{list-style: none; border-bottom: 1px solid #000; position:relative;margin: 0;border-right: 0;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item:after {content: "\f105"; font: 15px FontAwesome; top: 50%; transform:translateY(-50%); left: 12px; position:absolute;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item:last-child{border:none;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item a {display: block; padding: 12px 0 12px 30px; color: #000; font-size: 16px;text-decoration: none;}
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.current-menu-item a { background: #0e2a59; color: #ffffff; }
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.current-menu-item::after { color: #ffffff; }
.mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.menu-logo { display: none; }


.mobile-menu ul.menu > li.menu-item.menu-item-has-children:before { display: none; }


.mobile-menu ul.menu > li.menu-item.btn { background: transparent; height: auto; border: 0; line-height: inherit; display: block; width: auto; padding: 0; }
.mobile-menu ul.menu > li.menu-item.btn a { height: auto; padding: 15px; }


/**/
.single-resource .header .top-nav.transparent,
.single-research .header .top-nav.transparent { background: transparent !important; }

.container-fluid.standard { padding-top: 0 !important; }


/* Hover */
.global-slider .items a.slide-btn:hover { background-color: var(--dark-blue); }
.upcoming-event a.event-btn:hover,
.membership-include-container .membership-include .item .right a.btn:hover { background-color: var(--dark-blue) !important; }


/*three-color-block*/
.three-color-block { padding: 50px 0 40px 0; }
.three-color-block .panel { padding: 20px; color: #fff; height: auto !important; border-radius: 10px; margin: 0 3% 10px 0; width: 31.3%;}
.three-color-block .panel:nth-child(3n){ margin: 0 0 10px 0; }
.three-color-block .panel a { color: #ffffff; text-decoration: none; display: flex; align-items: center; font-size: 18px; }
.three-color-block .panel a img { width: 70px; height: 70px; object-fit: cover; }


/* Member Header */

/*.header.updateV1.member .top-nav .row { display: flex; flex-wrap: wrap; justify-content: center; }
.header.updateV1.member .top-nav .col-md-9 { display: flex; flex-wrap: wrap; align-content: center; }
.header.updateV1.member .top-nav .bannermenu { width: 90%; display: flex; flex-wrap: wrap; justify-content: right; align-content: center; }
.header.updateV1.member .top-nav a.celwep-icon { width: 5%; }
.header.updateV1.member .top-nav .icon-search { width: 5%; top: 18px; }
.header.updateV1.member .top-nav .bannermenu .menu { margin: 0 !important; }
.header.updateV1.member .top-nav .bannermenu ul.menu li { padding-bottom: 0; }*/

.header.updateV1 a.celwep-icon { position: relative; top: 19px; display: inline-block;}

/*Call to action*/
.our-mission.have-image { text-align: left; }
.our-mission.have-image h2 { font-weight: 900; font-size: 32px; line-height: 42px; font-family: var(--lato-font); }
.our-mission.have-image p { font-size: 18px; line-height: 28px; font-family: var(--lato-font); }
.our-mission.have-image .btn.blue { background: #349ccc; background-color: rgb(52, 156, 204); font-family: var(--lato-font); color: var(--white); border-radius: 10px; padding: 15px 30px; line-height: 24px; text-decoration: navajowhite; font-size: 18px; display: inline-block; height: auto; }
.our-mission.have-image .btn.blue:hover { background-color: var(--dark-blue) !important; }
.our-mission.dark h2,
.our-mission.dark p { color: var(--dark-gray); }
.our-mission.have-image p.sub_title { margin-bottom: 20px; font-size: 16px; font-family: var(--lato-font); }
.our-mission.have-image img { display: block; margin: 0 auto; }

/*calwep-sub-menu*/
section.calwep-sub-menu { background: #0F3A5C; padding: 10px 0; }
section.calwep-sub-menu .container { max-width: 95%; width: 100%}
section.calwep-sub-menu ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: right; }
section.calwep-sub-menu ul li { width: max-content; margin-right: 2%; }
section.calwep-sub-menu ul li:last-child { margin-right: 0; }
section.calwep-sub-menu ul li a { display: block; text-decoration: none; color: #fff; }

section.calwep-sub-menu.is_sticky { position: fixed; top: 61px; width: 100%; z-index: 999; }

/*implementation-guide-with-details*/
section.implementation-guide-with-details { display: block; width: 100%; padding: 50px 0; }
section.implementation-guide-with-details .container { max-width: 95%; width: 100%; }
section.implementation-guide-with-details .detail-content { width: 100%; margin-bottom: 25px; padding-bottom: 25px; position:relative; }
section.implementation-guide-with-details .detail-content:After { position: absolute; content: ''; width: 90%; height: 1px; background: #36A5CC; bottom: 0; }
section.implementation-guide-with-details .detail-content p { font-size: 24px; line-height: 34px; font-family: 'Lato';}
section.implementation-guide-with-details .detail-content p:last-child { margin-bottom: 0; font-size: 20px;}
section.implementation-guide-with-details .detail-content a { color: #000; }
section.implementation-guide-with-details .details-links { display: block; width: 100%; }
section.implementation-guide-with-details .details-links h2 { font-size: 22px; font-weight: 600; color: #5DA5D0; }
section.implementation-guide-with-details .details-links ul { padding: 0; margin:; margin: 0; list-style-type: none; }
section.implementation-guide-with-details .details-links ul li { display: block; margin-bottom: 5px; }
section.implementation-guide-with-details .details-links ul li a { font-family: 'Lato'; display: block; width: 100%; padding: 5px 10px 5px 35px; font-size: 18px; text-decoration: none; position: relative; }
section.implementation-guide-with-details .details-links ul li a:before { position: absolute; content: '\f0c1'; font-family: fontawesome; left: 0; top: 7px; }
section.implementation-guide-with-details .details-links ul li a:hover { text-decoration: underline; }


section.implementation-guide-with-details .guide-settings { position: relative; }
section.implementation-guide-with-details .guide-settings:before { position: absolute; content: ''; width: 2px; height: 100%; background: #36A5CC; z-index: 9; }
section.implementation-guide-with-details .guide-settings section.guides { padding: 0 !important; }
section.implementation-guide-with-details .guide-settings section.guides .guides__header { background: transparent; padding: 0 !important;}
section.implementation-guide-with-details .guide-settings section.blog-posts { width: 100%; display: block; }
section.implementation-guide-with-details .guide-settings section.blog-posts .container { display: block; width: 100%; }
section.implementation-guide-with-details .guide-settings section.guides .guides__header .container { width: 100%; }

/*.blog-posts.updateV1 .search*/
.blog-posts.updateV1 .search { margin: 0 0 50px 0; }
.blog-posts.updateV1 .search .searchform { max-width: 900px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.blog-posts.updateV1 .search .searchform input[type="text"] { width: 80%; padding: 10px 20px; border: 1px solid #ddd; outline: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.blog-posts.updateV1 .search .searchform input[type="submit"] { width: 20%; border: 0; padding: 10px 20px; display: inline-block; line-height: 22px; background: #1B9BC2; color: #fff; font-size: 20px; text-transform: uppercase; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.blog-posts.updateV1 .search .searchform input[type="submit"]:hover { background-color: var(--dark-blue) !important; }

.hero-block.height300 { height: 300px; }
.hero-block.height300 .hero-text { margin: 40px 0; }

/*half banner*/
.hero-block.half { height: 300px; }
.hero-block.half .hero-text { margin: 40px 0; }


/*framework-posts*/
.blog-posts.updateV1.framework-posts .post h3 { text-align: left; font-size: 20px !important; line-height: 28px !important; }
.blog-posts.updateV1.framework-posts .post .post-image { height: 200px; }

.facetwp-facet.facetwp-type-dropdown .facetwp-dropdown { width: 100%; }

/* Search */
body.search .hero-block .hero-text { margin: 80px 0; }
body.search .hero-block .hero-text h1 { margin: 20px 0; font-size: 42px; }
body.search section.blog-posts.updateV1 { padding: 50px 0; }

/*Member header*/
body header.header.updateV1.member .top-nav nav.bannermenu { margin-top: 0 !important; top: -10px; position: relative; }
body header.header.updateV1.member a.header-logo { top: 10px; }
body header.header.updateV1.member a.icon-search.search-reveal { top: -6px; }
body header.header.updateV1.member ul#top_menu { margin: 0; }
body header.header.updateV1.member ul#top_menu li { padding-bottom: 10px; }

header.header.updateV1.member.fixedHeader a.header-logo { top: 20px; }

html.no-margin { margin-top:0 !important; }

.page-id-733 section.tabbed-details { display: none; }

/*two-columns-layout*/
section.two-columns-layout { padding: 50px 0; }

/* Formbiddle pagination style */ 
.frm_pagination_cont ul.frm_pagination { display: flex; justify-content: center; list-style: none; padding: 0; }
.frm_pagination_cont ul.frm_pagination li { margin: 0 5px; }
.frm_pagination_cont ul.frm_pagination a { color: #000; text-decoration: none; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; }
.frm_pagination_cont ul.frm_pagination a:hover { background-color: #f5f5f5; }
.frm_pagination_cont ul.frm_pagination .active a { background-color: #ccc; }

button.clear-filter { padding: 10px 32px; border: 0; background: #1b9bc2; color: #fff; font-size: 16px; line-height: 20px; }
button.clear-filter:hover { background: #436a87; cursor: pointer; }

form.filter-form { position: relative; }
form.filter-form .frm_html_container { width: max-content; display: inline-block; }
form.filter-form .frm_submit { width: max-content; display: inline-block; position: absolute; bottom: 15px; left: 150px; }

form.peer-form h2 { font-size: 24px; font-weight: bold; }
form.peer-form .form-field .frm-card-element { min-height: 40px; }

/* ----------------------- {}--- RESPONSIVE ------------------ */

@media (min-width: 768px) and (max-width: 1023px){

    body.menu-active { overflow-y: hidden; }
    header.header.updateV1 .col-md-8 .bannermenu { display: none; }
    header.header.updateV1 .top-nav a.icon-search { bottom: 0; }
    header.header.updateV1 .col-md-8 { width: 20%; float: right; display: flex; align-items: center; justify-content: space-around;}

    header.header.updateV1 .row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
    header.header.updateV1 .row .col-md-4 { padding-bottom: 0 !important; width: 80%; max-width: 100% !important; }
    header.header.updateV1.fixedHeader .top-nav a.header-logo { top: 0; }

    .menu-button { display: block; }

    section.button-block .row { display: block;}
    section.button-block .col-md-4 { margin-bottom: 20px; }
    section.button-block .col-md-4:last-child { margin-bottom: 0; }
    section.button-block a .icon { width: 10%; }
    section.button-block a .icon + .btn-cont { width: 88%; }

    /*  My Calwep  */

    section.calwep-sub-menu img { display: block; margin: 0 auto 20px auto; }
    section.calwep-sub-menu ul { justify-content: center; }

    section.implementation-guide-with-details { padding: 50px 0 0 0; }
    section.implementation-guide-with-details .guide-settings { margin-top: 50px; }
    section.implementation-guide-with-details .guide-settings::before { display: none; }
    section.implementation-guide-with-details .detail-content p { font-size: 22px; }
    
    section.implementation-guide-with-details .guide-settings section.guides .guides__header .guides__title { font-size: 28px; font-weight: 400; }
    section.implementation-guide-with-details .guide-settings section.guides .tutorials-form { margin: 10px 0 0 0; padding: 0; }
    section.implementation-guide-with-details .guide-settings section.blog-posts { padding: 0; }
    section.implementation-guide-with-details .guide-settings section.blog-posts .container { max-width: 100%; padding: 0; }

    .blog-posts h2 { font-size: 28px; }

}

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

    .menu-button { display: block; }

    body.menu-active { overflow-y: hidden; }

    header.header.updateV1 .col-md-8 .bannermenu { display: none; }
    header.header.updateV1 .top-nav a.icon-search { bottom: 0; }
    header.header.updateV1 .col-md-8 { width: 40%; float: right; display: flex; align-items: center; justify-content: space-around;}

    header.header.updateV1.fixedHeader .top-nav a.header-logo { top: 0; }

    header.header.updateV1.fixedHeader + .wp-search-form.ver2 { margin-top: 62px; }

    header.header.updateV1.fixedHeader .top-nav { padding: 10px 0 !important; }

    .wp-search-form.ver2 { padding: 10px; }
    .wp-search-form.ver2 form.search-form { display: flex; flex-wrap: wrap; }
    .wp-search-form.ver2 form.search-form label { width: 60%; }
    .wp-search-form.ver2 form.search-form input[type="search"] { width: 100%; }
    .wp-search-form.ver2 form.search-form input[type="submit"] { width: 40%; top: 0; text-align: center; padding: 10px !important; }
    
    section.g-slider-block .global-slider .items { min-height: 400px; }
    section.g-slider-block .global-slider .items h2 { font-size: 30px; }

    section.button-block .row { display: block;}
    section.button-block .col-md-4 { margin-bottom: 20px; }
    section.button-block .col-md-4:last-child { margin-bottom: 0; }
    section.button-block a .btn-cont p.title { font-size: 20px; }
    section.button-block a .btn-cont p.sub-title { font-size: 16px; }

    .upcoming-event h2.main-title { font-size: 28px; margin-bottom: 30px; }
    .upcoming-event h2 { font-size: 28px; }
    .upcoming-event .event-cont p { font-size: 16px; }
    .upcoming-event .col-md-6:first-child { margin-bottom: 30px; }

    .blog-posts h2 { font-size: 28px; }
    .blog-posts.updateV1 .post .post-image { width: 100%; margin-bottom: 20px; height: auto; }
    .blog-posts.updateV1 .post .post-content { width: 100%; }
    .blog-posts.updateV1 .post .post-content .title a h3 { font-size: 18px; line-height: 25px; }
    .blog-posts.updateV1 .post .post-content .cont p { line-height: 22px; }
    .blog-posts.updateV1 .post .post-content .cont { margin-bottom: 70px; }
    .blog-posts.updateV1 .post .post-content .post-lock a { font-size: 16px; }

    section.our-mission h2 { font-size: 28px; }
    section.our-mission p { font-size: 16px; }

    .partners h2 { font-size: 28px; }

    .footer-links-area .col { width: 48%; padding: 0 15px; margin: 0 0 20px 0; }
    .footer-links-area .col:last-child { margin: 0;width: 100%; }
    
    .footer nav { margin-bottom: 30px; }
    .footer nav .menu-bottom-menu-container ul { text-align: center; padding: 0; }
    .footer nav .menu-bottom-menu-container ul li { margin-right: 10px; margin-bottom: 10px; }
    .footer .social-links { text-align: center; }

    /*  My Calwep  */

    section.calwep-sub-menu img { display: block; margin: 0 auto 20px auto; }
    section.calwep-sub-menu ul li { width: 48%; margin-right: 0; margin-bottom: 5px; }
    section.calwep-sub-menu ul { justify-content: space-between; }

    section.implementation-guide-with-details { padding: 50px 0 0 0; }
    section.implementation-guide-with-details .guide-settings { margin-top: 50px; }
    section.implementation-guide-with-details .guide-settings::before { display: none; }
    section.implementation-guide-with-details .detail-content p { font-size: 22px; }
    
    .blog-posts.updateV1 .search .searchform input[type="submit"] { width: 100%; border-radius: 3px; }
    .blog-posts.updateV1 .search .searchform input[type="text"] { width: 100%; margin-bottom: 10px; border-radius: 3px; }


    section.implementation-guide-with-details .guide-settings section.guides .guides__header .guides__title { font-size: 28px; font-weight: 400; }
    section.implementation-guide-with-details .guide-settings section.guides .tutorials-form { margin: 10px 0 0 0; padding: 0; }
    section.implementation-guide-with-details .guide-settings section.guides .tutorials-form input[type="text"] { margin-bottom: 10px; }
    section.implementation-guide-with-details .guide-settings section.blog-posts { padding: 0; }
    section.implementation-guide-with-details .guide-settings section.blog-posts .container { max-width: 100%; padding: 0; }

    .hero-block .bottom-block .quick-links a { display: inline-block; margin: 0 15px 0 0; }
    .hero-block .bottom-block .quick-links { text-align: left; }
    section.text-area img.alignleft { margin: 0; }

}

@media (min-width: 320px) and (max-width: 480px) {
    .hero-block h1 {
        font-size: 36px;
    }

    .membership-include-container .membership-include .item .right {
        padding: 30px;
    }

    .membership-include-container .membership-include .item {
        grid-template-rows: 250px auto;
        grid-template-columns: 100%;
    }

    .membership-include-container .membership-include .item .right .image .user-photo {
        -webkit-border-radius: 100%;
        padding: 0 30% 20px;
    }

    .membership-include-container .membership-include .item .right .image {
        grid-template-columns: 100%;
    }

    .membership-include-container .membership-include .owl-dots {
        position: static;
    }

    .members_and_staff_list .container-fluid .member-large {
        width: 95% !important;
    }

    .members_and_staff_list .container-fluid .member {
        width: 100%;
    }

    .full-width-image h1 {
        padding: 30px 10px;
        font-size: 30px;
    }
}

#frm_field_995_container{
	padding: 0 !important;
}

/* Timeline Menu */

.hero-block.timeline {
  background: #ffffff;
}
.hero-block.timeline .container-fluid::after {
  display:block;
  width: 95%;
  border-bottom: 2px solid #cccccc;
  margin: 0 auto;
}
.timeline-page .hero-block.timeline .hero-text {
  margin-left:auto;
  margin-right:auto;
  margin-top:20vh;
  border-left-style: solid;
  border-left-width: 8px;
  padding-left: 20px;
}
.timeline-page p {
  font-size:18px;
  line-height:1.5em;
}
.hero-block.timeline .hero-text h2 {
  font-size: 18px;
  text-align:left;
  color: inherit;
}
.hero-block.timeline .hero-text h2 a {
  color: inherit;
  text-decoration:none;
}
.hero-block.timeline .hero-text h1 {
  font-weight: 900;
  text-transform:none;
  font-size: 36px;
  text-align:left;
  color: inherit;
  margin: 0 0 10px 0;
  max-width: 800px;
}
.hero-block.timeline .hero-text .metadata {
  text-align:left;
  color:#000000;
  font-size: 16px;
  font-weight:bold;
}
.timeline-key .colorkeys {
  display: flex;
  list-style:none;
  padding: 0;
  margin: 10px 0 0 0;
}
.timeline-key .colorkeys li {
  list-style: none;
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  font-weight:bold;
  cursor:pointer;
}
.timeline-key .colorkeys.activated li.term:not(.active) {
  color:#cccccc !important;
}
.timeline-key .colorkeys.activated li:not(.active) .colorbox {
  background-color:#cccccc !important;
}
.timeline-key .colorkeys li.showall {
  font-weight: normal;
  cursor:pointer;
}
.timeline-key .colorkeys li.showall:hover {
  font-weight:bold;
}
.timeline-key .colorkeys li .colorbox {
  width: 15px; 
  height: 15px;
  display:inline-block;
  margin-right: 5px;
  position:relative;
  top:2px;
}
.timeline-container {
  max-width:100%;
  overflow-x:scroll;
  position: absolute;
  z-index: 999999;
}
ul.timeline-menu {
  list-style:none;
  position:relative;
}
ul.timeline-menu > li {
  display: block;
  padding: 8px;
  margin: 1px;
  text-align: center;
  transition:all .3s ease-in;
  border-left:2px #0F3A5C solid;
  float:left;
  width:120px;
}
ul.timeline-menu > li:hover, ul.timeline-menu.showalltime > li.full {
  color:var(--dark-blue);
  min-width:300px;
  text-align:left;
  box-shadow:1px 1px 10px #ccc;
  background:rgba(255,255,255,1);
}
ul.timeline-menu > li:hover > a, ul.timeline-menu.showalltime > li > a {
  text-indent:8px;
}
ul.timeline-menu > li.full:hover > ul.submenu, ul.timeline-menu.showalltime > li.full > ul.submenu{
  height:auto;
  opacity:1;
  padding: 10px;
  margin-top:10px;
}
ul.timeline-menu > li a {
  text-decoration:none;
  color: #000000;
  font-size: 30px;
}
  
ul.timeline-menu li ul.submenu {
  opacity:0;
  height:0;
  transition:all ease-in .3s;
  padding: 0px;
  list-style:none;
  text-align:left;
  margin-top:0;
} 
ul.timeline-menu li ul.submenu li {
  margin-bottom: 5px;
  transition:all ease-in-out .3s;
  height:auto;
  opacity:1;
}
ul.timeline-menu li ul.submenu li.hidden {
  height:0;
  opacity:0;
}
ul.timeline-menu li ul.submenu li a {
  font-weight:bold;
  font-size: 16px;
}
ul.timeline-menu li ul.submenu li a span.date{
  font-weight:normal;
  font-size: 80%;
}
ul.timeline-menu li .keys {
  display:flex;
  flex-wrap:wrap;
}
ul.timeline-menu li .keys .keybox {
  width:10px;
  height:10px;
  display:inline-block;
  margin:2px;
  transition:all ease-in-out .3s;
  opacity:1;
}
ul.timeline-menu li .keys .keybox.hidden {
  height:0;
  opacity:0;
}
.center-hero .hero-content {
  padding:200px 0 50px 0;
}
.center-hero .left-content {
  padding:0 5%;
}
.center-hero .left-content h1 {
  font-size:32px;
  color:var(--navy);
  margin-top:0;
}
.hero-content .center__header h2.center__title {
  font-size: 30px;
  color:var(--navy);
  text-transform:none;
}
.center-hero .hero-content .addlinks {
  padding:50px 5%;
}
.center-hero .hero-content .addlinks h2 {
  font-size: 24px;
  font-style:italic;
  color:var(--navy);
  text-transform:none;
}
.center-hero .hero-content .addlinks .linklist {
  list-style:none;
  padding-left: 10px;
}
.center-hero .hero-content .addlinks .linklist li {
  margin-bottom:10px;
}
.center-hero .hero-content .addlinks .linklist li a {
  text-decoration:none;
}
section.helper-block {
  padding: 50px 0; 
  background:#f4f4f4;
}
section.helper-block h2 {
  font-weight: 300;
  font-style:italic;
  margin-bottom:50px;
  text-transform:none;
  color:var(--navy);
}
section.helper-block .hblock {
  border: solid;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 40px;
  border-width: 5px;
}
section.helper-block .request {
  font-size: 24px;
  font-style: italic;
  padding-bottom: 40px;
  min-height:156px;
}
section.helper-block select {
  width: 100%;
    height: 50px;
    border-radius: 15px;
    margin-bottom: 20px;
    border: 2px solid #CCCCC6;
    font-size: 16px;
}