/********************************************************/
/********************* MEDIA QUERIES ********************/
/********************************************************/

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


/********************************************************/
/*********************** colors   ***********************/
/********************************************************/

 

.white {
    color: #f7f7f7;
}

.lit-orange {
    color: #FFC400;
}

.red {
    color: #FF0000;
}

.green {
    color: #61C250;
}

.blue {
    color: #3DB7E4;
}

.orange {
    color: #FCA04D;
}

.drk-orange {
    color: #FF7900;
}

.lt-purple {
    color: #7A3ACB;
}

.purple {
    color: #4B08A1;
}

.black {
    color: #272727;
}
.grey {
    color:#00000021;
    }
.drk-grey {
    color:#ADADAD;
    }

/********************************************************/
/*********************** Fonts ***********************/
/********************************************************/

.font-A {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 72px;

}

.font-B {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
}

.font-C {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
}

.font-D {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
}

.font-E {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
}

.font-F {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
}

.font-G {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
}

.font-H {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 23vw;
    line-height: 300px;
}

.font-I {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
}

.font-J {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 21px;
}

.font-K {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

.font-L {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.font-M {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

.font-N {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
}

.font-O {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
}

.font-P {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 80px;
}

.font-P-2 {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 4em;
    line-height: 60px;
}
.font-Q {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
}

.font-R {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
}

.font-S {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

.font-T {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.font-U {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}

.font-V {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.font-W {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.font-X {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 72px;
}

.font-Y {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}

.font-Z {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 600;
    /*** font-size: 15px; ***/
    font-size: 13px;
    line-height: 15px;
}

.font-A-1 {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
}

.font-B-1 {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
}

.font-C-1 {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
}

.font-D-1 {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
} 
/*********************** Font Media queries ***********************/




/********************************************************/
/************************* HEADER ***********************/
/********************************************************/
.nav {min-height: 180px;}
/* .hero-title {text-align: center;} */

.main-bar-logo {
    float: left;
    width: 250px;
    position: relative;
    margin: 50px 30px 0;
}
.donate-now-button {
    float: right;
    width: auto;
    line-height: 36px;
     margin:46px 13px;
    color: #ffffff;
    background-color: #4B08A1;
}
.donate-now-button a {
        color: #ffffff;
    background-color: #4B08A1;
    padding: 6px 10px;
}
.main-bar-nav {float: right;margin-right: 20px;}
.main-bar-nav-hamburger {position: absolute; right: 0px;}

/* .menu a {
    padding: .6rem 1rem;
} */
#menu-top-mobile .menu-item a, #menu-main .menu-item a,#menu_top .menu-item a {
    padding: 0 0!important;
}

#menu-main .menu-item, #menu_top .menu-item, #menu-top-mobile .menu-item{
    padding: 1rem;
}
.menu .donate-now-button a {padding: 6px 10px;}
.nav {min-height: 200px;}
.search-icon{
    float: right;
    width: auto;
    line-height: 36px;
    padding: 40px 20px 40px 0;
}
.search-icon.mobile {padding: 0 ; float: left;}
.search.mobile {float:left;}
.search i {font-size: 25px;}
.menu-item a:active, .menu-item a:hover {color: #FF7900; }

.donate-now-button a:hover {
    background-color: #7A3ACB;
    color: #ffffff;
}
#menu-main .menu-item a, #menu_top .menu-item a  {
    color: #4B08A1;
}

#menu-main .menu-item a:hover, #menu_top .menu-item a:hover, .search i:hover{
    color:#FF7900;
}
/* #menu-main .menu-item a:hover,#menu_top .menu-item a:hover{
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: #4B08A1;
} */

#menu-main .menu-item a:hover,#menu_top .menu-item a:hover{
    position:relative;
}

#menu-main .menu-item a:hover::before,#menu_top .menu-item a:hover::before{
    content: '';
    position: absolute;
    top: 120%;
    width: 100%;
    height: 0.25em;
    background: linear-gradient(135deg, transparent, transparent 45%, #4B08A1, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #4B08A1, transparent 55%, transparent 100%);
    background-size: 0.5em 0.5em;
    background-repeat: repeat-x, repeat-x;
 
}
#menu-main-mobile li.menu-item a { 
       line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem;}
#menu-main .menu-item, #menu_top .menu-item  {
    flex-flow: column nowrap;
}

.menu-item .holder {bottom: 13px;}
.close-button i.fa.fa-times.drk-orange {float: right;}

#menu-main.mobile .menu-item a,#menu-main-mobile li.menu-item a, .menu-secondary-menu-container li.menu-item a {color: #ffffff;}

button.close-button {
    z-index: 4000;
    width: 100%;
    position: relative;
    color: #FF7900;
    font-size: 56px;
    text-align: right;
}
.fa.fa-bars {color:#FF7900; }
 .close-button:hover {color: #ffffff;}
.close-button:focus, .close-button:hover {outline: none;}
.off-canvas.position-left.is-transition-overlap.is-open {
    width: 100%;
    background-color:#4B08A1;
    z-index: 3000;
    }
.menu.align-right li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.main-bar-nav-hamburger {font-size: 33px;}
#s::placeholder {color:#ffffff;}
#s {
    border: none;
    background-color: #4B08A1;
    border-bottom: 1px solid #ffffff;
    font-family: foco;
    font-size: 24px;
    font-weight: 800;
    color: #ffffff
}
#searchModall.reveal {
    background-color: #4B08A1;
    z-index: 4000;
}
form#searchform {
        position: relative;
    top: 200px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

a:focus {outline: none;}
.high-bar-nav {
    float: right;
    padding: 40px 0 20px;
}
.close-button, .close-button.medium, button:focus {
    border: none;
    background: none;
    border-color: inherit;
    text-shadow: none;
}

.mobile.donate-now-text a:visited,#menu-top-mobile li.menu-item a:visited,#menu-main-mobile li.menu-item a:visited{
    color: #ffffff;
}

@media screen and (min-width: 64em) {
    .main-bar-nav-hamburger{
        display:none;
    }
}
@media screen and (max-width: 64em) {
	nav.main-bar-nav {
		display: none;
    }
    div.main-bar-logo {
		margin-top:40px;
        margin-left: 0;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
    }
 	div.high-bar {
		display: none;
    }   
  
}

/********************************************************/
/************************* FOOTER ***********************/
/********************************************************/

.card {border: none;}
#first-footer  {padding: 75px 0 40px;}
footer#primary { 
    background-color: #4a07a0; 
    z-index: 100;
    position: relative;
}
.footer-logo img {
    position: relative;
    right: 60px;
    
    margin: 30px 8px;
}
#secondary-footer  {
    padding-bottom: 30px;
}
.footer-social-icons > i {
    font-size: 26px;
    color:  #4a07a0;
    background-color: #ffffff;
    padding: 5px 7px;
    margin: 30px 8px;

}
.news-image {margin-bottom: 15px;}

.entry-title > a {
    color:#4B08A1;
}
.entry-title > a:visited {
    color:#4B08A1;
}
.entry-title > a:hover {
    color:#7A3ACB;
}
.footer-about, .footer-address, .footer-links{color: #ffffff; padding: 0 15px;line-height: 26px;}
 #first-footer div div.grid-x.news div.cell.news.card.e .font-L.black {padding-right: 10px;}
 .sub-footer {background-color: #390779;}
.sub-footer p {padding: 30px 0 0 0; color:#ffffff;}
.footer-social-links {text-align:right;}
.recent-news-header {height: 290px;}
.news:nth-child(3) {margin-top: 100px;}
.upcoming-events {
    margin-bottom: 35px;
    position: relative;
    right: 5px;
}
.policy-docs {   
    color: #ffffff;
    padding-left: 20px;
    text-decoration: underline;
    }
a.policy-docs:visited {color: #ffffff;}
a.policy-docs:hover {text-decoration:none;}
.footer-dog img {
    float: right;
    margin-top: -200px;
    position: relative;

}
.footer-dog {position: relative; z-index: 10; }
.footer-links span p {margin: 0 0 5px;}
p.tax-info {margin-bottom: 5px;}
.footer-address span p {margin-bottom: 5px;}

address {margin-bottom: 10px}
.cell.medium-4.footer-links {z-index: 1000; position: relative; margin-top: 15px;}
 /* Medium and smaller */
@media screen and (max-width: 63.9375em) {
       .news:nth-child(3){display:none;}
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .footer-dog img {margin-top:0;}
    .footer-social-links{text-align: left;}
    .recent-news-header {height: 116px;}
    .news div .cell.link-right.card-section.medium-5 {margin-bottom: 20px;}
    .recent-news-header span h3 {font-size: 3em; line-height: 33px;}
    #first-footer {padding: 0 0 20px ; }
    .sub-footer div div p.grid-x.font-V {margin-left: auto; margin-right: auto;}
        .upcoming-events h3.font-B {font-size: 40px; line-height: 45px;}
     .footer-address{margin-top: 15px;}
}
@media screen and (max-width: 1280px) {
    .cell.medium-6.footer-logo.text-left img {position:static;}
}

/********************************************************/
/******************** Global classes ********************/
/********************************************************/
.page {margin: 0;}
body {overflow-x:hidden;}
p {margin-bottom: 20px ;line-height:inherit;}
h1 {margin: 0 ;}
i {font-size: 10px;}
.link-right, .link-left {margin-top: 20px;}
 .cell.link-right.card-section.medium-5{margin-top:0;}
.slant-left  {
    background: url(../img/triangle_stripe_bottom_left.png) center bottom / contain no-repeat;
    background-color: #F7F7F7;
 
}
.slant-right  {
    background: url(../img/triangle_stripe_bottom_right.png) center bottom / contain no-repeat;
    background-color: #F7F7F7;
    
    
}
a:focus{color: inherit;}
:focus {outline:none;}
.slant-bottom  {
    background: url(../img/triangle_stripe_bottom.png) center top / cover no-repeat;
    padding-bottom: 55px;
}

#article p {word-break: break-word;}
#main.site-main {margin-bottom: 60px}
.bubble-stripe {background-color: #ffffff;}
.bubble-strip {
    height: 240px;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #F7F7F7;
    z-index: 1;
}
.side-bubble {
    position: absolute;
    width: 18%;
    left: 7px;
    z-index: 1000;
}
.side-bubble-events{top:244px;}
.first {
    margin-top:60px;
    margin-bottom: 150px;
}
/*********************** Search page ***********************/

.search-page-header {margin-bottom: 20px;}


.cell.shrink.secondary-hero-title{padding-top: 70px;}

blockquote {
    color: #4B08A1;
    font-family: Foco;
    font-size: 24px;
    border-left: none;
    line-height: 30px;
    margin-left: -79px;
    width: 140%;
}
hr {height: 2px ; background-color: #4B08A1; margin: 7px 0}
.pagination {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
.pagination .current {
    padding: 0 10px;
    background: #FF7900;
    color: #fefefe;
    cursor: default;
    border-radius: 16px;
}

.pagination a, .pagination button {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #4B08A1;
}
.error-home-link{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.error-content p {text-align: center;}
.error-home-link a ,.error-home-link a:visited {
    width: 95px !important;
    line-height: 36px;
    color: #ffffff;
    background-color: #4B08A1;
    padding: 15px 20px;
}
.error-home-link a:hover{
background-color:#7A3ACB;
}
.pagination {
    margin: 1rem 0 ;
}
a.email-link {
    color: #272727;
    text-decoration: underline;
}
a {color:#FF7900;}
a:visited {color: none;}
a:hover {color:#FCA04D;}
div.link {color:#FF7900;}
div.link-left:visited,div.link-right:visited {color:#FF7900;}
div.link-left:hover,div.link-right:hover {color:#FCA04D;}
.gform_footer.top_label input[type="submit"]:hover{text-decoration: none !important;}
div.link-right> a > i, .gform_footer.top_label::after {-webkit-transition:left .5s; transition:left .5s; left:0;transition-timing-function: ease; vertical-align:middle; margin-left:3px;}
div.link-right> a:hover > i,.gform_footer.top_label:hover::after  {position:relative; left:10px; color:#FCA04D;}
div.link-left> a > i {  -webkit-transition:right .5s;transition:right .5s; right:0; transition-timing-function: ease;}
div.link-left> a:hover  > i {position:relative; right:10px; }

/* Small only */
@media screen and (max-width: 39.9375em) {#main.site-main{margin-bottom: 20px;}
    blockquote {padding:0; margin-left: 0; width: 100%;}
}


/********************************************************/
/************************ STRIPES  **********************/
/********************************************************/

/*********************** hero Stripe ***********************/
.hero-title {
    margin-bottom: auto;
    margin-top: auto;
}
.hero-image {
    padding-bottom: 72%;
}


    /* Small only */
@media screen and (max-width: 39.9375em) {
    .hero-container {padding: 0;}
    .hero-title p.font-A {font-size: 50px; line-height: 60px;}
    .hero-title {margin-bottom: 50px;}
}
/*********************** general content accordion ***********************/
.general-content-stripe, .general-content-accord-stripe {padding: 60px 0;}

.accordion-title {
    padding:10px 40px 10px 15px;
    background: #ff7900;
    color: #ffffff;
    margin: 20px 0;
}
.accordion-title::before {
    font-size: 27px;
    margin-top: -.6em;
    font-weight: bold;
}    
.accordion-title:focus, .accordion-title:hover  {
    background-color: #ff7900 !important;

}
a.accordion-title:hover, a.accordion-title:focus {color:#ffffff;}
a.accordion-title:active, a.accordion-title:visited {
    color: #ffffff;
  }
  a.accordion-title[aria-expanded="true"] {
      margin: 0 ;
  }
.accordion-content {
    border:none;
}
li.accordion-item.is-active a.accordion-title{
    background: #FCA04D;
    color: #ffffff
}
   /* Small only */
@media screen and (max-width: 39.9375em) {
    .general-content-accord-stripe {padding: 20px 0}
}
/*********************** CTA-stripe ***********************/
.cta-button{background-color:#4B08A1; padding: 23px 0; width:100%;}
 .cta-stripe {
     min-height: 533px;
    background-color: #f7f7f7;
    padding: 50px 0;
    position:relative;
    overflow:hidden;
    margin-top:11px;
}
.button-div {z-index: 300;}
.button:focus, .button:hover {
    background-color: #7A3ACB;
}
 .button a:hover {color: #ffffff;}
.cta-stripe .grid-container .grid-x .cell.medium-7 {z-index:1000;}
.cta-button:visited {color:#ffffff;}
.cta-sun-logo {    
    max-height: 66%;
    position: absolute;
    right: -180px;
    margin-top: -277px;    
    z-index: 1;
    bottom: 136px;
}
.cta-text {
        z-index: 2000;
    position: relative;
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .button-container {position:relative;margin-bottom: 115px;}
   .cta-button.button  {
       font-size: 23px;
       margin: 0;
         position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        
    }
      
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .cta-sun-logo{display:none;}
    .cta-title.font-B {font-size: 40px; line-height: 45px;}
    .cta-button.button{padding: 15px 0;}
}

/*********************** call-out Stripe ***********************/
.call-out-stripe{padding: 60px 0}
.cell.font-X.blue.medium-10 {word-break:break-word;}
.font-X p {line-height: 72px;}
.side-bubbles {
    background: url(/wp-content/themes/ewf/img/callout-bubbles.png)center right / contain no-repeat ;
    padding-top: 15%;
}
.call-out-stripe .grid-container .grid-x .cell.font-X.blue.medium-10 p > a,.call-out-stripe .grid-container .grid-x .cell.font-X.blue.medium-10 p > a:hover {text-decoration:underline;color:#3DB7E4;}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .side-bubbles {display:none;}
    .font-X p {line-height: 60px; font-size: 56px; }

}

/*********************** Partners Stripe ***********************/
.partners-stripe {
   
    padding: 3% 0;
    min-height: 450px; 
    z-index: 1000;
    position:relative;
}

  .underscore {
        display: inline-block;
        position: relative;
        text-decoration: underline;
        text-decoration-style: wavy;
    }


    .holder {
  /* Clip edges, as some of the lines don't terminate nicely. */
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 32px;
    padding-top: 3px;
}
.smallLine {
     position: absolute;
    width: 100%;
    height: 12px;
    background: radial-gradient(6px, transparent, transparent 5px, #4B08A1 7px, #4B08A1 8px, transparent 9px);
    background-size: 26px 29px;
}


.smallLine2 {
     /* Offset to make squigglies line up */
    top: 14px;
    left: -11px;
    background-position: 24px -17px;
}

/*********************** Physician Spotlight Stripe ***********************/

.physician-stripe {padding: 60px 0;}
.physician-photo {
height: 300px;
width: 60%;
float: left;
}
.test-tube{
height: 225px;
width: 40%;
float: left;
margin-top: 95px;
}
.physician-side-bubble{
   position: relative;
   bottom: -131px;
}

div div div .font-M.cell.medium-4.medium-offset-2.purple {margin-left: 14%;}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .physician-stripe {padding:20px 0;}
    .physician-photo, .test-tube {height: 300px; width:100%; margin-top: 20px;}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .test-tube{
        padding-bottom: 45%;
        margin: 0;
        float:right;
    }
}
/*********************** Statistics Stripe ***********************/
.bulleted-list ul li {list-style-type:none; }
.bulleted-list ul li:before {
     font-family: FontAwesome;
    content: '\f10c';
    font-size: 21px;
    margin-right: 13px;
    font-weight: 800;
}
.stats-stripe {  
    color: #fff;
    background-color: #4B08A1;
    padding: 55px 0 100px;
    position: relative;
    z-index: 1;
}
.percentage-area{
   height: 50%;
    position: relative;
    min-height: 200px;
    margin-top: auto;
    margin-bottom: auto;
}
.percentage {
    /** height: 370px; **/
    border-width: 10px 0;
    border-style: solid;
    border-color: #3DB7E4;
    display:inline-block;
    margin: 0 auto;
  }
.percentage-number {
    color:#3DB7E4;
     text-align: center;
    position: relative;
  }
.percentage-number.font-H {font-size: 175px;}
.stats-link {margin: 30px 0;}
.percentage-text {
    position: relative;
    bottom: 20px;
    width: 350px;
    text-align:center;
    margin:0 auto;
}
.bulleted-list ul {margin: 0 0 0 17px;list-style: inside;}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .percentage-area {margin-bottom: 55px; }
    .stats-stripe {padding: 50px 0;}
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .percentage{top:0; transform: none;}
    .percentage-number.font-H {font-size: 7em; line-height: 167px;}
    .stats-text.font-E.cell {font-size: 30px; line-height: 37px;}
    .bulleted-list.font-F.cell {font-size: 21px;}
    .stats-stripe {  
    padding: 55px 0 0;
    }
    .percentage-text {width: 300px;}
    .font-G.event-link {font-size: 24px;}
    .stats-link {margin-top: 20px;}
    .percentage-area {margin-bottom: 40px;}

}

/*********************** Volunteer Quote Strip ***********************/
.volunteer-stripe {padding:60px 0;}
.image-box{
    position: relative;
    right: 10%;
    z-index: 1;
}
.quote-box {z-index: 1000;}
.quote-graphic {
    position: relative;
    margin-left: -54%;
    padding-bottom: 37%;
    
}
.volunteer-photo {
    padding-bottom: 67%;
    position: relative;
    top: 66px;
}
.quote-graphic > span {
    position: relative;
    top: -93px;

}
.quote-link {margin-top: 10px;}
.quote-link > i {
    vertical-align:middle;
}
p.volunteer-quote {margin-bottom: 20px;}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .image-box {right: 0;}
    .volunteer-photo{top: 0;}
    .quote-graphic {
        margin-left: -77%;
        padding-bottom: 20%;
    }
    .volunteer-stripe {padding: 20px 0;}
}
/* Large and up */
@media screen and (min-width: 64em) {
     .quote-graphic { margin-left: -80%;padding-bottom: 25%;}
}
/*********************** Bubble stripe ***********************/

.bubbles-stripe {
    background-image: url(/wp-content/themes/ewf/img/bubble-stripe.png);
    height: 240px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}

.bubble-stripe {
    background-image: url(/wp-content/themes/ewf/img/bubble-stripe.png);
    height: 280px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    bottom: 50px;
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .bubble-stripe{height: 190px;}
}
/* Small only */
@media screen and (max-width: 39.9375em) {
   .bubbles-stripe {height: 173px;}
}
/*********************** Contact Form Stripe ***********************/

.contact-stripe {background-color:#4B08A1; padding: 60px 0px; position:relative; z-index: 1000;}
body .gform_wrapper ul li.gfield{margin-top: 1px !important;}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {display: block !important;}
@media only screen and (min-width: 641px){
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 100% !important;}
}

.gform_footer.top_label input[type="submit"] {
    border: none;
    background:none;
    color: #FF7900;   
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 32px !important;
    line-height: 34px;  
    padding: 0 !important;
}
.gform_footer.top_label::after {
    content: '\f054';
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    color: #FF7900;
    margin: 0px;
    text-decoration: none;
    font-size: 28px;
    vertical-align: middle;
        width: 106px!important;
    }
.gform_footer.top_label input[type="submit"]:hover {text-decoration: underline;}


li.privacy-statement .ginput_container_checkbox ul.gfield_checkbox li label p {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    margin-bottom: 10px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
    border-radius: 0px;
}
li.privacy-statment .ginput_container_checkbox ul.gfield_checkbox li input[type=checkbox] {
    width: 28px !important;
    height: 28px;
    margin-top: 11px !important;
}
.gform_wrapper.gform_footer {width: 33% !important;}
.privacy-statment .ginput_container.ginput_container_checkbox {margin-top: 0px !important;}
.gfield_label .gfield_required {display: none;}
/* Small only */
@media screen and (max-width: 39.9375em) {
    #gform_submit_button_1 {width: 108px;}
}

/*********************** General Content Stripe ***********************/
.general_content_stripe {
    padding: 60px 0;
    word-break: break-word;
}
.cell.general_stripe-column h1 {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    color: #4B08A1;
    margin-bottom: 75px;
}
.cell.general_stripe-column h2 {
        font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    color: #4B08A1;
    margin-bottom: 50px;
}
.cell.general_stripe-column h3 {
    font-family: "foco", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #4B08A1;
    margin-bottom: 50px;
}
.cell.general_stripe-column h4,.cell.general_stripe-column h5,.cell.general_stripe-column h6 {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #272727;
    margin-bottom: 50px;
}
.cell.general_stripe-column p {
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #272727;
    margin-bottom: 50px;
}
.cell.general_stripe-column ol li {
        font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #272727;
}
.cell.general_stripe-column ol {
    margin-bottom: 50px;
    list-style:none;
    counter-reset: li;
}
.cell.general_stripe-column ol li {
    margin-bottom: 5px;
    counter-increment: li;
}
.cell.general_stripe-column ol li::before {
    color: #4B08A1;
    font-weight: 800;
    margin-right: 10px;
    content: counter(li)". ";
    display: inline-block;
    text-align:right;
}
.cell.general_stripe-column ul li, .accordion-general-content> ul li {
    list-style: none; 
    display: inline-flex;
    width: 100%
}
.cell.general_stripe-column ul li::before, .accordion-general-content > ul li::before {
    content:"\2022"; 
    color: #4B08A1;
    display: inline-block;
    width: 18px; 
    font-size: 32px;
    vertical-align: middle;
    line-height: 24px;
    margin-right: 10px;
}
.cell.general_stripe-column a:hover { text-decoration: underline;}

/*********************** Additional Resources Stripe  ***********************/
.fa-long-arrow-right.fa.drk-orange {
      -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari prior 9.0 */
  transform: rotate(-45deg); /* Standard syntax */
  position:relative;
  bottom: 3px;
}
.fa.drk-orange.fa-file-o {margin-left: 9px}
.resources-stripe {padding:60px 0;}
.resources-text p {margin-bottom: 10px}

/*********************** board Stipe ***********************/

.board-image {padding-bottom: 50%; }
.board-bio {background: transparent;padding-left: 20px;}

/*********************** News Letter stripe ***********************/
.news-letter-stripe{
    background-color: #FF7900;
    padding: 21px 0 0;
}
a.sli-button.sli-flat.sli-large {padding: 0 !important;}
.sli-button.sli-flat.sli-large::after {
    font-family: FontAwesome;
    content: "\f054";
    padding-left: 10px;
     -webkit-transition:right .5s;
     transition:right .5s;
     right:0; 
     transition-timing-function: ease;
}
.sli-button.sli-flat.sli-large:hover::after{padding-left:15px;}
.sli-button:hover {text-decoration: none;}
@media only screen and (min-width: 40.0625em)
{
    .sli-medium-3 {
    width: 50%;
}
}
/**.sli-row {background-color: #FF7900 !important;}**/

/*********************** Story Stripe  ***********************/

.story-stripe {padding: 60px 0;}
.cell.story-image {
      position: relative;
    bottom: 89px;
    padding-bottom: 70%;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    iframe {position: relative; left:11%; }
}
/* Small only */
@media screen and (max-width: 39.9375em) {
   
    .cell.story-image{bottom: 64px; min-height: 384px;}
    .story-text span.font-E {font-size: 28px;}
    div.cell.link-right a.font-D.drk-orange {font-size: 24px;}
}
/*********************** Amazon Stripe ***********************/

.amazon-graphic {padding-bottom: 18%;}
.amazon-stripe {background-color: #FE9B02;padding: 60px 0;}

/*********************** Event Spotlight Stripe  ***********************/

.event-spotlight-stripe {padding: 60px 0 ; }
hr#event-spotlight-line {
        height: 5px;
    margin-top: 50px;
}
.event-spotlight-stripe div div .entry-title {word-break: normal;}
.event-spotlight-image.cell {padding-bottom:60%;}

.font-M.medium-12.cell.mark-you-calendar.blue {margin-top: 0;}
/* Medium and smaller */
@media screen and (max-width: 63.9375em) {
.event-spotlight-image.cell {padding-bottom: 0;}

}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .event-spotlight-stripe div div div.cell.grid-x.medium-7 span.font-M.medium-12.cell.blue {display:none;}
    .event-spotlight-image.cell {padding-bottom: 64%;}
    .entry-title.purple.font-B a {font-size: 42px;}
    .entry-title.purple.font-B  {line-height: 45px;}
    .event-spotlight-stripe {padding: 0 0 20px 0}
}

/*********************** Patients Stories Stripe ***********************/
   .pt-image.small-order-2.medium-order-3.cell.medium-5 {padding-bottom: 27%;}
/**.patient-stories-stripe { padding:0 0 60px 0; }**/

 .pt-image {padding-bottom: 32%; position: relative; bottom: 100px;}
#patient-stories-line {
    height: 10px;
    width: 100%;
    background-color: #3DB7E4;
    margin: 0;
    max-width: 100%;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .pt-story-title {padding: 30px 0;}
    .pt-image.small-order-2.medium-order-3.cell.medium-5 {padding-bottom: 60%;}
    .pt-image {bottom: 0;}
    .patient-stories-stripe {padding: 0;}
    .pt-story-title {padding-top: 30px !important; padding-bottom: 30px !important;}
    .font-J.event-link {font-size: 24px;}
}

/*********************** Twitter Stripe ***********************/

#ctf .ctf-item{
    border: none;
    float:left;
    width: 33%;
}
.twitter-stripe.slant-left {
     padding: 60px 0;

    position: relative;
}
.ctf-quoted-tweet-text-media-wrap{
    display:none !important;
}
    
.ctf-tweet-meta a.ctf-tweet-date, .ctf-tweet-text 
{
    font-family: "Source Sans Pro", "Arial", "Gill Sans", "Helvetica", sans-serif;
    line-height: 28px;
}
.ctf-tweet-meta {margin: 0 0 25px ;}
/* Small only */
@media screen and (max-width: 39.9375em) {

    #ctf .ctf-item {
        width:100%
    }
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .slant-left {background: none;}
    .bubble-strip, .bubble-stripe {
    height: 110px;}
    .twitter-stripe {padding: 0;}
    .twitter-stripe.slant-left {padding:20px 0}
}

/******************************************************/
/*********************** News CPT ***********************/
/********************************************************/

.news-archive #main {padding-top: 60px;}
.entry-date {color: black;}
.addtoany_list a {float: right;}
div.square-image::after {
    content: "";
    display: block;
    padding-bottom: 70%;
    margin-top: 100px;
}
.single-news-image {
    padding-bottom: 56%;
     position: relative;
    z-index: 1000;
}
nav.orbit-bullets button {padding: 0;}
nav.orbit-bullets {bottom: 50px;}
.entry-title.font-C-1.purple {margin-bottom: 15px;}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
position: absolute;
top: 45%;
margin-top: -25px;
width: 36px;
height: 60px;
line-height: 50px;
color: white;

background-color: none;
text-indent: -9999px !important;
z-index: 10;
}
.orbit-next, .orbit-previous {
    position: absolute;
    top: 50%;
    background:#4B08A1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px;
    z-index: 10;
    padding: 1rem;
    color: #FF7900;
    border:none;
}
.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover{
    background-color: #7A3ACB;
    border: none;
}
.orbit-caption {
    bottom: -30px;
}
.orbit-container {max-height: 648px;}
.more-news-img {
    padding-bottom: 174px;
}
.first.cell.medium-6 {
   
    margin-bottom: 150px;
}
.cell.large-6.first-text.first p.font-C.black {margin: 50px 0;}
div.archive-image {
    width: 100%;
    padding-bottom: 66%;
    margin-bottom: 10px;
}
.link-right > i.fa.larger.fa-chevron-right.orange{
        font-size: 21px;
    vertical-align: middle;
}
.link-right > i.fa.smaller.fa-chevron-right.orange{
        font-size: 15px;
    vertical-align: middle;
}
.blog-title-bar.slant-left {
    padding-top: 70px;
}
.group-archive {
    position: sticky;
    padding-bottom: 60px;
}
.news-archive{
    background: url(../img/triangle_stripe_left.png) center top / contain no-repeat;
}

.orbit-container .orbit-slide img {height: auto; width: 100%;}

/*** small only ***/
@media screen and (max-width: 39.9375em) {
    .first-archive.news-archive >div >.grid-x.grid-margin-x {padding-bottom: 60px;}
    .side-bubble{display: none;}
    .single-news-image {
         padding-bottom: 66%;
         bottom: 45px;
         position: relative;
    }
    .news:nth-child(3) {
         margin-top:0px;
}
.first {margin: 0 ;}

}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .cell.medium-6.first {
        margin-right: auto;
        margin-left: auto;
    }
    .first-text {padding:0;}
    .side-bubble {display:none}

}
/* Medium and up */
@media screen and (max-width: 64em) {
    .news-archive{
    background: none;
}
}

/********************************************************/
/*********************** Events CPT ***********************/
/********************************************************/
.event-date, .event-time {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.events-archive {
        background: url(../img/triangle_stripe_left.png) center top / contain no-repeat;
}
/***.entry-title {
    margin-bottom: 0;
    line-height: 30px;
} ***/
.more {    
    position: relative;
  
    float: left;
}

.more.font-J.orange {
      margin-top: 40px;
}
.over {
    right:36px;
}
.later {
    padding: 0 50px;
}
.addtoany_list > a {width: 100%;}

.sticky.is-stuck {position: relative !important;}
.event-title-bar {
    padding-top:75px;
}
.upcoming-event .cell.medium-4.later .link-right{
    margin-top:20px;
}
.event-content {
    margin:30px 0; 
}
.event-contact {margin-bottom: 20px;}
.archive-event-first span.event-time {margin-bottom: 20px;}
.google-link:hover,.event-email:hover {text-decoration:underline;}
.event-add-any >div > div > a {width: 10%; float: left;}
.event-cost {margin-bottom: 37px;}
div.upcoming-event div.later div.entry-title {margin-top:25px;}
/*** small only ***/
@media screen and (max-width: 39.9375em) {
    .event-title-bar {
     padding-top: 5px; 
}
    .slant.event-title-bar {padding-bottom: 0px;}
    .later {padding: 0 30px 30px;}
    .over {right:20px;}
    .upcoming-events{right:0px;}

    .addtoany_list > a {
        width: unset;
        float: left;
        margin-bottom: 25px;
    }

}
/********************************************************/
/************** Clinical trials  CPTs ******************/
/********************************************************/
.post-archive {margin-top: 11px;}
.facetwp-facet {
    margin-bottom: 18px !important;
}
.facetwp-template .grid-x .cell.card-wrapper >div.card {background-color: #EDEDED;}

.facetwp-facet-genetic, .facetwp-facet-biological{
    margin-bottom:0px;
}
.card-content{
    margin-bottom:20px;
}
.page-title, .page-description{
    margin-bottom:50px;
}
.study-type>.small-4.cell.grid-y{min-height: 70px;}
.study-type>.cell>.font-Z {
     border-right: 2px #707070 solid; 
    padding: 5px 0; 
    margin-bottom: 5px;
}
.study-type>.cell:last-child>.font-Z {border-right: none;}
.status {
    margin-bottom: 0;
    padding: 7px 17px;
}
.region {
    margin: 25px 0 !important;
}
.read-more {    
    padding: 12px 17px;
    background-color: #4B08A1;
}
.facetwp-btn:before {display:none !important;}
.read-more>i {vertical-align: middle;}
.facetwp-facet-genetic, .facetwp-facet-biological {margin-bottom: 0 !important;}
.facet-menu>.font-T {font-weight: 600;margin-bottom: 10px ;}
.facet-menu>hr {background-color:#4B08A1; height: 2px;}
.facetwp-pager a.facetwp-page.active {color: #FCA04D;}

/*********************** clinical trial singles page ***********************/

.trial-card-content span {    
    vertical-align: middle;
}
.trial-summary {
    margin-top: 35px;
}
h1.trial-title {
    margin-bottom: 35px;
}
.green-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color:  #61C250;
}
.red-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color:#FF0000;
}
.yellow-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color: #FFC400;
}
.age-condition {margin-bottom: 20px;}
.black-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color: #000000;
}
.trial-locations::after, .trial-age-groups::after, .trial-phases::after {content:",";}
.trial-locations:last-child::after, .trial-age-groups:last-child::after, .trial-phases:last-child::after {
   content:"";
}
.treatment-graphic {
    padding-right: 10px;
    padding-bottom: 6px;
}
.trial-status, .trial-location, .trial-contact {padding-bottom: 40px;}
.trial-link {padding: 15px 0;}

/********************************************************/
/******************* Stories of Hope *******************/
/********************************************************/

.stories-image {padding-bottom:50%; height: 300px !important;}
.hope-story-image{padding-bottom:67%; }
.hope-title-bar {padding-top:60px;}
/*** small only ***/
@media screen and (max-width: 39.9375em) {
    .stories-image {margin-left: auto; margin-right:auto;}
}
/********************************************************/
/************************ GENERAL ***********************/
/********************************************************/

#ctf .ctf-tweet-text-media-wrap {
    display:none;
}
/*********************** 404 page ***********************/
/*** small only ***/
@media screen and (max-width: 39.9375em) {
.error-404 header.page-header h1 {font-size:34px; line-height: 34px;}
}

/********************************************************/
/*********************** FOR FORMS **********************/
/********************************************************/

/********************************************************/
/********************* FOR SCRIPTS **********************/
/********************************************************/

/* lazy */



/********************************************************/
/********************** FOR FACETS **********************/
/********************************************************/