@import "//fonts.googleapis.com/css?family=Fjalla%20One";
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700;900&display=swap');


/*-------------------------------------------------*\
 Gemini Template DEFAULTS 
\*-------------------------------------------------*/


@media only screen and (min-width: 1200px) {
  .ui.grid.container, .ui.container {
    width: calc(1227px + 2rem) !important;
  }
}


HTML,BODY {
  background: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #666;
  font-size: 1em;
}

html h1, html h2, html h3, html h4, html h5, html h6 {
	font-family: 'Bitter', serif;
  line-height: 1.5;
  width:100%;
}
  
.accordion button h1,
.accordion button h2,
.accordion button h3,
.accordion button h4,
.accordion button h5,
.accordion button h6{
  font-size:1em;
  color:#000;
  margin-top:0;
  font-weight:bold;
  display: inline;
}

#main img[style*="float : right"] {
  margin: 0px 0 10px 10px;
}


a {text-decoration:underline; color:#084771}

.site-title {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  position: relative;
  text-align: center;
  margin: 0%;
  z-index: 99;
}
.site-title H1{
  color: #ffffff;
  font-size:3.5em;
  margin:.5em;
  
}

#secondary-name{
  color: #ffffff;
  display:block;
  font-size:.5em;
  text-shadow:0 0 15px #000,1px 1px 2px #000;

  line-height:1.5;
}

H2 {
  color: #333;
  font-size:2em;

  padding: 3px 5px 3px 5px;
  margin-left:-7px !important;
  margin-bottom:20px !important;
}

H3 {
  color: #333;
  font-size:1.5em;

  padding: 3px 5px 3px 0px;
  margin-left:-7px;
  margin-bottom:10px !important;
}

H4 {
  color: #990000;
  font-size:1.2em;
  margin-bottom:10px !important;
}
H5 {
  color: #333;
  font-size:1em;
}
H6 {
  color: #1781c3;
  font-size:0.8em;
}

/*h2 + h3{margin-top:20px !important;}*/



.hide {
  display: none !important;
}

/* #page-content{padding:30px;} */

.heading-font {
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
  
}


img{
height: auto !important;
max-width: 100%;
}

.t4.gallery img {
    height: 160px !important;
    width: 250px !important;
    object-fit: cover;
    display: inline-block;
}


.two-column{column-count:2;}
.three-column{column-count:3;}

body > #outer-wrapper .container {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

/*-------------------------------------------------*\
  HEADER 
\*-------------------------------------------------*/


#header-wrapper.row {
  height: 300px;
}
#header-wrapper.row #site-title {
  top: 100px;
}
#header-wrapper.row #site-title .ui.header {
  font-size: 60px;
}


#brand-wrapper {
  background: #600;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #300), color-stop(1, #600));
  background: -ms-linear-gradient(bottom, #300, #600);
  background: -moz-linear-gradient(center bottom, #300 0%, #600 100%);
  background: -o-linear-gradient(#600, #300);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#600', endColorstr='#300', GradientType=0);
  border-top: 4px solid #ffc800;
  padding: 1em 20px;
  width: 100%;
}

#brand-wrapper.black {
  background: #000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, #333));
  background: -ms-linear-gradient(bottom, #000, #333);
  background: -moz-linear-gradient(center bottom, #000 0%, #333 100%);
  background: -o-linear-gradient(#333, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);
}

#brand-wrapper #brand {
  float: left;
  padding: 10px;
  width: 20%;
}

#brand-wrapper #brand #fltech {
  background: url('/media/content-type-creator/fit-redesign-images-01/wordmark-white-105x30.png') no-repeat 0 0;
  display: block;
  text-indent: -9999em;
  height:2em;
}

#brand-wrapper #brand.small {
  padding: 5px;
}

#brand-wrapper #brand.small #fltech {
  background: url('/media/content-type-creator/fit-redesign-images-01/wordmark-white-105x30.png') no-repeat 0 0;
  width: 210px;
  height: 25px;
  display: block;
  float: left;
  margin-top: .8em;
  text-indent: -9999em;
}

#brand-wrapper #brand .header {
  display: block;
  float: left;
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
 
  margin: 0;
  text-shadow: 2px 2px #000000;
}

#brand-wrapper .ui.menu {
  background: none !important;
}

#header-wrapper.row {
  background-size: cover !important;
  height: 500px;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}
#header-wrapper.row IMG {
  height: auto;
  width: 100%;
}
#header-wrapper.row #site-title {
  top: 200px;
  color: #FFF;
  font-weight: normal;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#header-wrapper.row #site-title .ui.header {
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
  
  font-size: 80px;
  margin: 0 0 .5em 0;
  text-shadow: 2px 2px #000000;
}
#header-wrapper.row #site-title .ui.subheader {
  color: #efefef;
  font-size: 26px;
  line-height: 1.5;
  margin: 0;
  text-shadow: 2px 2px #000000;
  
}
#headerimg {
    margin-bottom: 20px;
    height: 66%;
    z-index: 100;
}

#headerimg img.headerimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
    // clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 15vw));
    transform: skewY(2deg);
    transform-origin: top right;
    top: -50px;
}

#headerimg-sm{margin-bottom:0 !important;}



#headerimg-sm {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  height: 40%;
  min-height:350px; /* max-height:350px; */
  z-index: 100;

  background-color: #064e7b;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);
}

#spotlight-video {
    min-width: 100%;
    height: auto;
    z-index: -100;
    position: absolute;
}

#headerimg-sm img.headerimg {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  position: absolute;
    top: 0px;
}


/*-------------------------------------------------*\
    NAVIGATION 
\*-------------------------------------------------*/

.breadcrumb{font-size: .85em !important;}

#single-column .breadcrumb{display:none;}

.breadcrumb ol li{
  list-style:none;
  display:inline;
}

div.breadcrumb [aria-current="page"] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

ol#ftList {
  margin:0;
  padding:0;
}

#menu-wrapper {
  padding: 0;
  width: 50%;
}
#menu-wrapper .ui.menu {
  height: 50px;
}
#menu-wrapper .ui.menu UL {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu-wrapper .ui.menu UL LI {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#menu-wrapper .ui.menu .item {
  color: #FFF !important;
  display: block;
  height: 50px;
  text-decoration:none !important;
}
#menu-wrapper .ui.menu .item.active {
  background: #666;
}

#responsive-menu-button {
  display: none;
  margin: .6em 0 0 0;
  cursor: pointer;
}
#responsive-menu{
        color:#ffffff;
    }

    #responsive-menu.ui.modal.full{
        height:95% !important;
    }

    #responsive-menu.ui.modal.full>.content{
        display:block;
        height:100%;
    }

    #responsive-menu.ui.modal.full>.content a{
        display:inline-block;
        font-size:1.25em;
        line-height:1.5em;
        color:#ffffff;
        text-align:left;

    }

	#responsive-menu.ui.modal.full>.content .dropdown a.item{
        display:block;
        font-size:1em !important;
        line-height:1em !important;
    }

    #responsive-menu.ui.modal.full>.content .item{
      //clear:left;
      //float:left;
      text-align:left;
      width:100% !important;
    }


    #responsive-menu.ui.modal.full>.content a .item::before {
        background:none !important;
    }

	#responsive-menu a[target="_blank"]:after {
      font-family: Icons;
      font-size: .6em;
      content: "\f35d";
      margin-left: 5px;
    }

    #responsive-menu.ui.modal.full>.content form{
        margin:10px 0;
        text-align:left;
    }

    #responsive-menu.ui.modal.full>.close{
        right:0;
        top:0;
    }


    _:-ms-input-placeholder,:root img.imgSeal{
        margin:-50px auto !important;
    }

    _::-webkit-full-page-media,_:future,:root img.imgSeal{
        margin:-50px auto !important;
    }

	#responsive-menu.ui.modal.full>.content .ui.vertical.menu{
    	background:none !important;
      	width:100% !important;
    }

	#responsive-menu.ui.modal.full>.content .ui.vertical.menu>a, .ui.horizontal.header{
    	font-size: 1.25em !important;
      	font-weight:normal !important;
        background: #880000 !important;
        width: 100% !important;
        padding: 10px !important;
    }

	#responsive-menu.ui.modal.full>.content .ui.vertical.menu .multilevel-linkdiv-0 a{
    	font-size: 1em !important;
		line-height: 1em !important;
    }

#responsive-menu .multilevel-linkdiv-0{display:block;}

.multilevel-linkdiv-0{display:none;}


  #sub-nav{
    	margin:0;
    	padding:0;
    }

    #sub-nav a{
    	color:#064e7b;
    	font-size:1.05em;
    	line-height:1.2em;
    	padding:.3em;
    	display:block;
      	border-right: 5px rgba(23,129,195,0) solid;
    }

    #sub-nav a:hover{
    	background:#efefef;
    	border-right: 5px #1781c3 solid;
    }


  

    

    #sub-nav .currentbranch0, #sub-nav .currentbranch1, #sub-nav .currentbranch2{
    	font-weight: bold;
    } 

    #sub-nav .multilevel-linkdiv-0 a{
    	padding-left:35px;
    }

    #sub-nav .multilevel-linkdiv-0 a::before{
    	font-family: Icons;
    	font-size: .9em;
    	content: "\f105";
    	margin-left: -15px;
    	position: absolute;
    }

    #sub-nav .multilevel-linkdiv-1 a{
    	padding-left:60px;
    }
	
	#sub-nav .multilevel-linkdiv-1 a::before{
    	font-family: Icons;
    	font-size: .9em;
    	content: "\f101";
    	margin-left: -15px;
    	position: absolute;
    }    


/*-------------------------------------------------*\
  BODY 
\*-------------------------------------------------*/

p {
 line-height:1.5;}
}

#content-wrapper {
  min-height: 500px;
  padding: 20px 50px;
  max-width:1400px;
  width:100%;
}
#content-wrapper .sidebar {
  background: #efefef;
  height: 100%;
  border: 1px solid #CCC;
}
#content-wrapper .sidebar H4 {
  background: #666;
  color: #FFF;
  margin: -15px -15px 1em -15px;
  padding: 5px 10px;
  font-weight: normal;
  font-size: 18px;
}
#content-wrapper .album TABLE TR TD {
  display: inline-block;
  height: 100px;
  overflow: hidden;
  width: 10%;
}
#content-wrapper .album TABLE TR TD IMG {
  height: auto;
  max-width: 100%;
}

div.right.menu A {
  color: #ffffff;
}
div.right.menu A:hover {
  color: #FC0;
}

#outer-wrapper {
  background: #FFF;
  margin: 0;
  padding-top:3em;
  padding-bottom:3em;
}

.blue a, .red a, .green a {
    color: #fff !important;
  	text-decoration:none !important;
}

.yellow a, .grey a, .white a {
    color: #333 !important;
  	text-decoration:none !important;
}

.rss_feed img.preview, li.photo-title-overlay-bottom img.preview{
    	height:200px !important;
    	width:100%;
    	object-fit:cover;
    }

.rss_feed a.item{
	position:relative;
  	display:inline-block;
  	width:100%;
}


.rss_feed  .title {
 		bottom:0;
    	left:0;
    	position:absolute;
    	width:100%;
    	z-index:200;
    	background-color:rgba(0,0,0,0.6);
    	color:#fff !important;
    	display:inline-block;
    	line-height:1.5;
    	min-height:59px;
    	padding:10px 15px;
    	
    }
.ui.yellow.message {
  	background:#fbc554;
    color: #333 !important;
  	margin-bottom:30px;
}

 .ui.yellow.message .header{
  color:#333 !important;
  margin-bottom:15px;
  border:none;
}

.ui.button {line-height:1.5;}

.ui.blue.button {
    background-color: #064e7b;
}


/*-------------------------------------------------*\
  SIDEBAR 
\*-------------------------------------------------*/


.sidebar{ padding:1.5rem !important;}

/*.sidebar h2, .sidebar h3{
  margin: 0 -.5rem 15px !important;
}
*/


/*-------------------------------------------------*\
  CARDS 
\*-------------------------------------------------*/

#page-content .featured .card img, .page-content .featured .card img{
      margin:0px;
      height:100% !important;
      object-fit:cover;
      width:100%;
    }


    .featured .card .header{
      background: #1781c3;
      bottom: 30px;
      color: #fff;
      font-weight: bold;
      opacity: .9;
      padding: 3% 7%;
      position: absolute;
      z-index: 1;
    }


    .featured .card .description{ padding:0 4px; color:#000 !important;}

    .featured .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui){font-size: 1em !important;}
    
	.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui){line-height:1.5;}

	.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {color: rgba(0, 0, 0, 0.6);}

    #page-content .card img, .page-content .card img{margin:0;}
    
    #page-content .card br:nth-child(2), #page-content .card br:nth-child(4), #page-content .card br:nth-child(6), .page-content .card br:nth-child(2), .page-content .card br:nth-child(4), .page-content .card br:nth-child(6){
        display:block;
        margin:5px;
    }

    #page-content .card .header, .page-content .card .header {
        font-size: 1.15rem !important;
        margin-bottom: 10px;
    }

.ui.two.cards>.card{
	width: calc(25% - 2em);
}

a.card.item{
  text-decoration: none;
}

.cards.featured .card .ui.button{
  color: #fff;
}


/*-------------------------------------------------*\
  SIMPLE PROFILE WITH BIO LINK CARDS 
\*-------------------------------------------------*/

#page-content .simple-profile-card-with-bio-link .card .header{
  background: none !important;
  font-weight: bold;
  position: relative;
  text-align: center !important;
  white-space: inherit;
  bottom: unset;
  padding: none;
}

#page-content .simple-profile-card-with-bio-link .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui){
  font-size: 17px !important;
}

#page-content .simple-profile-card-with-bio-link .card img {
  height: auto !important;
  object-position: top;
  object-fit: cover;
}

#page-content .simple-profile-card-with-bio-link .card .description{
  color: #000000;
  text-align: center !important;
}

#page-content .simple-profile-card-with-bio-link .card a{
  color: #084771;
  margin: auto !important;
  display: inline-block;
  font-size: 15px;
}

#page-content .simple-profile-card-with-bio-link .card i.icon{
  color: #770000 !important;
  display: none;
}

#page-content .simple-profile-card-with-bio-link .ui.card > .extra .ui.cards > .card > .extra{
  display: inline-block;
  margin: auto;
  height: auto !important;
  border-top: 0px !important;
}

#page-content .simple-profile-card-with-bio-link .ui.card > .content, .ui.cards > .card > .content{
  display: grid;
}


#page-content .simple-profile-card-with-bio-link .ui.card > .content, .ui.cards > .card > .content{
  height: auto !important;
}

#page-content .simple-profile-card-with-bio-link .card .i.icon{
  color: #770000 !important;
}

#page-content .simple-profile-card-with-bio-link .ui.basic.red.button{
  background: #ffffff !important;
  color: #000000 !important;
}

#page-content .simple-profile-card-with-bio-link .ui.basic.red.button a{
  color: #000000 !important;
}

#page-content .simple-profile-card-with-bio-link .ui.basic.red.button:hover{
  background: #770000 !important;
  color: #ffffff !important;
}

#page-content .simple-profile-card-with-bio-link .ui.basic.red.button a:hover{
  color: #ffffff !important;
}

#page-content .simple-profile-card-with-bio-link .ui.basic.red.button{
  box-shadow: 0 0 0 1px #770000 inset !important;
  color: #000000 !important;
}


/*-------------------------------------------------*\
PROFILES MODULE / CONTENT TYPE
\*-------------------------------------------------*/

 .profile-modals  .card img{
  margin:0px;
  height:300px !important;
  object-fit:cover;
  object-position:top;
  width:100%;
}


 .profile-modals .card .header{
  background: #1781c3;
  border-radius:0 !important;
  bottom: 30px;
  color: #fff;
  font-size:1em !important;
  font-weight: bold;
  opacity: .9;
  padding: 3% 7%;
  position: absolute;
  width:100%;
  z-index: 1;
}

 .profile-modals .card .header .profile-title {
  font-size: .8em !important;
}

 .profile-modals .column.profile{
  padding:10px !important;
}

.ui.cards .card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, .ui.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.profile_group table {
  width: 100%;
}
.profile_group table tr td {
  display: inline-block;
  padding: 10px !important;
  width: 50%;
}
.profile_group table tr td.left {
  float: left;
}
.profile_group table tr td.right {
  float: left;
}
.profile_group table tr td .name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 160px;
}
.profile_group table tr td .title {
  color: #666;
  font-style: oblique;
  margin-left: 160px;
}
.profile_group table tr td .description img {
  float: left !important;
  clear: both;
  max-width: 140px;
  width: 100%;
  margin-right: 20px;
  margin-top: -65px;
}

.ui.grid .column.profile{
  padding:0 !important;
}

.ui.grid .column.profile .ui.card{
  border-radius:0 !important;
}

.ui.grid .column.profile .ui.card img{border-radius:0 !important;}


#page-content .round-profiles a, .page-content .round-profiles a{
  display:block;
}

#page-content .round-profiles a img, .page-content .round-profiles a img{
  border-radius:50px !important;
  display:block !important;
  height:100px !important;
  margin:auto !important;
  width:100px !important;
  object-fit:cover !important;
}

#page-content .large.round-profiles a img, .page-content .large.round-profiles a img{
  height:125px !important;
  width:125px !important;
}

#page-content .round-profiles .profile-title a, .page-content .round-profiles .profile-title a{
  text-align:center !important;
  font-size:.75em !important;
  color:#333333 !important;
  display:block;
  text-transform: capitalize !important;
  line-height:1.5em !important;
  margin:6px 0 !important;
  border-top:1px solid #eee;
  padding-top:3px;
}

#page-content .round-profiles .profile-title p:first-child a, .page-content .round-profiles .profile-title p:first-child a {
  border-top: none;
}

#page-content .round-profiles .profile-title a:hover, .page-content .round-profiles .profile-title a:hover{
  text-decoration:underline;
}

#page-content .round-profiles .profile-title p, .page-content .round-profiles .profile-title p{
  text-align:center !important;
  margin:0 !important;
}

#page-content .round-profiles .profile-name, .page-content .round-profiles .profile-name{
  text-align:center;
  font-size: 1.1em;
  margin-top:10px;
  margin-bottom:10px;

}

#page-content .round-profiles a:hover .profile-name, .page-content .round-profiles a:hover .profile-name{
  text-decoration:underline;
}



#page-content .profile-modals .card img, .page-content .profile-modals .card img{
  margin:0px;
  height:300px !important;
  object-fit:cover;
  object-position:top;
  width:100%;
}


#page-content .profile-modals .card .header, .page-content .profile-modals .card .header{
  background: #115d8d;
  border-radius:0 !important;
  bottom: 0px;
  color: #fff;
  font-size:1em !important;
  font-weight: bold;
  opacity: .9;
  padding: 3% 7%;
  position: absolute;
  width:100%;
  z-index: 1;
}

#page-content .profile-modals .card .header .profile-title, .page-content .profile-modals .card .header .profile-title {
  font-size: .8em !important;
}

#page-content .profile-modals .column.profile, .page-content .profile-modals .column.profile{
  padding:10px !important;
}


#page-content .profile-modals .card .description, .page-content .profile-modals .card .description{ padding:0 4px; color:#000 !important;}

#page-content .profile-modals .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui), .page-content .profile-modals .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui){font-size: 1em !important;}

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description{max-width:75% !important;}



#page-content .round-profiles a, .page-content .round-profiles a{
  display:block;
}

#page-content .round-profiles a img, .page-content .round-profiles a img{
  border-radius:50px !important;
  display:block !important;
  height:100px !important;
  margin:auto !important;
  width:100px !important;
}

#page-content .round-profiles .profile-title a, .page-content .round-profiles .profile-title a{
  text-align:center !important;
  font-size:.75em !important;
  color:#333333 !important;
  display:block;
  text-transform: capitalize !important;
  line-height:1.5em !important;
  margin:6px 0 !important;
  border-top:1px solid #eee;
  padding-top:3px;
}

#page-content .round-profiles .profile-title p:first-child a, .page-content .round-profiles .profile-title p:first-child a{
  border-top: none;
}

#page-content .round-profiles .profile-title a:hover, .page-content .round-profiles .profile-title a:hover{
  text-decoration:underline;
}

#page-content .round-profiles .profile-title p, .page-content .round-profiles .profile-title p{
  text-align:center !important;
  margin:0 !important;
}

#page-content .round-profiles .profile-name, .page-content .round-profiles .profile-name{
  text-align:center;
  font-size: 1.1em;
  margin-top:10px;
  margin-bottom:10px;

}

#page-content .round-profiles a:hover .profile-name, .page-content .round-profiles a:hover .profile-name{
  text-decoration:underline;
}



/*-------------------------------------------------*\
  FEATURED CARDS WITH DESCRIPTION (SINGLE) 
\*-------------------------------------------------*/

.ui.cards.featured-with-description .ui.card .ui.button{
	background: #770000 !important;
	padding: 1em 2em !important;
	display: block !important;
}

.ui.cards.featured-with-description .ui.card .ui.button a{
	background: #770000 !important;
	display: block !important;
}

.ui.cards.featured-with-description .ui.card .ui.button a{
	color: #ffffff !important;
	text-decoration: none !important;
}

.ui.cards.featured-with-description .ui.card .ui.button a:hover{
	background-color: #770000 !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 1px #770000 inset !important;
}

/*-------------------------------------------------*\
  FOOTER & COPYRIGHT 
\*-------------------------------------------------*/


#footer-wrapper {
  border-bottom: 1px solid #666;
  color: #FFF;
  padding: 20px;
}

#footer-wrapper.row {
  background: #000000;
}

#footer-wrapper H2 {
  color: #666;
}

#copyright {
  color: #FFF;
  margin: 20px auto 0;
  padding: 20px;
}

#copyright.row {
  background: #000000;
}

#copyright .column {
  font-size: 12px !important;
}

#copyright a {color:#ffffff !important;}
#copyright a {font-weight:bold; text-decoration:underline;}
#copyright a:hover {text-decoration:none;}

A:focus, .button:focus, .dropdown:focus, button:focus {
outline:#ec0 2px solid;
}

.skip-link-lt {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  color: #FFF !important;
}

.skip-link-lt:focus { 
  Color: #FFF;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.skip-link-dk {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  color: #000 !important;
}

.skip-link-dk:focus { 
  Color: #000;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.visuallyhidden{
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.emergency-message {
    background-color: #fff;
}


/*-------------------------------------------------*\
  TABLES   
\*-------------------------------------------------*/


 #page-content table.ui.table {
  border: 1px solid rgba(34, 36, 38, 0.25);
  line-height: 1.25em;
}
 #page-content table.ui.table thead {
  background: #084771;
}
 #page-content table.ui.table thead tr th {
  background: #084771;
  color: #ffffff;
  text-align: left;
}
 #page-content table.ui.table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
 #page-content table.ui.table tbody tr td {
  text-align: left;
}
 #page-content table.ui.table tbody tr td p {
  text-align: left;
}
 #page-content table.ui.table tbody tr th {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
  color: rgba(0, 0, 0, 0.87);
  cursor: auto;
  font-style: none;
  font-weight: 700;
  text-align: inherit;
  padding: 0.92857143em 0.78571429em;
  text-transform: none;
  vertical-align: inherit;
}


/*-------------------------------------------------*\
  MEDIA QUERIES   
\*-------------------------------------------------*/


@media screen and (max-width: 1300px) {
  #menu-wrapper a.item {
    font-size: 14px;
  }
}

@media screen and (max-width: 1050px) {
  h1 {
    font-size: 2.5em;
  }

  #secondary-name{
    font-size: .55em;
  }
}

@media screen and (max-width: 1000px) {
  #outer-wrapper {
    margin: 0;
  }
  #menu-wrapper a.item {
    font-size: 12px;
  }
}

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

        #headerimg{
            height:50%;
        }   
    }

@media screen and (max-width: 768px) {
  #brand-wrapper #brand {
    float: none;
    width: 75% !important;
  }

  #responsive-menu-button {
    display: inline-block;
  }
  #header-wrapper.row {
    height: 300px;
  }
  #header-wrapper.row #site-title {
    top: 100px;
  }
  #header-wrapper.row #site-title .ui.header {
    font-family: "Fjalla One", sans-serif;
    font-weight: normal;
   
    font-size: 40px;
    margin: 0 0 .5em 0;
  }
  #header-wrapper.row #site-title .ui.subheader {
    font-size: 16px;
  }
  #content-wrapper {
    min-height: 0px;
  }
  #content-wrapper .sidebar {
    height: auto;
  }
  #content-wrapper .album TABLE TR TD {
    height: 125px;
    width: 25%;
  }
   #left-nav{display:none;}
}

@media screen and (max-width: 700px) {
  h1 {
    font-size: 2em;
  }



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

  #brand-wrapper #brand.small #fltech {
    width: 50%;
    background-size: 100% auto;
    margin-top: .6em;
  }
  #brand-wrapper #brand .header {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  #header-wrapper.row #site-title {
    font-size: 18px;
    position: relative;
    bottom: 0;
  }
  #header-wrapper.row #site-title .ui.header {
    font-size: 30px;
  }
  #brand-wrapper #brand {

    width: 75% !important;
  }
  #brand-wrapper #brand.small #fltech {
    width: 50%;
    background-size: 100% auto;

  }
  #brand-wrapper #brand .header {
    font-size: 20px;
  }
  #content-wrapper .album TABLE TR TD {
    width: 50%;
  }
}

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

        
        #headerimg{
            height:30%;
        }
    }