﻿
.rpscw-postmeta,
.rpscw-sidept {
  width:100%;
  display:block;
}

.rpscw-widgetp,
.rpscw-excerptsc {
  width:48%;
  float: left;
}

.rpscw-widgetp {
    float: right;
}

.rpscw-postmeta {
width: 200px;
float: left;
}

.recent-posts-mb {
    margin: 50px auto;
}


.recent-posts-mb .rpscw-postmeta .rpscw-infoblock {
    display:none;
}

.recent-posts-mb .rpscw-postmeta {
    margin-bottom: 0;
}

.recent-posts-mb .rpscw-recentpostwrap {
   border: 0 solid transparent;
}

.recent-posts-mb .rpscw-col {
    width: 100% !important;
    float: none;
    display: block;
    padding:0 0;
}

.recent-posts-mb .rpscw-sidept a {
   text-align: left;
}

.recent-posts-mb .rpscw-readmore {
    margin-top: 15px;
}

.recent-posts-mb .rpscw-readmore a,
.recent-posts-mb .rpscw-readmore a:visited,
.recent-posts-mb .rpscw-postmeta a,
.recent-posts-mb .rpscw-postmeta a:visited {
    background: #167abf;
    border: 2px solid #167abf !important;
    color: #fff !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.recent-posts-mb .rpscw-readmore a:hover,
.recent-posts-mb .rpscw-readmore a:focus,
.recent-posts-mb .rpscw-postmeta a:hover,
.recent-posts-mb .rpscw-postmeta a:focus {
    background: #fff;
    color: #167abf !important;
}

.recent-posts-mb .rpscw-recentposts {
    min-height: auto;
    padding: 25px 0;
    border:0 solid transparent;
}

.archive .g1-collection--simple .g1-nonmedia {
	padding: 0 0 0 0;
}

.blog #g1-precontent,
.blog #g1-precontent > .g1-background {
    background-color: #3FA5C9 !important;
}

#post-21578 #comments {
    display:none !important;
}

#post-21578 .g1-grid .g1-three-fourth {
    width:100%;
    flex-basis: 100%;
}

#post-21578 .g1-grid {
	display: flex;
	flex-direction: column;
}

.full-size.col-fix {
    display:flex;
}

.full-size.col-fix .g1-one-fourth {
	width: 22.83057851%;
	margin: 0 10px;
}

.blog .g1-secondary-wide #primary {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

.g1-helpmode-title,
.page-id-21578 #comments,
.blog #secondary {
  display:none !important;
}

.blog .g1-collection--simple .g1-nonmedia {
    padding: 0 0 0 0 !important;
}

.page-id-21578 .rpscw-widgetp {
    display:inline-block;
    padding-bottom:25px;
}

.page-id-21578 .rpscw-widgetp img {
    opacity:0;
    position:static;
    height:100%;
    width:100%;
}

.page-id-21578 .rpscw-widgetp {
    background:url(https://casel.org/wp-content/uploads/2020/06/measuring-sel-logo-featured.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 15px;
}

.page-id-21578 .g1-column .gray-padding {
    height: 100%;
}

.full-size.col-fix {
   margin-bottom:30px;
}

.home .home-heading {
   position:relative;
   overflow:hidden;
   height: 75vh;
}

.home .home-heading .wp-block-image img {
	width: 100%;
    opacity: 0;
}


.home .home-heading::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*
background: -moz-linear-gradient(left,  rgba(22,122,191,1) 18%, rgba(22,122,191,0.74) 39%, rgba(125,185,232,0.47) 61%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(left,  rgba(22,122,191,1) 18%,rgba(22,122,191,0.74) 39%,rgba(125,185,232,0.47) 61%,rgba(125,185,232,0) 100%);
background: linear-gradient(to right,  rgba(22,122,191,1) 18%,rgba(22,122,191,0.74) 39%,rgba(125,185,232,0.47) 61%,rgba(125,185,232,0) 100%);

background: -moz-linear-gradient(left,  rgba(230,230,230,1) 18%, rgba(230,230,230,0.74) 39%, rgba(230,230,230,0.47) 61%, rgba(230,230,230,0) 100%);
background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 18%,rgba(230,230,230,0.74) 39%,rgba(230,230,230,0.47) 61%,rgba(230,230,230,0) 100%);
background: linear-gradient(to right,  rgba(230,230,230,1) 18%,rgba(230,230,230,0.74) 39%,rgba(230,230,230,0.47) 61%,rgba(230,230,230,0) 100%);


background: -moz-linear-gradient(left,  rgba(230,230,230,1) 35%, rgba(230,230,230,0.78) 49%, rgba(230,230,230,0.38) 75%, rgba(230,230,230,0) 100%);
background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 35%,rgba(230,230,230,0.78) 49%,rgba(230,230,230,0.38) 75%,rgba(230,230,230,0) 100%);
background: linear-gradient(to right,  rgba(230,230,230,1) 35%,rgba(230,230,230,0.78) 49%,rgba(230,230,230,0.38) 75%,rgba(230,230,230,0) 100%);
*/


/* horisontal bottom oriented gray

background: -moz-linear-gradient(top,  rgba(248,247,246,0) 0%, rgba(248,247,246,0.8) 45%, rgba(248,247,246,1) 75%, rgba(248,247,246,1) 100%);
background: -webkit-linear-gradient(top,  rgba(248,247,246,0) 0%,rgba(248,247,246,0.8) 45%,rgba(248,247,246,1) 75%,rgba(248,247,246,1) 100%);
background: linear-gradient(to bottom,  rgba(248,247,246,0) 0%,rgba(248,247,246,0.8) 45%,rgba(248,247,246,1) 75%,rgba(248,247,246,1) 100%);
*/
/* horizontal bottom oriented blue */
/*
background: -moz-linear-gradient(top,  rgba(22,122,191,0) 0%, rgba(22,122,191,0.8) 45%, rgba(22,122,191,1) 75%, rgba(22,122,191,1) 100%);
background: -webkit-linear-gradient(top,  rgba(22,122,191,0) 0%,rgba(22,122,191,0.8) 45%,rgba(22,122,191,1) 75%,rgba(22,122,191,1) 100%);
background: linear-gradient(to bottom,  rgba(22,122,191,0) 0%,rgba(22,122,191,0.8) 45%,rgba(22,122,191,1) 75%,rgba(22,122,191,1) 100%);
*/



background: transparent;
    z-index: 0;
    opacity: 1;
}

/*
.home-heading-over {
    width:1280px;
    max-width: 94%;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:2;
}
*/


.home-heading-over {
    width: 100%;
    max-width: 100%%;
    position: absolute;
    top: auto;
    left:0;
    z-index: 2;
    bottom: 0;
    box-sizing: border-box;
    background: rgba(248,247,246, 0.7);
    padding: 40px 30px 30px 30px;
}




.home-heading-over-in {
    position: relative;
/*    width:700px;  */
    width: 1136px;
    max-width: 94%;
    margin:0 auto;
}

#g1-content .home-heading-over-in h1 {
   color: #295d8c;
}

#g1-content .home-heading-over-in p {
   color: #000;
   font-size:18px;
}

#g1-content .home-heading-over-in p a,
#g1-content .home-heading-over-in p a:visited {
    color: #333;

}

#g1-content .home-sub-gray p a,
#g1-content .home-heading-over-in p a {
    display:inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 8px 25px;
    margin-right: 15px;
    color: #fff;
}

#g1-content .home-sub-gray p a {
    margin-left:15px;
}


#g1-content .home-sub-gray p a,
#g1-content .home-sub-gray p a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    padding: 0 30px 0 0;
    margin-left: 0;
}

#g1-content .home-sub-gray p a::after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: " ";
    width: 20px;
    height: 15px;
    background: url(../images/long-arrow-alt-right-solid.svg) no-repeat center right;
    position:absolute;
    right:0;
    background-size: cover;
}

#g1-content .home-sub-gray p a:hover::after {
    right:-5px;
}


#g1-content .home-sub-gray p a:hover,
#g1-content .home-sub-gray p a:focus {

}

#g1-content .home-heading-over-in p a:first-child,
#g1-content .home-heading-over-in p a:first-child:visited {
/*   border: 2px solid #47a147;
   background: #47a147; */
   color: #333;
   font-weight: bold;
   padding-left: 0;
}

#g1-content .home-heading-over-in p a:first-child:hover,
#g1-content .home-heading-over-in p a:first-child:focus {
   color: #295d8c;
}


#g1-content .home-heading-over-in p a,
#g1-content .home-heading-over-in p a:visited {
/*   border: 2px solid #fff;
   background: transparent; */
   color: #333;
   font-weight: bold;
   position:relative;
   padding-right: 30px;
}

#g1-content .home-heading-over-in p a::after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: " ";
    width: 20px;
    height: 15px;
    background: url(../images/long-arrow-alt-right-solid-bk.svg) no-repeat center right;
    position:absolute;
    right:0;
    background-size: cover;
}

#g1-content .home-heading-over-in p a:hover::after {
    right:-5px;
}



#g1-content .home-heading-over-in p a:hover,
#g1-content .home-heading-over-in p a:focus {
/*   border: 2px solid #fff;
   background: #fff;
   color: #47a147; */
}



.home-sub-gray {
    background: #167abf;
    padding: 30px 0;
}

.home-sub-gray p {
    margin-bottom: 0;
    color: #fff;
}
/*
.page-template-template-partspage_fullscreen-php .entry-header {
    margin-bottom: 0;
    position: relative;
    margin-top: 50px;
}

.page-template-template-partspage_fullscreen-php #page #g1-precontent {
    height: 100px;
}
*/
.fixed-width {
    width:1280px;
    max-width:94%;
    margin: 0 auto;
}

.template2 .g1-layout-inner #template2 .card-holder.about .card a, .template2 .g1-layout-inner #template2 .card-holder.about .card p {
    max-width: 390px;
}

#template2 .about-cards .link {
    color: #666666 !important;
    font-size: 13px !important;
}

#template2 .about-cards .link a {
    color: #ff7e15 !important;
    font-size: 13px !important;
}


.template2 .g1-layout-inner #template2 .about-cards .link.arrow-out::after {
    display:none
}

.template2 .g1-layout-inner #template2 .card-holder.about .card a, .template2 .g1-layout-inner #template2 .card-holder.about .about-cards .card p.link.arrow-out {
    max-width:100%;
}

.template2 .g1-layout-inner #template2 .about-cards .link.arrow-out a {
    position:relative;
}

.template2 .g1-layout-inner #template2 .about-cards .link.arrow-out a + br {
    display:none;
}

.template2 .g1-layout-inner #template2 .about-cards .link.arrow-out a:after {
    content: " ";
    display:inline-block;
    width: 13px;
    height: 13px;
    margin-left: 10px;
    background: url(https://casel.org/wp-content/themes/casel/assets/img/icons/outside-link.svg) no-repeat;
}

.template2 .g1-layout-inner #template2 .card-holder.about .about-cards .card img {
    margin: 10px auto 0 auto;
    height: 75px;
    float: right;
}

.template2 .g1-layout-inner #template2 .about-cards div.wp-block-columns {
    float:none;
    display:flex;
}

.template2 .g1-layout-inner #template2 h2.blue-h2,
.template2 .g1-layout-inner #template2 h2.blue-h2 a {
    color: #167abf !important;
}


.template2 .g1-layout-inner #template2 .about-cards .card p {
    font-size: 14px;
}

.template2 .g1-layout-inner #template2 .about-cards div.wp-block-image {
    float: right;
}

.template2 .g1-layout-inner #template2 .what-is-col .download {
    display:block;
    text-align:center;
    margin-top: 20px;
}

.template2 .g1-layout-inner #template2 .what-is-col .download::before {
    display: none;
}

.template2 .g1-layout-inner #template2 .what-is-col .download a::before {
    background: url(/wp-content/themes/casel/assets/img/icons/download.svg) no-repeat;
    transition: .25s linear;
    content: "";
    display: inline-block;
    width: 15px;
    height: 17px;
    margin: 0 10px 0;
}

.template2 .g1-layout-inner #template2 .large-buttons ul.big-buttons-50-50 li {
    width: 50%;
}

.template2 .g1-layout-inner #template2 .icons-wrap .icons li strong  {
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
}

.template2 .g1-layout-inner #template2 .card-holder.home .card {
    justify-content: flex-start;
}



.template2 .g1-layout-inner #template2 div.full-centered {
    float:none;
    display:block;
    width:100%;
    text-align:center;
}

#g1-content .webinars .g1-column h3 {
    color: #666666;
    font-size: 100%;
    margin-top: 0;
}

#g1-content .webinars .wp-block-button a,
#g1-content .webinars .wp-block-button a:visited {
    background-color: #09644f;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#g1-content .webinars .wp-block-button a:hover,
#g1-content .webinars .wp-block-button a:focus {

}

 .webinars ul.g1-grid {
     padding: 15px 0 10px;
     margin: 15px auto 30px;
     border-bottom: 1px solid #e6e6e6
 }

  .webinars ul.g1-grid:last-child {
     border-bottom: 0 solid #e6e6e6
 }

.border-spacer {
    padding-bottom:25px;
     border-bottom: 1px solid #e6e6e6
}

.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-70 {
    margin-top: 70px;
}


    .circle-region {
        cursor: pointer;
    }


      .c-data {
          display:none;
      }

      .c-data.active-section {
          display:block;
      }

.mobile-wheel {
   display:none;
}



#template2 div.wp-block-columns,
.template2 .g1-layout-inner #template2 div.wp-block-columns {
    float: none !important;
    display:flex !important;
}

.fixed-vert-centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:0;
}

.icons-4-small img {
    max-width:85%;

}

.white-page {
    background: #fff !important;
}

.template2 .g1-layout-inner .what-is-sel #template2 .hero-page .text .inner {
    margin: 40px 65px;
}

.download.sel-download-a a::before {
    background: url(https://casel.org/wp-content/themes/casel/assets/img/icons/download.svg) no-repeat;
    transition: .25s linear;
    content: "";
    display: inline-block;
    width: 15px;
    height: 17px;
    margin: 0 10px 0;
}

.template2 .g1-layout-inner #template2 .hero-video .vid {
     position: relative;
 }

 .template2 .g1-layout-inner #template2 .hero-page .img .playButton,
.template2 .g1-layout-inner #template2 .hero-video .vid div.play-button-centered {
      position: absolute;
      top: 50%;
      left: 50%;
   transform: translate(-50%, -50%);
   width:100%;
   height: 74px;
}

 .template2 .g1-layout-inner #template2 .hero-page .img .playButton {
      top: 45%;
 }

 .template2 .g1-layout-inner #template2 .hero-page .img .playButton figure,
.template2 .g1-layout-inner #template2 .hero-video .vid div.play-button-centered figure {
    margin: 0 auto;
    float:none;
}

 .template2 .g1-layout-inner #template2 .hero-page .img .playButton img,
.template2 .g1-layout-inner #template2 .hero-video .vid img {
    width: 74px;
    float: none;
}

.template2 .g1-layout-inner #template2 .hero-page .img:hover .playButton img,
.template2 .g1-layout-inner #template2 .launchVideo:hover div img {
    width: 74px;
    transform: scale(1.1);
}

.template2 .g1-layout-inner #template2 .hero-video .vid p {
    width: 100%;
    position: absolute;
    bottom: 0;
    left:0;
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    color: #295d8c;
box-sizing: border-box;
background: rgba(248,247,246, 0.7);
padding: 25px 30px;
margin-bottom: 0;
}

.sel-title-box {
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    color: #295d8c;
    margin-bottom: 0;
}



@media (max-width: 900px) {
.fixed-vert-centered {
    position: relative;
    top: auto;
    transform: translateY(0);
    left: auto;
}
}


@media only screen and (max-width: 991px) {
.rpscw-postmeta {
	width: 100%;
	float: none;
	clear: both;
	padding-top: 10px;
}

.rpscw-excerptsc,
.rpscw-widgetp {
	float: none;
	display: block;
	width: 100%;
	clear: both;
}
}

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

.full-size.col-fix {
    flex-wrap: wrap;
}

.full-size.col-fix .g1-one-fourth {
	width: 49%;
    flex-basis: 48%;
	margin: 0 1% 30px
}

#g1-content .full-size.col-fix ul li,
#g1-content .full-size.col-fix ul {
    list-style-type: none !important;
    list-style: none !important;
}

.template2 .g1-layout-inner #template2 .large-buttons ul.big-buttons-50-50 li {
    width: 100%;
}

}

@media only screen and (max-width: 767px) {
.mobile-wheel {
   display:block;
   margin: 25px 0;
}

.desktop-wheel {
   display:none;
}

.home-sub-gray .sub-copy .has-medium-font-size {
   font-size: 18px !important;
}

}


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

.full-size.col-fix {
    flex-wrap: wrap;
}

.full-size.col-fix .g1-one-fourth {
	width: 100%;
    flex-basis: 100%;
	margin: 0 0 30px
}

.page-id-21578 .g1-column .gray-padding {
    height: auto;;
}

.page-id-21578 #g1-content ul {
    list-style-type: none;
}
}
