/*add event block*/
.menu-add-event {
background-color: #00356b;
text-align: center;
color: white;
text-transform: uppercase;
font-size: 1.5rem;

}


.menu-add-event:hover {
border: 3px solid #00356b !important;
}

.menu-add-event:hover a {
color: #00356b !important;
border: 3px solid #00356b !important;
}

.featured-research{
display:inline-block;
margin-right:2em;
width:65%;
}
.featured-research .block-title{
margin-top:0;
}

.feature-profile{
    width:25%;
margin-left:2em;
display:inline-block;
position:relative;
vertical-align: top;
}

.feature-profile h2.block-title{
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
font-size: 32px;
border-bottom:2px solid #ddd;
width:320px;

}

/**Block Styling**/
.front .teaser-list .views-field-field-news-image img{
width:auto !important;
}
/*** Statement Block ***/
/*Statement block contains the image background with white text*/
.statement {
    background: url(/sites/default/files/images/molecules_blue_cropped.png);
    background-color: #00356b;
    padding: 1rem;

}
.front .views-field-field-video-news{
margin-bottom:1em;
}

.front .views-field-field-news-video img{
float: left;
display: block;
margin: 2px 4.132% 8px 0;
}
.front .teaser-list .views-field-field-news-image img{
width:100%;
}

.statement .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.statement .block-title {
    color: white;
    font-size: 2rem;

}
.statement .more-link {
    margin-top: 2.5rem;
}

.statement .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.statement .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #00356B;
}
.statement .views-row:after {
content: none;
}
.statement .content {
    font-size: 1.2rem;
}
/*Yale Blue Block white text white border*/
.block.block-block.yale-blue {
    background-color: #00356B;
    padding: 1rem;

}
.block.block-block.yale-blue .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.yale-blue .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.yale-blue .more-link {
    margin-top: 2.5rem;
}

.block.block-block.yale-blue .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.yale-blue .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #00356B;
}
.block.block-block.yale-blue .views-row:after {
content: none;
}
.block.block-block.yale-blue .content {
    font-size: 1.2rem;
}

/*Medium Blue Block white text white border*/

.block.block-block.med-blue {
    background-color: #286dc0;
    padding: 1rem;

}
.block.block-block.med-blue .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.med-blue .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.med-blue .more-link {
    margin-top: 2.5rem;
}

.block.block-block.med-blue .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.med-blue .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #286dc0;
}
.block.block-block.med-blue .views-row:after {
content: none;
}
.block.block-block.med-blue .content {
    font-size: 1.2rem;
}
/*Light Blue Block white text white border*/

.block.block-block.light-blue {
    background-color: #63aaff;
    padding: 1rem;

}
.block.block-block.light-blue .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.light-blue .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.light-blue .more-link {
    margin-top: 2.5rem;
}

.block.block-block.light-blue .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.light-blue .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #63aaff;
}
.block.block-block.light-blue .views-row:after {
content: none;
}
.block.block-block.light-blue .content {
    font-size: 1.2rem;
}
/*Carbon Block white text white border*/

.block.block-block.carbon {
    background-color: #222222;
    padding: 1rem;

}
.block.block-block.carbon .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.carbon .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.carbon .more-link {
    margin-top: 2.5rem;
}

.block.block-block.carbon .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.carbon .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #222222;
}
.block.block-block.carbon .views-row:after {
content: none;
}
.block.block-block.carbon .content {
    font-size: 1.2rem;
}
/*Dark Gray Block white text white border*/

.block.block-block.dark-gray {
    background-color: #4a4a4a;
    padding: 1rem;

}
.block.block-block.dark-gray .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.dark-gray .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.dark-gray .more-link {
    margin-top: 2.5rem;
}

.block.block-block.dark-gray .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.dark-gray .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #4a4a4a;
}
.block.block-block.dark-gray .views-row:after {
content: none;
}
.block.block-block.dark-gray .content {
    font-size: 1.2rem;
}
/*Medium Gray Block white text white border*/

.block.block-block.med-gray {
    background-color: #4a4a4a;
    padding: 1rem;

}
.block.block-block.med-gray .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.med-gray .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.med-gray .more-link {
    margin-top: 2.5rem;
}

.block.block-block.med-gray .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.med-gray .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #4a4a4a;
}
.block.block-block.med-gray .views-row:after {
content: none;
}
.block.block-block.med-gray .content {
    font-size: 1.2rem;
}
/*Light Gray Block carbon text carbon border*/

.block.block-block.light-gray {
    background-color: #dddddd;
    padding: 1rem;

}
.block.block-block.light-gray .block-inner {
    border: 1px #222222 solid;
    padding: 1rem;
    color: #222222;
}
.block.block-block.light-gray .block-title {
    color: #222222;
    font-size: 2rem;

}
.block.block-block.light-gray .more-link {
    margin-top: 2.5rem;
}

.block.block-block.light-gray .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.light-gray .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #dddddd;
}
.block.block-block.light-gray .views-row:after {
content: none;
}
.light-gray .content {
    font-size: 1.2rem;
}
/*Medium Orange Block white text white border*/

.block.block-block.med-orange {
    background-color: #BD5319;
    padding: 1rem;

}
.block.block-block.med-orange .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.med-orange .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.med-orange a {
    color: #fff;
}
.block.block-block.med-orange .more-link {
    margin-top: 2.5rem;
}

.block.block-block.med-orange .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.med-orange .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #BD5319;
}
.block.block-block.med-orange .views-row:after {
content: none;
}
.block.block-block.med-orange .content {
    font-size: 1.2rem;
}
/*Medium Green Block white text white border*/

.block.block-block.med-green {
    background-color: #5f712d;
    padding: 1rem;

}
.block.block-block.med-green .block-inner {
    border: 1px white solid;
    padding: 1rem;
    color: white;
}
.block.block-block.med-green .block-title {
    color: white;
    font-size: 2rem;

}
.block.block-block.med-green .more-link {
    margin-top: 2.5rem;
}

.block.block-block.med-green .more-link a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.block.block-block.med-green .more-link a:hover{
    background: #fff;
    border-color: transparent;
    color: #5f712d;
}
.block.block-block.med-green .views-row:after {
content: none;
}
.block.block-block.med-green .content {
    font-size: 1.2rem;
}

.front .card-desc{
background-color:#F0F0F0;
}
.front .group-cards,.card-groups{
width:30.996884735202332%;
margin:1.5rem 1.5em 0 0;
}
.region-content .teaser-list{
margin-bottom:0.5em;
}
.front h2.card-title{
font-family:"Mallory";
font-size:30px;
}
.front .all-cards{
flex-wrap:nowrap;
}
.front .group-cards.last{
display:none;
}
@media screen and (max-width:980px){
.front h2.card-title{
font-size:28px;
}
}

@media screen and (max-width:740px){
.front .group-cards{
width:46.4953271028035%;
}
.front .all-cards{
flex-wrap:wrap;
}
}
@media screen and (max-width:640px){
.front .group-cards{
width:93%;
}
.front .all-cards{
flex-wrap:wrap;
}
}


#region-sidebar-first .expanded ul{
display:none;
}
#region-sidebar-first .expanded.active ul, #region-sidebar-first .expanded.active-trail ul{
display:block;
}
#region-sidebar-first li.expanded.active, #region-sidebar-first li.expanded.active-trail{
border-bottom:none;
background-color:#f9f9f9;
}
#region-sidebar-first li.expanded{
border-bottom:1px solid #dddddd;
background-color:white;
}


.field-collection-view, .field-collection-container{
border:none;
padding:0;
margin:0;
}

.all-cards{
display:flex;
margin-bottom:2em;
flex-wrap:wrap;
}

.group-link-card{
text-decoration:none;
color:#222;
}
.group-link-card:hover{
color:unset;
}

h2.card-title{
color:#fff;
background-color:#00356b;
height:5.5rem;
padding:12px 25px;
line-height:0.9;
aligns-content:center;
 margin: auto;
  text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.card-title a{
    width:100%;
display:block;
padding:12px 25px;
line-height:0.9;
 margin: auto;
  text-align: center;
}
.card-title a:hover{
text-decoration:none;
color:#ddd;
}

.card-desc{
font-size:13pt;
background-color:#ddd;
line-height:1.5;
padding:20px 24px;
min-height:248px;
}

/* New Faculty Style */
.group-faculty{
display:flex;
flex-wrap:wrap;
}
.postdoc{
font-size:12px;
line-height:1.3em;
}
.people-item-list .faculty-name a{
text-decoration:none;
}
.group-faculty .people-row{
vertical-align: top;
width:21%;
margin-left: 1.2em;
margin-right: 1.2em;
margin-bottom: 1.4em;
}

.block-main ul li.people-row{
margin-left:0;
}
.block-main ul li.people-row:before{
content:none;
}

.faculty-name{
font-weight: 600;
font-size: 0.835em;
line-height: 1em;
margin-top: 0.9em;
margin-bottom: 0.3em;
font-family:"Mallory",Verdana,Arial,Helvetica,sans-serif;
}
.faculty-name a{
color: #043669;
}
#block-system-main .faculty-name a:hover{
text-decoration:underline;
}
.faculty-name hr{
margin-top: 0.9em;
margin-bottom: 0.95em;
}

.people-row .views-field-field-people-card-subtext p{
  font-size: 0.72em;
  line-height: 1.3em;
}

.faculty-pic img{
width:161px;
max-width:100%;
max-height:100%;
height:221px;
}

@media screen and (max-width:640px){
.people-row{
width:41%;
}
.group-faculty{
padding-right:1.3em;
}
}
/** User individual pages **/
.front div.learn_btn{
    
    margin-top:4.5em;
}
.page-user .views-field-field-website .more-link{
margin-top:2em;
}
.page-people table td:first-child{
width:auto !important;
}
.node-type-academics .field-name-body > div > div.field-item h2{
margin-top:1em;
}
.front .flex-caption{
margin-top:0.8em
}
/** News ***/
.node-type-news .field-name-field-byline, .node-type-news .field-name-field-date{
display:inline-block;
font-style: normal;
}

.node-type-news .field-name-field-date{
padding:0 6px;
}


.field-name-field-byline > div > div::after{
content: "|";
display: inline-block;
margin-left: 5px;
font-style: normal;
}


/*** Rotating feature caption & button ****/
.front .flex-caption strong{
color: #fff;
    font-weight: 900;
    text-shadow: 1px 1px 1px #000;
}
.front .flex-caption div.learn_btn a:focus{
outline:2px dotted #fff;
}
.view-People .view-content table tr td a img{
height:120px;
width:auto;
}

div.learn_btn{
font-size:20px;
position:absolute;
margin-bottom:2em;
}
/*h2.name{
word-break:break-word;
hyphens: auto;
  -moz-hyphens: auto;
    hyphens: auto;
padding:0 1em;
}*/
.subtext p {
    font-size: .75em;
    line-height: 1.3em;
}

.view-People .view-content .views-field-name p{
margin-bottom:0;
line-height:1.5;
}
.front .flex-caption div.learn_btn a{
padding: 1rem;
margin-top:2em;
padding: 0.85em 1.25em 1em 1.25em;
border: 1px solid #fff;
color:#000;
font-weight:normal;
background-color:#fff;
}

.front .flex-caption div.learn_btn a:hover{
background-color:#ddd;
}

/******** Flex slideshow ****/

.front .flex-caption{
top:0;
background:transparent;
font-size:3.8vmax;   
}

.front .flex-caption a{
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}


.caption-wrapper .caption{
font-size:13px;
}

 .node-type-news .content .field-name-body .caption{
text-align:left;
}
.node-type-news .content .field-name-body figure{
margin-right:25px;
margin-left:15px;
}
.page-people table tbody, .page-people table td{
border:none;
}

.page-people table td:first-child{
padding:0;
width:180px;
}

.page-people table tr{
border-bottom:1em #fff solid;
}
.page-people h1.title{
margin-bottom:1em;
}
.other-institude .content{
margin: 1em 1rem auto 8px;
padding: 1em 1rem 0 1rem;
width:30%;
border:1px lightgray solid;
text-align:left;
}
.other-institude .content h3{
color: #286dc0;
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0625em;
margin-bottom:1.5em;
}

.other-institude .content p{
margin-bottom:0;
}

.facility-cards .view-content .views-field-title a:hover{
text-decoration:underline;
}

.other-institude .content h4{
word-break: break-word;
text-align: center;
width: 70%;
margin: 0 auto;
}

h4.facility-title a:hover{
text-decoration:underline;
}
.region-content .other-institude h2.block-title{
font-family:"YaleNew", Georgia, "Times New Roman", serif;
color:#222;
}

.statement h2.block-title{
margin-top:0;
}
@media screen and (max-width:740px){
    div.learn_btn{
margin-top:2.5em;
font-size:12px;
position:absolute;
}
.front .flex-caption{
font-size:21px;
margin:1em;
}
div.learn_btn{
    margin-top:1.5em;
}
.front .flex-caption div.learn_btn a{
    padding:0.5em .75em 0.5em .75em;
}
.featured-news h3.news-title-teaser a{
font-size:1.375rem;
}

.front .featured-news .views-field.views-field-body{
font-size:0.971rem;
}

.front .right-image h2.block-title{
font-size:1.29412em;
margin-bottom:1em;
}

.front .right-image .content{
font-size:0.971rem;
}

}

@media screen and (max-width:640px){
.front div.learn_btn{
margin-top:2.5em;
}
.front .flex-caption{
font-size:19px;
}
.home-news-block .view-content .home-news-card{
width:100%;
height:auto;
}
.home-news-block h3.news-title{
font-size:18px;
}
.home-news-block .view-content .news-image-teaser img{
width:100%;
margin:auto;
}
.home-news-block .view-content .views-row .views-field-title, .home-news-block .view-content .views-row .views-field-field-date{
width:100%;
text-align:center;
padding:0 1em;
}

.other-institude .content{
width:100%;
max-width:138px;
margin: 1em 1rem auto 2em;
}
.other-institude .content h3{
margin:1.5em auto 1em auto;
text-align:center;
    word-break: break-word
}
.home-news-block .view-content .views-row{
    margin:0.5rem 0;
}
}


@media screen and (max-width:798px){
.card-groups {
  width: 45%;
}

.card-title{
height: 4.5rem;
    display: flex;
    font-size: 20.5pt;
}
}

@media screen and (max-width:640px){
.card-groups{
width:100%;
}

.all-cards{
display:block;
margin-bottom:2em;
}
.group-faculty .people-row {
    width: 42%;
}}

@media screen and (min-width:740px){
    .region-content{
max-width:100%;
}

.container-12 .pull-9.region-sidebar-first{
left:-75%;
}
}