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

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('fonts/ProximaNovaRegular.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNovaRegular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ProximaNovaRegular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNovaRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/ProximaNovaRegular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('fonts/ProximaNovaBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNovaBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNovaBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ProximaNovaBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNovaBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/ProximaNovaBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

p, h1, h2, h3, h4, body {font-family:"ProximaNovaRegular", "Helvetica", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}

h1 a {
	text-decoration:none;
}
a {color:#ffb800 !important;
}

a:-webkit-any-link {
    text-decoration: none !important;
}

.redhead {
    position: absolute;
    height: 90px;
    width: 100%;
    background-color: rgba(138,24,22,0.85);
    margin-left: -15px;
}
.logo img {
	height: 80px;
	width: auto;
	position:absolute;
	margin-top: 10px;
}
ul {
	list-style: none;
	display: inline-flex;
	float: right;
}

.sm {
    height: 90px;
    margin-top: 40px;
    margin-bottom: auto;
		
}
.sm img {
	max-height: 20px;
	margin-right: 10px;
}
.wide {
	background-image: url(images/girlsinschool.jpg);
	height: 500px;
	background-repeat:no-repeat;
}
.red {
	background-color:rgba(138,24,22,0.85);
	
}

.wide_visual { 
	background-image: url(images/girlsinschool.jpg);
	height: 500px;
	background-size: cover;
	margin-left: 0;
}
.wv { padding: 0px !important; }

.hometekst {
	position:relative;
	/*top: 25px;*/
}
.hometekst-gray p {
	color: #fff;
	font-size:18px;
}

.hometekst p {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 150px;
}
.gray {
	background-color: #999;
	padding-right: 0;
	padding-left: 0;
}
.row-gray { margin: 20px 0; 
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.btn-primary, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-color:  #ffb800;
    border-color:  #ffb800;
}
.btn-primary:active:focus,.btn-primary:focus {
	background-color: #ffb800;
    border-color:  #ffb800;
}
.btn-primary:hover {
	background-color: rgb(232, 168, 0) ;
	border-color:  rgb(232, 168, 0);
}

ul.tickets {
	display:inline;
	list-style:none;
	text-align:center;
	float:none;
}
a {
	text-decoration:none;
}
li.tickets-li {
	padding: 0 15px 0 0;
	display:inline-flex;
}

.glyphicon-tags:before {
    content: "\e042";
    font-size: 2em;
}
.glyphicon-envelope:before {
    content: "\2709";
    color: white;
    font-size: 1.5em;
    margin-left: 5px;
}
@media screen and (max-width: 480px) {

.sm {
    height: 90px;
    margin-top: 10px;
    margin-bottom: auto;
    position: absolute;
    display: table-cell;
	z-index:100;
}
.redhead {
    position: absolute;
    height: 110px;
}

.logo img {
    height: 90px;
    width: auto;
    position: absolute;
    margin-top: 20px;
}
    .wide_visual { 
	background-image: url(images/girlsinschool.jpg);
	height: 650px !important;
	background-size: cover;
	margin-left: 0;
}
.hometekst {
    position: relative;
}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.sm {
	max-height: 20px;
	margin-right: 0px;
	margin-top: 45px;
	
}

}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 .wide_visual { 
	background-image: url(images/girlsinschool.jpg);
	height: 600px !important;
	background-size: cover;
	margin-left: 0;
}
/* Styles */
    }