body{
	font-family: "Oxygen", sans-serif;
	font-size: 16px;
	color: #7f500b;
    position: relative;
	display: flex;
	flex-direction: column;
	margin:0 auto;
    width: 100%;
	max-width: 1000px;
	padding:10px 0 0 0;
    background: rgb(201,247,247);
    background: radial-gradient(circle, rgba(201,247,247,1) 0%, rgba(249,230,214,1) 100%);
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: padding-top;
       -o-transition-property: padding-top;
          transition-property: padding-top;
}

section ::before {
    display:block;
	content: "";
	height: 1em;
	margin: -5em 0 0;
}
#header {
    flex-direction:row;
    align-items: center;
	text-align: center; 
    justify-content: space-between;
    width:100%;
    max-width: 900px;
	margin: 0 auto;
	top:0;
    
}

#header-img {
    height: 80px;
    width:auto;
    margin: 0 auto;
}

.nav-hdr {
	font-family: 'Fondamento', cursive;
	color: #000080;
	font-size:3em;
	vertical-align:middle;
	margin:0 auto;
}

	
#navwrap{
    width:90%;
}

.navbar {
  background-color: transparent;
  border-color:  transparent;
  font-family:Helvetica, sans-serif;
  color:#319b10;
  font-size:1em;
  height:50px;
}
btn-nav{
    height:45px;
	background-color: transparent;
}
.navbar .navbar-brand {
  color:#319b10;
  font-size:1em;

}
#navbar-success-collapse{
   max-height: 55px;
   color:#319b10;
   overflow: visible;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #98c38b; 
  background-color: transparent;

}
.navbar .navbar-text {
  color: #319b10;

}
.navbar .navbar-nav > li > a {
  color: #319b10;
 
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: #98c38b; 
  background-color: transparent;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: #98c38b; 
  background-color:transparent;
}
.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus {
  color: #319b10;
  background-color: transparent;
}
.navbar .navbar-toggle {
  border-color: #319b10;
    color: #98c38b; 
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  color: #98c38b; 

}
.navbar .navbar-toggle .icon-bar {
  background-color: #319b10; 

  
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  color: #319b10; 

  
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  color: #98c38b; 
  background-color: transparent;
}
.navbar-nav>li>a{
     font-size:1.05em;
  color: #98c38b; 
  background-color: transparent;

 }

.dropdown{
    font-size:1.05em;
  color: #98c38b; 
  background-color: transparent;

}
.dropdown a{
    font-size:1.05em;
  color: #98c38b; 
  background-color: transparent;

}
	
.active {
    background-color: transparent; 
}
.active:hover{
    background-color: transparent;
	color: #fff; 
}
#logo {
   width:49px;
   margin:0;
}
#inner-container{
    position: relative;
    bottom: 0;
    width: 90%;
	max-width:960px; 
    margin: 0 auto;
}
.container-fluid {
    padding:0;
}
.head-wrap{
    width:60%;
	margin:0 auto;
}	
.bio {
    margin-top:5px;
	font-size: 1.2em;
}
.alx {
    border-radius: 5px;
	float: left;
}
.titl {
	float:left;
	margin-left: 1.5em;
	font-size: 1.4em;
	color: #000080;
}
h1{
	color: #000080;
	font-size:3em;
	vertical-align:middle;
	margin:0 auto;
}
h2{
   color: #000080;
   font-size: 1.5em;
}
h3{
   color: #000080;
   font-size: 1.25em;
}
h4 {
    color: #7d500b;
    font-size: 1.15em;
}
#exp-acc {
   float: right;
   text-align: left;
   
}


.arrow1 {
	 font-size:1.2em;
}
.with{

	font-size:.4em;
	color:#000;
	}
.aloha{
	font-family: 'Fondamento', cursive;	
	color: #319b10;
}
.breadcrumb{
    display:inline;
	font-size:.5em;
	padding: 0;
	margin: 0 auto;
	color:#000080;
	background-color: transparent;
}
.breadcrumb>li+li:before {
    height:45px;
    padding: 0 5px;
    color:#000080;
	background-color: transparent;
    content: "";
}
.breadcrumb a{
    color:#000080;
	background-color: transparent;
	content="";
}
.big {
    font-size: 1.1em;
}
.values {
    font-size: 1.2em;
} 
.acc-wrap {
    width: 90%;
	margin: 0 auto;
	
}
/* Accordion */
.accordion {
    float:left;
	background: linear-gradient(to bottom right, white, #f8f8f8);
	width: 100%;
	max-width: 400px;
	background: white;
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	border-bottom: 1px solid #e2efe7;
	color: #004f69;
	cursor: pointer;
	font-weight: 700;
	padding: .5em;
}
.active.accordion-header {
	color: #7d500b;
}
.accordion-header:hover {
	background: #ccedee;
}

.accordion-content {
	display: none;
	border-bottom: 1px solid #dde0e7;
	font-size: 1.25em;
	color: #7d500b;
	background: #f6f7f9;
	padding: .5em;

}

.accordion-header::after {
	content: '\21d3';
	vertical-align: middle;
	display: inline-block;
    color: #004f69;
	margin-right: 1em;
	float: right;
}

.active.accordion-header::after {
	content: '\21d1';
	color: #7f500b;

}

.accordion-content .sub-head::after {
	content: '\21d3';
	vertical-align: middle;
	display: inline-block;
    color: #7f500b;
	margin-right: 1em;
	float: right;
}

.active.sub-head::after {
	content: '\21d1';
	color: #004f69;

}

.sub-content {
	display: none;
	border-bottom: 1px solid #dde0e7;
	font-size: 1em;
	color: #004f69;
	background: #f6f7f9;
}
.sub-cap {
   font-size: 1em;
   color: #004f69;
   text-align: center;
}




#about{
    margin-top:20px;
	padding-top: 10px;
}
#values, #workshops, #join {
   font-family: Georgia, sans-serif;
   line-height: 1.5em;
}
#info {
   line-height:1.25em;
}
.writ {
    margin-top: 2.5em;
}
.row{
    display:inline; 
}
.vid, .pub {
    margin:2em auto;
}
.cert-header {
    flex-direction:row;
    align-items: center;
	text-align: center; 
    width:100%;
    max-width: 900px;
	margin: 0 auto;
	top:0;
    
}
.cert-wrap {
    display: inline;
	width:90%;
    margin: 0 auto;
}
.cert-row{
	margin: .5em;
}
.col-cert-lft{
    float:left;
	text-align:center;

}
.col-cert-rht{
    float:right;
	text-align:center;

}
.col-cert-ctr{
    float:none;
	text-align:center;
	margin:0 7%;
}
.lft-col{
    float:left;
	text-align:center;
	width:40%;
}
.rht-col{
    float:right;
	text-align:center;
	width:40%;
}
.ctr-col{
    float:none;
	text-align:center;
	width:40%;
	margin: 0 auto;
}

.lft-form{
    float:left;
	text-align:left;
	width:50%;
}
.rht-form{
    float: right;
	text-align: left;
	width:55%;
}
.desc {
    width: 80%;
	font-size: 1.25em;
	margin:.25em auto;
}
.workshop-container {
    display: flex;
	flex-direction: column;
	position:relative;
    max-width:960px;
	margin: 0 auto;
    
}

#workshops {
    width: 100%;
	padding-top: .25em;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.5em;
}
.workshp-card {
    float: left;
    width: 33.33%;
    padding: 2px;
	height: 10%;
}

#types {
    width: 100%;
	padding-top: 1.75em;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.5em;
}
#vid-wrap {
    display: flex;
	flex-direction: column;
	position:relative;
	width: 90%;
    max-width:900px;
	margin: 0 auto;
    
}
#video {
    width: 90%;
	max-width: 650px;
    height: auto;
	margin: 0 auto;
}
.connect {
    display: inline;
	width: 80%;
	text-align: center;	
	margin: 0 auto;
}
.form-wrap{
	position:relative;
	width: 100%;
	margin:0 auto;
    font-size:1em;
    line-height:1.2em;
    text-align:left;
}
.g-recaptcha{
    margin:0 auto;
    width:80%;
    position:relative;
    left:0;
    padding:0;
    transform:scale(0.77);
    transform-origin:0;
    -webkit-transform:scale(0.77);
    transform:scale(0.77);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    display: table;
}

#PoweredByLink{
    float:right;
	padding-right:10px;
}

#thanks {
width:80%;
margin:0 auto;
padding-bottom:2em;
font-size:1.1em;
color:#7d500b;
}

#thanks a{
	color:#004f69;
	background:transparent;
	text-decoration:none;  
}
#thanks a:link, 
#thanks a:hover,
#thanks a:active{
	color:#004f69;
	background:transparent;
}
.thanks-img{
    display: block;
    margin: 0 auto;
	text-align:center;
}
	
#about,#contact {
    padding-top: .5em;
}
.spirit {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 1.2em;
	color: #319b10;
}
.wow {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 1.2em;
	color: #000080;
}
.alohainst {
	font-family: 'Georgia', cursive;
	font-size: 1em;
	color: #000080;
}
 .schedule{
    background-color:#fff;
	border-style:solid;
	border-width:.2em;
	border-color:#319b10;
	border-radius:4px;
	font-size:1.1em;
	width:100%;
	margin:0 auto;
	padding:1em;
 }


.ftr{
    display:inline;
	font-size:.8em;
	height:55px;
	margin:1em auto;
	width:90%;
}
.cop {
    margin-left: .5en;
	color: #319b10;
}
.social {
    width:50px;
	margin:2em auto;
	padding:15px;
	cursor: pointer;
}

.badge{
   width: 90%;
   height: auto;
   border: 0;
   background-color:transparent;
}
.linkd img{
	height: 50px;
	margin:2.5em auto;
    cursor:pointer;
}
.pwrd {
	color: #319b10;
	margin-right: .5en;
	font-weight: normal;
    cursor:pointer;
  
}

#siteseal{
    margin:0 35%;
}
@media only screen and (max-width:700px){
body{
	font-size: 14px;
	overflow: auto;
}
.navbar {
  background-color: transparent;
  border-color:  transparent;
  font-family:Helvetica, sans-serif;
  color:#319b10;
  font-size:1em;
  height:50px;
  width:90%;
  float:none;

}

nav .navbar-nav>li{
   position: relative;
   display:inline;
   float:left;
   background-color: #fff;
   max-height:50px;   
}

.breadcrumb>li+li:before {
    padding: 25px 5px;
}
.breadcrumb a{
    margin: 50px 5px;
	width: 100%;
}

#inner-container{
    width:90%; 
    margin: 0 auto;
}
#vid-wrap{
    width:100%;
	max-width:700px;
	margin:0 auto;
}	
#hero{
    display: inline-block;
	margin:15px auto 0 auto ;
}
.alx {
    border-radius: 5px;
	margin: 0 auto;
	float: none;
}

h3{
   color: #000080;
   line-height: 1.25em;
   margin: 0 auto;
   padding:0;
   float:none;
}
.titl {
    float: none;
	margin: 0 auto;
	width: 100%;
	padding:0;
}
.vid, .pub {
    margin:1em auto;
}
.no-col {
    text-align: center;
	width: 80%;
	float: none;
	margin: 0 auto;
}
.lft-col{
    float:none;
	text-align:center;
	width:90%;
	margin: 0 auto;
}
.rht-col{
    float:none;
	text-align:center;
	width:90%;
	margin: 0 auto;
}
.me {
    margin-top: 52px;
	padding-top:5px;

}
.desc {
    width: 75%;
	font-size: 1em;
	margin: 0 auto;
}
}