/* add custom site CSS here */
/*.layout.full-width.news-detail {width: 100%;left: 0;}*/


/* smaller text on profile feed short bios */
.profile p[itemprop="description"] {
    font-size:1rem;
}

/* italicizes photo credit */
.caption-credit {
    font-style: italic;
}

/* format links in image captions */
.caption-text a {
    text-decoration:none !important;
    font-size:0.875rem;
    display:block !important;
}

/*Diversity page bullet style */
.diversityList ul {
  list-style: none; /* Remove default bullets */
}

.diversityList ul li::before {
  content: "\2588";  
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

/* creates gap between shared sections */
.section.shared-pad-top {
    padding-top:56px !important;
}

/*add space around news release images*/
.one-half:not(.first):not(.second) {
    padding-left: .75rem;
    padding-right: .75rem;
}
/* prevents automatic hyphenation in title headers */
.title {
   -webkit-hyphens: manual !important;
       -moz-hyphens: manual !important;
        -ms-hyphens: manual !important;
            hyphens: manual !important;
}

/* splits table into even thirds for desktop and tablet */
@media screen and (min-width:39.9375em) {
    #datestable table {
        table-layout:fixed;
        width:100%;
    }
    #datestable td {
        width:33.33%;
    }
}

/* reduces font size of Pullquote chunk */
@media screen and (min-width:40em) {
    .quote-font-small p, p:last-of-type:after {
        font-size: 1.25rem !important;
        line-height: 1.6 !important;
    }
    
    .quote-font-small blockquote:before {
        font-size: 4rem !important;
        top: -1px;
    }
    
    .quote-font-small .media+blockquote:before {
        left: -38px !important;
    }
    
}

@media screen and (max-width:40em) {
    .quote-font-small p, p:last-of-type:after {
        font-size: 1rem !important;
        line-height:1.6 !important;
    }
    
    .quote-font-small blockquote:before {
        font-size: 3rem !important;
        top:0px !important;
    }
}

#operaballet-subhead h4 {
    font-family:BentonSansCond;
}

/* reduces font size on Panel headers for Contact page */
.panel-header-small h4.title {
    font-size:1.2rem !important;
}

/* Banner 50/50 setup */
#home main{
	padding-top:0
}
 #home #content{
	margin-top:0
}
 #home nav.main{
	border-bottom:0
}
 .optometry-banner{
	overflow:hidden;
	padding:0
}
 .optometry-banner .row{
	padding:0
}
 .optometry-banner .bg-image{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	background-size:cover;
	background-position:center center
}
 .optometry-banner .button:focus,.optometry-banner .button:hover{
	background-color:#fff;
	border-color:#fff;
	color:#900
}
 .optometry-banner .one-half{
	position:relative;
	margin-top:0
}
 .optometry-banner--content{
	position:relative;
	text-align:center;
	padding:4rem 24px
}
 .optometry-banner .title{
	color:#fff
}
 .optometry-banner .button{
	margin-bottom:0
}
 @media screen and (min-width:40em){
	.optometry-banner{
		height:600px;
		max-height:75vh;
		overflow:hidden;
		padding:0
	}
	 .optometry-banner .one-half,.optometry-banner .row{
		background-color:#191919;
		height:100%;
		position:static
	}
	 .optometry-banner .row:after{
		content:'';
		position:absolute;
		left:50%;
		height:100%;
		width:2px;
		background-color:#fff;
		z-index:5
	}
	 .optometry-banner .bg-image{
		position:absolute;
		top:0;
		bottom:0;
		width:50vw;
		z-index:1;
		background-size:cover;
		background-position:center center
	}
	 .optometry-banner--content{
		position:relative;
		z-index:2;
		top:50%;
		-ms-transform:translateY(-50%);
		transform:translateY(-50%)
	}
	 .optometry-banner .bg-image.bleed-left{
		left:0
	}
	 .optometry-banner .bg-image.bleed-right{
		left:50%
	}
	 .optometry-banner .title{
		color:#fff
	}
	 .optometry-banner .button{
		margin-bottom:0
	}
}
 .text+h1,.text+h2,.text+h3,.text+h4,.text+h5,.text+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{
	margin-top:2.5rem;
	margin-bottom:1.25rem
}
 .center-grid-text .grid-item{
	text-align:center
}
 .text-dark,.text-dark h1,.text-dark h2,.text-dark h3,.text-dark h4,.text-dark h5,.text-dark h6{
	color:#191919
}
 .text-dark .text a:not(.button){
	background:#dbd9d9;
	color:#006298
}
 .text-dark .text a.button{
	border-color:#900;
	background-color:#900;
	color:#fff
}
 .text-dark .text a.button:focus,.text-dark .text a.button:hover{
	background-color:#fff;
	color:#900
}
 .pad-top{
	padding-top:40px!important
}
 @media screen and (min-width:40em){
	.pad-top{
		padding-top:56px!important
	}
}
 .panel--interactive a[href$=".pdf"]:after,.panel--interactive a[href$=".doc"]:after,.panel--interactive a[href$=".docx"]:after,.panel--interactive a[href$=".xls"]:after,.panel--interactive a[href$=".xlsx"]:after{
	display:none
}
 .panel--interactive a[href$=".pdf"] .title:after,.panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after,.panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{
	font-family:iucomm!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin-left:10px;
	font-size:.8em
}
 .panel--interactive a[href$=".pdf"] .title:after{
	content:"\f1c1"
}
 .panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after{
	content:"\f1c2"
}
 .panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{
	content:"\f1c3"
}
 .optometry-banner .bg-image::before {
	 content: none;
}