@import "custom.css";

/* styling that will be applied to the current site only 
*/

/* REMOVE WHITE SPACE AT THE BOTTOM OF THE PAGE */


.page #columns.one-column #center {
/*margin: 0 0 0px 16px;
padding: 0px !important;
*/  
    margin-bottom:0px;
    padding-bottom:0px;
}

div#center {
margin:0px;
}

@media only screen and (max-width: 720px) {
.page #columns.one-column #center {
margin: 0px;
}
}

.carousel-hideteaser .collectioncarousel .teaser-block .teaser-title {
display: none;            
}

/* styling h1 for one-column page */
.one-column .title h1{
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; /* UB Blue */
font-weight:bold;
text-align:center;
}   


/* tabs. decided to make these changes global for now */

ul.ubcms-tab-button-list-inner{
border-bottom:0 !important;

display:flex !important;
flex-wrap:wrap;
justify-content:center;    

}

.ubcms-tab-button-content.active{
background-color:#ffc72c !important;
border:1px solid #ffc72c !important;
}

.ubcms-tab-button-content.active a{
color:#000 !important;
}

.ubcms-tab-button-content{
/*margin:0 10px 0 0 !important;*/
margin:5px !important;
max-width:315px !important;
}

.ubcms-tab-button-content a{
padding:9px 25px !important;
font-weight: 500;
}

.ubcms-tab-button-list .ubcms-tab-button-list-inner,.ubcms-tab-button-list-inner {
padding:0px !important;
    white-space:normal;
    border-bottom: 0px;
}

.ubcms-tabs > .ubcms-tabs-inner > .ubcms-tab-button-list{
text-align:center;
}

/*ul li.ubcms-tab-button-content.active{
background-color:#ffc72c !important;
border:1px solid #ffc72c !important;
}*/

/* end tabs */

.list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title, 
.list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title>*:not(.linkhint-icon) {
	font-family: Sofia, Arial, sans-serif;
    font-size: 15px;
    color: #005bbb;
    font-weight: 500;
}

.list-style-teaser-grid-story .teaser.teaser-block a.teaser-inner:focus .teaser-content .teaser-title>*, .list-style-teaser-grid-story .teaser.teaser-block a.teaser-inner:active .teaser-content .teaser-title>*, .list-style-teaser-grid-story .teaser.teaser-block a.teaser-inner:hover .teaser-content .teaser-title>*{
  border-bottom-color:#005bbb;
}