@charset "UTF-8";
/* CSS Document */

#local_header{
	display:none;	
}

#microsite_header{
	background:#0BA4B2;	
	padding:1em 0;
}

#microsite_header .pseudo-h1 a {
    color: #fff;
    border: 0;
}

a[role="button"].green{
    background-color: #07828D;
    border-color: #07828D;
	color:#fff!important;
	text-shadow:none
}

a[role="button"].green:hover{
    background-color: #fff;
    border-color: #0BA4B2;
	color:#222 !important;
}

a[role="button"].white{
    background-color: #E01A73;
    border-color: #E01A73;
	color:#fff!important;
	text-shadow:none;
}

a[role="button"].white:hover{
    background-color: #DEEDF1;
    border-color: #0BA4B2;
	color:#222!important;
}





.breakout-bg{
  background:#fff;
  padding-bottom:2em;
}


.breakout-bg h1{
  color:#0BA4B2;
  width:100%;
  padding:0.25em 0;
}

@media screen and (min-width: 50em){
	
	
.breakout-bg{
  border-top:4px solid #0BA4B2;
  border-bottom:4px solid #0BA4B2;
 
  background:url(../images/clouds_bg.jpg),#fff;
  background-repeat:no-repeat;
  background-position:calc(110%) ;
  background-size:30%;
}


.breakout-bg h1{
  background:#0BA4B2;

  color:#000;
  padding:0.5em 0.5em 0.5em 2em;
  margin-left:-2em;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  
}


}

.breakout-bg.alternate{
	background:#E01A73;
	border-top:0;
	border-bottom:0;
	padding-bottom:0;
}

.breakout-bg.alternate .row{
	margin:0;
}	

.breakout-bg.alternate h2{
	color:#fff;
}




details summary{
	background:#DEEDF1;	
	color:#222;	
	border-radius:15px;
	padding-left: 4rem;
}



details summary[aria-expanded="true"]{
	background:#0BA4B2;	
	color:#fff;
}


details>summary::before {
    border: 1px solid;
    border-radius: 500em;
    content: "+";
    font-size: 2rem;
    left: .5rem;
    padding: .25rem .5rem;
    position: absolute;
    top: .75rem;
    color: #fff;
    border-color: #fff;
    border-width: .125rem;
	font-weight:bold;
	 
}


details summary[aria-expanded="true"]:before, .no-details details.open>summary:before {
      content: "-";
    padding: .25rem .7rem .25rem;
    border-color: #ffffff;
	font-weight:bold;
	margin-top:-2px;
}



#lesson-grid .well.alternate-two{
	margin-top:1em;
}

#lesson-grid .well.alternate-two{
	background:#F2F2F2;
	color:#222;
}

#lesson-grid .well.alternate-two h3{
	background:#F2F2F2;
	color:#222!important;
}




@media screen and (min-width: 32em){

#sf-banner{
	width:auto;	
}

#lesson-grid .well{
	margin-right:1em;
}



#lesson-grid .well li{
	line-height:200%;
}

#lesson-grid .well.alternate{
	margin-top:0;
	background:#E01A73;
}

#lesson-grid .well.alternate-two{
	background:#F2F2F2;
	color:#222;
}

#long-buttons a.thumbnail{
   
    padding: 1em 0em 0em;
    border: 0;
    font-size: 1.15em;
}


#long-buttons a.thumbnail.green{
    background: #07828D;
	color:#fff;
}

#long-buttons a.thumbnail.pink{
    background: #E01A73;
	color:#fff;
}


#long-buttons a.thumbnail.blue{
    background: #167088;
	color:#fff;
}

#page{
	padding-top:0;	
	background:#fff;
}


#page h3{
	color:#06707A;	
}

#page_content header{
	display:none;	
}


#page_content  a:not(.thumbnail) {
    color: #C91867;
    border-bottom: 1px solid #C91867;
}


#page_content  a:visited {
    color: #222;
    border-bottom: 1px solid #222;
}


#page_content .well a, #page_content .well a:visited, #page_content #lesson-grid .well a, #page_content #lesson-grid .well a:visited  {
    color: #C91867;
    border-bottom: 1px solid #C91867;
	text-shadow:none;
}

#page_content .well a:hover, #page_content .well a:active {
    color: #222;
    border-bottom: 1px solid #222;
}


#page_content .well.alternate a, #page_content .well.alternate a:visited {
    color: #222;
    border-bottom: 1px solid #222;
	text-shadow:none;
}

#page_content .well.alternate a:hover, #page_content .well.alternate a:active,  #page_content #lesson-grid .well.alternate a, #page_content #lesson-grid .well.alternate a:visited {
    color: #fff;
    border-bottom: 1px solid #fff;
}


#page_content .well.alternate-two a, #page_content .well.alternate-two a:visited {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#page_content .well.alternate-two a:hover, #page_content .well.alternate-two a:active {
    color: #222;
    border-bottom: 1px solid #222;
}



#sf-banner{
	width:100%;
	height:auto;	
}



@media screen and (min-width: 48em){

#sf-banner{
	width:auto;	
}

}



.well{
	background:#DEEDF1;
	border-radius:15px;
	color:#222;
}

.well h3 {
	color: #06707A !important;
}




.well.alternate{
	background:#0BA4B2;
	border-radius:15px;
	padding:1em;
	color:#000;
	margin-top: 1em;
	text-shadow:none;
}

.well.alternate-two{
	background:#E01A73;
	border-radius:15px;
	padding:1em;
	color:#fff;
	margin-top: 1em;
}


.well.alternate-two a:link, .well.alternate-two a:visited{
	color:#fff;
	border-bottom:1px solid #fff;
	text-shadow:none;
}

.well.alternate-two a:hover, .well.alternate-two a:active{
	color:#222;
	border-bottom:1px solid #222;
}





.well.alternate h3,.well.alternate-two h3{
	color:#fff!important;
	text-shadow: none;
}