/* medium is for 700 - 1024 px */
html { font-family: medium; }
body {font-size:.83em;}
.wrapper {overflow:hidden;}

h2 {font-size:3.2em;}

p {margin-bottom:1em;}

/* Grid */
.grid1 { width: 4.333%; }
.grid2 { width: 12.667%; }
.grid3 { width: 21%; }
.grid4 { width: 29.333%; }
.grid5 { width: 37.667%; }
.grid6 { width: 46%; }
.grid7 { width: 54.333%; }
.grid8 { width: 62.667%; }
.grid9 { width: 71%; }
.grid10 { width: 79.333%; }
.grid11 { width: 87.667%; }
.grid12 { width: 96%; }
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11,
.grid12, .block.half {float: left;}
.grid { clear: both;}


/*header*/
header {background:#fbfbfb;border-bottom:0;}
.logo {font-size:3em;padding-left:4px;line-height: 52px;}
header .wrapper {padding-top:10px !important; }
header .wrapper > p {color:#22314D;font-family: 'Raleway', sans-serif;font-weight:800 !important;display:block;float:left;clear:left;padding-left:4px;margin-bottom:1.5em;}

.hamburger {display:none;}

.utility {display:block;float:right;margin-top:.5em;}
.utility li {float:left;margin-left:.9em;line-height:1.8;padding:.5em 0 0;}

header.margin {margin-bottom:60px;}
header .social {float:right;overflow:hidden;padding-left:0;display:block;line-height:2.5;padding:.5em 0;margin-top:.1em;}
header .social > ul {overflow:hidden;}
header .social li {/*float:left;*/line-height:2.5;margin-top:.3em;}
header .social ul li {float:left;}
header .social > span, header .social > ul {float:left;display:block;}
header .social ul li a {-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;}
header .social ul li a:hover {color:#fff;text-decoration:none;background:#069;}
.facebook, .twitter {line-height:1.8em;width:1.8em;}


.sharing .twitter-share-button {padding:.15em 0;width:109px !important;}

/*GLOBAL NAV*/
nav.largemenu {display:block;overflow:hidden;font-family:'nlight';box-shadow:inset 0 -10px 0 #C1B2B2;background:#EFEBEB;border-top:1px solid #C1B2B2;}
nav.largemenu .wrapper {background:transparent;position:relative;top:auto;left:auto;width:100%;padding:0;border:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
nav.largemenu a {padding:.7em 1% .4em 1%;display:block;width:auto;font-size:1em;border-bottom:10px solid transparent;
			  -o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;}
nav.largemenu a:nth-child(even) {border-left:none;}
nav.largemenu a:hover {border-bottom:10px solid #20314C;color:#006699;text-decoration:none;}

nav.largemenu.fixed {position:fixed;width:100%;top:0;z-index:99;padding:0;}
nav.largemenu .wrapper .copy, nav.largemenu .wrapper .social {display:none;}

nav.largemenu a.home {font-family:'icons';text-transform:lowercase;}
nav.largemenu a.home span {display:none;}
.home nav.largemenu a.home,
.films nav.largemenu a.films,
.news nav.largemenu a.news,
.updates nav.largemenu a.updates,
.tv nav.largemenu a.tv,
.standup nav.largemenu a.standup,
.plays nav.largemenu a.plays,
.calendar nav.largemenu a.calendar,
.bio nav.largemenu a.bio,
.interviews nav.largemenu a.interviews,
.tour nav.largemenu a.tour,
.fans nav.largemenu a.fans {border-bottom:10px solid #20314C;background:#E2DADA;}

.home nav.largemenu a.home:before, 
.films nav.largemenu a.films:before, 
.news nav.largemenu a.news:before, 
.updates nav.largemenu a.updates:before, 
.tv nav.largemenu a.tv:before, 
.standup nav.largemenu a.standup:before, 
.plays nav.largemenu a.plays:before, 
.calendar nav.largemenu a.calendar:before, 
.bio nav.largemenu a.bio:before, 
.interviews nav.largemenu a.interviews:before, 
.tour nav.largemenu a.tour:before, 
.fans nav.largemenu a.fans:before {content:"";}

/*breadcrumbs*/
.breadcrumbs {position:absolute;left:0;top:1em;z-index:10;color:#fff;margin-left:4%;display:block;}
.breadcrumbs a, .breadcrumbs span {color:#fff;margin:0 1em;}
.breadcrumbs a:first-child {margin-left:0;}
.breadcrumbs a:hover {color:#ddd;}


/*banner*/
.banner {background:#F1EDED;border-bottom:1px solid #C1B2B2;}
.banner .infobox {top:auto;bottom:6em;}
.main .banner .infobox {bottom:5em;}
.banner .infobox .title, .banner .infobox h1 {font-size:3.6em;}
.banner a {color:#fff;}
.banner a:hover {color:#ddd;}

.banner .bottombox {position:absolute;bottom:0;left:0;width:94%;padding:1.2em 2% 1.2em 4%;background:#41413F;background:rgba(22,22,17,.5);color:#fff;}
.banner .bottombox span {text-shadow:1px 1px 1px #3F3F35;}
.banner .bottombox select {position:absolute;right:1em;top:.9em;margin:0;width:29%;}

/*no banner*/
.nobanner .breadcrumbs {margin-left:0;margin-bottom:3em;padding:0 2%;font-size:.9em;}
.nobanner .breadcrumbs, .nobanner .breadcrumbs a, .nobanner .breadcrumbs span {position:relative;color:#888;}


/*HOMEPAGE*/
/*latestnews*/
.home .latestnews li > div {margin-left:17%;padding-left:1.5em;}
.home .latestnews li:first-child > div {margin-left:25%;}
.home .latestnews li img {margin-right:1.5em;}
.home .latestnews li:first-child img {width:25%;}

/*films*/
.home .list {overflow:hidden;border-top:10px solid #E2DADA;clear:both;padding:0;}
.list li {width:48%;margin-right:4%;float:left;}
.list li:nth-child(2n+2) {margin-right:0;}
.list li:nth-child(2) {border-top:0;}

/*tributes*/
.tributes li {width:23%;margin-right:2.66667%;float:left;}
.tributes li:nth-child(2n+2) {margin-right:2.66667%;}
.tributes li:nth-child(4n+4) {margin-right:0;}
.tributes li:nth-child(4n+5) {clear:left;}
.tributes li:nth-child(3),
.tributes li:nth-child(4) {border-top:0;}

.tributes-banner span {font-size:50px;}

/*subscribe*/
.subscribe label, .subscribe input {float:left;margin-right:1em;width:auto !important;}
.subscribe label {line-height:47px;width:auto;margin-top:0;margin-bottom:0;}
.subscribe .button1 {margin-top:0;}

/*Blocks*/
.doubleblock {overflow:hidden;}
.block.half {margin:0;width:48%;}
.block.half:first-child {margin-right:4%;}

.grid8 .projectdetail:first-child {margin-top:1em;}
.grid8 > .projectdetail:first-child h2 {display:none;}
.siteinfo .grid8 .projectdetail:first-child h2,
.help .grid8 .projectdetail:first-child h2,
.subscribe .grid8 .projectdetail:first-child h2,
.audible .grid8 .projectdetail:first-child h2,
.links .grid8 .projectdetail:first-child h2 {display:block;}
.grid4 .projectdetail:first-child h2 {/*font-size:3.2em;*/}
.grid4 .projectdetail h2 {font-size:2.5em;word-wrap:break-word;}

.grid4 .list li {width:auto;margin-right:0;float:left;clear:left;}
.grid4 .availability .list li {clear:none;}

/*NEWS*/
.article img {width:25%;float:left;margin-right:1em;}
.projectdetail.article .sharing {float:right;margin-top:.22em;}
.projectdetail.article h1 {clear:both;}
.projectdetail.article:first-child h2 {display:block;}

.news .grid4 .projectdetail h2 {margin-top:.13em;}
.news .article .list li {width:100%;margin-right:0;float:none;}

/*footer*/
footer .subfooter {margin-top:1em;margin-left:0;width:100%;}
footer .grid + .grid {margin-left:0;}

/*carousel*/
.owl-theme .owl-controls .owl-buttons div {top:0;background:#3FC0D4;color:#fff;font-family:'nbold';height:40px;line-height:44px;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {font-family:'nboldbold';border:0; padding:0; margin:0;right:0;background:none;overflow:visible;width:20px; height:20px; position:absolute; top:-20px;color:#000;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{right:44px;}
        #cboxPrevious:hover{}
        #cboxNext{}
        #cboxNext:hover{}
        #cboxClose{}
        #cboxClose:hover{}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{}
        .cboxSlideshow_off #cboxSlideshow{right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{}


@media (min-width:700px) and (max-width:920px) {
	.logo { font-size:2em;margin-bottom:0;}
    nav.largemenu a { padding: 0.7em 1.65% 0.4em; }
}
@media (min-width:700px) and (max-width:769px) {
    nav.largemenu {padding:0;}
    h2 {font-size:2.5em;}
    .block h3, .list.news ul h2 {font-size:1.5em;}
}
@media (max-width:769px) {
	header .social span {display:none;}
}