/* Most Popular */
.popular-list ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.popular-list li{
max-width:276px;
background-color: #fff;
border: medium none #ddd;
box-shadow: 0 2px 3px #ddd;
margin:10px 0;
}

.popular-list .news-image img{
width:275px;
}
.front h3.popular-header{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 24px;
 padding: 0.35em 1.3em;
}
.front h3.popular-header a{
color:#222;
font-weight:normal;

}
.front .region-postscript-first .block .block-inner{
padding:0;
border:none;
}

.front .region-postscript-first .block h2.block-title:after{
border:0;
}

.front .region-postscript-first .block{
border-top:0;
}
.front .popular-title{
border-bottom:1px solid #ddd;
}
.block-popular-block{
width:59.6573%;
}
/* Most Popular ends here */
/*=== Footer Region ==== */
footer .block-block .block-inner{
border:none;
padding:0;
}
p.copyright{
display:none;
}
.footerMsg{
margin-top:1.5em;
}
.footer-logo{
width:10%;
display:inline;
float:left;
}
.footerMsg{
width:62%;
display:inline;
float:left;
color:#fff;
margin:4em 1em 0;
line-height:1;
font-size:15px;
}
.sharing{
width:25%;
display:inline;
float:left;
margin:3.5em 0 0;
}
.front .block-news-block{
margin-top:0.5em;
}
/* ==== Comments ===== */
.comment-wrapper{
background-color:#f4f4f4;
padding:10px 25px;
}
.front .views-field-title span a{
 text-decoration: none;
}
.comment-wrapper h2.title{
color:#f4f4f4;
font-size:2em;

background-color:#00356b;
width:100%;
padding:0px 20px;
}
span[rel~="sioc:has_creator"]{
    font-family: "Proxima Nova","proxima-nova",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-style:normal;
    font-weight:700;
    line-height:1.2;
    text-transform: uppercase;
}
.field-name-post-date {
color:#999;
font-size:15px;
line-height:1.4;
}
.field-name-comment-body{
border:1px solid #ddd;
margin:10px 0;
padding:10px 25px;
}
.comment-by-anonymous{
border-bottom:10px groove #286dc0;
}
.field-name-comment-body p{
    font-weight: normal;
    padding: 0;
    font-size:15px;
    font-style:normal;
    line-height:1.5em;
    text-transform: none;
    word-wrap: break-word;}
.right{
width:173px;
}
.not-front .zone-content-wrapper{
margin-top:3em;
}
/*=== Rotating Image Feature ====*/
.homeslide .group1{
order:1;
width:27%;
z-index:2;
}

.yalenew-wide .flexslider_views_slideshow_slide{
max-height:100%;
}

.homeslide .group2{
order:2;
width:28%;
left:-1%;
align-self:center;
z-index:4;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);	
	filter: alpha(opacity=0);
}
.group2, .group1{ transition: all .2s ease-in-out; }
.group2:hover , .group1:hover{ transform: scale(1.1); z-index:9; }

.zone-header-wrapper{
background-color:#00356e;
}
.homeslide{
display:flex;
flex-direction:row;
width:100%;
}

.homeslide span{
flex-grow:1;
position:relative;
}

.front .caption-left .views-field-field-yrf-caption{
    background: #63aaff;
    z-index: 10;
    background: #286dc0 none repeat scroll 0 0;
    color: #fff;
    position: relative;
    margin:0;
    max-width:480px;
    padding:25px 45px;
    z-index: 2;
    left: -2%;
    border-top:4px solid #FFD700;
    order:3;
    width:27%;
}

.readmore a{
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
    width: 240px;}
.readmore a:hover{
 background-color:#00356b;
}

.flexslider .views-field-field-caption .field-content, .flexslider .views-field-field-yrf-caption .field-content{
position:relative;
}
.flexslider .views-field-field-caption .title, .flexslider .views-field-field-yrf-caption .title{
    font-size: 1.675rem;
    font-weight: 700;
}

.flexslider .views-field-field-caption .title, .flexslider .views-field-field-yrf-caption .title:after{
    background: #c7c7c7 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin: 18px 0 14px;
    width: 70px;}

.flexslider .views-field-field-caption, .flexslider .views-field-field-caption .text, .flexslider .views-field-field-yrf-caption .text{
  font-family: "YaleNew",Georgia,"Times New Roman",serif;
    font-size: 1.25rem;
    line-height:1.4;
}

.yalenew-wide .zone-header{
max-width:1284px;
}

.yalenew-boxed .region-header-first, .yalenew-wide .region-header-first{
margin-left:3.50467%;
}
.views-field-field-yrf-feature-image{
    float: left;
    max-width: 700px;
    position: relative;
    width: 29%;
    z-index: 1;}

@media screen and (max-width:768px){
.homeslide{
flex-direction:column;
}
}

/*==== Related links style ======*/
.field-name-field-related-contents{
margin-bottom:1em;
}
.front .latest-news li{
padding:0 1.3em;
border-top:1px solid #ddd;
}
.front .latest-news li .views-field-title a{
color:#222;
}
.field-name-field-related-contents > .field-label{
font-size:22px;
border-bottom:1px solid #ddd;
margin-bottom:1.5em;
}
.field-name-field-related-contents > .field-items > .field-item{
    background-color: #fff;
    box-shadow: 0 2px 3px #ddd;
    flex-grow: 1;
    margin: 0 46px 16px 0;
    max-width: 180px;
    text-align: left;
    transition: all 0.2s ease-in-out 0s;
}
.field-name-field-related-contents > .field-items > .field-item{
width:20%;
}
.field-name-field-related-contents > .field-items{
    align-content: stretch;
    display: flex;
    flex-wrap: wrap;
    width: 100%;}

.field-name-field-related-contents > .field-items > .field-item:hover{
 transform: scale(1.05);}

.field-name-field-related-contents > .field-items > .field-item h4.relate-content-title{
    border-top: 4px solid #00356b;
    color: #00356b;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 4px 1rem;
    transition: all 0.2s ease-in-out 0s;}

.field-name-field-related-contents > .field-items > .field-item h4.relate-content-title a{
font-size:17px;
color:#00356b;
}
.field-name-field-related-contents > .field-items > .field-item .relate-content-date{
    padding: 4px 1rem;
    text-align:right;
    color:#978d85;
    font-size:14px;
}
.views-field-field-topics .taxonomy-term{
display:inline-block;
width:auto;
max-height:22px;
}

.front .taxonomy-term-description{display:none;}
.quicktabs-tabpage .view-content .views-row h3 a{
    color: #222;
    font-family: "YaleNew",Georgia,"Times New Roman",serif;
}
#back-top span#button, #back-top-prev span#button-prev {
    border-radius: 50%;
}
#back-top a, #back-top-prev a {
font-size:50px;
padding:1em;
}
.fa:before{
margin-right: 10px;
}

.field-name-field-author-article, .field-name-field-date{
display:inline-block;
margin:0 10px 0 0;
}
.date-display-single, .field-name-field-author-article{
font-style:normal;
color:#4a4a4a;
}
.date-display-single:before{
   content: "\f073";
    left: 4px;
    color: #838282;
    font-family: "FontAwesome";
    margin-right:4px;
    top: -1px;
    transition: color 0.3s ease-out 0s;
}

.field-name-field-author-article div.field-item:before{
    content: "\f007";
    color: #838282;
    font-family: "FontAwesome";
    transition: color 0.3s ease-out 0s;
    margin-right:4px;
}
.field-name-field-teaser{
margin:1em 0;
}
/** ========= Topics tags & news title style ====== */
.region-content .views-field-field-topics{
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 0.375rem 0.125rem 0;
    bottom:0;
}
.front .region-content .block-views .views-field-title{
top:-20px;
position:relative;
}
.views-field-field-topics .field-content a{
padding:0 5px;
letter-spacing: 1px;
top:-20px;
position:relative;
}
.views-field-field-topics .field-content a:not(:first-child){
margin:0 5px;
}
.views-field-field-topics .taxonomy-term h2 a{
color:#fff;
}
/**=========== Menu & Postscript style===========*/
.zone-postscript {
    margin-bottom: 1em;
}
.zone-menu-wrapper .zone-menu .menu li a.active {
    color: #fff;
}
.nav-blue-dk .yale-boxed-menu,
.nav-blue-dk .yale-wide-menu {
    background: #00356b;
    background: -moz-linear-gradient(45deg, #00356b 0%, #286dc0 50%);
    background: -webkit-linear-gradient(45deg, #00356b 0%, #286dc0 50%);
    background: linear-gradient(45deg, #00356b 0%, #286dc0 50%);
}

/*=== Sidebar menu===*/

.block-menu-block {
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    line-height: 18px;
    margin-bottom: 7%;
    position: relative;
    vertical-align: middle;
}
.region-sidebar-first .block-menu-block h2.block-title {
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #00356b 0%, #286dc0 50%) repeat scroll 0 0;
    border-top: medium none;
}
h2.block-title a {
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, #00356b 0%, #286dc0 50%) repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 0 7%;
}
.block-menu-block ul.menu > li,
.block-menu-block .menu-block-wrapper > ul.menu {
    border-bottom: 0 none;
    border-top: 0 none;
}
.block-menu-block ul.menu > li:not(:last-child) a {
    border-bottom: 1px solid #ddd;
}
.block-menu-block ul.menu > li > a {
    color: #222;
    font-size: 16px;
    margin: 2% 2% -9.5px;
    padding: 10px 11%;
}
/**==Home Page Banner Caption===**/
.caption-right {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    position: absolute;
    top: 351px;
    z-index: 10;
}
.region-content .book-list li:before {
    content: none;
}
.region-content .book-list li {
    margin-left: 0;
}
.caption-right h3::after {
    border-bottom: 1px solid #ccc;
    content: "";
    display: block;
    margin-top: 0.2em;
    padding: 0 1em;
    width: 2em;
}
.caption-right h3 {
    color: #fff;
    font-size: 2em;
    height: 70px;
    opacity: 1;
    padding: 10px 1em;
}
.caption-right p {
    color: #fff;
    padding: 0 2em 0 1.9em;
}
.block-plain .block-inner {} .node-type-news h1.title {
    display: none;
}
.tag-list ul li a {
    color: #f4f4f4;
    background-color: #5f712d;
    text-align: left;
    padding: 0 8px;
}
.tag-list ul li {
    line-height: 2;
    float: left;
    margin: 0 10px;
}
.tag-list ul li a:hover {
    background-color: #286dc0;
}
.tag-list ul li:before {
    content: none;
}
h2.tags {
    border-left: 5px solid #ddd;
    font-weight: 600;
    line-height: 1.4;
    position: relative;
    padding: 0 0.6em;
    background-color: #f9f9f9;
}
.news-list {
    margin-bottom: 2em;
}
.news-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.region-preface-first .news-list ul > li {
    float: left;
    max-width: 100%;
    flex-basis: 20em;
    flex-grow: 1;
    margin: 5px 0;
}
.news-list ul > li .views-field-title, 
.news-list ul > li .views-field-field-date {
    line-height: 1.4;
    margin: 0 1.8em 0 1.8em;
}
.news-list ul > li .views-field-title a {
    font-size: 17px;
    line-height: 1;
    color: #222;
    font-family: normal;
}

.feature-news h2.news-title:after,
.feature-news h2.latest-news:after {
    background-color: #ddd;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
}
.feature-news h2.news-title {
    position: relative;
    border-left: 5px solid #286dc0;
    line-height: 1.4;
    font-weight: 600;
}
.feature-news h2.latest-news {
    position: relative;
    border-left: 5px solid #5f712d;
    line-height: 1.4;
    font-weight: 600;
}
.feature-news h2.latest-news span,
.feature-news h2.news-title span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 0.6em;
}
.feature-news .views-field-title h3 {
    line-height: 24px;
    font-size: 17px;
    font-weight: 700;
}
.feature-news .views-field-title h3 a {
    color: #222;
    transition: color 0.35s ease 0s;
}
/** ===== Home Page Style Only=== */

.front .zone-content-wrapper {
    background-color: #f9f9f9
}
.front .zone-content .view-Main-Home .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    position: relative;
    z-index: 1;
    margin: 0;
}
.front .view-Main-Home .view-content > .views-row {
    flex-basis: 15em;
    flex-grow: 1;
    margin: 0 16px 16px 0;
    max-width: 380px;
    width: 100%;
    padding: 1rem;
}
.front .yalenew-wide .region-sidebar-second-inner {
    margin-top: 0;
}
/* ====== All Except Home Page === */

.not-front .region-content .teaser-list {
    border-top: 0;
}
.not-front .field-name-field-teaser {
    overflow: hidden;
}
.not-front .floatleft img,
.not-front .floatright img {
    max-width: 100%;
}
/**=========Article page======**/

.node-type-news .field-name-body p {
    color: #000000;
    font-family:"TheSans",Arial,Helvetica,sans-serif;
    line-height: 1.6;
    font-size: 16px;
}
.node-type-news .field-name-field-deck {
    color: #000000;
    font-family: "TheSans",Arial,Helvetica,sans-serif;
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 2em;
}
.node-type-news .field-name-title h2 {
    font-size: 2.222em;
    line-height: 1.4;
    border-bottom: 2px dotted #222;
}
.node-type-news h3.field-name-field-subtitle-article {
    color: #222;
    line-height: 1.2;
}
.node-type-news .field-name-field-author-article {
    line-height: 1.4;
}
.quicktabs-tabpage .view-content .views-row .views-field-title:after {
    background-color: #ddd;
    content: "";
    display: block;
    height: 1px;
    margin-top: 16px;
    width: 40px;
}
.more-link a:hover {
    background-color: #5f712d;
    color: #f9f9f9;
}
.region-postscript-first .view-Main-Home .view-header {
    width: 31.9167%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
.region-postscript-first .view-Main-Home .view-content {
    float: right;
    width: 65.5833%;
}
.region-postscript-first .more-link {
    float: left;
    margin-top: 4em;
    margin-left: 1.04167%;
}
.block-views h2.block-title {
    font-size: 2.222em;
}
.region-content .views-field-field-featured-homepage-image-10 img,
.region-content .views-field-field-image-crop img {
    width:100%;
}
.views-field-field-thumbnail-image-75-x-75 img,
.views-field-field-featured-homepage-image-10 img,
.views-field-field-image-crop img {
    margin: 2px 4.132% 8px 0;
    float: right;
}
.accordion-menu {
    margin-top: 2.5em;
}
.container-12 .pull-9.region-sidebar-first {
    left: -75%;
}
.region-content {
    max-width: 100%;
}
.front .region-sidebar-first-inner,
.front .region-content-inner {
    min-height: auto;
    padding-bottom: 0;
   margin-top:2em;
}
/*==== Accordion menu ======== */

.block-accordion-menu {
    background-color: #fefffa;
    min-height: 0;
    position: relative;
}
.ui-accordion h3.ui-accordion-header {
    margin-top: 0;
    position: relative;
    animation-delay: 0.5s;
}
.ui-accordion-content {
    height: auto !important;
}
/*=========== Quicktags Style =========*/

.content .quicktabs-tabs li {
    margin-left: 0;
}
.content .quicktabs-tabs li:before {
    content: none;
}
ul.quicktabs-tabs {
    padding: 0;
    margin: 0 0 2em 0;
}
ul.quicktabs-tabs li a {
    font-size: 1rem;
    text-shadow: none;
    text-transform: uppercase;
}
.quicktabs-tabpage .view-content .views-row {
    color: #222;
    font-family: "TheSans",Arial,Helvetica,sans-serif;
}
.quicktabs-tabpage .view-content .views-row .views-field-title a {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
}
ul.quicktabs-tabs li a {
    color: #bbb;
    display: inline-block;
    font-weight: 600;
    margin: 0 0 -1px;
    padding: 15px 25px;
    text-align: center;
}
ul.quicktabs-tabs li.active a {
    display: inline-block;
    font-weight: 600;
    margin: 0 0 -1px;
    padding: 15px 25px;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5f712d #ddd #fff;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #555;
    font-weight: 700;
}
ul.quicktabs-tabs li a:hover {
    background-color: #5f712d;
    color: #fff;
}
ul.quicktabs-tabs li.active a:hover {
    background-color: #fff;
    color: #555;
    border-bottom: 1px solid #fff;
}
/*========= MOBILE RESPONSIVE ===============*/
@media screen and (max-width: 740px) {

    .region-postscript-first .view-Main-Home .view-content {
        width: 100%;
    }
    .region-postscript-first .view-Main-Home .view-header {
        width: 100%;
        margin: 1em auto;
        text-align: center;
    }
    .region-postscript-first {
        padding: 0;
    }
    .zone-postscript-wrapper {
        background-color: #fff;
        border-top: 0;
    }
.zone-header-wrapper {
    background: #fff;
    margin-bottom: 0;
}
.front .news-list .views-row-6, .front .news-list .views-row-7, .front .news-list .views-row-8{
display:none;
}
.caption-right{
border-bottom:4px solid #00356b;
}
}
@media screen and (max-width: 930px) {
    .caption-right {
        max-width: 100%;
        opacity: 1;
        position: relative;
        right: 0;
        top: 0;
        text-shadow: none;
        background: #F4F4F4;
    }
    .zone-header .region-header-first {
        max-height: 100% !important;
    }
    .front.yalenew-wide .zone-header {
        margin-bottom: 1em !important;
    }
    .caption-right h3 {
        padding: 5px 1em 0 1em;
        line-height: 1.4;
        height: auto;
        color: #222;
    }
    .caption-right p {
        padding: 0 2em 0 2em;
        color: #222;
    }

}

@media screen and (max-width:740px){
.zone-header{
background-color:#00356b;
margin:0 auto;
}
.yalenew-wide .flexslider_views_slideshow_slide{
max-height:100% !important;
}
.homeslide span.group2{
width:100%;
height:auto;
display:none;
}
.yalenew-boxed .region-header-first, .yalenew-wide .region-header-first{
margin-left:0;
}
.homeslide span.group1{
width:100%;
height:auto;
right:0;
position:relative;
}
.front .caption-left .views-field-field-yrf-caption{
left:0;
max-width:100%;
width:100%;
}
.flexslider .views-field-field-caption .title, .flexslider .views-field-field-yrf-caption .title{
font-size:1.2rem;
}
.flexslider .views-field-field-caption, .flexslider .views-field-field-caption .text, .flexslider .views-field-field-yrf-caption .text{
font-size:1rem;
}
.readmore a{
width:200px;
margin:0 auto;
}
}
@media screen and (min-width:740px){
.homeslide .left-content{
    display: flex;
    flex-direction: row;
    width: 70%;
    float:left;
}

.right-content{
width:30%;    
left: -1%;
position:relative;
display: flex;
flex-direction: row;}}

@media screen and (max-width:740px){
.right-content{
   background: #286dc0 none repeat scroll 0 0;
   border-top: 4px solid #ffd700;
   padding:0 15px;
}
.front .caption-left .views-field-field-yrf-caption{
background:none;
border-top:0;
}
.block-popular-block{
width:92.9907%;
}
}

@media screen and (min-width:740px) and (max-width:1024px){
.homeslide{display:flex;}
.homeslide .left-content{
display:inline;
width:36%;
}
.homeslide .group1, .homeslide .group2{
z-index:2;
left:0;
}
.right-content{
left:0;
align-self:center;
width:auto;
}
.front .caption-left .views-field-field-yrf-caption{
left:0;
}}

@media screen and (max-width:640px){
.sharing{
width:100%;
}
.sharing .menu li a{
margin-right:10px;
}
}