@import url('https://fonts.googleapis.com/css?family=Rokkitt:700,800');


/*-- homepage banner -----*/
    #banner .list-style-teaser {
        margin-left: -16px;
        width: 962px;
        margin-top:-2px;
        overflow:hidden;
    }
    
    #banner .reference-editor {
        position: relative;
        display: inline;
    }
    
    #banner .list.section .unstructuredpage {
        display: inline-table;
        height: auto;
        margin-top: 0;
        position: relative;
        width: 239px;
        margin-right:1.5px;
    }
        
    #banner .list-style-teaser .teaser-block {
        background: none repeat scroll 0 0 transparent;
        margin-top: 0;
        padding-bottom: 0;
    }
    #banner .teaser-block .teaser-inner {
        background: url("/content/dam/www/atbuffalo/img/diagonal-noise.png") repeat scroll 0 0 #000000;
        background-size: 58% auto;
        margin: 1px 0 0;
    }
    #banner .teaser-block .teaser-images {
        float: none;
    }
    #banner .teaser-block .teaser-image img {
        border: medium none;
        height: 238px;
        width: 100%;
    }
    
    
    
    #banner .parbase.list.section .contentpage .teaser-block {
        background: none;
        height: 185px;
        margin-top: 0;   
    }
    
    #banner .teaser-block .teaser-content {
        height: 100px;
        margin-left: 0;
        margin-top: -3px;
        padding: 13px 16px 12px;
        background: #3c3c3c;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.77) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.77)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.77) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.77) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.77) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.77) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#c4000000',GradientType=0 );
    }    
    #banner .teaser-block .teaser-title {
        color: #FFFFFF;
        font-family: georgia;
        font-size: 18px;
        margin-top: -1px;
    }
        
	#banner .teaser-block .teaser-title a {
	    border: medium none;
	    color: #FFFFFF;
	    font-family: More;
	}


    #banner .teaser-block .teaser-body {
            color: #e4e4e4;
            line-height: 1.3em;
            margin-top:4px;
            font-size: 13px; 
    }

    #banner .list-style-teaser .teaser-content .teaser-body b {
        display: none;
    }

/*-- HEADER --*/

.header .buttoncomponent.gray a {
    background: #ffffff;
}

.header .buttoncomponent a {
    color: #666;
}

.innerheader {
    padding-top: 187px !important;
}

.atbuffalo-logo-header img {
    width: 518px;
}


/*-- TOP NAV --*/

.topnav {
    background: #666;
    color: #fff;
    height: 40px;
}

.topnav .main > ul {
    height: 41px;
}

.topnav .main > ul > li {
    float: left;
}

.topnav .main > ul > li.active-trail > a span {
    color: #005bbb;
}

.topnav .main > ul > li > a span:after, .topnav .main > ul > li > a span:before {
	background: #ffffff;
}


.topnav .main ul li.hover div.topnav-submenu-container, .topnav .main ul li a:focus + div.topnav-submenu-container {
    display: none;
}

.topnav .right {
    right: -1px;
}

li.first.last.theme-secondary.theme-putnam-gray {
    display: none;
}

.audiencenav ul {
    top: 41px;
}

.audiencenav .label {
    text-transform: none;
    font-weight: normal;
    font-size: 20px;
    color: #ffffff;
    height: 41px;
    line-height: 41px;
    font-family: 'Rokkitt', Sofia, sans-serif;
}

.audiencenav .label:after {
    color: #ffc72c;
    vertical-align: -4px;
    margin-left: 8px;
}

.audiencenav .audiencenav-wrapper:hover .label, .audiencenav .audiencenav-wrapper:focus .label, .audiencenav .audiencenav-wrapper.hover .label {
    background: #005bbb;
}

.audiencenav ul {
    background: #005bbb;
}

.audiencenav ul li a:hover, .audiencenav ul li a:focus {
    color: #ffd86c;
}


/*-- FOOTER --*/

h2#features, h2#depts, h2#inEveryIssue, h2#pastIssues {
    font-family: 'Rokkitt', serif;
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
}

img.ub-logo-footer-img {
    width: 100%;
}




/* HOMEPAGE */



#center .list ul.link-list li:before {
    display: none;
}

.teaser.teaser-inline {
    font-weight: 500;
}

a.rss {
    display: none;
}

span.head {
    font-weight: 900;
    text-transform: uppercase;
}
    
.homepage #center .title h2 {
    font: 2.2em/1.3 'Rokkitt', Georgia, serif;
    color: #005bbb;
    margin: 4px 0 15px;
    font-weight: 800;
}

#right .title h2 {
    font: 2em/1.3 'Rokkitt', Georgia, serif;
    font-weight: 800;
}

#right .flexmodule-style .teaser-title a {
    font-family: 'Rokkitt';
    font-weight: 800;
    font-size: 1.4em;
}

.title h3 {
    font-size: 20px;
}


ul.list-style-call-to-action-medium.columnized {
    width: 35%;
    margin-right: 16px;
}

.list ul.list-style-call-to-action-medium li a {
    font-size: 14px;
    font-weight: 500;
}

.list ul.list-style-call-to-action-medium li:before {
    top: 0.38em;
}


/*-- ARTICLE PAGE --*/

/*.article-page*/ .title h1 {
    font: 3em/1.3 More, Georgia, serif;
	margin: 4px 0 0px;
}

.article-page .title h2 {
    margin: 0px 0 13px;
}

.article-page .title h5 {
    margin: 11px 0 6px;
}

.article-page .breadcrumbs-inner ul li:first-of-type {
    display: none;
}

.article-page header .breadcrumbs-inner ul {
    padding: 21px 6px 0px 10px;
}

/* ASSET COLUMN */


.assetcolumn .assetcolumn-inner {
    background: #FFF;
    padding: 0px 10px 40px;
}


.assetcolumn .assetcolumn-inner:before, 
.assetcolumn .assetcolumn-inner:after, 
.articletools:before, 
.articletools:after {
    background-image: none;
}

.articletools {
    padding: 0px 10px;
    margin: 0px -10px 30px;
}


/*-- Mobile --*/    
    
@media screen and (max-width: 720px) {
	
	.affiliated-image {
 	   border-bottom: 1px solid #666;
	}

	.innerheader {
 	   padding-top: 0px !important;
	}

	.header .main.theme-white {
		background: #ffffff;
	}

    .ub-logo-header-img {
 	   width: 100%;
	}

	.atbuffalo-logo-header img {
   		width: 100%;
	}

	.atbuffalo-logo-header {
 	   /*margin-bottom: -20px;*/
	}

	/*.issue-number {
        background: #666;
        padding: 7px 14px;
        position: relative;
        top: 34px;
        width: 64%;
    }
	.issue-number p {
    	font-size: 1.2em;
    }*/

	.mobilemenu nav ul li a {
	    text-align: right;
	    margin-right: 8px;
	}

	.mobilemenu nav ul li.mobileheader-button-menu a:after {
	    margin: 0px 5px;
	}


	#banner .teaser-block .teaser-image img {
		height: auto;
    	width: 100px;
    	margin-right: 16px;
	}
	
	#banner .list-style-teaser {
		margin-left: 0px;
    	width: 100%;
    	margin-top: -8px;
    	overflow: hidden;
    	display: grid;
	}
	
	#banner .teaser-block .teaser-images {
    	float: left;
	}
	
	#banner .list.section .unstructuredpage {
		width: 100%;
	}	

	.page #columns.two-column-left-banner #banner {
 		padding: 16px 0px 0;
	}

    body .parsys div.parsys_column {
        float: left;
        margin-top: 16px;
    }

	body .parsys div.parsys_column:nth-of-type(1), body .parsys div.parsys_column:nth-of-type(3) {
  	  margin-right: 16px;
	}

	.image-container-140 {
 	   width: 128px;
	}

	ul.list-style-call-to-action-medium.columnized {
 	   width: 100%;
 	   margin-right: 0px;
	}


}