/* override semantic*/
.slick-slide{
    margin:0;
}
.slick-slider.slider-nav{
    height:auto;
    padding-bottom:15px;
    padding-top: 15px; 
    background-color:#fefcec;
}

/*filter bar*/
#filters li:first-child span{
   background-color: rgb(255, 255, 255);
}
#filters li span[data-filter =".web1"]{
   background-color: rgb(253, 111, 108);
}
#filters li span[data-filter =".web2"]{
    background-color: rgb(152, 204, 181);
}
#filters li span[data-filter =".web3"]{
    background-color: rgb(90, 133, 206);
}
#filters li span[data-filter =".flash"]{
     background-color: rgb(254, 202, 100);
}
#filters {
	margin:1%;
	padding:0;
	list-style:none;
    margin-bottom:15px;
    display:flex;
    flex-wrap:wrap;
    align-content: stretch;    
}

#filters li:first-child{
    width:100%;
    color:fff;
}
	#filters li {
        width:50%;
	}
/*Start your rules*/

html,
body {
    height: 100%;
}

section#one {
    height: 80%;
    max-height: 600px;
}


/*  reset base font*/

html {
    font-size: 62.5%;
    /*1rem = 10px*/
}

h1.ui.header {
    width: 100%;
    font-size: 2.2rem;
    margin-top: 0;
    font-family: 'Architects Daughter', cursive;
    padding: 10px 0;
    color: #0d2e75;
}

h2.ui.header {
    font-size: 2.6rem;
    font-family: 'Architects Daughter', cursive;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

h2.ui.header:first-child {
    margin: 20px 0;
}

h3.ui.header {
    font-size: 1.8rem;
    color: #F90;
}

.ui.popup {
    font-size: 1.8rem;
}


.ui.menu:not(.vertical) .item  > .back.item{
    display:flex;
    justify-content: flex-end;
    margin-right: 20px;
}
p {
    font-size: 1.6rem;
}

html,
body {
    height: 100%;
    margin-top: 0;
}

h4.ui.header {
    width: 100%;
    font-size: 1.4rem;
    /*	font-family: 'Architects Daughter', cursive;*/
    font-family: Georgia;    
    color: #fff;
}
.card h4.ui.header {
    width: 100%;
    font-size: 1.2rem;
    /*	font-family: 'Architects Daughter', cursive;*/
    font-family: Georgia;    
    color: #000;
}
body {
    /*	background-color: rgba(255, 249,214, 1);*/
    background-color: rgba(7,49,91,1);
        background-color:  #0d2e75;
    background-image: url('../textures/mirrored-squares.png');
}

header {
    width: 100%;
}

header .ui.menu {
    font-size: 2.2rem;
    width: 100%;
    flex-wrap: wrap;
    color: #000;
}

header .ui.menu > .item {
    padding: 0;
}

header .ui.menu .item:nth-child(1) {
    flex-basis: 50%;
    color: #fff;
    background-color: rgb(13, 46, 117);
    order: 1
        padding:8px;
}

header .ui.menu .item:nth-child(1) img {
    max-width:80%;
	height:auto;
    margin:auto;
}

header .ui.menu .item:nth-child(2) {
    flex-basis: 100%;
    order: 3;
    /* background-color: rgb(130,44,27);*/
    background-color: rgba(254, 252, 235, 1);
    background-image: url('../textures/mirrored-squares.png');
}

header .ui.menu .item:nth-child(3) {
    flex-basis: 50%;
    background-color: rgb(130, 194, 12);
        background-color:  #0d2e75;
    background-color: #0d2e75;
    order: 2
}
.mejs-container{
    height: 100%;
    width:100%;    

}
section {
    height: auto;
    position: relative;
    padding-bottom: 20px;
}

section#one {
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 35px;
}

#slidercolumn {
    height: 100%;
    /*    max-height:700px;*/
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    padding: 0;
}

#slidercolumn >.ui.grid {
    height: 100%;
}
#slidercolumn >.ui.grid >.column:first-child {
    height: 80%;   
}
#slidercolumn >.ui.grid >.column:last-child {
    height: 20%;
    padding: 0 15px;   
}
.ui.grid > .column:not(.row) {
    padding-bottom: 0;
}

.slidelayout {     
    height: 100%;
/*    background-color: #fff;*/
    margin:0;
    padding:0;
}
.slidelayout .ui.grid {
    height: 100%;
}

.slidelayout.ui.grid > .column:not(.row):last-child {
    padding: 5px 0 0;
    height:88%;
}
.slidelayout.ui.grid > .column:not(.row):first-child {
    height: 12%;
    padding: 0;
    
    color:white;
}

.slidelayout .ui.menu{
    background-color:  #0d2e75;
}
.slidelayout .ui.items {
    display:inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px #ccc groove;
    background-color: rgb(7,49,91);
        background-color:  #0d2e75;
}
.slidelayout .ui.items > .item {
    margin: 0;
    padding: 6px;    
    margin: 2px 8px;
}

/*
.slidelayout .ui.items > .item:nth-child(1) {
    flex-basis: 25%;    
}
.slidelayout .ui.items > .item:nth-child(2) {
    flex-basis: 35%; 
    overflow:hidden;
}
.slidelayout .ui.items > .item:nth-child(3) {
    flex-basis: 33%;    
    overflow:hidden;
}
*/
.slick-slider.slider-nav img {
    border: 1px #ccc groove;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.57);
    -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.57);
    box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.57);
    ;
}

.slidelayout.ui.grid .twelve.wide.column p {
    font-family: Georgia;
    font-size: 2.0rem;
}

.slidelayout.ui.grid {
    margin: 0;
}

.slidelayout.ui.grid .column:last-child {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*    height:100%;*/
}

#slide1.slidelayout.ui.grid .column:last-child {
/*    background-color: rgb(255,255,255);*/
    background-image: url('../images/chaundry.PNG');
}

#slide2.slidelayout.ui.grid .column:last-child {
    background-color: #eaeaea;
    background-image: url("../images/chuck-zucal-rwd.jpg");
}

#slide3.slidelayout.ui.grid .column:last-child {
/*    background-color: #fff;*/
    background-image: url("../images/pamela-galbreath-navigation.JPG");
}

#slide4.slidelayout.ui.grid .column:last-child {
    background-color: #000;
    background-image: url("../images/eddie-szymczak-host.png");
}

#slide5.slidelayout.ui.grid .column:last-child {
/*    background-color: #fff;*/
    background-image: url("../images/BartAnimate.gif");
    background-position: center bottom;
}

#slide6.slidelayout.ui.grid .column:last-child {
   text-align: center;
}
#slide8.slidelayout.ui.grid .column:last-child {
/*    background-color: #fff;*/
    background-image: url("../images/ostrozny.PNG");
    background-position: center bottom;
}
.slidelayout.ui.grid .demo-video {
    height:100%;
    width:75%;
    margin:auto;
    border: 1px black solid;
}
video{
    max-height:100%;
    width:auto;    
}
/* SECTION TWO */

section#two-alt{
    margin-top:25px;
}
section#two-alt .ui.segment{
    background-color: rgba(254, 252, 235, 1);
    background-image: url('../textures/mirrored-squares.png');
}
section#two-alt .ui.segment h2.ui.header{
    margin:5px 0;
    font-size:20px;
}
.ui.grid > .row {
    height: auto;
    padding: 0;
}

.row > .column .ui.menu .item {
    font-size: 2.0rem;
    font-weight: 600;
}

.column.three >.ui.grid {
    /*align-items:center;*/
    justify-content: center;
}

.row > .column.one {
    background: url("../images/binding-light.png");
}

.row > .column.two {
    background: url("../images/nistri.png");
}

.row > .column.two > .ui.grid > .column {
    text-align: center;
}

.row > .column.three {
    background: url("../images/crisp-paper-ruffles.png");
}

.row > .column.four {
    background: url("../images/nistri.png");
}

.row > .column.five {
    background: url("../images/white-paperboard.png");
}

.ui.menu {
    background-color: rgba(255, 255, 255, .5);
    /*    box-shadow:         -1px 7px 5px 0px rgba(50, 50, 50, 0.38);*/
}

.ui.celled.grid {
    margin: 0;
}

.ui.items {
    display: flex;
    flex-wrap: wrap;
}

.ui.items > .item {
    width: 50%;
}


/* buttons*/

#two .ui.menu > .item {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    /* padding:18px 0 8px;*/
    border: none;
    font-family: 'Architects Daughter', cursive;
}

.ui.tabular.menu .active.item {
    background-color: transparent;
    color: #333;
}

#two .ui.menu > .item:nth-child(1) {
    background-color: rgb(253, 111, 108);
    /*background-image:url('../images/bg-button-1.png');*/
    color: #333;
}

#two .ui.menu > .item:nth-child(2) {
    background-color: rgb(152, 204, 181);
    /* background-image:url('../images/bg-button-2.png');*/
    color: #333;
}

#two .ui.menu > .item:nth-child(3) {
    background-color: rgb(90, 133, 206);
    /* background-image:url('../images/bg-button-3.png');*/
    color: #333;
}

#two .ui.menu > .item:nth-child(4) {
    background-color: rgb(254, 202, 100);
    /*background-image:url('../images/bg-button-4.png');*/
    color: #333;
}

.ui.menu > .item:nth-child(5) {
    background-color: rgb(107, 185, 240);
}

.ui.menu > .item:nth-child(6) {
    background-color: rgb(190, 144, 212);
}

.ui.tab.segment {
    margin: 0;
}


/*tabs*/

.tab.segment:nth-child(1) {
    background-color: rgba(254, 252, 235, 1);
}

.tab.segment:nth-child(2) {
    background-color: rgb(253, 111, 108);
}

.tab.segment:nth-child(3) {
    background-color: rgb(152, 204, 181);
}

.tab.segment:nth-child(4) {
    background-color: rgb(90, 133, 206);
}

.tab.segment:nth-child(5) {
    background-color: rgb(254, 202, 100);
}


.tab.segment:nth-child(6) {
    background-color: rgb(107, 185, 240);
}
.tab.segment:nth-child(7) {
    background-color: rgb(190, 144, 212);
}
.ui.cards{
    margin-bottom:15px;
}


.ui.cards > .card .meta,
.ui.card .meta {
    padding-top: 10px;
    font-size: 1.6rem;
}
.ui.cards > .card .content,
.ui.card .content {
    font-size: 1.8rem;
}
.ui.cards > .card .header{
    padding:6px 0;
    text-align: center;    
}
.ui.cards > .card .content,
.ui.card .content .description {
    font-weight: bold;
}

.ui.cards > .card .meta {
    

    
}
.ui.cards .card .meta p {
     text-align: center;
    font-weight: bold;
    margin-bottom: 5px!important;
}
.ui.cards > .card .meta p:hover {
    /*font-weight:bold;*/
    
    color: rgb(130, 194, 12);
}
.ui.cards .card .meta p img{
    width: 40px;
}
.ui.cards > .card > a {
    display: block;
    height: 100%;
    height:inherit;
}
.ui.cards > .card .extra.content,
.ui.card .extra.content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(34, 36, 38, 0.1); 
    border-image: none;
    border-radius: 0;
    border-style: solid none none;
    border-width: 1px medium medium;
    box-shadow: none;
    flex-grow: 1;
    font-size: 1.6rem;
    margin: 0;
    padding: 1em;
    color: #000;
    background-color: #eee;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.web1 .ui.cards > .card .extra.content{
   background-color: rgb(253, 111, 108);
}
.web2 .ui.cards > .card .extra.content{
    background-color: rgb(152, 204, 181);
}
.web3 .ui.cards > .card .extra.content{
    background-color: rgb(90, 133, 206);
}
.flash .ui.cards > .card .extra.content{
     background-color: rgb(254, 202, 100);
}
.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #FFFFFF;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    
    h1.ui.header {

    font-size: 3.0rem;

}
    h4.ui.header {
    
    font-size: 1.8rem;
    }
    
    	#filters li:first-child{
    width:10%;
    color:fff;
}
	#filters li {
        width:22.5%;
	}
        
/*
    .slidelayout.ui.grid > .column:not(.row):last-child {
        height: 100%;
        padding: 0;
    }
    
    .slidelayout .ui.items {
        flex-direction: column;
        flex-wrap: wrap;
        height: 100%;
        align-items: flex-start;
    }
    
    .slidelayout .ui.items .item {
        justify-content: flex-start;
        width: 100%;
        padding-left: 5%;
    }
    
    #slide1.slidelayout .ui.items > .item:first-child {
      
        padding: 0;
    }
*/

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    html,
    body {
        height: 100%;
    }

    section#one {
        height: 90%;
        max-height: 650px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    
    header .ui.menu .item:nth-child(1) {
        flex-basis: 15%;
        color: #fff;
        background-color: rgb(13, 46, 117);
        order: 1
    }
    

    header .ui.menu .item:nth-child(2) {
        flex-basis: 70%;
        order: 2;
        /* background-color: rgb(130,44,27);*/
        background-image: url('../textures/mirrored-squares.png');
    }
    
    header .ui.menu .item:nth-child(3) {
        flex-basis: 15%;
         background-color: rgb(254, 252, 236);
           background-color: #0d2e75;
        order: 3;
        justify-content: flex-end;
        padding-right: 8px;
    }
    /* Slider */
    /*
    header{
        max-height:100px;
        
    }
    .ui.fluid.menu{
        max-height:100px;
    }
    .slick-slide
{

    height: 100%;


}
    .slick-list
{

    height:100%;

}
    
 .slick-track
{

    height:100%;


}   
    .slider-for{
        height:80%;
        margin-top: 0;
        
    }
    .slick-slide .ui.grid{
        height:100%;
        margin:0;
    }
    .slick-slide > .ui.grid >.column{
        padding: 0;
        height:100%;
    }
    .slick-slide > .ui.grid >.column img{
        max-height:100%;
        width:auto;
        
    }
*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {}