.row-hero-left
{
    color: #99663;



}

.teststyle
{
background-color: #ebf3fc;
padding: 20px;
}


.flipperarea
{
    text-align: center;
    height:65px;
    background-color: #1a1e3b;
    padding-top: 10px;
    font-family: 'Ultra', serif;	
}

.twocol-flex
{
      display: flex;
      min-height: 500px;
      justify-content: space-between;
}

.twocol-content
{
flex: 0 0 45%;
 
}




.respvideo {
    overflow: hidden;
    position: relative;
    width:100%;
}

.tfestbg
{
    
    background-image: url('tfestbg2019.jpg') !important;
      background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   background-attachment: fixed;
    
}

.respvideo::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}


.respvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-left
{
  text-align: left;

}

.udatfeeditemholder-single
{
           align-items: flex-start;
      display: flex;
      min-height: 500px;   
      justify-content: space-between;
}

.udat-feed-part1
{
flex-basis: 45%;
padding-top: 40px;
}

.udat-feed-part2
{
flex-basis: 50%;
padding-top: 40px;
}

.hero-flex-left
{
          align-items: flex-start;
      display: flex;
      min-height: 500px;
}

.hero-left-img
{
flex-basis: 50%;
padding-top: 40px;
}


.hero-left-img img
{


width: 100%;


}

.hero-contentarea-left
{

width: 50%;
   padding-left: 5%;
  align-self: center;
   color:  #black;
   margin-top: 30px;
   margin-bottom: 30px;
}


.artistviewer
{
    text-align: center;
    background-color: red;
    color: white;
    margin: 0px;
    padding-top: 13px;
height: 340px;
      background-image: url("oldstationbg.jpg");
background-size: auto 100%;
}


.udat-feed-part1
{
padding-bottom: 40px;
}
.udatitemholder-single
{
	margin-block-start: 40px;
	margin-block-end: 40px;
}

.udat-hero-image
{
	height: 500px;
	background-size: cover;
}

.bookform select
{
    font-size: 120%;
          font-family: 'Bitter', serif;	
}

.cform input
{
    width: 100%;
    font-size: 150%;
          font-family: 'Bitter', serif;
}

.cform input:hover
{
	background-color: #eeeeee;
}

.cform textarea:hover
{
	background-color: #eeeeee;
}

.cform button:hover
{
	background-color: #eeeeee;
	color: black;
}

.cform button
{
    width: 200px;
    font-size: 150%;
          font-family: 'Bitter', serif;
		  color: white;
		  background-color: navy;
    height: 50px;
}

.cform{
	margin-block-start: 20px;
	margin-block-end: 20px;
}

.cform textarea
{
    width: 100%;
    height: 200px;
          font-family: 'Bitter', serif;
          font-size: 150%;
}

body
{
    background-color: #F5F5F5;
    margin: 0px;
    padding: 0px;
      line-height: 1.5;
      font-family: 'Bitter', serif;
      font-size: 120%;

}

.row-content
{
max-width:   90%;
margin-left: auto;
margin-right: auto;
}



.allitems-carousel-inner
{
    padding-left: 30px;
    width: 180px;
    text-align:center;

}

.footerblock
{
    background-color:#132539;
font-size: 80%;
color: white;
padding-top: 50px;
padding-bottom: 50px;
}
.footerblock a
{
    color: #0B6390;
}
.navigtopper
{
    background-color: #14263A;
    margin: 0px;
    padding: 0px;
      background-image: url("denim.jpg");
  
}

.allitems-carousel-inner h6
{
color: white;
font-size: 10px;
text-align:center;
width: 150px;
}

.allitems-carousel-inner a
{
color: white;
text-decoration: none;
font-size: 10px;
text-align:center;
width: 150px;
}


.allitems-carousel-image{
height:150px; width: 150px;     
}



.newsfront a
{
    background: #0C044C;
    color: white;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;
    
}
.newsfront a:hover
{
    background: #910405;
}

.newsfront .article-headline
{
    padding: 20px;
    color: #0C044C;
    font-family: 'Ultra', serif;
    font-weight: normal;
    font-size: 150%;
    text-align: center;
}
  .map-resp{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-resp iframe{
    left:0;
    top:0;
    height:95%;
    width:95%;
    position:absolute;
}

.hero--headline h2
{
    padding: 20px !important;
    color: #0C044C !important;
    font-family: 'Ultra', serif;
    font-weight: normal;
    font-size: 150%;
    text-align: center;
}


h2
{
    font-family: 'Ultra', serif;
    font-weight: normal;
}

h6
{
  color: #0C044C;
font-family: 'Ultra', serif;
      font-size: 25px;
          font-weight: normal;
 
 margin-block-start: 25px !important;
    margin-block-end: 25px !important;
  
}


.udat-fullarticle-headline
{
	  color: #910405;
font-family: 'Ultra', serif;
    font-size: 40px;
        font-weight: normal;
}


h1
{
font-family: 'Ultra', serif;
    font-size: 40px;
        font-weight: normal;
}

@media screen and (max-width:990px) {

.row-content
{
max-width:   80%;
}

  .hero-flex-left { flex-wrap: wrap;  }
.hero-left-img {flex-basis: 100%; }
.hero-contentarea-left {flex-basis: 100%; }

.udatfeeditemholder-single { flex-wrap: wrap;  }
.udat-feed-part2 {flex-basis: 100%; }
.udat-feed-part1 {flex-basis: 100%; }

.udatfeeditemholder-single :nth-child(2) {order: 1;}
.udatfeeditemholder-single :nth-child(1) {order: 2;}

.udatitemholder-single { flex-wrap: wrap;  }

.udatitemholder-single-fullarticleimage {flex-basis: 100%; }
.udatitemholder-single-fullarticletext {flex-basis: 100%; }
.udatitemholder-single :nth-child(2) {order: 1;}
.udatitemholder-single :nth-child(1) {order: 2;}



}