﻿/***************************************************

GLOBAL PROJECTS STYLES

****************************************************/

.project-wrapper {
    background:#fff;
    float:left;
    width:100%;
    padding-bottom:25px;
  	margin-top: -65px;
}

/* ADDTHIS */
.at-share-tbx-element a {
    border:none!important;
}


/***************************************************

#BELIEVEINHER STYLES

****************************************************/

.believehuman-wrapper {
  margin-top:-100px;
}



/* CLASS APPLIED WITH JAVASCRIPT IN scripts.js */
.believeinherh1 {
    text-indent:-9999px;
    padding:0!important;
    margin:0!important;
    border:0!important;
    line-height: 0!important;
}

.believeinher-wrapper h2 {
    font-size: 2.8em !important;
    font-weight: normal !important;
    line-height: 1em;
    margin: 35px 0 25px !important;
}
.believeinher-wrapper h3 {
    font-size:1.8em!important;
    margin-bottom:0px!important;
}
.believeinher-wrapper h2 span {
    color: #000;
    display: block;
    font-weight: bold;
}
.believeinher-wrapper ul {
    list-style:none!important;
}
.believeinher-wrapper ul li:before {
    content: "\e7f2";
    color:#94C120;
    background:#222;
    border-radius:30px;
    width:30px;
    height:30px;
    font-family:'icomoon';
    padding:3px;
  margin:0 10px 0 0;
}

.believeinher-wrapper .purpleticks li:before {
    content: "\e7f2";
    color: #452462;
    background:#cbb9db;
    border-radius:30px;
    width:30px;
    height:30px;
    font-family:'icomoon';
    padding:3px;
  margin:0 10px 0 0;
}


/* PLEDGE BOX */
.pledge {
    background:#000;
}
.pledge > p {
    color:#fff!important;
    font-weight:bold;
    margin:15px;
    padding-top:15px;
}
.pledgecounter {
    background:#222;
    height:50px;
}
.pledgecounter span:first-child {
    color: #ccc;
    display: block;
    float: left;
    font-size: 1.5em;
    line-height: 50px;
    margin-left: 15px;
}
.pledgecounter span:nth-child(2) {
     color: #fff;
    font-size: 4em;
    font-weight: bold;
    line-height: 50px;
    margin-left: 6px;
}

/* PLEDGE FORM */
.content-fullwidth .pledgeform .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item {
    margin-bottom:10px!important;
}
.content-fullwidth .pledgeform .sys_namesubelement label {
    font-size:1em!important;
}
.content-fullwidth .pledgeform .sys_cms-form-control input[type="text"] {
    padding: 5px !important;
}

.content-fullwidth .pledgeform .sys_cms-form-control select {
    width:100%!important;
    padding:5px!important;
}

.content-fullwidth .pledgeform .sys_form-submit {
    width:100%;
    background-color:#222!important;
}
.content-fullwidth .pledgeform .sys_form-submit:hover {
    background-color:#2A6500!important;
}
.content-fullwidth .pledgeform .sys_legend, .content .sys_legend {
    margin:0!important;
}

.content-fullwidth .pledgeform li:before {
    display:none;
}
.content-fullwidth .pledgeform .sys_namesubelement {
    width:49%!important;
}
.content-fullwidth .pledgeform .sys_namesubelement input {
    padding:5px!important;
    width:93%!important;
}
.content-fullwidth .pledgeform .sys_namesubelement:first-child {
    margin-right:2%!important;
}
.content-fullwidth .pledgeform {
    border: 2px solid #ddd;
    margin-top:15px;
    padding:15px 5% 5px 5%;
}
.sys_cms-form-confirmation-content, .content-fullwidth .pledgeform .sys_cms-form-confirmation-content {
    background:#ddd;
}
.content-fullwidth .pledgeform .sys_cms-form-confirmation-content p:before {
    color:#94C120;
}
.content-fullwidth .pledgeform .sys_cms-form-validationsummary {
    display:none;
}

.content-fullwidth .pledgeform .sys_cms-form-validationsummary li {
    background: red;
    color: white;
    font-size: 1.5em;
    margin-bottom: 15px;
    padding: 3px;    
}
.content-fullwidth .pledgeform .sys_cms-form-control ul.sys_cms-form-body li div label.error,
.content-fullwidth .pledgeform .sys_cms-form-control ul.sys_cms-form-body li div label.sys_cms-form-error {
    width:100%;
}


/* SLIDER */
.believeinher-wrapper .content-slider-bg {
    margin-top: 15px;
}

.believeinher-wrapper .rsSlide p {
    float: left;
    font-size: 1.2em !important;
    padding: 5px 0 0 !important;
    width: 50%;
}

.believeinher-wrapper .generic-slider .rsDefault .rsArrowIcn {
    top: 43% !important;
}

/* YOUTUBE */
.believeinher-wrapper .yt-wrapper {
    height: 150px;
    margin-top: 15px;
    width: 100%;
}
.believeinher-wrapper .yt-wrapper iframe {
    width:100%;
    height:100%;
}

/***************************************************

#BELIEVEIMHUMAN STYLES

****************************************************/

.banner-believehuman  {
    background:#E85C0D;
    padding:10px;
}


.believehuman-wrapper .orangeticks {
  list-style:none!important;
}
.believehuman-wrapper .orangeticks li:before {
    content: "\e7f2";
    color:#F0661A;
    background:#fff;
    border-radius:30px;
  	border: 1px solid #F0661A;
    width:30px;
    height:30px;
    font-family:'icomoon';
    padding:3px;
    margin:0 10px 0 0;
}

.believehuman-wrapper .quizicon {
  list-style:none!important;
}
.believehuman-wrapper .quizicon li:before {
    content: "\e79c";
    color:#F0661A;
    background:#fff;
    width:30px;
    height:30px;
    font-family:'icomoon';
    padding:3px;
    margin:0 10px 0 0;
    font-size: 1.3em;
}


.believehuman-wrapper a {
  	color: #555!important;
}

.believehuman-wrapper a:hover {
	color: #F0661A!important;
}

.believehuman-wrapper .pledgetitle {
    border: 1px solid #fce0d1;
    font-size: 1.8em !important;
    margin-bottom: 0 !important;
    padding: 10px;
  	background: #fce0d1;
}

.believehuman-wrapper .orangeh {
    border: 1px solid #fce0d1;
    font-size: 1.8em !important;
    margin-bottom: 0 !important;
    padding: 10px;
  	background: #fce0d1;
}


.pledge-human {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fce0d1;
  margin-top: -1px;
}

.pledge-human > p {
    color: #000!important;
    font-weight: bold;
    margin: 15px;
    padding-top: 15px;
}

/* PLEDGE FORM */
.content-fullwidth .pledgeform-human .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item {
    margin-bottom:10px!important;
}
.content-fullwidth .pledgeform-human .sys_namesubelement label {
    font-size:1em!important;
}
.content-fullwidth .pledgeform-human .sys_cms-form-control input[type="text"] {
    padding: 5px !important;
}

.content-fullwidth .pledgeform-human .sys_cms-form-control select {
    width:100%!important;
    padding:5px!important;
}

.content-fullwidth .pledgeform-human .sys_form-submit {
    width:100%;
    background-color:#F0661A!important;
    border: 1px solid #F0661A!important;
}
.content-fullwidth .pledgeform-human .sys_form-submit:hover {
    background-color:#000!important;
    border: 1px solid #000!important;
  	color: #fff!important;
}
.content-fullwidth .pledgeform-human .sys_legend, .content .sys_legend {
    margin:0!important;
}

.content-fullwidth .pledgeform-human li:before {
    display:none;
}
.content-fullwidth .pledgeform-human .sys_namesubelement {
    width:49%!important;
}
.content-fullwidth .pledgeform-human .sys_namesubelement input {
    padding:5px!important;
    width:93%!important;
}
.content-fullwidth .pledgeform-human .sys_namesubelement:first-child {
    margin-right:2%!important;
}
.content-fullwidth .pledgeform-human {
    background:#fff;
    margin-top:-1px;
    padding:15px 5% 5px 5%;
  	border: 1px solid #fce0d1;
}
.sys_cms-form-confirmation-content, .content-fullwidth .pledgeform-human .sys_cms-form-confirmation-content {
    background:#fff;
}
.content-fullwidth .pledgeform-human .sys_cms-form-confirmation-content p:before {
    color:#F0661A;
}
.content-fullwidth .pledgeform-human .sys_cms-form-validationsummary {
    display:none;
}

.content-fullwidth .pledgeform-human .sys_cms-form-validationsummary li {
    background: red;
    color: white;
    font-size: 1.5em;
    margin-bottom: 15px;
    padding: 3px;    
}
.content-fullwidth .pledgeform-human .sys_cms-form-control ul.sys_cms-form-body li div label.error,
.content-fullwidth .pledgeform-human .sys_cms-form-control ul.sys_cms-form-body li div label.sys_cms-form-error {
    width:100%;
}


/*************************************************************************************************************************
ITS NOT YOU, ITS ME SLIDER
**************************************************************************************************************************/
/* YOUTUBE EMBED ROYAL SLIDER */
/* BELIEVE I'M ONLY HUMAN ROYAL SLIDER*/

.rsembed-believehuman {}
.rsembed-believehuman .rsembed-content {
  background:#111;
  float:left;
  width:100%;
  padding-bottom:20px;
}

.rsembed-believehuman .rsembed-content .rsembed-details {
  float:left;
  margin:30px 15% 20px 15%;
}
.rsembed-believehuman .rsembed-category {
  background: #FF7524 none repeat scroll 0 0;
    color: #111;
    float: left;
    font-weight: 800;
    margin: 30px 0 20px 0;
    padding: 5px 10px;
    font-size: 1.6em;
}
.rsembed-believehuman .rsembed-content h2 {
  clear: both;
    color: #FF7524 !important;
    float: left;
    font-size: 3em !important;
    font-weight: 800;
    margin:0 0 20px 0 !important;
}
.rsembed-believehuman .rsembed-content h2 span {
  color:white;
  font-weight:600;
  display:block;
  font-size:0.8em!important;
}
.rsembed-believehuman .rsembed-info {
  color:white;
  float:left;
  margin-bottom:25px!important;
  font-size:1.5em;
}
.rsembed-believehuman .rsembed-video {
   float: left;
    margin: 0px 10% 30px 10%;
    width: 80%;
}
.rsembed-believehuman .rsembed-content a {
   border: 0 none;
    color: #ff7524;
    font-size: 1em;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.rsembed-believehuman .rsembed-content a:hover {
  color:white;
  border-color:white;
}

.rsembed-believehuman .rsDefault .rsArrowIcn {
  display:block;
  width:22px;
  height:43px;
}
.rsembed-believehuman .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
   	background: url("/SiteElements/images/rs-oj-left.png");
  	background-size:200% auto;
    height: 53px;
    left: 15px;
    width: 27px;
}
 .rsembed-believehuman .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
   	background: url("/SiteElements/images/rs-oj-right.png") 27px 0;
  	background-size:200% auto;
    height: 53px;
    left: 34px;
    width: 27px;
    margin-left:-7px;
}
.rsembed-believehuman .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:hover {
  background-position:-27px 0;
}
.rsembed-believehuman .rsDefault.rsHor .rsArrowRight .rsArrowIcn:hover {
   background-position:0 0;
}

.rsembed-believehuman .rsembed-video iframe {
    height: 300px;
    width: 100%;
}




@media only screen and (min-width : 360px) {    
/***************************************************
#BELIEVEINHER STYLES
****************************************************/
    .believeinher-wrapper .yt-wrapper {
        height:235px;
    }
}


@media only screen and (min-width : 600px) {  
.rsembed-believehuman .rsembed-content .rsembed-details {
    margin: 30px 10% 20px;
}
}



@media only screen and (min-width : 768px) { 
    .believeinher-wrapper h2 {
        font-size: 4.1em !important;
    }
  
    .banner-believeinher {
        padding:0;
    }
   
    .banner-believehuman {
        padding:0;
    }

  .project-wrapper {
  	margin-top: -60px;
}
  
   .rsembed-believehuman .rsembed-video {
     float: right;
    margin: 40px 8% 0 0;
    width: 35%;
  }
  .rsembed-believehuman .rsembed-details {
  	float:left;
    width:36%;
  }
  
  .rsembed-believehuman .fw {
    width:78%;
  }
  .rsembed-believehuman .rsembed-content {
  	padding-bottom:45px;
  }
  /* BELIEVE I'M ONLY HUMAN */
	.rsembed-believehuman .rsSlide:nth-child(1) .rsembed-content {
  /* background: url("/SiteElements/images/bg-rs-slide1.gif") bottom no-repeat #111;
     background-size:100%; */
      background:#111;
}
.rsembed-believehuman .rsSlide:nth-child(2) .rsembed-content {
  /* background: url("/SiteElements/images/bg-rs-slide2.gif") bottom no-repeat #111;
  background-size:100%; */
  background:#111;
}
.rsembed-believehuman .rsSlide:nth-child(3) .rsembed-content {
  /* background: url("/SiteElements/images/bg-rs-slide3.gif") bottom no-repeat #111;
  background-size:100%; */
  background:#111;
}
  
  
}




@media only screen and (min-width : 960px) { 
 
  /* BELIEVE I'M ONLY HUMAN SLIDER */
 .rsembed-believehuman .rsDefault .rsArrowIcn {
    top: 43%;
}
  .rsembed-believehuman .rsembed-content h2 {
    font-size:4em!important;
  }
  .rsembed-believehuman .rsembed-content h2 span {
    font-size:0.7em!important;
  }
}


.accordion {
  margin: 0;
  padding: 0;
  border: 2px solid hsl(0deg 0% 52%);
  border-radius: 7px;
  width: 20em;
}

.accordion h3 {
  margin: 0;
  padding: 0;
}

.accordion:focus-within {
  border-color: hsl(216deg 94% 43%);
}

.accordion:focus-within h3 {
  background-color: hsl(0deg 0% 97%);
}

.accordion > * + * {
  border-top: 1px solid hsl(0deg 0% 52%);
}

.accordion-trigger {
  background: none;
  color: hsl(0deg 0% 13%);
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
  width: 100%;
  outline: none;
}

.accordion-trigger:focus,
.accordion-trigger:hover {
  background: hsl(216deg 94% 94%);
}

.accordion-trigger:focus {
  outline: 4px solid transparent;
}

.accordion > *:first-child .accordion-trigger,
.accordion > *:first-child {
  border-radius: 5px 5px 0 0;
}

.accordion > *:last-child .accordion-trigger,
.accordion > *:last-child {
  border-radius: 0 0 5px 5px;
}

button {
  border-style: none;
}

.accordion button::-moz-focus-inner {
  border: 0;
}

.accordion-title {
  display: block;
  pointer-events: none;
  border: transparent 2px solid;
  border-radius: 5px;
  padding: 0.25em;
  outline: none;
}

.accordion-trigger:focus .accordion-title {
  border-color: hsl(216deg 94% 43%);
}

.accordion-icon {
  border: solid currentcolor;
  border-width: 0 2px 2px 0;
  height: 0.5rem;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 0.5rem;
}

.accordion-trigger:focus .accordion-icon,
.accordion-trigger:hover .accordion-icon {
  border-color: hsl(216deg 94% 43%);
}

.accordion-trigger[aria-expanded="true"] .accordion-icon {
  transform: translateY(-50%) rotate(-135deg);
}

.accordion-panel {
  margin: 0;
  padding: 1em 1.5em;
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.accordion-panel[hidden] {
  display: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input {
  border: 1px solid hsl(0deg 0% 42%);
  border-radius: 0.3em;
  display: block;
  font-size: inherit;
  padding: 0.3em 0.5em;
}


