#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;} 


 }