#back-top {
     position: fixed;
     bottom: 50px;
     right: 2%;
     z-index: 100;
     line-height: 1;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     line-height: 0;
     font-family: 'Lato', sans-serif;
     color: #c00;
     letter-spacing: 0.05rem;
     vertical-align: text-top;
     text-align: center;
     font-size: .650rem;
 }
 #back-top:after {
     content: " top";
 }
 /*
 .grid-container {max-width: 42.5rem;}*/
 .script-text {font-family: 'Dancing Script', cursive;}
 .center-align {display:block; margin: 10px auto;}
 .orbit-header-padding {padding: 50px 0 20px 0 !important;}
 .orbit-content-padding {padding: 20px 50px 20px 20px;}
 .all-cap { text-transform:uppercase !important; letter-spacing:.05rem;}
 .num {font-family:'Mukta', sans-serif; font-size: 6rem; letter-spacing: .02rem; font-weight: 100; line-height: 1; text-align: center; padding:0px 0 0px 0;}	
   body {font-family: 'Roboto',sans-serif; }
  
 
 
  .twitter-share-button {content:"\f081";}	 
 h1 {font-family: 'Lato', sans-serif; font-size: 4rem !important; font-weight: 900 !important; line-height: normal;   color: #000; z-index: 10 ; background: #fff; margin: 4vh 0 2vh 0;}
  .h1-padding {padding:0;}
 h2 { color:#333; font-family: 'Roboto', sans-serif; font-size: 1rem ; font-style: initial; background: #ddd;
 width: fit-content; font-weight: 400; padding: .75rem 1.5rem; letter-spacing: 0.25rem; margin: 2rem 0; border-radius: 3px;}
 h3 {font-family: 'Lato', sans-serif; font-size: 2.5rem; line-height: 1.2 !important; font-weight: 900; margin:0; text-align: left; padding:3rem 0 0 0; color: #333;}
 h4 {font-family: 'Roboto', sans-serif; font-size: 1.5rem; font-weight: 400; margin: 1rem 0 2rem 0; padding:0; line-height: 2.25rem; color: #333;}
 h5, h6 {font-family: 'Open Sans', sans-serif;}
 p {font-family: 'Lora', serif; font-size:1.25rem; margin-bottom:2rem; line-height: 1.6;}
  .abc-photo {width:auto;}
  
  .abc-intro-header{font-family: 'Mukta', sans-serif; font-size: 1.65rem!important; font-weight: 400; text-align: left; line-height: 1.3; letter-spacing: .02rem; margin-inline: 10%; background: #fff; padding: 20px;}
  .abc-intro {font-size: 1.1rem; letter-spacing: .02rem; font-weight: 400; line-height: 1.8;}	
 .text-shadow { text-shadow:0 1px 2px rgba(0,0,0,.2)}	 
  .tabs {border: none;}
  ul li {font-size: 1.25rem; line-height: 2rem; margin-bottom: .5rem; font-family: 'Roboto',sans-serif;}
 
  .tabs-content {border: none; border-top: solid 1px #fff;}
   ul.tabs li {background: #ccc; border-radius:5px 5px 0 0;  } 
   .tabs-title > a {transition: background .125s; font-size: 14px; padding: 1rem; font-weight: 400;} 
   .tabs-title > a:hover, .tabs-title > a[aria-selected="true"] {
 background: #fff; border-radius:5px 5px 0 0;} 
  .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
 background: #fff; border-radius:5px 5px 0 0;  } 
 
  a {color: #333;}
 
  .dark-overlay { -webkit-transform:translate3d(0,0,0);background-color: rgba(0,0,0,0.65);  width: 100%; position: absolute; z-index: 9; height:43vh;}
  .ken-header {position:relative; overflow:hidden; top:8vh; padding-top:1px; z-index:10; }
  .ken-header-space {margin-top:65vh;}
  .photo-credit {font-size: 0.750rem; color: #666; text-align: center;}
  .gradient-bg {
 background: rgb(0,0,0);
 background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 40%);
 background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 40%);
 background: linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 40%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  
  .gradient-bg-right {background: rgb(0,0,0);
 background: -moz-linear-gradient(270deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(0,0,0,0) 15%);
 background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(0,0,0,0) 15%);
 background: linear-gradient(270deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(0,0,0,0) 15%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
  
  .menu, .menu.horizontal {border: solid 1px #ccc; }
  .dropdown.menu>li.is-dropdown-submenu-parent>a {color: #333;}
  .menu li, .menu.horizontal li {width:100%; margin-right: 10px;}
       .dropdown .is-dropdown-submenu {padding:10px 0; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px; }
 
  .dropdown .is-dropdown-submenu a {padding:.5rem 1rem; }
  
  /*header slideshow*/
  .crossfade > figure {
 animation: imageAnimation 30s linear infinite 0s;
 backface-visibility: hidden;
 background-size: cover;
 background-position: top center;
 color: transparent;
 height: 327px;
 opacity: 0;
 width: 100%;
 position: absolute;
      z-index; -2;
  background-attachment: fixed;}
 
  
  .crossfade > figure:nth-child(1) { background-image: url('https://www.ourkids.net/programs/images/pr-idx-header.jpg'); }
 
 .crossfade > figure:nth-child(2) {
 animation-delay: 6s;
 background-image: url('https://ourkids.net/camp/images/ca-idx-header.jpg');
 }
 /*
 .crossfade > figure:nth-child(3) {
 animation-delay: 12s;
 background-image: url('3.jpg');
 }
 
 .crossfade > figure:nth-child(4) {
 animation-delay: 18s;
 background-image: url('4.jpg');
 }
 
 .crossfade > figure:nth-child(5) {
 animation-delay: 24s;
 background-image: url('5.jpg');
 }
  */
  @keyframes 
 imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
 }
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
 }
 17% {
 opacity: 1
 }
 25% {
 opacity: 0
 }
 100% {
 opacity: 0
 }
 }
  [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select {color: #666;}
  .char-box {background: none; box-shadow:  0px 2px 5px rgba(0,0,0,.2); width: 100%; height: 100%; display: table-cell; vertical-align: bottom; padding: 3px 0px 15px 0px; border-radius: 5px;}
  .char-box:hover {background: rgba(0,0,0,.05);}  .char-box a {text-decoration:none; } 
  
  
  .big-button {opacity: 1; transition: opacity .125s; position: relative;
     }
  .big-button:hover {opacity: .9};
  .big-button .big-link { position: absolute;
 display: block;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 text-indent: -9999px;
 z-index: 1000;}
  
  .button-search {background: #fff; color: #333; border: solid 1px #ccc; transition: background .125s; height: 41px; width: 100%; margin: 0; cursor: pointer;}
       .button-search:hover {background: #ededed; color: #333;}
       .button-search:focus {background: #ededed; color: #333;}
            .button-search:active {background: #ededed; color: #333;}
       .button-search:visited {background: #ededed; color: #333;}
       .button-search-2 {background: #fff; transition: background .125s; }
       .button-search-2:hover {background: #ededed; color: #333;}
       .button-search-2:focus {background: #ededed; color: #333;}
       .button-search-2:visited {background: #ededed; color: #333;}
 
 h3 {font-size: 3rem; line-height:1.4;}
 .h3-orbit {font-size:1.75rem; line-height:1.4;}
   .h3-cap {font-size:2.25rem;}
  h3.main-header {padding: 0; margin: 0; color: #fff; font-size: 1.875rem; text-shadow: 0 0px 40px rgba(0,0,0,1); font-weight: 300;}
       h3.exp-header {padding: 0; margin: 80px 0 0 0; color: #fff; font-size: 1.35rem; text-shadow: 0 0px 40px rgba(0,0,0,1); font-weight: 300;}
 h3.char-header {padding: 5px 10px; margin: 50px 0 0 0; color: #fff; font-size: 0.813rem; text-shadow: 0 0px 0px rgba(0,0,0,1); font-weight: 300; border:solid 0px #b20;  border-radius: 50px; text-align:center; box-shadow: 0 0px 2px rgba(250,250,250,1); width: fit-content; }
  .link-list {padding-top: 5px; padding-bottom: 5px;}
 
  
   .hr-gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#939393+1,000000+100&0.39+0,0+45 */
 background: -moz-linear-gradient(top,  rgba(147,147,147,0.39) 0%, rgba(147,147,147,0.38) 1%, rgba(82,82,82,0) 45%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  rgba(147,147,147,0.39) 0%,rgba(147,147,147,0.38) 1%,rgba(82,82,82,0) 45%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  rgba(147,147,147,0.39) 0%,rgba(147,147,147,0.38) 1%,rgba(82,82,82,0) 45%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63939393', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
 }
 .oc-box:hover {background: #b20;}
 .oc-box {border:solid 0px #ccc;} .oc-box h3 {padding:20px;}
 .oc-box-shadow {box-shadow: 0 2px 10px rgba(0,0,0,.2);}
 .h4-new {font-weight:600; line-height:1.3 !important; font-size:1.15rem; color:unset;}
 .box-radius {border-radius:3px;}
 .text-shadow { text-shadow:0 1px 2px rgba(0,0,0,.2)}
 
  
 .small-text p { font-size:.750rem; line-height:1.2;}
 .oc-button {padding: 15px 0; background-color: rgba(255,255,255, .8); color: #fff;} .oc-button:hover {background-color: rgba(187,34,0, .9); border-radius:1px; box-shadow: 0 1px 6px rgba(0,0,0,.7); }
 .oc-button-text {font-size:1.25rem;}
 .alumni-desc {font-size:0.813rem; line-height:1.2;  }
 .p-300 {font-weight:300;} .p-400 {font-weight:400;}
 .p-900 {font-weight:900;} 
  
 .black-bg {background-color: #111;}
 
 
 /* ORBIT */
 


 .orbit-container .orbit-next, .orbit-container .orbit-prev, .orbit-previous {
 /* top:40% !important;	 */
 background: rgba(0,0,0,.5) ;
 }
 .orbit-next:hover {
 background: rgba(0,0,0,.8) ;
 }
 .orbit-previous:hover {
 background: rgba(0,0,0,.8) ;
 }
 
 
 .orbit-bullets-container{
 display:none;	
 }
 .orbit-bullets button {padding:0;}
 
 
 
 
 
 
 .orbit-bullets button {
 width: 1.2rem;
 height: 1.2rem;
 margin: .1rem;
 border-radius: 50%;
 background-color: #cacaca;}
  
  
  .orbit-caption {font-family:'Roboto', sans-serif; font-size:0.875rem; line-height: 1.4; padding: 10px 20px;}
 
 /* END ORBIT */ 
  
 /* Small only */
 @media screen and (max-width: 39.9375em) {
 .h3-orbit {font-size:1.25rem; line-height:1.1;}
      h3.exp-header {font-size: 1rem;}
  h3.main-header {font-size: 1.45rem;}
 .side-round-image {border-radius: 10px 10px 0 0px;}
     .side-round-image-right {border-radius: 10px 10px 0 0px;}
 .banner-psa { font-size:1rem;}
 .camp-banner-psa {padding: 0; margin:5px 0; color: #fff; font-size: 1rem; }
 h3 { font-size: 1.75rem; line-height: 2rem !important; }
 h4 {font-size: 1.25rem; line-height: 1.875rem;}
  }
 
 /* Medium and up */
 @media screen and (min-width: 40em) {
 .side-round-image {border-radius: 10px 0 0 10px ;}
 .side-round-image-right {border-radius:  0 10px 10px 0 ;}
 
  }
 
 /* Medium only */
 @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      h3 { font-size: 2rem; line-height: 2.5rem !important; }
 
 }
 
 /* Large and up */
 @media screen and (min-width: 64em) {
 
 }
 
 /* Large only */
 @media screen and (min-width: 64em) and (max-width: 74.9375em) { 
       .droplist li {padding-bottom: 15px; line-height: normal;}
 
  .droplist li a {color: #333 !important;}
       .droplist li a:hover {color: #4B6E9A !important;}
  }
 
  
 /* slideshow ken burns*/
 .slideshow {
 position: absolute;
 width: 100%;
 overflow: hidden;
 height: 65vh;}
 
 .slideshow-image {
 position: absolute;
 width: 100%;
 height: 100%;
 background: no-repeat 50% 50%;
 background-size: cover;
 -webkit-animation-name: kenburns;
 animation-name: kenburns;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-duration: 16s;
 animation-duration: 16s;
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 
 }
 
 .slideshow-image:nth-child(1) {
 -webkit-animation-name: kenburns-1;
 animation-name: kenburns-1;
 z-index: 3;
 }
 
 .slideshow-image:nth-child(2) {
 -webkit-animation-name: kenburns-2;
 animation-name: kenburns-2;
 z-index: 2;
 }
 
 .slideshow-image:nth-child(3) {
 -webkit-animation-name: kenburns-3;
 animation-name: kenburns-3;
 z-index: 1;
 }
 
 .slideshow-image:nth-child(4) {
 -webkit-animation-name: kenburns-4;
 animation-name: kenburns-4;
 z-index: 0;
 }
 
 /*ken burns*/
 
 @-webkit-keyframes 
 kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 1.5625% {
 opacity: 1;
 }
 23.4375% {
 opacity: 1;
 }
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.11176);
 transform: scale(1.11176);
 }
 100% {
 opacity: 1;
 }
 }
 
 @keyframes 
 kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 1.5625% {
 opacity: 1;
 }
 23.4375% {
 opacity: 1;
 }
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.11176);
 transform: scale(1.11176);
 }
 100% {
 opacity: 1;
 }
 }
 
 @-webkit-keyframes 
 kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 26.5625% {
 opacity: 1;
 }
 48.4375% {
 opacity: 1;
 }
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 }
 
 @keyframes 
 kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 26.5625% {
 opacity: 1;
 }
 48.4375% {
 opacity: 1;
 }
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 }
 
 @-webkit-keyframes 
 kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 51.5625% {
 opacity: 1;
 }
 73.4375% {
 opacity: 1;
 }
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 }
 
 @keyframes 
 kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 51.5625% {
 opacity: 1;
 }
 73.4375% {
 opacity: 1;
 }
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 }
 
 @-webkit-keyframes 
 kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 76.5625% {
 opacity: 1;
 }
 98.4375% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 }
 
 @keyframes 
 kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 76.5625% {
 opacity: 1;
 }
 98.4375% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
 }
 }
 
 /* end slideshow*/
    /* PHONE VIEW */
 @media only screen and (max-width: 40.063em) {
 .abc-photo {width:100%;}
 h1{font-size:2.3rem!important; padding-top: 3vh;}
 .h1-padding {padding:10px;}
 .ken-header {top:6vh;}
 .ken-header-space {margin-top:16vh;}.
 
 .abc-intro {font-size: 1rem;}	
  .abc-intro-header {font-size: 1.2rem!important; font-weight: 800; padding-bottom: 1vh; }	
  .photo-credit {padding-right: 0vh;}
 .h2-sub {font-size:1.2rem !important;}
 .h3-mobile {font-size: 1.75rem !important; line-height: 1; text-align: left;}
 .slideshow {height: 35vh;} 
 
 
  }