/* Table of Content
==================================================
	#Base Styles
	#Layout Styles
	#Module
	#State
	#Media Queries
	#Font-Face */

/* #Base Styles
================================================== */
	p {
		font-family: sans-serif;
		font-size: 11px;
		line-height: 150%;
	}
	h1 {
		font-size: 26px;
		font-family: 'Trade Gothic 18', Helvetica, sans-serif;
	}
	h2 {
		font-size: 14px;
		font-family: 'Trade Gothic Bold', Helvetica, sans-serif;
	}
    h3 {
        font-size: 20px;
        font-family: sans-serif;
    }
	a {
		color: #111;
        font-weight: bolder;
	}
	
/* #Layout Styles
================================================== */

	/* -----Sticky footer nordo----- */
	html,
	body,
	.container {
		height:100%;
	}
	body > .container {
		height: auto;
		min-height:100%;	
	}	
	footer {
		clear: both;
		width: 100%;
		height: 220px;
		margin: -220px 0 0 0;
        padding: 0;
		position: relative;
		bottom: 0;
		left: 0;
	}
    #push {
        padding-bottom: 220px;
    }
    .copyright {
        position: absolute;
        bottom: 0;  
    }
    .cafe-footer {
        background: url(../img/background-countertop.png) bottom center no-repeat;
        background-size: cover;     
    }

	/* -----Fullscreen Background----- */
	.fullscreen-background {
	    background: #EFEEE9 url(../img/background-wall.jpg) bottom center fixed no-repeat;
	    background-size: cover;
	}
    .fullscreen-background-shows {
        background: #000 url(../img/background-curtain.jpg) 0 0 fixed no-repeat;
        background-size: cover;
    }
    .container {
        margin: 0 auto;
    }

/* #Module Styles
================================================== */

	/* Header */
	
	#logo-cafenordo {
	    margin-top: .2em;    
	}

    #logo-culinarium {
        margin-top: 1em;    
    }

	#logo-cafenordo img,
	#logo-culinarium img {     
	    max-height: 90px;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out; 
        transition: .5s ease-out;  
	}
    
	#logo-culinarium img {     
	    float: right;
	}
    #logo-shows {
        margin-top: 2em;
        padding: 0;
    }
    #logo-shows img {
        max-height: 60px;
    }

	/* Nav */

    .n-about {
      background: transparent url(../img/nav-nordo-about.png) left top no-repeat;
      width: 12%;
    }
    .n-team {
      background: transparent url(../img/nav-nordo-team.png) left top no-repeat;
      width: 10.5%;
    }
    .n-board {
      background: transparent url(../img/nav-nordo-board.png) left top no-repeat;
      width: 12%;
    }
    .n-partners {
      background: transparent url(../img/nav-nordo-partners.png) left top no-repeat;
      width: 16%;
    }
    .n-press {
      background: transparent url(../img/nav-nordo-press.png) left top no-repeat;
      width: 11.5%;
    }
    .n-contact {
      background: transparent url(../img/nav-nordo-contact.png) left top no-repeat;
      width: 10.5%;
    }
    .c-about {
      background: transparent url(../img/nav-culinarium-about.png) left top no-repeat;
      width: 48.8095238%; /*82px*/
    }
    .c-calendar {
      background: transparent url(../img/nav-culinarium-calendar.png) left top no-repeat;
      width: 51.19047619%; /*86px*/
    }
    .s-about {
      background: transparent url(../img/nav-shows-about.png) left top no-repeat;
      width: 48.8095238%; /*82px*/
    }
    .s-menu {
      background: transparent url(../img/nav-shows-menu.png) left top no-repeat;
      width: 51.19047619%; /*86px*/
    }

    .nav-list {	
		margin-top: .5em;		
    }
    .nav-list > li {
    	margin-left: 0;   
    }
	.nav-item {
   	    margin: 0;
   	    padding: 0; 
        cursor: pointer; 
        background-size: contain; 
        max-height: 18px;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out; 
        transition: .5s ease-out;   
    }
    .nav-item a {
    	height: 18px;
    }
    
    #nav-cafenordo {
		margin-left: 2.2em;
		padding: 0;	
	}
    #nav-culinarium {
        float:right;      
    }
	#nav-shows {
        margin-left: 2.4em;
        margin-top: .2em;
        padding: 0;
        width: 150px;    
    }
    
	
	/* Main Section */

	.main {
		margin-top: 1em;
		
	} 
	.main h1 {
		padding-top: 0;
		margin-top: -.3em;		
	}
	.main p:last-child {
		margin-bottom: 0;
	}
	/* -----Pages nordo about----- */
	#about img {
		height: 250px;
		width: 100%; 
	}

	/* -----Pages nordo board----- */
	#board li {
		list-style-type: none;
		font-size: 12px;
	}
    #board .text {
        margin-bottom: 2em;
    }
    #board .columns {
        padding-right: 0;
    }

	/* -----Pages nordo team----- */
	#team h1,
	#team ul {
		margin-bottom: 0;
        margin-left: 0;	
	}
	#team h2 {
		margin-top: -.5em;
	}
    #team li {
        padding-top: .5em;
        font-family: 'Trade Gothic Bold', Helvetica, sans-serif;
        font-size: 12px;
        text-transform: uppercase;  
        list-style-type: none;
    }
	#team img {
		height: 275px;
		width: 250px; 
        margin-bottom: 2em;
	}
	
	/* -----Pages nordo press----- */
	#press img {
		height: 250px;
		width: 388px; 
	}	
	#press .download {
		padding-left: 24px;
	}
	#press .download::before {
		position: absolute;
		top: -5px;
		left: 10px;
		content: url(../img/zip-24.png);
		margin-right: .2em;
	}

	/* -----Pages past shows menu ----- */
    
    #menu {
        height: 100%;
        margin-bottom: 10px;
    }

    #menu p,
    #menu h3{
        color: white;
    }
    #menu h3{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #menu p {
        font-size: 11px;
        font-weight: lighter;
    }
    #menu img {
        max-height: 275px;
    }
    .menu-list {
        padding-top: 70px;
        margin-left: 20px;
        width: 200px;
    }
    /* -----Pages past shows posters ----- */
    #posters,
    #posters a {
        padding: 0;
        margin: 0;
    }
    #posters div {
        display: inline-block;      
    }
    #posters img {
        min-height: 150px;
        padding-right: .7em;
    }

	/* -----Pages common styles----- */
	
	#board a,
	#press a {
		text-decoration: underline;
	}


	/* Footer .other */

	.stage-right {
		background: transparent url(../img/button-stage-right.png) left bottom no-repeat;
		width: 100%; 
    }
    .newsletter {
		background: transparent url(../img/button-newsletter.png) left bottom no-repeat;
		width: 100%; 
    }
    .donate {
		background: transparent url(../img/button-donate.png) left bottom no-repeat;
		width: 100%; 
    }
    .stage-left {
        background: transparent url(../img/button-stage-left.png) right top no-repeat;
        width: 100%; 
    }   
	.other {	
		position: relative;
    }
    
    #call-to-action {
        padding: 0;
        margin: 0;
    }
	#call-to-action div {
   	    display: inline-block;
        margin-bottom: 20px;
   	    height: 80px; 
        cursor: pointer; 
        background-size: contain;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out; 
        transition: .5s ease-out;       
    }

    /* -----Owl carousel styles----- */
  
    .owl-nav {
        width: 100%;
        padding: 1em 0 3em 0;
        text-align: center;
        color: #fff;
    }
    .owl-prev {
        background: transparent url(../img/prev.png) 50% bottom no-repeat;
    } 
    .owl-next {
        background: transparent url(../img/next.png) 50% bottom no-repeat;
    } 
    .owl-prev,
    .owl-next{
        padding: 0;
        height: 60px;
        width: 50%;
        background-size: contain; 
        display: inline-block;        
    }
    .owl-prev:hover,
    .owl-next:hover{
        opacity: 0.5;
    }
    .nav-collapse,
    .nav-collapse ul {
        display: none;
    }
  

/* #State Styles
================================================== */
	
    a:hover,
    .active a {
		color: #aaa;
	}
    .nav-active .nav-item:hover,
    .nav-active img:hover,
    #nav-shows .nav-item:hover,
    #call-to-action div:hover {
        opacity: 0.5;
    }
    .nav-inactive {
        opacity: 0.3;
    }
    .poster {
        position: relative;
    }
    .poster-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.8;
        background-color: #000;
        background-size: cover; 
        z-index: 9;
        -webkit-transition: .4s ease-out;
        -moz-transition: .4s ease-out;
        -ms-transition: .4s ease-out;
        -o-transition: .4s ease-out;
        transition: .4s ease-out;
    }
    .poster:hover .poster-overlay {
        opacity: 0;
        cursor: pointer;
    }
    .greyscale {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
        -o-filter: grayscale(1);
        filter: grayscale(1);
    }
    .poster:hover .greyscale {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }
    .img-mobile {
        display: none;
    }
    
/* #Media Queries
================================================== */

	@media only screen and (max-width: 40em) { 
        .fullscreen-background-shows footer {
            height: 480px;
            margin: -480px 0 0 0;         
        }
        .fullscreen-background-shows #push {
            padding-bottom: 480px;
        }
        .fullscreen-background footer {
            height: 400px;
            margin: -400px 0 0 0;       
        }
        .fullscreen-background #push {
            padding-bottom: 400px;
        }
        .cafe-footer #call-to-action {
            margin-top: 2em;
        }  
        #menu p,
        .main p {
            font-size: 14px;
        }
        #menu div {
            margin: 2em 0;
        }   
        #menu .menu-items {
            margin: .5em 0;
        }
        .menu-list {
            padding-top: 10px;
            width: 100%;
        }
        #posters div {
            display: block;
        }
        #posters div .owl-prev,
        #posters div .owl-next {
            display: inline-block;
        }
        #posters img {
            min-height: 100px;
        }
        #logo-culinarium img {
            float:left;      
        }
        #culinarium-home {
            margin-top: 6em;
        }
        #culinarium-home div {
            margin-bottom: 2em;
        }
        #nav-cafenordo {
            margin-left: 0;
        }
        .nav-inactive,
        .nav-active,
        .nav-desktop {
            display: none;
        }
        .nav-collapse ul {
            display: block;
        }  
        .newsletter,
        .donate {
            margin-top: 3em;
        }
        #team ul {
            margin-bottom: 1em;
        }
        #team a {
            font-size: 16px;
        }
        .team-member {
            padding-left: 0;
        }
        #press div,
        #about div {
            margin-bottom: 1em;
        }
        .img-mobile {
            display: inline-block;
        }
        .img-desktop {
            display: none;
        }
        .owl-carousel .owl-stage-outer {
            margin-left: 5px;
        }
        
    } /* max-width 640px */

	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
        .fullscreen-background footer {
            height: 400px;
            margin: -400px 0 0 0;       
        }
        .fullscreen-background #push {
            padding-bottom: 400px;
        }
        .stage-left {     
            margin: 0;
        } 
        #menu p,
        .main p {
            font-size: 14px;
        }
        #menu {
            margin-bottom: 2em;
        }
        .menu-list {
            padding-top: 60px;  
            margin-left: 0;
        }
        #posters img {
            min-height: 100px;
        }     
        #culinarium-home div {
            margin-bottom: 2em;
        }
        .cafe-footer #call-to-action {
            margin-top: 8em;
        }
        #press div,
        #about div {
            margin-bottom: 1em;
        }       
        .owl-carousel {
            width: 83%;
        }

    } /* min-width 641px and max-width 1024px */

	@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
		.owl-carousel {
          width: 83%;
        }  
        #menu p,
        .main p {
            font-size: 12px;
        }			
	} /* min-width 1025px and max-width 1440px */

	
/* #Font-Face
================================================== */

	@font-face {
	    font-family: 'Trade Gothic Bold';
	    src: url('../fonts/TradeGothicLTBold.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; 
	}

	@font-face {
	    font-family: 'Trade Gothic 18';
	    src: url('../fonts/TradeGothicLTCondensedNo18.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; 
	}