/* Additions from Andi
     ========================================================================== */


.backgroundbanner .esperanza {
  background: #303461 url("banner-esperanza.png") no-repeat right top;
  background-size: contain;
  color: #fff;
}

.sectionbanner.bar, .headerbanner.bar {
 background: url("header-background-bar.jpg") repeat scroll center top;
  background-size: ;
  color: #fff;
}


/* Section Banners
     ========================================================================== */

.sectionbanner, .kickstarterbanner
{
    margin: 0;
    padding: 0;
    border: 0;
	border-radius: 0;
    position: relative;
    background-color: white;
}

.headerbanner
{
    margin: 0;
    padding: 0;
    border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0;
    position: relative;
    background-color: white;
}
	 
	 
.sectionbanner.aubergine, .row.aubergine
{
    background-color: #0F1124;
	color: #fff;
}

.sectionbanner a
{
    color: #116ca8;
}

.sectionbanner a:hover
{
    color: #0a4063;
}







.sectionbanner.blue, .row.blue, .blue
{
background-color: #105d8b; /*#0A4A74;*/
color: #fff;
}

.sectionbanner.grey-shade, .row.grey-shade, .grey-shade
{
background-color: #ddd; /*#0A4A74;*/
color: #222;
}

.sectionbanner.purpur, .row.purpur
{
background-color: #081233; /*3d4878; /*#0A4A74;*/
color: #222;
}

.sectionbanner.black, .headerbanner.black, .row.black
{
    background-color: #030303;
	color: #ccc;
}

.sectionbanner.grey, .row.grey
{
    background-color: #efefef;
	color: #222;
}

.apply {background: #b96639; /*#74ba00;*/ color: #fff;}
.apply label {color: #fff;}
.apply-shade {background: #68a600; color: #fff;}

.raspberry {background: #752A3F; color: #fff;}
.raspberry label {color: #fff;}

.violette{
background: #303461; color: #fff; 
}


.stahl {background: #39466C; color: #fff;}
.dark {background: #1b1b2d; color: #fff;}
.theshort {background: #339966; color: #fff;}
.contact {background: #CC0066; color: #fff;}
.grey-shade {background: #ddd; color: #222;}

.box {box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2) inset, 0px -3px 7px rgba(0, 0, 0, 0.2) inset;}

.main-wrapper {padding: 2rem 0 2rem 0;}
.main-wrapper .column {padding: 2rem 0 2rem 0;}

.headshots h5{margin-bottom: 1.5rem; font-size: 1rem;}
.headshots .thumbnail {margin: 0.5rem; border: #6B6C77 3px solid;}

.countdown table, .countdown table td, .countdown table tr {width: 100% !important;}


/* Footer (Andi taken from Zurb Building Blocks) 
     ========================================================================== */

.full-width
{
    max-width: 75rem; /*1400px;*/
}

.footer
{
	/*background: transparent linear-gradient(to top, #0A0B18 20%, #0F1124  40%, #0F1124 30%, #303461 100%) repeat scroll 0% 0%;*/
	/*box-shadow: 0px 13px 7px #98D2F4 inset, 0px -3px 7px rgba(0, 0, 0, 0.2) inset;*/
	
	
	
	
	
	  background: #0f1124; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(to top, #0A0B18 20%, #0F1124  40%, #0F1124 30%, #303461 100%) repeat scroll 0% 0%; /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(to top, #0A0B18 20%, #0F1124  40%, #0F1124 30%, #303461 100%) repeat scroll 0% 0%; /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(to top, #0A0B18 20%, #0F1124  40%, #0F1124 30%, #303461 100%) repeat scroll 0% 0%; /* For Firefox 3.6 to 15 */
	  background: linear-gradient(to top, #0A0B18 20%, #0F1124  40%, #0F1124 30%, #303461 100%) repeat scroll 0% 0%; /* Standard syntax */
	
	 
	
	/*background-color: #030418; /*#2980b9;*/ 
    padding: 2rem 0rem;
    text-align: center;
    color: #fff;
	
}

.footer ul
{
 display: inline-block;
}

.footer i
{
    font-size: 400%;
}

.footer i:hover
{
    color: #ff0000;
}

.footer h4
{
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 2.5rem;
    margin-bottom: 10px;
}

.footer p, .footer a
{
    font-weight: 300;
    font-size: .8em;
    color: #fff;
}

@media only screen and (min-width: 40.063em)
{
    .footer .columns:nth-child(n+2)
    {
        border-left: 1px solid #b3b3b3;
        min-height: 280px;
    }
}

.footer-links
{
    list-style-type: none;
}

.footer-links li
{
    margin-top: .5em;
}










.inline-list {
    margin: 0px 0px 1.30769rem -1.69231rem;
    padding: 0px;
    list-style: outside none none;
    overflow: hidden;
}

/* Inline Link List */
ul.inline-list, ul.link-list { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin: 0px 11px 0px 11px; display: block; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }

.inline-block {
    display: inline-block;
	
}

.takeaction {
    margin: 0;
    padding: 0 3rem;
    border: 0px solid rgba(10, 10, 10, 0.25);
    color: #FFF;
    border-radius: 0px;
    position: relative;
    background-color: #FFF;
}

.takeaction.kickstarter 
{
    background-color: #e9c95c; color:#fff;
}
.kickstarter {background-color: #88C543; color:#fff;}


.vertical-align{
display:inline-block;
vertical-align:middle;
}

.takeaction .kickstarter .button{background-color: #88c543 }

#my-info .column {padding:0}


.off-canvas-position-left ul {
      
   
   
    z-index: 1001;
    list-style-type: none;
}

ul.off-canvas-list {
    
    padding: 0px;
    margin: 0px;
	background: #0f1124 none repeat scroll 0% 0%;
}

ul.off-canvas-list li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease 0s;
}

ul.off-canvas-list li a:active {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease 0s;
	background: #1d2145;
}


.profilematrix {padding: 25px 0;}


/*fade this out if menu bar should not extend*/
.menubar {
background: transparent linear-gradient(to top, #0F1124 0%, #303461  50%, #303461 51%, #303461 78%, #98D2F4 100%) repeat scroll 0% 0%;
/*background: transparent linear-gradient(to top, #0B4669 0%, #1275AE 50%, #1794DC 51%, #1691D8 78%, #98D2F4 100%) repeat scroll 0% 0%;*/
}



#menubar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	
	background: transparent linear-gradient(to top, #0F1124 0%, #303461  50%, #303461 51%, #303461 78%, #98D2F4 100%) repeat scroll 0% 0%;
	/*background: transparent linear-gradient(to top, #0B4669 0%, #1275AE 50%, #1794DC 51%, #1691D8 78%, #98D2F4 100%) repeat scroll 0% 0%;*/
	/* background: -webkit-linear-gradient(#000033, #ccc, black); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#000033, #ccc, black); /* For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(#000033, #ccc, black); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(#000033, #ccc, black); /* Standard syntax (must be last) */
	}

#menubar li {
    float: left;
}

#menubar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#menubar a:hover:not(.active) {
    background-color: #111;
}

#menubar .active {
background-color:#4CAF50;
}


.panel {
    background: #ecf8ff;
}

.circle {width:100px;height:100px;border-radius:50px;  border: 2px solid #134; font-size:40px; color: #134 ;line-height:100px;text-align:center;background:none}.info{position:absolute;color:#777;margin-left:20px}

.stylish{display:block;width:100px;height:100px;border-radius:66px;border:4px double #ccc;font-size:20px;color:#666;line-height:100px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd}.stylish:hover{border:4px double #bbb;color:#aaa;text-decoration:none;background:#e6e6e6}


hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
}


hr.dotted {


    border-color: #ddd;
    border-style: dashed;
    margin: 0;
}

.videomargin {
margin: 20px 0;
}

.tablemargin {
margin: 20px 0 25px 0 !important;
}

.columns .columns {
padding: 0.46875rem 0.96875rem;


}

.ticker {
margin-top: -9px;

}


.bordertable td {border: 1px solid #ccc;}
.bordertable th {border: 1px solid #ccc;}
td.td1 {text-align: center; font-weight: bold;}




.castpicture {float:left;}

.awards-list {mardin-left: 15px !important;}
.awards-list li {margin: 10px 0;}

@media screen and (min-width: 40em)
{
    .spacious
    {
        padding: 1.2em 0;
    }
	
	.castpicture {margin-top: 10px; float:right;}
	
	
	
}






/*

#cssmenu ul {
    background: transparent linear-gradient(to top, #000 0%, #222 50%, #3C3C3C 51%, #393939 78%, #888 100%) repeat scroll 0% 0%;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    list-style: outside none none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
}
ul, ol, dir, menu {
    list-style: outside none none;
}
* {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    font-size: 1em;
    outline: medium none;
}
#cssmenu {
    font-family: Helvetica,Arial,sans-serif;
    color: #FFF;
}






#cssmenu ul li:hover, #cssmenu ul li.active {
    background: transparent linear-gradient(to top, #0B4669 0%, #1275AE 50%, #1794DC 51%, #1691D8 78%, #98D2F4 100%) repeat scroll 0% 0%;
}
#cssmenu ul li {
    float: left;
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.22);
    z-index: 1;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    list-style: outside none none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
}

#cssmenu ul li.active {
    background: transparent linear-gradient(to top, #0B4669 0%, #1275AE 50%, #1794DC 51%, #1691D8 78%, #98D2F4 100%) repeat scroll 0% 0%;
}

* {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    font-size: 1em;
    outline: medium none;
}
ul, ol, dir, menu {
    list-style: outside none none;
}
#cssmenu ul {
    font-family: Helvetica,Arial,sans-serif;
    color: #FFF;
}

*/