img{max-width:100%;}.newsletter2{height:60px;line-height:60px;background:#2ecb71;text-align:center;margin-bottom:30px;margin-top:30px;clear:both!important;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.desktop{display:block;}@media all and (max-width: 1040px) {.desktop{display:none;}}.tablet{display:none;}@media all and (max-width: 1040px) {.tablet{display:block;}}.desktop-tablet{display:block;}@media all and (max-width: 767px) {.desktop-tablet{display:none;}}.loaded{display:none;}.mobile{display:none!important;}@media all and (max-width: 767px) {.mobile{display:block!important;}}body{margin:0;min-width:320px;padding:0;font-family:'PT Serif',serif;}#page{height:100%;position:relative;}.container{width:970px;padding:0px 15px;margin:0px auto;}@media all and (max-width: 1199px) {.container{width:940px;}}@media all and (max-width: 1040px) {.container{width:630px;}}@media all and (max-width: 767px) {.container{width:100%;}}.container-fluid{width:100%;height:500px!important;overflow:hidden;}h1{font-size:38px;color:#ffffff;font-family:'PT Serif',serif;line-height:1em;font-weight:400;}h2{font-size:36px;color:#ffffff;line-height:120%;font-weight:400;font-family:'Ubuntu',sans-serif;}@media all and (max-width: 1040px) {h2{font-size:24px;}}h3{font-size:26px;color:#343434;line-height:120%;font-weight:400;font-family:'PT Serif',serif;}h4{font-size:24px;color:#343434;line-height:120%;font-weight:400;font-family:'Ubuntu',sans-serif;}h5{font-size:22px;color:#343434;line-height:120%;font-weight:400;font-family:'Ubuntu',sans-serif;}h6{font-size:20px;color:#343434;line-height:120%;font-weight:400;font-family:'Ubuntu',sans-serif;}.underline--blue{position:relative;padding-bottom:8px;float:left;width:auto;min-height:43px;}.underline--blue:after{display:block;content:'';position:absolute;bottom:0px;left:0px;width:100%;height:3px;background:#fff;border-top:1px solid #11b3f0;border-bottom:1px solid #11b3f0;}.underline--orange{position:relative;padding-bottom:8px;float:left;width:auto;min-height:43px;}.underline--orange:after{display:block;content:'';position:absolute;bottom:0px;left:0px;width:100%;height:3px;background:#fff;border-top:1px solid #f98e1e;border-bottom:1px solid #f98e1e;}.headline-holder{width:100%;height:auto;min-height:5px;overflow:hidden;}.article__holder{position:relative;}p{font-size:16px;color:#343434;line-height:170%;font-weight:400;font-family:'PT Serif',serif;}.italic{font-style:italic;}a{font-size:16px;color:#11b3f0;font-family:'PT Serif',serif;text-decoration:none;text-transform:uppercase;}a:hover{color:#1096c8;}a.inactive{color:#b2b2b2;}a.inactive:hover{color:#b2b2b2;}button{cursor:pointer;}nav a{font-size:16px;color:#1c4095;font-family:'Ubuntu',sans-serif;text-decoration:none}.article__otherauthor{font-size:13px;color:#fff;font-family:'PT Serif',serif;text-decoration:none;text-transform:uppercase;}.article__author{font-size:13px;color:#fff;font-family:'PT Serif',serif;text-decoration:none;text-transform:uppercase;}.article__author--gray{color:#343434;}.article__smallauthor{color:#343434;text-transform:none;}.article__date{font-size:14px;color:#fff;font-family:'PT Serif',serif;font-style:italic;}.article__date--gray{color:#343434;}.article__title:hover{color:#11b3f0;}.arrow-scroll--left,.bookstore__slider .slick-prev{width:16px;height:34px;display:inline-block;background:url(/content/img/arrow-scroll.png) no-repeat center center;}.arrow-scroll--left:hover,.bookstore__slider .slick-prev:hover{background:url(/content/img/arrow-scroll-hover.png) no-repeat center center;}.arrow-scroll--right,.bookstore__slider .slick-next{width:16px;height:34px;display:inline-block;background:url(/content/img/arrow-scroll.png) no-repeat center center;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}.arrow-scroll--right:hover,.bookstore__slider .slick-next:hover{background:url(/content/img/arrow-scroll-hover.png) no-repeat center center;}.icon-calendar{display:inline-block;width:22px;height:22px;background:url(/content/img/icon-calendar.png) no-repeat center center;}.icon-calendar:hover{background:url(/content/img/icon-calendar-hover.png) no-repeat center center;}a.close{display:inline-block;width:24px;height:24px;background:url(/content/img/icon-close.png) no-repeat center center;}a.close:hover{background:url(/content/img/icon-close-hover.png) no-repeat center center;}a.close--white{background:url(/content/img/icon-close-white.png) no-repeat center center;}.pull-left{float:left;}.pull-right{float:right;}.row{margin-bottom:30px;height:auto;min-height:5px;overflow:hidden;width:100%;}.margin-right-1{margin-right:10px;}.margin-right-2{margin-right:20px;}.margin-right-3{margin-right:30px;}.went-up{position:relative;}.went-up:before{display:block;content:'';position:absolute;top:6px;left:10px;width:0;height:0;border-style:solid;border-width:0 9.5px 11px 9.5px;border-color:transparent transparent #4bed1a transparent;}.went-down{position:relative;}.went-down:before{display:block;content:'';position:absolute;top:6px;left:10px;width:0;height:0;border-style:solid;border-width:11px 9.5px 0 9.5px;border-color:#f50105 transparent transparent transparent;}.styleguide-container{width:612px;margin:40px auto;padding:0px 40px;}.styleguide-container>div{margin-bottom:20px;}.styleguide-container>div:before,.styleguide-container>div:after{content:" ";display:table;}.styleguide-container>div:after{clear:both;}.styleguide__section__title{display:block;font-size:12px;color:#343434;font-family:'Lato',sans-serif;border-bottom:1px solid #000;margin-bottom:20px;margin-top:20px;float:none;}.color{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;width:41px;height:41px;float:left;margin-right:10px;position:relative;top:-15px;}.color-row{display:block;height:41px;font-family:'Lato',sans-serif;font-size:12px;margin:10px 0px 10px;padding-top:15px;}.color-row span{width:80px;display:inline-block;}.light-blue{background:#11b3f0;}.dark-blue{background:#1c4095;}.orange{background:#f98e1e;}.light-gray{background:#f5f4f4;}.gray{background:#b2b2b2;}.green{background:#2ecb71;}.social-links__holder>div{display:block;width:100%;height:auto;min-height:5px;overflow:hidden;text-align:center;line-height:27px;}.social-links__holder>div>div{float:left;margin:5px 50px 5px 0px;}.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}@media all and (max-width: 767px) {.mobile-slider1 .slick-list{margin-left:-45%!important;}}@media all and (max-width: 610px) {.mobile-slider1 .slick-list{margin-left:-300px!important;}}@media all and (max-width: 600px) {.mobile-slider1 .slick-list{margin-left:-250px!important;}}@media all and (max-width: 510px) {.mobile-slider1 .slick-list{margin-left:-20px!important;}}@-moz-document url-prefix(){@media all and (max-width: 1040px) { .slick-track .slick-active:nth-child(4) { margin-left: 320px !important; margin-top: -17px !important; } }
}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 8px; width: 8px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 0px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.bookstore__slider { width: auto; margin: 0px 0px 30px 34px; width: 349px; }
@media all and (max-width: 1040px) { .bookstore__slider { width: 170px; } }
@media all and (max-width: 767px) { .bookstore__slider { margin: 0px auto 30px; } }
.bookstore__slider .slide { overflow: hidden; position: relative; min-width:170px; width: 160px; }
.bookstore__slider .slide img { width: auto; height: 100%; }
.bookstore__slider .slide div { padding: 0px 10px; width: 100%; max-width: 100%; overflow: hidden; }
.bookstore__slider .slide a { text-transform: none; }
.bookstore__slider .slide a strong:hover { color: #1096c8; }
@media all and (max-width: 1040px) { .bookstore__slider .slick-slide { width: 170px; } }
.bookstore__slider strong { display: block; width: 100%; max-width: 100%; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 18px; color: #000; margin: 12px 0px 5px; line-height: 145%; }
.bookstore__slider small { width: 100%; display: block; max-width: 100%; font-family: 'PT Serif', serif; font-size: 16px; font-weight: 400; color: #343434; font-style: italic; }
.bookstore__slider .slick-prev { top: 98px; margin-top: 0px; border: 0px; left: -36px; }
.bookstore__slider .slick-next { top: 98px; margin-top: 0px; border: 0px; right: -36px; }
.bookstore__slider .slick-dots { bottom: -51px; }
.bookstore__slider .slick-dots li { margin: 0px 6px; }
.bookstore__slider .slick-dots button { height: 8px; width: 8px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.bookstore__slider .slick-dots .slick-active button { background: #11b3f0; }

/** CSS File for ezMark jQuery Plugin  */
/*input[type="checkbox"] { width: 18px;*/ /*display: block;*/ display:inline-block; height: 18px; /*margin: 0px;*/margin:5px; padding: 0; }

/*.ez-hide { opacity: 0; filter: alpha(opacity=0); }

.ez-checkbox { width: 18px; height: 18px; margin: 0; padding: 0; line-height: 1em; float: left; background: transparent url("/content/img/checkbox.png") 0 0px no-repeat; display: inline-block; }

.ez-checked { background-position: 0 -18px; }

.ez-checkbox, .ez-radio { zoom: 1; *display: inline; _height: 30px; }*/

/*!
========== SPECIFICS
*/
/* _____ SPECIFICS _____ */
.btn-donate { display: inline-block; background: #f98e1e; text-decoration: none; font-size: 17px; font-family: 'PT Serif', serif; font-weight: 700; color: #fff; padding: 31px 27px; height:60px; } /*add height:60px; 9 Apr 15 , GC*/
.btn-donate {
    display: inline-block;
    background: #f98e1e;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 31px 27px 54px 27px;
    height: 60px;
}

.btn-donate:hover { background: #d47818; color: #fff; }
@media all and (max-width: 1199px) { .btn-donate { padding: 31px 15px 54px 15px; } }
@media all and (max-width: 1040px) { .btn-donate { padding: 19px 15px 18px; } }

.btn { display: inline-block; background: #11b3f0; text-decoration: none; font-size: 16px; font-family: 'PT Serif', serif; font-weight: 400; color: #fff; text-transform: uppercase; padding: 8px 65px 8px 64px; }
.btn:hover { background: #1096c8; color: #fff; }

.link-social { width: 27px; height: 27px; display: inline-block; }

.rss-blue { background: url(/Content/img/icon-rss-blue.png) no-repeat center center; }
.rss-blue:hover { background:url(/Content/img/icon-rss-blue-hover.png) no-repeat center center;   }

.rss-orange{ background:url(/Content/img/icon-rss-orange.png) no-repeat center center; }
.rss-orange:hover{background: url(/Content/img/icon-rss-orange-hover.png) no-repeat center center;}

.facebook-blue { background: url(/content/img/icon-facebook-blue.png) no-repeat center center; }
.facebook-blue:hover { background: url(/content/img/icon-facebook-blue-hover.png) no-repeat center center; }

.facebook-orange { background: url(/content/img/icon-facebook-orange.png) no-repeat center center; }
.facebook-orange:hover { background: url(/content/img/icon-facebook-orange-hover.png) no-repeat center center; }

.twitter-small-gray { background: url(/content/img/icon-twitter-small-gray.png) no-repeat center center; }
.twitter-small-gray:hover { background: url(/content/img/icon-twitter-small-blue.png) no-repeat center center; }

.twitter-blue { background: url(/content/img/icon-twitter-blue.png) no-repeat center center; }
.twitter-blue:hover { background: url(/content/img/icon-twitter-blue-hover.png) no-repeat center center; }

.twitter-orange { background: url(/content/img/icon-twitter-orange.png) no-repeat center center; }
.twitter-orange:hover { background: url(/content/img/icon-twitter-orange-hover.png) no-repeat center center; }

.reddit-blue { background: url(/content/img/icon-reddit-blue.png) no-repeat center center; }
.reddit-blue:hover { background: url(/content/img/icon-reddit-blue-hover.png) no-repeat center center; }

.reddit-orange { background: url(/content/img/icon-reddit-orange.png) no-repeat center center; }
.reddit-orange:hover { background: url(/content/img/icon-reddit-orange-hover.png) no-repeat center center; }

.tumblr-blue { background: url(/content/img/icon-tumblr-blue.png) no-repeat center center; }
.tumblr-blue:hover { background: url(/content/img/icon-tumblr-blue-hover.png) no-repeat center center; }

.tumblr-orange { background: url(/content/img/icon-tumblr-orange.png) no-repeat center center; }
.tumblr-orange:hover { background: url(/content/img/icon-tumblr-orange-hover.png) no-repeat center center; }

.sidebar__share { width: 65px; text-align: center; }
.sidebar__share span { display: block; color: #b2b2b2; font-family: 'PT Serif', serif; font-size: 14px; text-transform: none; line-height: 135%; margin-bottom: 5px; }
.sidebar__share .sidebar__share__name { font-size: 13px; line-height: 100%; }
.sidebar__share .link-social { display: inline-block; margin-bottom: 0px; }
.sidebar__share a { display: inline-block; height: auto; min-height: 5px; overflow: hidden; }
.sidebar__share a:hover .twitter-small-gray { background: url(/content/img/icon-twitter-small-blue.png) no-repeat center center; }
.sidebar__share a:hover .sidebar__share__name { color: #11b3f0; }

nav.main-nav { float: right; margin-top: 8px; }
@media all and (max-width: 1040px) { nav.main-nav { display: none; } }
nav.main-nav ul { margin: 0px; padding: 0px;}
nav.main-nav li { margin: 0px; padding: 0px; list-style-type: none; float: left; }
/*nav.main-nav a { color: #1c4095; font-size: 16px; font-family: 'PT Serif', serif; text-decoration: none; text-transform: none; background: #fff; padding: 19px 14px 19px 13px; }*/
nav.main-nav a {
    color: #1c4095;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    text-transform: none;
    background: #fff;
    padding: 19px 14px 19px 13px;
}

@media all and (max-width: 1300px) { nav.main-nav a { padding: 19px 5px 19px; font-size: 16px; } }
@media all and (max-width: 1300px) { nav.main-nav a { padding-bottom: 22px; } }
nav.main-nav a:hover { color: #1c4095; background: #f5f4f4; }
nav.main-nav .active a { color: #1c4095; background: #f5f4f4; }

.my-fee { float: right; display: block; width: auto; margin-top: 6px; margin-left: 10px; }

nav.main-nav--ap a { color: #fff; background: #434343; }
nav.main-nav--ap a:hover { background: #555555; color: #fff; }

.calendar--tooltip { width: 165px; height: 185px; background: #fff; -moz-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); padding: 23px 28px; font-family: 'Lato', sans-serif; font-size: 18px; color: #383838; font-weight: 300; margin-left: 12px; position: relative; z-index: 5; }

.calendar--tooltip.toright:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -15px; left: -19px; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 20px 30px 20px 0px; border-color: transparent #fff transparent  transparent;}
.calendar--tooltip.toright:before { display: block; content: ''; position: absolute; z-index: -1; top:51%; left: -19px; right:-auto; width: 22px; height: 7px; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); }

.calendar--tooltip.toleft:after { display: block;left:auto; right: -19px; border-width: 20px 0px 20px 30px; border-style: solid; border-color: transparent transparent  transparent #fff ;position: absolute;z-index: 2;top: 50%; margin-top: -15px;content: ''; }
.calendar--tooltip.toleft:before { display: block; content: ''; position: absolute; z-index: -1; top:51%; left: auto; right:-19px; width: 22px; height: 7px; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.3); }
/*@media all and (max-width: 767px) { .calendar--tooltip:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: auto; right: -17px; } }*/
.calendar--tooltip strong { display: block; margin-bottom: 19px; line-height: 1em; }
.calendar--tooltip ul { margin: 0px; padding: 0px; }
.calendar--tooltip li { margin: 13px 0px; padding: 0px; list-style-type: none; }
.calendar--tooltip .calendar--tooltip__logo { display: inline-block; }
.calendar--tooltip .calendar--tooltip__logo--outlook { width: 100px; height: 21px; background: url(/content/img/logo-outlook.png) no-repeat center center; }
.calendar--tooltip .calendar--tooltip__logo--outlook:hover { background: url(/content/img/logo-outlook-hover.png) no-repeat center center; }
.calendar--tooltip .calendar--tooltip__logo--ical { width: 57px; height: 21px; background: url(/content/img/logo-ical.png) no-repeat center center; }
.calendar--tooltip .calendar--tooltip__logo--ical:hover { background: url(/content/img/logo-ical-hover.png) no-repeat center center; }
.calendar--tooltip .calendar--tooltip__logo--calendar { width: 102px; height: 21px; background: url(/content/img/logo-calendar.png) no-repeat center center; }
.calendar--tooltip .calendar--tooltip__logo--calendar:hover { background: url(/content/img/logo-calendar-hover.png) no-repeat center center; }

.tabs { height: auto; min-height: 5px; overflow: hidden; width: 100%; }
.tabs .container { position: relative; }
.tabs .tab-nav { margin: 0px 0px 0px; padding: 0px; display: block; height: auto; min-height: 50px; }
.tabs .tab-nav li { margin: 0px 40px 0px 0px; padding: 0px 0px 12px; list-style-type: none; float: left; position: relative; }
@media all and (max-width: 1040px) { .tabs .tab-nav li { margin-bottom: 10px; } }
@media all and (max-width: 409px) { .tabs .tab-nav li { float: none; text-align: center; } } /* added to fix Anything Peaceful trending - JEH - Apr 03, 2015 */
.tabs .tab-nav a { font-family: 'PT Serif', serif; font-size: 15px; position: relative; display: block; width: 100%; height: 100%; }
.tabs .tab-nav .active:after { display: block; content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: #fff; }
.tabs .tab-nav .active:hover a { color: #343434; }

.tabs--orange { display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; }
.tabs--orange .tab-nav a { color: #f98e1e; }
.tabs--orange .tab-nav a:hover { color: #1096c8; }
.tabs--orange .tab-nav .active a { color: #343434; }
.tabs--orange .tab-nav .active a:hover { color: #343434; }
.tabs--orange .tab-nav .active:after { border-top: 1px solid #f98e1e; border-bottom: 1px solid #f98e1e; }

/* added to fix Anything Peaceful trending - JEH - Apr 03, 2015 */
@media all and (max-width: 409px) { .tabs--orange .tab-nav .active:after { width:180px; margin-left:65px; } }
@media all and (max-width: 390px) { .tabs--orange .tab-nav .active:after { width:180px; margin-left:55px; } }
@media all and (max-width: 375px) { .tabs--orange .tab-nav .active:after { width:180px; margin-left:47px; } }
@media all and (max-width: 360px) { .tabs--orange .tab-nav .active:after { width:180px; margin-left:40px; } }
/* END OF added to fix Anything Peaceful trending - JEH - Apr 03, 2015 */

.tabs--blue .tab-nav a { color: #11b3f0; }
.tabs--blue .tab-nav a:hover { color: #1096c8; }
.tabs--blue .tab-nav .active a { /*color:#000;*/ color: #11b3f0; } /*Change on June 3, 2015. based on email RE: FEE images June 03, 2015 1:52 PM by Liz*/
.tabs--blue .tab-nav .active a:hover { color: #11b3f0; }
.tabs--blue .tab-nav .active:after { border-top: 1px solid #11b3f0; border-bottom: 1px solid #11b3f0; }
.tabs--blue .tab-nav .active:before { display: block; content: ''; position: absolute; top: 30px; left: 50%; margin-left: -7px; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #26a7e3 transparent transparent transparent; }

.no-arrow .tab-nav .active:before { display: none; }

/*  .topic-selection__holder { position: relative; top: -10px; z-index: 2; width: 100%; left: 0px; } */
.topic-selection__holder {
    position: relative;
    top: -10px;
    z-index: 2;
    left: auto;
    margin: 0 auto;
    max-width: 940px;
    width: auto;
}
/*.topic-selection__holder { position: relative; top: -10px; z-index: 2; width: 100%; left: 0; } /*changed from width: 940px; left: 135px; - PS - Apr 03, 2015 */
.topic-selection { width: 100%; height: auto; min-height: 5px; overflow: hidden; background: #e2e2e2; }
.topic-selection ul { margin: 0px; padding: 20px 20px 20px 0px; }
.topic-selection li { margin: 0px 0px 2px; padding: 0px; list-style-type: none; display: inline-block; }
.topic-selection li a { color: #343434; font-size: 15px; padding: 7px 10px; display: inline-block; text-transform: none; border: 1px solid transparent; }
.topic-selection li a:hover { background: none; color: #343434; border: 1px solid #11b3f0; }
.topic-selection .selected a { border: 1px solid #11b3f0; background: #11b3f0; color: #fff; }
.topic-selection .close { position: absolute; top: 27px; border: 0px; right: 40px; } /* changed to right: 40px - PS - Apr 07, 2015 (Liz requested to make option box align with the listing) */ /*change from top:16px; 7 Apr 15 GC*/

.topic-selection__second-level { background: #f5f4f4; }

.date-selection { width: 100%; height: auto; min-height: 5px; overflow: hidden; }
.date-selection ul { margin: 0px; padding: 20px 30px 20px 30px; font-family: 'PT Serif', serif; font-size: 14px; }
.date-selection ul span { margin-right: 20px; display: inline-block; }
@media all and (max-width: 1040px) { .date-selection ul { padding: 20px 0px 20px 0px; } }
@media all and (max-width: 767px) { .date-selection ul { display: block; width: 100%; } }
.date-selection ul { display: inline-block; }
.date-selection ul li > ul { padding: 0; }
.date-selection li { margin: 0px 0px 2px; padding: 0px; list-style-type: none; display: inline-block; }
.date-selection li a { color: #343434; font-size: 15px; padding: 3px 10px; display: inline-block; text-transform: none; border: 1px solid transparent; }
.date-selection li a:hover { background: none; color: #343434; border: 1px solid #11b3f0; }
.date-selection .disabled { color: #808080; font-size: 15px; padding: 3px 10px; display: inline-block; text-transform: none; border: 1px solid transparent; cursor:default; }
.date-selection .disabled:hover { background: none; color: #808080; border: 1px solid transparent; cursor:default; }
.date-selection .selected a { border: 1px solid #11b3f0; background: #11b3f0; color: #fff; }
.date-selection .author-chars { color: #343434; font-size: 15px; padding: 3px 5px; display: inline-block; text-transform: none; border: 1px solid transparent; }
.date-selection .inactive-author-chars { color: #808080; font-size: 15px; padding: 3px 2px; margin: 0px 0px; }
.date-selection .multi-selected { font-weight:bold; }
.date-selection .close { position: absolute; top: 21px; border: 0px; right: 90px; } /* changed from top 16px, right 30px for freeman explore filter - JEH Apr 14, 2015 */
@media all and (max-width:1020px){.date-selection .close {right:45px !important;}}
@media all and (max-width:754px){.date-selection .close {right:5px !important;top:5px !important;}}

header { position: fixed; top: 0px; left: 0px; background: #fff; z-index: 30; min-width: 320px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; width: 100%; height: 85px; padding: 25px 0px 0px 0px; }
header.pushed { left: 210px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
header .container { width: 990px; padding: 0px 15px; }
@media all and (max-width: 1199px) { header .container { width: 940px; } }
@media all and (max-width: 1199px) { header .container { width: 910px; } }
@media all and (max-width: 1040px) { header .container { width: 740px; } }
@media all and (max-width: 767px) { header .container { width: 100%; } }
@media all and (max-width: 1040px) { header { height: 60px; padding: 12px 0px 0px 0px; } }
header .logo { float: left; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
header .search { display: block; float: right; }
@media all and (max-width: 1300px) { header .search { margin-right: 55px; } }
@media all and (max-width: 1040px) { header .search { margin-right: 88px; } }
@media all and (max-width: 1040px) { header .search { margin-right: 70px; margin-right: 0px; position: absolute; top: 25px; right: 140px; } }
@media all and (max-width: 1040px) { header .search { top: 14px; } }
@media all and (max-width: 767px) { header .search { display: none; } }
header .search-icon { margin: 8px 10px 0px 19px; width: 21px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; height: 21px; display: block; background: url(/content/img/icon-glass.png) no-repeat; }
header .search-icon.open { background: url(/content/img/icon-glass2.png) no-repeat; }
header .btn-donate { position: absolute; top: 0px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; right: 0px; }
@media all and (max-width: 767px) { header .btn-donate { display: none; } }

.main-display { margin-top: 60px; }

.article { position: relative; background: #f5f4f4; overflow: hidden; }
.article img { float: left; }
.article h4 { margin: 0px 0px 8px; text-transform: none; }
.article h4:hover { color: #1096c8; }
.article h6 { margin: 0px 0px 10px; text-transform: none; }
.article h6:hover { color: #1096c8; }
.article a { color: #343434; text-transform: none; }
.article .article__share { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 8px; }
.article .article__share:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-share-gray.png) no-repeat; }
.article .article__date { text-transform: none; }
.article .article__date:hover { /*color: #1096c8;*/ color: #343434; }
.article .article__comments { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 18px; }
.article .article__comments:hover {color:#11b3f0;    }
.article .article__comments:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-comment-gray.png) no-repeat; }
.article .article__author { margin-right: 35px; }
.article .article__author:hover { color: #1096c8; }
/*for author without seourl, GC 22 Apr 15*/
.article .article__author.inactive { margin-right: 35px; }
.article .article__author.inactive:hover { color: #000; }
.article .article__links { margin-top: 10px; display: block; height: auto; min-height: 5px; overflow: hidden; }
.article .article__type { overflow:hidden; position: absolute; top: 10px; left: 0px; background: #11b3f0; color: #fff; padding: 4px 20px 6px 18px; text-transform: none; max-height:28px; line-height:20px; } /* add > max-height:28px; line-height:20px; < force 1 line 9 Apr 15, GC*/
.article .article__type:hover { background: #1096c8; }

.article__content { padding: 5px 5px; height: auto; min-height: 5px; overflow: hidden; min-height: 175px; }
#eventList .article__content {
    color: #666;
    font-size: 14px;
    line-height: 1.5em;
}

.article--large { width: 460px; margin-bottom: 20px; overflow:hidden; }
@media all and (max-width: 1199px) { .article--large { width: 445px; overflow: hidden; }
  .article--large .photo img { width: auto; height: 280px; } }

.article--small { width: 300px; overflow: hidden; }
.article--small .photo { max-height: 185px; overflow: hidden; display: block; height: auto; min-height: 5px; overflow: hidden; }
@media all and (max-width: 1199px) { .article--small { width: 285px; overflow: hidden; }
  .article--small .photo img { width: auto; height: 280px; } }

.article--micro { width: 220px; min-height: 20px; padding-top: 40px; margin-bottom: 20px; padding-bottom: 25px; }
.article--micro .article__type { padding: 4px 25px 6px 24px; }
.article--micro .article__author { display: block; margin-bottom: 4px; }
.article--micro .article__content { min-height: 20px; }
.article--micro.with-photo { padding-top: 0px; }

.article--video { width: 460px; padding-bottom: 16px; margin-bottom: 25px; }
@media all and (max-width: 1199px) { .article--video { width: 100%; } }
.article--video .article__type { padding: 4px 25px 6px 24px; z-index: 2; }
.article--video .article__content { min-height: 20px; }
.article--video .article__video-placeholder { position: relative; height: auto; min-height: 5px; overflow: hidden; }
.article--video .btn-play { display: block; position: absolute; top: 50%; left: 50%; margin-top: -29px; margin-left: -29px; width: 58px; height: 58px; background: url(/content/img/button-play.png) no-repeat; }

.article--type2 { height: auto; width: 586px; float: left; background: rgba(17, 179, 240, 0.9); position: absolute; top: 113px; left: 0px; padding: 23px 41px 10px;}
@media all and (max-width: 767px) { .article--type2 { width: 90%; top: 20px; padding: 15px 15px; } }
.article--type2 .btn { padding: 8px 65px; color: #fff; display: block; float: left; text-transform: uppercase; } /*change from padding: 8px 76px 8px 74px; for new fonts*/
.article--type2 .btn:first-child { margin-right: 13px; margin-bottom: 5px; }
@media all and (max-width: 767px) { .article--type2 .btn { padding: 8px 50px; } }
.article--type2 h3 { margin: 0; font-size: 32px; font-family: 'Ubuntu', sans-serif; color: #fff; }
.article--type2 p { font-family: 'PT Serif', serif; color: #fff; font-size: 16px; margin-top: 7px; }
.article--type2 .buttons-holder { position: absolute; top: 108%; left: 0px; width: 100%; }
@media all and (max-width: 767px) { .article--type2 .buttons-holder { top: 102%; } }

.article--wide { width: 100%; height: auto; min-height: 5px; overflow: hidden; margin-bottom: 17px; }
@media all and (max-width: 767px) { .article--wide { text-align: center; } }
.article--wide .article__content { min-height: 5px; }
@media all and (max-width: 1199px) { .article--wide .article__content {} }
@media all and (max-width: 1040px) { .article--wide .article__content {} }
.article--wide h4 { font-size: 20px; font-family: 'Ubuntu', sans-serif; }
.article--wide p { width: 100%; margin: 0px }
.article--wide .photo { float: left; width: 220px; }
@media all and (max-width: 767px) { .article--wide .photo { float: none; display: inline-block; } }
.article--wide .article__date { text-transform: none; }
.article--wide .article__links { margin-top: 7px; }
.article--wide .article__type { text-transform: none; }
.article--wide.no-photo { /*padding-top: 28px;*/ } /*9 Apr 15, GC*/
.article--wide.no-photo .article__content { padding-bottom: 10px; }
@media all and (max-width: 1040px) { .article--wide .holder { width: 100%; display: block; height: auto; min-height: 5px; overflow: hidden; text-align: center; margin: 10px 0px; } }

.article--white { background: #fff; }

.article--mini { width: 100%; text-align: center; height: auto; min-height: 5px; overflow: hidden; min-height: 20px; margin-bottom: 27px; }
@media all and (max-width: 1040px) { .article--mini { width: 33%; float: left; height: 200px; } }
@media all and (max-width: 767px) { .article--mini { width: 183px; height: auto; min-height: 5px; overflow: hidden; } }
.article--mini .photo { display: inline-block; }
.article--mini h4 { padding: 0px 20px; font-size: 18px; line-height: 160%; font-family: 'Ubuntu', sans-serif; margin: 0; }
.article--mini .article__author { margin: 0; color: #343434; }

.article--huge { position: relative; height: auto; min-height: 5px; overflow: hidden; width: 100%; display:inline-block; margin-bottom:-5px;}
@media all and (max-width: 1040px) { .article--huge { height: 357px; overflow: hidden; }
  .article--huge img { height: auto; width: 100%; } }
@media all and (max-width: 767px) { .article--huge { height: auto; min-height: 5px; overflow: hidden; } }
.article--huge img { position: relative; }
.article--huge .article__content { position: absolute; top: 100px; z-index: 2; padding: 15px 39px; }
@media all and (max-width: 1040px) { .article--huge .article__content { top: 50px; } }
@media all and (max-width: 767px) { .article--huge .article__content { top: 40px; padding: 15px 15px; margin-left:24px; }
  .article--huge .article__content p { display: none; } }
.article--huge h2 { font-size: 50px; margin: 24px 0px 9px; }
@media all and (max-width: 767px) { .article--huge h2 { font-size: 30px; margin-top: 0px; } }
.article--huge a, .article--huge p { color: #fff; }
.article--huge p { max-width: 450px; }
.article--huge .article__links a { color: #fff; }
.article--huge .article__share:before { background: url(/content/img/icon-share-white.png) no-repeat; }
.article--huge .article__comments:before { background: url(/content/img/icon-comment-white.png) no-repeat; }

.article--box .box { float: left; width: 311px; height: 312px; background: #00aeef; position: relative; }
.article--box .box:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -18px; right: -18px; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent #00afef; }
@media all and (max-width: 1040px) { .article--box .box { height: 240px; } }
@media all and (max-width: 767px) { .article--box .box { width: 100%; float: none; height: auto; min-height: 5px; overflow: visible; }
  .article--box .box:after { display: block; content: ''; position: absolute; bottom: -18px; left: 50%; margin-left: -18px; right: auto; top: auto; margin-top: 0px; width: 0; height: 0; border-style: solid; border-width: 18px 18px 0 18px; border-color: #00afef transparent transparent transparent; } }
.article--box .box-img { float: right; }
@media all and (max-width: 767px) { .article--box .box-img { width: 100%; height: auto; min-height: 5px; overflow: hidden; } }
.article--box .article__content { padding: 15px 39px; }
.article--box h3 { font-size: 24px; margin: 24px 0px 9px; color: #fff; }
@media all and (max-width: 1040px) { .article--box h3 { margin-top: 55px; } }
@media all and (max-width: 767px) { .article--box h3 { margin-top: 24px; } }
.article--box a, .article--box p { color: #fff; }
@media all and (max-width: 1040px) { .article--box p { display: none; } }
.article--box .article__links a { color: #fff; }
.article--box .article__share:before { background: url(/content/img/icon-share-white.png) no-repeat; }
.article--box .article__comments:before { background: url(/content/img/icon-comment-white.png) no-repeat; }
.article--box.right .box { float: right; }
.article--box.right .box:after { right: auto; left: -18px; width: 0; height: 0; border-style: solid; border-width: 18px 18px 18px 0; border-color: transparent #00afef transparent transparent; }
@media all and (max-width: 767px) { .article--box.right .box { overflow: visible; }
  .article--box.right .box:after { display: block; content: ''; position: absolute; bottom: -18px; left: 50%; margin-left: -18px; right: auto; top: auto; margin-top: 0px; width: 0; height: 0; border-style: solid; border-width: 18px 18px 0 18px; border-color: #00afef transparent transparent transparent; } }
.article--box.right .box-img { float: left; }
@media all and (max-width: 767px) { .article--box.right { float: none; }
  .article--box.right .box { float: none; }
  .article--box.right .box-img { float: left; } }
@media all and (max-width: 1040px) { .article--box .photo-box { height: 240px; overflow: hidden; }
  .article--box .photo-box img { height: 100%; width: auto; } }
@media all and (max-width: 767px) { .article--box .photo-box { height: auto; min-height: 5px; overflow: hidden; }
  .article--box .photo-box img { width: 100%; height: auto; } }

.article--blog { background: #fff; width: 100%; margin-bottom: 30px; }
.article--blog .article__rank { display: block; height: 120px; float: left; line-height: 120px; font-size: 32px; font-family: 'PT Serif', serif; font-style: italic; padding: 0px 45px 0px 0px; position: relative; width: 80px; text-align: center; }
@media all and (max-width: 767px) { .article--blog .article__rank { float: none; display: inline-block; top: -50px; margin-top: 0px; padding-top: 0px; line-height: 1em; height: 30px; vertical-align: middle; } }
@media all and (max-width: 450px) { .article--blog .article__rank { float: left; top: -15px; height: 120px; line-height: 120px; } } /* changed top from 0 to fix Anything Peaceful landing page - JEH - Apr 03, 2015 */
.article--blog h4 { margin: 0px 0px 5px; font-family: 'Ubuntu', sans-serif; font-size: 22px; line-height: 140%; }
.article--blog h5 { margin: 0px 0px 5px; color: #b2b2b2; font-family: 'Ubuntu', sans-serif; font-size: 17px; line-height: 1em; }
.article--blog .article__links { margin-top: 10px; }
.article--blog .went-up:before { top: 50%; margin-top: -5px; left: 43px; }
.article--blog .went-down:before { top: 50%; margin-top: -5px; left: 43px; }

/* added for Anything Peaceful landing page - JEH - Apr 03, 2015 */
@media all and (max-width: 450px) { .article--blog .went-up:before { top: 70%; margin-top: 0px; left: 10px; } }
@media all and (max-width: 450px) { .article--blog .went-down:before { top: 70%; margin-top: 0px; left: 10px; } }
@media all and (max-width: 415px) { .article--blog .photo { width: 200px; } }

.article--blog .trending-content { float:right; width:408px; }
@media all and (max-width: 1200px) { .article--blog .trending-content { float:right; width:300px; } }
@media all and (max-width: 995px) { .article--blog .trending-content { float:right; width:408px; } }
@media all and (max-width: 767px) { .article--blog .trending-content { float:none; width:98%; display:inline-block; } }
/* END OF added for Anything Peaceful landing page - JEH - Apr 03, 2015 */

.seminar-student-detail .main-display .article.article--main { top: 34px; }        /* edited - SF - Mar 19,2015 *//* edited - GC - Mar 27,2015 */
.seminar-student-detail .main-display .article.article--main { width: auto; }

.main-display .article.article--main { background: rgba(249, 142, 30, 0.9); top: 34px; left: 0px; position: absolute; width: auto; padding: 19px 12px; height: auto; width: 580px; }
.main-display .article.article--main:before { display: block; content: ''; position: absolute; top: 0px; right: 100%; width: 9999px; height: 100%; background: rgba(249, 142, 30, 0.9); }
.main-display .article.article--main .article__links { float: left; display: block; width: auto; }
.main-display .article.article--main .article__links a { font-size: 22px; line-height: 1em; padding-left: 29px; margin-right: 6px; }
.main-display .article.article--main .article__links span { text-transform: uppercase; color: #fff; font-family: 'PT Serif', serif; font-size: 12px; }
.main-display .article.article--main .share:before { top: 4px; }
.main-display .article.article--main .article__place { text-transform: none; color: #fff; font-family: 'PT Serif', serif; font-size: 13px; margin-right: 20px; float: left; }
.main-display .article.article--main .holder { display: block; margin-top: 2px; height: auto; min-height: 5px; overflow: hidden; padding-bottom: 7px; width: 420px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } /* SF - Mar 20,2015 ; 370 into 420 */
.main-display .article.article--main .article__subtitle { margin: 0; margin: 4px 0px 9px; max-width: 90%; line-height: 120%; text-transform: none; font-family: 'Ubuntu', sans-serif; color: #FFF; display: block; font-size: 19px; }
.main-display .article.article--main h1 { position: relative; top: 0px; margin: 0px 33px 0px 0px; font-size: 20px; text-shadow: none; float: left; line-height: 125%; padding-right: 44px; border-right: 1px solid rgba(255, 255, 255, 0.4); width:245px; } /* SF - Mar 20,2015 ; add width */
.main-display .article.article--main h2 { margin: 0; margin: 4px 0px 9px; max-width: 90%; line-height: 135%; text-transform: none; }
.main-display .article.article--main h3 { font-size: 18px; color: #fff; line-height: 120%; font-weight: 500;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none; } /*GC - Mar 25,15 : add*/
.main-display .article.article--main a { color: #fff; }
.main-display .article.article--main a:hover h2 { color: #fff; }/*added Apr 8, 2015 GC*/

/* replace the shares link CSS definition because we must adjust the shares link HTML code with AddThis code - JM - Mar 31, 2015 */
.main-display .article.article--main .article__links span#addthis_sharecount_custom { font-size: 22px; line-height: 1em; padding-left: 29px; margin-right: 0; color: #fff; }
.main-display .article.article--main .article__links a#addthis_sharecount_custom_link {padding-left: 5px; margin-right: 0;}
.seminar-student-detail .main-display .article.article--main .article__links {float: right;}
.seminar-student-detail .main-display .article.article--main h1 {margin-right: 0; padding-right: 5px;}
/* END OF replace the shares link CSS definition because we must adjust the shares link HTML code with AddThis code - JM - Mar 31, 2015 */


.main-display { height: 500px; overflow: hidden; width: 100%; margin-bottom: 30px; }
@media all and (max-width: 767px) { .main-display { height: 300px; } }
.main-display img { min-height: 100%; min-width: 100%; }
@media all and (max-width: 1380px) { .main-display img { min-height: 100%; min-width: 100%; } }
.main-display .article { /*height: 215px;*/ height : auto; min-height : 215px; /*max-height: 300px;*/ width: 310px; float: left; background: rgba(17, 179, 240, 0.9); position: absolute; top: 207px; left: 0px; padding: 19px 21px; }
.main-display .article__type { font-size: 14px; color: #fff; font-family: 'PT Serif', serif; font-weight: 400; margin-bottom: 5px; display: block; position: relative; background: none; padding: 0; top: 0px; left: 0px; }
.main-display .article__type:hover { background: none; }
.main-display .article__date { margin: 10px 0px 10px; display: inline-block; }
.main-display .article__date:hover { color: #fff; }
.main-display .article__author { margin-right: 39px; }
.main-display .article__author:hover { color: #fff; }
.main-display .article__links { display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; margin-top: 0px; }
.main-display .article__share { padding-left: 23px; color: #fff; position: relative; display: inline-block; margin-right: 18px; }
.main-display .article__share:before { display: block; content: ''; position: absolute; top: 5px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-share-white.png) no-repeat; }
.main-display .article__comments { padding-left: 20px; color: #fff; position: relative; display: inline-block; }
.main-display .article__comments:hover { color:#11b3f0; }
.main-display .article__comments:before { display: block; content: ''; position: absolute; top: 5px; left: 0px; width: 14px; height: 13px; background: url(/content/img/icon-comment-white.png) no-repeat; }
.main-display .btn { position: absolute; top: 104%; left: 0px; padding: 8px 88px 8px 86px; color: #fff; text-transform: uppercase; }
.main-display .left { width: 61%; float: left; height: 100%; overflow: hidden; position: relative; }
@media all and (max-width: 767px) { .main-display .left { width: 100%; padding-right: 15px; } }
.main-display .left img { float: right; }
.main-display .left .article { left: auto; right: auto; width: 100%; }
@media all and (max-width: 1199px) { .main-display .left .article { right: auto; } }
@media all and (max-width: 1040px) { .main-display .left .article { right: auto; } }
@media all and (max-width: 767px) { .main-display .left .article { right: 0px; left: 0px; width: 90%; float: left; top: 80px; height: auto; } }
.main-display .left h2 { margin: 0px 0px 9px; }
.main-display .left .article__type { margin-bottom: 4px; }
.main-display .left small { float: left; }
.main-display .left__inner { float: right; width: 420px; }
@media all and (max-width: 1040px) { .main-display .left__inner { width: 375px; } }
@media all and (max-width: 767px) { .main-display .left__inner { width: 100%; } }
.main-display .right { width: 37.5%; float: right; height: 100%; overflow: hidden; position: relative; }
.main-display .right img { float: left; }
.main-display .right h2 { font-size: 24px; font-family: 'Ubuntu', sans-serif; margin: 0; line-height: 130%; margin-bottom: 9px; }

.trends { width: 300px; height: auto; min-height: 5px; overflow: hidden; }
.trends h3 { margin: 0px 0px 18px; }
.trends ul { margin: 0px 0px; padding: 0px; display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; }
.trends li { margin: 0px 0px 13px; padding: 0px; list-style-type: none; } /*padding: 0px 0px 0px 50px; change to remove arrow*/
.trends .article__title { font-family: 'Ubuntu', sans-serif; text-transform: none; color: #000; display: block; font-size: 18px; }
.trends .article__title:hover { color: #1096c8; }
.trends .article__author { font-size: 13px; color: #343434; }
.trends .article__author:hover { color: #1096c8; }

#page { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; position: relative; left: 0px; }
#page.pushed { left: 210px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }

.articles { padding-bottom: 40px; }

section { position: relative; z-index: 4; }

.secondary-content { width: 100%; /*height: 580px;*/ background: #ecf9fe; padding: 42px 0px; height:auto;  overflow:hidden;} /*edited GC 30 mar 15*/
@media all and (max-width: 1040px) { .secondary-content { height: auto; min-height: 5px; overflow: hidden; } }

.topic-selection { display: none; }

.bookstore { width: 460px; float: left; }
@media all and (max-width: 1040px) { .bookstore { width: 250px; } }
@media all and (max-width: 767px) { .bookstore { width: 100%; } }
.bookstore h3 { height: auto; min-height: 5px; overflow: hidden; margin: 0px 0px 32px; }
.bookstore .bookstore__footer { display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; text-align: center; padding: 33px 0px 0px; }
.bookstore .bookstore__footer a { position: relative; left: -21px; }
@media all and (max-width: 1040px) { .bookstore .bookstore__footer a { left: 0px; } }

.subpage.board .content { width: 650px; margin-bottom: 7px; }
@media all and (max-width: 1040px) { .subpage.board .content { width: 100%; } }
.subpage.board nav.side-nav { width: 220px; }
.subpage.alumni .main-display { margin-bottom: 40px; }
@media all and (max-width: 1040px) { .subpage.alumni .main-display { margin-bottom: 20px; } }
.subpage.alumni .content { width: 570px; margin-bottom: 12px; }
.subpage.alumni .content h3 { margin-top: 13px; font-size: 26px; }
@media all and (max-width: 1040px) { .subpage.alumni .content { width: 600px; margin: 0px auto; float: none; } }
@media all and (max-width: 630px) { .subpage.alumni .content { width: 400px; padding: 0px 10px; } }
@media all and (max-width: 430px) { .subpage.alumni .content { width: 320px; padding: 0px 10px; } }
@media all and (max-width: 1040px) { .subpage.alumni .container { width: 600px; } }
@media all and (max-width: 767px) { .subpage.alumni .container { width: 100%; } }
@media all and (max-width: 1040px) { .subpage.alumni .container-change-full { width: 100%; padding: 0; } }
.subpage.alumni .article__holder { margin-bottom: 19px; }
@media all and (max-width: 767px) { .subpage.alumni .article__holder img { width: auto; height: 385px; } }
.subpage.alumni .headline-holder a { position: relative; top: 23px; right: 31px; }

/*@media all and (max-width: 1040px) { .subpage.alumni .side-nav { display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; background: #f0f0f0; margin-bottom: 0px; padding: 20px 0px 10px; }
  .subpage.alumni .side-nav .mobile-column { width: 300px; float: left; }
  .subpage.alumni .side-nav .right { float: right; margin-bottom: 20px; } } Chage by GC, June 11 2015, side nave doesnt need to appear on tab and mobile view*/
@media all and (max-width: 1040px) { .subpage.alumni .side-nav { display: none; } }


@media all and (max-width: 1040px) { .subpage.alumni .mobile-container { width: 655px; margin: 0px auto; } }
@media all and (max-width: 767px) { .subpage.alumni .mobile-container { width: 320px; padding: 0px 10px; } }
.subpage.fee100 .main-display { margin-bottom: 40px; }
.subpage.fee100 .content { width: 100%; }
.subpage.fee100 .content p { max-width: 670px; }
.subpage.fee100 h3 { margin: 0; }
.subpage.fee100 .headline-holder a { float: left; position: relative; top: 0px; left: 0px; line-height: 38px; display: block; margin-left: 55px; }
@media all and (max-width: 390px) { .subpage.fee100 .headline-holder a { margin-left: 14px; } }
.subpage.media h3 { margin: 0px; }
@media all and (max-width: 767px) { .subpage.media h3 { margin-top: 30px; } }
.subpage.media .content { width: 100%; margin-bottom: 29px; }
.subpage.media .content p.main { max-width: 750px; margin-bottom: 45px; }
@media all and (max-width: 767px) { .subpage.media .content p.main { max-width: 100%; } }
.subpage.media .tab-nav { margin: 22px 0px 9px; }
@media all and (max-width: 767px) { .subpage.media .article--wide .photo { width: 100%; height: auto; min-height: 5px; overflow: hidden; }
  .subpage.media .article--wide .photo img { width: 100%; }
  .subpage.media .article--wide .article__content { width: 100%; text-align: left; } }
.subpage .featured { background: #f3f3f4; padding-bottom: 45px; }
.subpage .featured h3 { margin-bottom: 26px; }
.subpage .featured .article { padding-bottom: 10px; }


.subpage.events section { height: auto; min-height: 270px; overflow: hidden; }
@media all and (max-width: 1040px) { .subpage.events .container { width: 750px; } }
@media all and (max-width: 767px) { .subpage.events .container { width: 100%; } }
.subpage.events .content { width: 100%; margin-bottom: 29px; }
.subpage.events .tabs { margin-top: 20px; }
.subpage.events .row { margin-bottom: 20px; }
.subpage.events .article { float: left; }
.subpage.events .article--large:last-child { float: right; }
@media all and (max-width: 1040px) { .subpage.events .article.article--large { width: 350px; } }
@media all and (max-width: 767px) { .subpage.events .article.article--large { width: 300px; margin: 0px auto; float: none; } }
.subpage.events .article--small { margin-right: 20px; }
.subpage.events .article--small .article__content { min-height: 150px; }
@media all and (max-width: 1040px) { .subpage.events .article--small { width: 300px; } } /*edited apr 6, GC, from 226 to 300, make the smaller events the same size as the featured events*/
.subpage.events .article--small:last-child { margin-right: 0px; }
.subpage.events .article__content { padding: 12px 23px; min-height: 110px; }
@media all and (max-width: 1040px) { .subpage.events .article__content { padding: 12px 10px; } }
.subpage.events h4 { font-size: 22px; }
.subpage.events .calendar--tooltip { position: absolute; top: 110px; left: 440px; display: none; }
.subpage.events .article__date { float: left; display: block; padding-top:5px;}
.subpage.events .article__links { float: left; margin-top: 0px; display: block; margin-left: 20px; }
@media all and (max-width: 1040px) { .subpage.events .article__links { margin-left: 4px; top: -2px; position: relative; } }
@media all and (max-width: 767px) { .subpage.events .btn { padding-left: 0px; padding-right: 0px; text-align: center; width: 100%; } }
.subpage.events .article--small .btn { position:absolute; color:#fff; left:0px; top : 10px;}
.subpage.events .article--large .btn { position: absolute; color: #fff; left: 0px; top : 10px;}
.subpage.events .article--small .photo img {max-height:180px;}
.subpage.events .article--large .photo img { height:auto;}

.subpage.donation .side-nav ul { padding-left: 0px; }
.subpage.donation .side-nav p { margin-top: 8px; max-width: 300px; }
/*.subpage.donation .side-nav p a { color: #000; text-transform: none; }*/
/*@media all and (max-width: 1040px) { .subpage.donation .content { width: 650px; margin: 0px auto; float: none; }
  .subpage.donation .side-nav { display: block; width: 100%; margin: 50px 0px 0px; background: #f0f0f0; padding: 30px 0px; }
  .subpage.donation .mobile-column { float: left; width: 50%; padding-left: 50px; }
  .subpage.donation .mobile-container { width: 650px; margin: 0px auto; } } Change by GC June 11 2015, side nav doesnt need to appear on tab and mobile view*/
@media all and (max-width: 1040px) {.subpage.donation .side-nav{display:none;}}
@media all and (max-width: 767px) { .subpage.donation .content { width: 400px; }
  .subpage.donation .mobile-container { width: 400px; }
  .subpage.donation .mobile-column { padding-left: 0px; } }
@media all and (max-width: 490px) { .subpage.donation .content { width: 260px; }
  .subpage.donation .content > p { width: 290px; position: relative; left: -15px; }
  .subpage.donation .mobile-container { width: 260px; }
  .subpage.donation .mobile-column { padding-left: 0px; width: 100%; } }
.subpage.donation input.error, .subpage.donation textarea.error, .subpage.donation button.error { border-color: #f00; }
.subpage.freeman .social-affix { top: 524px; }
@media all and (max-width: 1040px) {
    .subpage.freeman .social-affix { top: inherit; }
}
.subpage.freeman .social-affix.fixed { top: 90px; }
.subpage.seminar-student-detail .social-affix { top: 524px; }
.subpage.seminar-student-detail .social-affix.fixed { top: 90px; }

.section__footer { display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; text-align: center; padding: 10px 0px 0px; text-transform: uppercase; }
.section__footer a { position: relative; font-size: 16px; }

.donation-area { margin-top: 50px; }
.donation-area .donation__section-header { margin-bottom: 34px; font-family: 'PT Serif', serif; font-size: 20px; }
.donation-area .donation__section-header.last { margin-bottom: 20px; }
.donation-area .donation-slider { width: 100%; background: #fff; border: 1px solid #d8d6d6; height: 32px; position: relative; }
.donation-area .donation-slider .ui-slider-range { 
	background: #f98e1e;
	height: 30px;
	margin-top: -15px;
}
.donation-area .ui-slider-handle { width: 67px; height: 23px; position: absolute; top: -17px; background: #fff; margin-left: -34px; border: 1px solid #d8d6d6; color: #343434; border-bottom: 0px; font-size: 18px; font-family: 'PT Serif', serif; text-align: center; line-height: 26px; }
.donation-area .ui-slider-handle:after { display: block; content: ''; position: absolute; top: 22px; left: 0px; width: 0; z-index: 1; height: 0; border-style: solid; border-width: 12px 33.5px 0 33.5px; border-color: #d8d6d6 transparent transparent transparent; }
.donation-area .ui-slider-handle:before { display: block; content: ''; position: absolute; top: 22px; left: 1px; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 11px 32px 0 32px; border-color: #fff transparent transparent transparent; }
.donation-area .divider { display: block; text-align: center; width: 100%; height: auto; min-height: 5px; overflow: hidden; font-size: 18px; color: #343434; font-family: 'PT Serif', serif; margin: 10px 0px; }
.donation-area .donation-buttons { margin-bottom: 38px; height: auto; min-height: 5px; overflow: hidden; }
@media all and (max-width: 767px) { .donation-area .donation-buttons { text-align: center; } }
.donation-area .donation-buttons .option { height: 47px; width: 96px; border: 1px solid #d8d6d6; color: #343434; text-align: center; background: #fff; line-height: 44px; font-size: 18px; font-family: 'PT Serif', serif; margin-right: 14px; }
@media all and (max-width: 1040px) { .donation-area .donation-buttons .option { margin-right: 39px; } }
.donation-area .donation-buttons .option:hover, .donation-area .donation-buttons .option.selected, .donation-area .donation-buttons .option:active { background: #f98e1e; color: #fff; }
.donation-area .donation-buttons ::-webkit-input-placeholder { color: #d8d6d6; }
.donation-area .donation-buttons :-moz-placeholder { /* Firefox 18- */ color: #d8d6d6; }
.donation-area .donation-buttons ::-moz-placeholder { /* Firefox 19+ */ color: #d8d6d6; }
.donation-area .donation-buttons :-ms-input-placeholder { color: #d8d6d6; }
.donation-area .donation-buttons input.option { font-size: 16px; float: right; margin: 0; }
.donation-area .donation-buttons input.option:focus, .donation-area .donation-buttons input.option:active { background: #f98e1e; color: #fff; }
.donation-area .donation-buttons input.option:focus ::-webkit-input-placeholder, .donation-area .donation-buttons input.option:active ::-webkit-input-placeholder { color: #f98e1e; }
.donation-area .donation-buttons input.option:focus :-moz-placeholder, .donation-area .donation-buttons input.option:active :-moz-placeholder { /* Firefox 18- */ color: #f98e1e; }
.donation-area .donation-buttons input.option:focus ::-moz-placeholder, .donation-area .donation-buttons input.option:active ::-moz-placeholder { /* Firefox 19+ */ color: #f98e1e; }
.donation-area .donation-buttons input.option:focus :-ms-input-placeholder, .donation-area .donation-buttons input.option:active :-ms-input-placeholder { color: #f98e1e; }
@media all and (max-width: 767px) { .donation-area .donation-buttons input.option { float: none; display: inline-block; margin: 0px 20px 20px; } }
@media all and (max-width: 490px) { .donation-area .donation-buttons input.option { margin: 0px 10px 10px; } }
@media all and (max-width: 767px) { .donation-area .donation-buttons .option { float: none; display: inline-block; margin: 0px 20px 20px; } }
@media all and (max-width: 490px) { .donation-area .donation-buttons .option { margin: 0px 10px 10px; } }
.donation-area .frequency-buttons { height: auto; min-height: 5px; overflow: hidden; width: 100%; }
@media all and (max-width: 767px) { .donation-area .frequency-buttons { text-align: center; } }
.donation-area .donation-buttons + h5 { margin-bottom: 26px; }
.donation-area .frequency-buttons + h5 { margin-bottom: 16px; }
.donation-area button:focus, .donation-area input:focus { outline: 0; }
.donation-area .frequency-buttons button { display: block; float: left; width: 125px; height: 47px; background: #fff; border: 1px solid #d8d6d6; font-size: 16px; text-align: center; color: #343434; margin-right: 16px; margin-bottom: 15px; font-family: 'PT Serif', serif; }
@media all and (max-width: 1040px) { .donation-area .frequency-buttons button { margin-right: 50px; } }
@media all and (max-width: 767px) { .donation-area .frequency-buttons button { display: inline-block; float: none; margin: 0px 20px 20px; } }
@media all and (max-width: 490px) { .donation-area .frequency-buttons button { margin: 0px 10px 10px; width: 100px; } }
.donation-area .frequency-buttons button.wide { width: auto; padding: 0px 29px 0px 28px; }
@media all and (max-width: 490px) { .donation-area .frequency-buttons button.wide { padding: 0px 20px 0px 20px; width: 224px; } }
.donation-area .frequency-buttons button:nth-child(4n) { margin-right: 0px; }
@media all and (max-width: 767px) { .donation-area .frequency-buttons button:nth-child(4n) { margin-right: 20px; } }
@media all and (max-width: 490px) { .donation-area .frequency-buttons button:nth-child(4n) { margin: 0px 10px 10px 10px; } }
.donation-area .frequency-buttons button:hover, .donation-area .frequency-buttons button.selected, .donation-area .frequency-buttons button:active { background: #f98e1e; color: #fff; }
.donation-area .row { margin-bottom: 18px; }
.donation-area .column--form { width: 48%; float: left; position: relative; padding-bottom: 22px; font-family: 'PT Serif', serif; color: #343434; font-size: 16px; }
@media all and (max-width: 490px) { .donation-area .column--form { width: 100%; } }
.donation-area .column--form:first-child { float: left; }
.donation-area .column--form:last-child { float: right; }
.donation-area .column--form label { font-family: 'PT Serif', serif; color: #343434; font-size: 16px; }
.donation-area .column--form input { margin-top: 4px; width: 100%; height: 47px; padding: 0px 14px; font-size: 16px; font-family: 'PT Serif', serif; color: #343434; border: 1px solid #d8d6d6; overflow: visible; }
.donation-area .column--form .holder { display: block; height: auto; min-height: 5px; overflow: hidden; }
.donation-area .column--form .three-amigos { float: left; border-right: 0px; border-left: 0px; width: 50%; padding: 0px 9px;  font-size: 15px; text-align:left;} /*change from : text-align: center; GC 20 Apr 15*/
.donation-area .column--form .three-amigos:first-child { border-left: 1px solid #d8d6d6; }
.donation-area .column--form .three-amigos:last-child { border-right: 1px solid #d8d6d6; }
.donation-area .column--form .hint { font-size: 14px; color: red; display: none; margin-top: 6px; position: absolute; /*add bottom supaya tidak menumpuk dengan error label*/bottom:0px;}
.donation-area .column--form label.error input { border: 1px solid red !important; }
.donation-area .column--form span.hidden-error { /*display: none;*/ position: sticky; bottom: 0px; /*opacity: 0;*/ opacity: 100; left: 0px; color: red; font-family: 'PT Serif', serif; font-size: 14px; }
.donation-area .btn { border: 0px; margin-top: 40px; width: 100%; height: 38px; display: block; }

.donation-area select {
  font-size: 16px;
  color: #000;
  height: 48px;
  padding: 10px;
  font-family: 'PT Serif', serif;
  border-radius: 0;
  /*width: 264px;*/width: 100%;
  margin-top: 4px;
  border: 1px solid #CCC;
}

.essential-works { width: 460px; }
@media all and (max-width: 1199px) { .essential-works { width: 440px; } }
@media all and (max-width: 1040px) { .essential-works { width: 285px; } }
@media all and (max-width: 767px) { .essential-works { width: 100%; margin: 30px 0px 0px; } }
.essential-works h3 { margin: 0px 0px 27px; }
.essential-works h4 { margin-bottom: 6px; }
.essential-works .article { background: none; margin-bottom: 20px; }
.essential-works .article__author { color: #343434; font-weight: 400; margin-right: 15px; }
.essential-works .article__author:hover { color: #11b3f0; }
.essential-works .article__date { color: #343434; }
.essential-works .article__description { margin-top: 7px; }

.resources { padding: 47px 0px 63px; }
.resources .row { margin-bottom: 5px; }
.resources h3 { margin: 0px 0px 24px; }
.resources .column__left { float: left; width: 220px; margin-right: 20px; }
.resources .column__middle { float: left; width: 460px; }
.resources .with-photo .photo { display:inline-block; }
@media all and (max-width: 1199px) { .resources .column__middle { width: 430px; } }
@media all and (max-width: 1040px) { .resources .column__middle { width: 460px; } }
@media all and (max-width: 767px) { .resources .column__middle { width: 100%; margin: 0px auto; }
  .resources .column__middle .article { width: 290px; margin: 0px auto; margin-bottom: 10px; } }
.resources .column__right { float: right; width: 220px; }
@media all and (max-width: 767px) { .resources .column__right { width: 100%; margin: 0px auto; }
  .resources .column__right .article { width: 290px; margin: 0px auto; margin-bottom: 10px; } }
.resources .resources__footer { text-align: center; }
@media all and (max-width: 1040px) { .resources .container { width: 720px; padding: 0; } }
@media all and (max-width: 767px) { .resources .container { width: 100%; padding: 0px 10px; } }

.testimonials { /*height: 513px;*/ background: #ecf9fe; padding: 47px 0px; height:auto; min-height:300px; overflow:hidden;}
@media all and (max-width: 1040px) { .testimonials { height: auto; min-height: 5px; overflow: hidden; } }
@media all and (max-width: 1040px) { .testimonials .container { width: 720px; } }
@media all and (max-width: 767px) { .testimonials .container { width: 100%; padding: 0px 10px; } }
.testimonials h3 { margin: 0px 0px 10px; }
.testimonials .left { float: left; width: 310px; }
@media all and (max-width: 767px) { .testimonials .left { width: 100%; } }
.testimonials .right { float: right; width: 542px; padding-top: 23px; }
@media all and (max-width: 1040px) { .testimonials .right { width: 345px; } }
@media all and (max-width: 767px) { .testimonials .right { width: 100%; } }
/*.testimonials .right p { padding: 0px 0px 0px 133px; margin: 0; font-family: 'Source Serif Pro', serif; font-style: italic; font-weight: 600; font-size: 19px; line-height: 155%; display: inline-block; vertical-align: middle; width: 430px; padding-left: 30px; }*/
.testimonials .right p {
    padding: 0 0 0 133px;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 19px;
    line-height: 155%;
    display: inline-block;
    vertical-align: middle;
    width: 430px;
    padding-left: 30px
}

@media all and (max-width: 1040px) { .testimonials .right p { width: 235px; } }
@media all and (max-width: 767px) { .testimonials .right p { width: 80%; } }
@media all and (max-width: 590px) { .testimonials .right p { width: 70%; } }
@media all and (max-width: 410px) { .testimonials .right p { width: 60%; } }
.testimonials .single-testimonial { display: block; height: auto; min-height: 5px; overflow: hidden; width: 100%; margin-bottom: 25px; line-height: 110px; }
.testimonials .avatar { overflow: hidden; width: 110px; height: 110px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; float: left; }

footer { background: #11b3f0; /*height: 250px;*/ height:auto; padding: 33px 0px 0px; clear: both; }
@media all and (max-width: 1040px) { footer { height: auto; min-height: 5px; padding-bottom: 20px; overflow: hidden; }
  footer .container { width: 720px; } }
@media all and (max-width: 767px) { footer .container { width: 100%; padding: 0px 10px; } }
footer ul { margin: 0px; padding: 0px; }
@media all and (max-width: 1040px) { footer ul { display: none; } }
footer li { margin: 0px 0px 5px; padding: 0px; list-style-type: none; }
footer .footer__logo { float: left; margin-top: 3px; }
footer .footer__nav { height: auto; min-height: 5px; overflow: hidden; position: relative; left: 6px; }
footer .column { float: left; margin-left: 63px; }
@media all and (max-width: 1040px) { footer .column { display: none; } }
footer .top { height: auto; min-height: 5px; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #59caf5; margin-bottom: 13px; }
footer .top strong { font-weight: 400; color: #fff; font-family: 'PT Serif', serif; font-size: 18px; line-height: 1em; display: block; margin-bottom: 18px; }
footer .top a { font-size: 14px; color: #fff; text-transform: none; }
footer .top a:hover { color: #fff; text-decoration: underline; }
footer .copy { color: #fff; font-size: 13px; float: left; margin: 0; font-family: 'PT Serif', serif; line-height: 1em; }
@media all and (max-width: 767px) { footer .copy { width: 70%; } }
footer .copy-logo { float: right; background:url(/Content/img/logo-eresources.png) no-repeat;}

.social-affix { position: absolute; top: 524px; left: 50%; margin-left: -592px; z-index: 5; display: block; }
.social-affix.fixed { position: fixed; top: 90px; z-index: 5; }
.social-affix .container { position: relative; }
.social-affix ul.proper { margin: 0px; padding: 0px; position: relative; float: left; }
.social-affix li { margin: 0px 0px 9px; padding: 0px; list-style-type: none; }
.social-affix.social-affix-main .proper { z-index: 10; }
@media all and (max-width: 1199px) { .social-affix.social-affix-main { margin-left: -530px; } }
@media all and (max-width: 1100px) { .social-affix.social-affix-main { margin-left: -510px; } }
@media all and (max-width: 1060px) { .social-affix.social-affix-main { margin-left: -500px; } }
@media all and (max-width: 1030px) { .social-affix.social-affix-main { margin-left: -490px; } }
@media all and (max-width: 1010px) { .social-affix.social-affix-main { display: none; } }

.subpage section { height: auto; min-height: 270px; overflow: hidden; } /*harus overflow: hidden karena berpengaruh terhadap halaman lain.*/ /*min-height: 5px;*/
.subpage div.alumni { height: auto; min-height: 5px; }
.subpage .social-affix { top: 222px; }
.subpage .social-affix.fixed { top: 90px; }
@media all and (max-width: 1040px) { .subpage .container { width: 720px; } }
@media all and (max-width: 767px) { .subpage .container { width: 100%; padding: 0px 10px; } }
@media all and (max-width: 1040px) { .subpage .container-change-full { width: 100%; padding: 0; } }
.subpage header { height: 60px; padding-top: 12px; }
.subpage header .btn-donate { padding: 22px 27px 15px; }
.subpage header .logo { margin-left: 10px; }
@media all and (max-width: 1040px) { .subpage header .logo { margin-left: 0px; } }
.subpage nav.main-nav { margin-top: 8px; }
@media all and (max-width: 1300px) {.subpage nav.main-nav { margin-top: 5px; }}
/* added .subpage.freeman.arena-archive - ML - Apr 03, 2015 */
.subpage .main-display, .subpage.arena-archive .main-display { height: 120px; position: relative; margin-bottom: 21px; }
/* added .subpage.freeman.arena-archive - ML - Apr 03, 2015 */
.subpage h1, .subpage.arena-archive h1 { position: absolute; top: 50%; margin-top: -18px; text-shadow: 1px 2px 0 #000; }
.subpage .content { float: left; /*width: 550px;*/width: 570px; margin-bottom: 65px; position: relative; z-index: 3; }
.subpage.arena-archive .content{margin-top:17px;} /* ML April 07, 2015 */
@media all and (max-width: 1040px) { .subpage .content { width: 100%; } }
.subpage a { text-transform: uppercase; }

a.gs-title {text-transform:none;}

nav.side-nav { width: 300px; float: right; position: relative; z-index: 1; height: auto; min-height: 5px; overflow: hidden; margin-bottom: 0px; }
@media all and (max-width: 1040px) { nav.side-nav { display: none; } }
nav.side-nav h3 { margin-top: 14px; margin-bottom: 9px; }
nav.side-nav a h3{ color: #11b3f0;}
nav.side-nav .nav-proper { margin: 3px 0px 47px; padding: 0px; }
nav.side-nav ul { padding-left: 0px; }
nav.side-nav li { margin: 0px 0px 11px; padding: 0px; list-style-type: none; }
nav.side-nav li a { text-transform: none; }
nav.side-nav a { text-transform: uppercase; color: #11b3f0; }
nav.side-nav a:hover { color: #1096c8; }
nav.side-nav li.active a { color: #343434; }
nav.side-nav li.active a:hover { color: #1096c8; }
nav.side-nav label, nav.side-nav .holder { width: 100%; display: block; margin-bottom: 13px; margin-top: 10px; height: auto; min-height: 5px; overflow: hidden; }
nav.side-nav label { cursor: pointer; font-family: 'PT Serif', serif; font-size: 14px; color: #343434; }
nav.side-nav label span { margin-left: 10px; }
nav.side-nav input[type="text"], nav.side-nav input[type="email"] { border: 1px solid #11b3f0; height: 38px; display: block; float: left; width: 187px; font-style: italic; font-family: 'PT Serif', serif; font-size: 16px; padding: 5px 13px 0px; }
nav.side-nav button { display: block; float: left; width: 113px; text-align: center; border: 0px; background: #11b3f0; color: #fff; text-transform: uppercase; height: 38px; font-family: 'PT Serif', serif; font-size: 16px; }
nav.side-nav button:hover { background: #1096c8; }
nav.side-nav ::-webkit-input-placeholder { color: #343434; }
nav.side-nav :-moz-placeholder { /* Firefox 18- */ color: #343434; }
nav.side-nav ::-moz-placeholder { /* Firefox 19+ */ color: #343434; }
nav.side-nav :-ms-input-placeholder { color: #343434; }
/* todo: CMS-257 this does not work*/
.more { display: block; margin-bottom: 40px; }
.more a { color: #fff; }


.photos-list { margin: 34px 0px 0px; padding: 0px; height: auto; min-height: 5px; display: block; width: 100%; }
@media all and (max-width: 767px) { .photos-list { text-align: center; } }
.photos-list li { margin: 0px 85px 29px 0px; padding: 0px; list-style-type: none; display: block; width: 160px; float: left; min-height: 240px; position: relative; height:300px;}
.photos-list li:nth-child(3n+3) { margin-right: 0px; }
.photos-list .photo { width: 130px; height: 130px; -moz-border-radius: 160px; -webkit-border-radius: 160px; border-radius: 160px; overflow: hidden; margin-bottom: 13px; margin-left: 15px; } /* change to 130, GC 21 Apr 15, width: 150px; height: 150px;*/
.photos-list .position { text-transform: uppercase; color: #979697; font-size: 14px; font-family: 'PT Serif', serif; margin-bottom: 1px; display: block; text-align:center; }
.photos-list .name { display: block; font-size: 18px; font-family: 'PT Serif', serif; text-transform: none; color: #343434; font-weight: 400; text-align:center; overflow:hidden;}
.photos-list .hidden-caption { background: #0e77c1; position: absolute; top: 0px; left: 0px; height: auto; width: 482px; z-index: 2; min-height: 225px; -moz-border-radius: 65px; -webkit-border-radius: 65px; border-radius: 65px; padding: 2px 2px; display: none; text-align: left; }
.photos-list .hidden-caption .photo { float: left; margin-right: 20px; }
.photos-list .hidden-caption .name { color: #fff; line-height: 1em; display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 700; font-family: 'PT Serif', serif; margin-top: 18px; text-transform: none; }
.photos-list .hidden-caption p { color: #fff; margin-top: 10px; }
.photos-list .holder { width: 280px; padding-right: 20px; float: left; }
.photos-list .close { float: right; margin-top: 95px; margin-right: 20px; }

.photos-list--small { margin-top: 11px; padding-bottom: 10px; }
.photos-list--small li { width: 130px; margin-right: 75px; margin-bottom: 22px; min-height: 200px; }
.photos-list--small .photo { width: 130px; height: 130px; margin-left:0px;}
.photos-list--small li:nth-child(3n) .hidden-caption { display: none; left: auto; right: 0px; }
.photos-list--small li:nth-child(3n) .hidden-caption .photo { float: right; margin: 0px 0px 0px 20px; }
.photos-list--small li:nth-child(3n) .hidden-caption .holder { float: right; text-align: right; padding: 0px 0px 0px 20px; }
.photos-list--small li:nth-child(3n) .hidden-caption .close { float: left; margin: 95px 0px 0px 20px; }
.photos-list--small li:nth-child(3n-1) .hidden-caption { display: none; left: -120px; }
@media all and (max-width: 630px) { .photos-list--small li { margin-right: 90px; }
  .photos-list--small li:nth-child(3n+3) { margin-right: 90px; }
  .photos-list--small li:nth-child(2n+2) { margin-right: 0px; } }
@media all and (max-width: 430px) { .photos-list--small li { margin-right: 20px; }
  .photos-list--small li:nth-child(3n+3) { margin-right: 20px; }
  .photos-list--small li:nth-child(2n+2) { margin-right: 0px; } }

.photos-list--medium .hidden-caption { -moz-border-radius: 75px; -webkit-border-radius: 75px; border-radius: 75px; max-height:1000px;}
.photos-list--medium .hidden-caption .holder { width: 260px; max-height:900px; overflow:hidden; }
@media all and (max-width: 1040px) { .photos-list--medium li { margin-right: 105px; } }
@media all and (max-width: 767px) { .photos-list--medium li { display: inline-block; vertical-align: top; float: none; margin: 0px 20px 29px 20px; } }
@media all and (max-width: 445px) { .photos-list--medium li { margin: 0px 10px 29px 10px; } }
@media all and (max-width: 410px) { .photos-list--medium li { margin: 0px 0px 29px 0px; } }
@media all and (max-width: 370px) { .photos-list--medium li { width: 130px; margin: 0px 9px 29px !important; }
  .photos-list--medium li .photo { width: 130px; height: 130px; }
  .photos-list--medium li .photo img { width: 100%; height: auto; } }
.photos-list--medium li:nth-child(3n) .hidden-caption { display: none; left: auto; right: 0px; }
.photos-list--medium li:nth-child(3n) .hidden-caption .photo { float: right; margin: 0px 0px 0px 20px; }
.photos-list--medium li:nth-child(3n) .hidden-caption .holder { float: right; text-align: right; padding: 0px 0px 0px 20px; }
.photos-list--medium li:nth-child(3n) .hidden-caption .close { float: left; margin: 95px 0px 0px 20px; }
@media all and (max-width: 767px) { .photos-list--medium li:nth-child(3n) { margin-right: 20px; } }
@media all and (max-width: 445px) { .photos-list--medium li:nth-child(3n) { margin: 0px 10px 29px 10px; } }
@media all and (max-width: 410px) { .photos-list--medium li:nth-child(3n) { margin: 0px 0px 29px 0px; } }
@media all and (max-width: 370px) { .photos-list--medium li:nth-child(3n) { float: none; margin: 0px 0px 29px; } }
.photos-list--medium li:nth-child(3n-1) .hidden-caption { display: none; left: -78px; }

.photos-list--large { margin-top: 52px; padding-bottom: 40px; }
@media all and (max-width: 767px) { .photos-list--large { width: 290px; margin: 0px auto; } }
.photos-list--large li { margin: 0px 72px 0px 0px; min-height: 200px; width: 130px; position: relative; height:300px; }

.photos-list--large li .photo { width: 130px; height: 130px;  margin-left:0px;}
@media all and (max-width: 1199px) { .photos-list--large li { margin-right: 106px; } }
@media all and (max-width: 1040px) { .photos-list--large li { margin-right: 56px; } }
@media all and (max-width: 767px) { .photos-list--large li { margin-right: 30px; } }
.photos-list--large li:nth-child(3n+3) { margin-right: 72px; }
@media all and (max-width: 1199px) { .photos-list--large li:nth-child(3n+3) { margin-right: 106px; } }
@media all and (max-width: 1040px) { .photos-list--large li:nth-child(3n+3) { margin-right: 56px; } }
@media all and (max-width: 767px) { .photos-list--large li:nth-child(3n+3) { margin-right: 0px; } }
@media all and (max-width: 1199px) { .photos-list--large li:nth-child(4n+4) { margin-right: 0px; } }
@media all and (max-width: 767px) { .photos-list--large li:nth-child(4n+4) { margin-right: 0px; } }
/*.photos-list--large li:nth-child(5n+5) { margin-right: 0px; }*/
@media all and (max-width: 1199px) { .photos-list--large li:nth-child(5n+5) { margin-right: 106px; } }
@media all and (max-width: 1040px) { .photos-list--large li:nth-child(5n+5) { margin-right: 56px; } }
@media all and (max-width: 767px) { .photos-list--large li:nth-child(5n+5) { margin-right: 0px; } }
.photos-list--large li:nth-child(5n-1) .hidden-caption, .photos-list--large li:nth-child(5n) .hidden-caption { display: none; left: auto; right: 0px; }
.photos-list--large li:nth-child(5n-1) .hidden-caption .photo, .photos-list--large li:nth-child(5n) .hidden-caption .photo { float: right; margin: 0px 0px 0px 20px; }
.photos-list--large li:nth-child(5n-1) .hidden-caption .holder, .photos-list--large li:nth-child(5n) .hidden-caption .holder { float: right; text-align: right; padding: 0px 0px 0px 20px; }
.photos-list--large li:nth-child(5n-1) .hidden-caption .close, .photos-list--large li:nth-child(5n) .hidden-caption .close { float: left; margin: 95px 0px 0px 20px; }
@media all and (max-width: 1199px) { .photos-list--large li:nth-child(5n-1) .hidden-caption, .photos-list--large li:nth-child(5n) .hidden-caption { display: none; left: 0px; right: auto; }
  .photos-list--large li:nth-child(5n-1) .hidden-caption .photo, .photos-list--large li:nth-child(5n) .hidden-caption .photo { float: left; margin: 0px 20px 0px 0px; }
  .photos-list--large li:nth-child(5n-1) .hidden-caption .holder, .photos-list--large li:nth-child(5n) .hidden-caption .holder { float: left; text-align: left; padding: 0px 20px 0px 0px; }
  .photos-list--large li:nth-child(5n-1) .hidden-caption .close, .photos-list--large li:nth-child(5n) .hidden-caption .close { float: right; margin: 95px 20px 0px 0px; } }
@media all and (max-width: 1199px) { .photos-list--large li:nth-child(4n-1) .hidden-caption, .photos-list--large li:nth-child(4n) .hidden-caption { display: none; left: auto; right: 0px; }
  .photos-list--large li:nth-child(4n-1) .hidden-caption .photo, .photos-list--large li:nth-child(4n) .hidden-caption .photo { float: right; margin: 0px 0px 0px 20px; }
  .photos-list--large li:nth-child(4n-1) .hidden-caption .holder, .photos-list--large li:nth-child(4n) .hidden-caption .holder { float: right; text-align: right; padding: 0px 0px 0px 20px; }
  .photos-list--large li:nth-child(4n-1) .hidden-caption .close, .photos-list--large li:nth-child(4n) .hidden-caption .close { float: left; margin: 95px 0px 0px 20px; } }
@media all and (max-width: 767px) { .photos-list--large li { margin-right: 0px !important; } }
@media all and (max-width: 767px) { .photos-list--large li:first-child .hidden-caption, .photos-list--large li:nth-child(1n+2) .hidden-caption { display: none; left: 0px; right: auto; width: 290px; height: auto; min-height: 5px; overflow: hidden; padding-bottom: 30px; }
  .photos-list--large li:first-child .hidden-caption .photo, .photos-list--large li:nth-child(1n+2) .hidden-caption .photo { float: left; margin: 0px 20px 0px 0px; }
  .photos-list--large li:first-child .hidden-caption .holder, .photos-list--large li:nth-child(1n+2) .hidden-caption .holder { float: left; text-align: left; padding: 0px 25px; }
  .photos-list--large li:first-child .hidden-caption .close, .photos-list--large li:nth-child(1n+2) .hidden-caption .close { float: right; margin: 0; position: absolute; top: 30px; right: 30px; } }
@media all and (max-width: 767px) { .photos-list--large li:nth-child(2n+2) { margin-left: 30px !important; }
  .photos-list--large li:nth-child(2n+2) .hidden-caption { display: none; right: 0px; left: auto; width: 290px; height: auto; min-height: 5px; overflow: hidden; padding-bottom: 30px; }
  .photos-list--large li:nth-child(2n+2) .hidden-caption .photo { float: right; margin: 0px 0px 0px 20px; }
  .photos-list--large li:nth-child(2n+2) .hidden-caption .holder { float: right; text-align: right; padding: 0px 25px; }
  .photos-list--large li:nth-child(2n+2) .hidden-caption .close { float: left; position: absolute; top: 30px; left: 30px; } }

.newsletter { margin: 0px 0px 20px; padding: 0px; }
.newsletter li { margin: 0px; padding: 0px; list-style-type: none; }
.newsletter .newsletter__title { font-size: 20px; color: #343434; font-family: 'Ubuntu', sans-serif; display: block; margin-bottom: 5px; line-height: 145%; text-transform: none; }
.newsletter .newsletter__author { font-size: 14px; color: #343434; font-family: 'PT Serif', serif; text-transform: none; }

.newsletter2 { height: 60px; line-height: 60px; background: #2ecb71; text-align: center; margin-bottom: 30px; clear: both; }
@media all and (max-width: 767px) { .newsletter2 { height: auto; min-height: 5px; overflow: hidden; margin-bottom: 0px; } }
.newsletter2 p { font-style: italic; font-size: 18px; font-family: 'PT Serif', serif; color: #fff; margin: 0; line-height: 60px; width: auto; display: inline-block; }
@media all and (max-width: 1040px) { .newsletter2 p { font-size: 16px; } }
.newsletter2 button { display: inline-block; float: none; background: #11b3f0; color: #fff; line-height: 1em; text-transform: uppercase; padding: 11px 46px; margin-left: 10px; font-size: 16px; border: 0px; font-family: 'PT Serif', serif; }
@media all and (max-width: 1040px) { .newsletter2 button { padding: 11px 30px; margin-right: 10px; } }
.newsletter2 button:hover { background: #1096c8; }
.newsletter2 input { display: inline-block; float: none; background: #fff; border: 0px; color: #fff; line-height: auto; text-transform: uppercase; height: 38px; margin-left: 20px; font-size: 15px; font-style: italic; color: #343434; width: 225px; padding: 0px 20px; text-transform: none; font-family: 'PT Serif', serif; }
@media all and (max-width: 1040px) { .newsletter2 input { width: 170px; } }
.newsletter2 ::-webkit-input-placeholder { color: #343434; }
.newsletter2 :-moz-placeholder { /* Firefox 18- */ color: #343434; }
.newsletter2 ::-moz-placeholder { /* Firefox 19+ */ color: #343434; }
.newsletter2 :-ms-input-placeholder { color: #343434; }

.newsletter-popup { background: #fff; -moz-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5); width: 660px; height: 350px; position: absolute; top: 50%; left: 50%; margin-top: -175px; z-index: 15; margin-left: -330px; text-align: center; display: none; }
.newsletter-popup .close { background: url(/content/img/icon-close-hover.png) no-repeat; position: absolute; top: 20px; right: 20px; }
.newsletter-popup h3 { font-size: 26px; font-family: 'PT Serif', serif; margin-top: 55px; margin-bottom: 20px; }
.newsletter-popup .holder { width: 340px; display: inline-block; height: auto; min-height: 5px; overflow: hidden; margin-top: 80px; text-align: left; }
.newsletter-popup input[type="text"], .newsletter-popup input[type="email"] { border: 1px solid #11b3f0; height: 38px; display: block; float: left; width: 226px; font-style: italic; font-family: 'PT Serif', serif; font-size: 16px; padding: 5px 13px 0px; }
.newsletter-popup button { display: block; float: left; width: 113px; text-align: center; border: 0px; background: #11b3f0; color: #fff; text-transform: uppercase; height: 38px; font-family: 'PT Serif', serif; font-size: 16px; }

.person { margin-bottom: 10px; height: auto; min-height: 5px; overflow: hidden; }
.person .holder { height: auto; min-height: 5px; overflow: hidden; display: block; width: 100%; }
.person .person__photo { float: left; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; overflow: hidden; width: 130px; height: 130px; margin-right: 18px; }
.person .person__photo img { width: 100%; height: auto; }
.person .person__name { font-size: 24px; color: #343434; font-family: 'Ubuntu', sans-serif; font-weight: 400; line-height: 130%; display: inline-block; vertical-align: middle; width: 150px; }
.person .person__description { color: #343434; font-family: 'PT Serif', serif; }
.person .vertical-helper { height: 130px; line-height: 130px; }

.award-box { background: #f0f0f0; padding: 17px 10px; margin: 7px 0px 50px; clear: both; }
@media all and (max-width: 1040px) { .award-box { padding: 17px 20px; } }
.award-box .photo { width: 100%; height: 206px; overflow: hidden; margin: 4px 0px; }
.award-box .photo img { width: 100%; height: auto; }
.award-box .btn { margin: 19px 0px 14px; }
@media all and (max-width: 767px) { .award-box .btn { width: 100%; padding-left: 0px; text-align: center; padding-right: 0px; } }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination {
    width: 100%;
    height: auto;
    min-height: 5px;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #11b3f0;
    margin: 23px 0px 23px;
}

.calendar { margin-bottom: 74px; position: relative; }
.calendar h3 { margin-top: 9px; margin-bottom: 19px; }
.calendar .tab-nav a { font-size: 18px; }
.calendar .tab-nav { min-height: 10px; float: left; margin-top: 13px; padding-left: 25px; }
.calendar .tab-nav ul { float: left; margin: 0; padding-left: 10px; }
.calendar .tab-nav li { margin-right: 28px; }
.calendar .months-bar.regular { height: 70px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
@media all and (max-width: 767px) { .calendar .months-bar.regular { position: absolute; top: 0px; width: 720px; margin-left: 0px; } }
.calendar .months-bar.regular ul { margin: 0px; padding: 0px; }
.calendar .months-bar.regular li { margin: 0px; padding: 0px; list-style-type: none; float: left; text-align: center; width: 8.33%; height: 68px; }
@media all and (max-width: 767px) { .calendar .months-bar.regular li { width: 55px; } }
.calendar .months-bar.regular a { display: block; width: 100%; height: 100%; line-height: 68px; font-size: 18px; color: #11b3f0; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; }
.calendar .months-bar.regular .active a, .calendar .months-bar.regular li:hover a { color: #343434; background: #eaeaea; }
.calendar .months-holder { margin-bottom: 20px; width: 100%; height: 70px; overflow: hidden; }
@media all and (max-width: 767px) { .calendar .months-holder { height: 70px; position: relative; width: 100%; margin: 0px auto 20px; float: none; } }
.calendar .months-holder.desktop { display: block; }
@media all and (max-width: 1040px) { .calendar .months-holder.desktop { display: none; } }
.calendar .months-holder.tablet-mobile { display: none; }
@media all and (max-width: 1040px) { .calendar .months-holder.tablet-mobile { display: block; } }
.calendar .months-bar.months-slider { height: 70px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.calendar .months-bar.months-slider .slick-slide { margin: 0px; padding: 0px; list-style-type: none; float: left; text-align: center; width: 70px; height: 68px; }
.calendar .months-bar.months-slider a { display: block; width: 100%; height: 100%; line-height: 68px; font-size: 18px; font-weight: 300; color: #11b3f0; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; }
.calendar .months-bar.months-slider .slick-slide:hover a { color: #343434; background: #eaeaea; }
.calendar .section-footer { margin: 20px 0px 20px; }
.calendar .section-footer a { float: right; }

.subpage.events .calendar .tabs { margin-top: 0px; }

.upcoming-events { height: auto; min-height: 5px; overflow: hidden; }
@media all and (max-width: 767px) { .upcoming-events { padding: 0px 20px; } }
.upcoming-events .photo { float: left; }
.upcoming-events .photo img { width: 100%; height: auto; max-width:220px; }
@media all and (max-width: 767px) { .upcoming-events .photo { width: 100%; height: auto; }
.upcoming-events .photo img { width: 100%; height: auto; } }
.upcoming-events h6 { margin: 0; line-height: 140%; font-size: 22px; padding-top: 23px; text-transform: none; }
@media all and (max-width: 767px) { .upcoming-events h6 { padding-top: 0px; } }
.upcoming-events a:hover h6 { color: #1096c8; }
.upcoming-events .single-event { margin-bottom: 10px; width: 100%; background: #f5f4f4; min-height: 135px; overflow:hidden;}
@media all and (max-width: 767px) { .upcoming-events .single-event { width: 100%; margin-bottom: 20px; height: auto; min-height: 5px; overflow: hidden; } }
.upcoming-events .single-event__content { float: left; max-width: 535px; }
@media all and (max-width: 1040px) { .upcoming-events .single-event__content { max-width: 330px; } }
@media all and (max-width: 767px) { .upcoming-events .single-event__content { height: auto; min-height: 5px; overflow: hidden; width: 100%; padding: 10px 10px 20px; } }
.upcoming-events .single-event__date { height: 135px; float: left; text-align: center; width: 149px; padding: 23px 0px 0px 0px; line-height: 1em; font-family: 'PT Serif', serif; font-size: 60px; font-weight: 400; color: #343434; }
.upcoming-events .single-event__date span { font-size: 17px; padding: 0; margin-top: 4px; line-height: 1em; display: block; text-transform: uppercase; }
@media all and (max-width: 767px) { .upcoming-events .single-event__date { display: none; } }
.upcoming-events .date { font-style: italic; font-size: 14px; color: #343434; font-family: 'PT Serif', serif; padding-left: 32px; display: block; margin-top: 17px; width: auto; float: left; position: relative; padding-bottom:23px; padding-top:3px;}
.upcoming-events .date:before { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background: url(/content/img/icon-clock.png) no-repeat; }
.upcoming-events .icon-calendar { float: left; /*margin: 15px 0px 0px 16px;*/ margin:15px; }
.upcoming-events p { margin-bottom:0px; }



.blog .btn-donate:hover { color: #fff; }
.blog a:hover { color: #f98e1e; }
.blog a.inactive:hover { color: #b2b2b2; }
.blog .tab-nav li:hover a { color: #d47818; }
.blog h4:hover, .blog h6:hover, .blog .article__date:hover, .blog .article__author:hover { color: #f98e1e !important; }
.blog .article__date.inactive:hover, .blog .article__author.inactive:hover { color: #000 !important; }
.blog .main-display a:hover { color: #fff !important; }
.blog nav.side-nav a:hover { color: #d47818; }
.blog nav.side-nav button:hover { background: #d47818; }
.blog header { background: #434343; }
@media all and (max-width: 1300px) { .blog header .logo { margin-left: 0px; } }
.blog nav.main-nav a { color: #fff; background: #434343; }
.blog nav.main-nav li.active a, .blog nav.main-nav li:hover a { background: #555555; }
.blog .menu-button span { background: #fff; }
.blog .search-icon { background: url(/content/img/icon-glass-white.png) no-repeat; }
.blog .main-display { margin-bottom: 0px; }
.blog .tab-nav { min-height: 37px; }
.blog .content { margin-top: 32px; width: 710px; }
@media all and (max-width: 1199px) { .blog .content { width: 600px; } }
@media all and (max-width: 1040px) { .blog .content { width: 740px; padding: 0px 15px; margin: 32px auto; float: none; } }
@media all and (max-width: 767px) { .blog .content { width: 100%; padding: 0px 10px; } }
.blog .content .tip { display: block; font-family: 'PT Serif', serif; font-style: italic; font-size: 16px; color: #343434; margin: 0; position: relative; padding-left: 24px; margin-bottom: 31px; clear: both; }
.blog .content .tip:before { display: block; content: ''; position: absolute; top: 8px; left: 0px; width: 15px; height: 9px; background: url(/content/img/icon-arrow.png) no-repeat; }
.blog footer { background: #f98e1e; }
.blog footer .top { border-bottom: 1px solid #fff; }

.blog-main-only .side-nav { background: #f4f4f4; height: auto; min-height: 100%; margin-bottom: 0px; overflow: visible; position: relative; width: 220px; padding-top: 20px; padding-bottom: 50px; }
.blog-main-only .side-nav:before { display: block; content: ''; position: absolute; top: 0px; z-index: 0; left: 0; height: 9999px; /*width: 9999px;*/ width:inherit; background: #f4f4f4; }
@media all and (max-width: 1040px) { .blog-main-only .side-nav { width: 100%; display: block; height: auto; min-height: 5px; padding-bottom: 20px; overflow: hidden; }
  .blog-main-only .side-nav:before { display: none; } }
.blog-main-only .side-nav h3 { float: left; width: auto; margin-left: 68px; margin-top: 10px; margin-bottom: 37px; }
@media all and (max-width: 1040px) { .blog-main-only .side-nav h3 { width: auto; position: relative; left: 50%; margin-left: -35px; } }
.blog-main-only .side-nav .headline-holder { height: auto; min-height: 5px; overflow: hidden; display: block; width: 100%; clear: both; }
@media all and (max-width: 767px) { .blog-main-only .article--wide .photo { margin-right: 56px; } }
@media all and (max-width: 395px) { .blog-main-only .article--wide .photo { margin-right: 0px; margin-bottom: 5px; float: left; } }

/* PS (2/10) for Blog basic detail page */
.blog.page-detail .main-display { height: 120px; overflow: hidden; width: 100%; margin-bottom: 20px; }
.blog.page-detail .content { margin-top: 17px; width: 570px; }
.blog.page-detail .content strong { font-family: 'PT Serif', serif; font-size: 16px; font-weight: 700; display: block; margin: 25px 0px; }
.blog.page-detail .content p { margin: 20px 0px 20px; }
.blog.page-detail .side-nav ul { padding-left: 0px; }
.blog.page-detail .side-nav a { color: #f98e1e; }
.blog.page-detail .side-nav .popular .hidden-content a { color: #fff; }
.blog.page-detail .side-nav li.active a { color: #000; }
.blog.page-detail .side-nav input[type="email"] { border: 1px solid #f98e1e; }
.blog.page-detail .side-nav button { background: #f98e1e; }
.blog.page-detail .trends { margin-top: 30px; }
.blog.page-detail .trends h3 { margin-bottom: 20px; }
.blog.page-detail .trends a { color: #343434; }
.blog.page-detail .trends a:hover { color: #f98e1e; }
/*.blog.page-detail .trends li { padding-left: 40px; } remove arrow GC May 4, 15*/
.blog.page-detail .content__MainOnly { width :570px; float:left;  margin-top: 17px; }
.blog.page-detail .container__MainOnly { width:970px; padding: 0px 15px; margin: 0px auto;}

.article--blog .trending-content{ width :270px; }
@media all and (max-width:1199px) {.blog.page-detail .content__MainOnly { width :570px; }
}
@media all and (max-width:1040px) {.blog.page-detail .container__MainOnly { width:740px;}
                                  .blog.page-detail .content__MainOnly { width:570px;}
}
@media all and (max-width:767px) {.blog.page-detail .content__MainOnly { width:670px;}
                                  .article--blog .trending-content {text-align:center; vertical-align:top;width:100%;}
}
@media all and (max-width:470px) {.article--blog .trending-content {text-align:center; }
                                  .blog.page-detail .content__MainOnly { width:100%;}
                                  .blog.page-detail .container__MainOnly { width:100%;}
}


.blog-detail .social-affix { top: 490px; }
.blog-detail .main-display { height: 425px; overflow: hidden; width: 100%; margin-bottom: 20px; }
@media all and (max-width: 1040px) { .blog-detail .main-display { height: 385px; }
  .blog-detail .main-display .article { width: 90%; }
  .blog-detail .main-display .article .holder { width: 100%; }
  .blog-detail .main-display .article h1 { padding-right: 0px; /*border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/ border-right:1px solid rgba(255,255,255,.4); border-bottom:0px; padding-bottom: 5px; margin-bottom: 5px; }
  .blog-detail .main-display .article .article__links { display: block; /*width: 100%;*/ } }
@media all and (max-width:465px){
    .blog-detail .main-display .article .article__links {width: 100%;}
    .blog-detail .main-display .article h1 { border-bottom:1px solid rgba(255,255,255,.4);border-right: 0px; }
}
.blog-detail .main-display .container { position: absolute; top: 0px; height: 425px; left: 50%; margin-left: -480px; }
@media all and (max-width: 1040px) { .blog-detail .main-display .container { margin-left: -300px; } }
@media all and (max-width: 767px) { .blog-detail .main-display .container { width: 100%; left: 0px; margin-left: 0px; } }
.blog-detail .content { margin-top: 17px; width: 570px; }
@media all and (max-width: 600px) { .blog-detail .content { width: 100%; } }
.blog-detail .content strong { font-family: 'PT Serif', serif; font-size: 16px; font-weight: 700; display: block; margin: 25px 0px; }
.blog-detail .content p { margin: 20px 0px 20px; }
.blog-detail .side-nav ul { padding-left: 0px; }
.blog-detail .side-nav a { color: #f98e1e; }
.blog-detail .side-nav .popular .hidden-content a { color: #fff; }
.blog-detail .side-nav input[type="email"] { border: 1px solid #f98e1e; }
.blog-detail .side-nav button { background: #f98e1e; }
.blog-detail .trends { margin-top: 30px; }
.blog-detail .trends h3 { margin-bottom: 20px; }
.blog-detail .trends a { color: #343434; }
.blog-detail .trends a:hover { color: #f98e1e; }
/*.blog-detail .trends li { padding-left: 40px; }*/
.blog-detail .quote { float: right; width: 240px; padding: 0px 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 10px 0px 10px 50px; }
@media all and (max-width: 470px) { .blog-detail .quote { margin: 0px auto; width: 100%; } }
@media all and (max-width: 767px) { .blog-detail .quote { margin: 0px auto; width: 100%; } }
.blog-detail .quote p { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px;}
.blog-detail .quote small { font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #343434; line-height: 32px; display: inline-block; position: relative; top: -10px; }
.blog-detail .share-quote-fb { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-facebook.png) no-repeat; }
.blog-detail .share-quote-twt { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-twitter.png) no-repeat; }

.hashtags { height: auto; min-height: 5px; overflow: hidden; width: 100%; padding-bottom: 11px; border-bottom: 1px solid #e7e7e7; margin-bottom:10px;}
.hashtags ul { margin: 0px; padding: 0px; }
.hashtags li { margin: 0px 10px 0px 0px; padding: 0px; list-style-type: none; float: left; }
.hashtags a { text-transform: none; font-style: italic; font-family: 'PT Serif', serif; font-size: 14px; }

.hashtags--orange a { color: #f98e1e; }
.hashtags--orange a:hover { color: #d47818; }

.share-boost { height: auto; min-height: 5px; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-bottom:10px;}
.share-boost h3 { font-size: 20px; margin-top: 20px; font-family: 'PT Serif', serif; /*padding-left: 50px;*/ position: relative; margin-top: 0px; } 
/*.share-boost h3:before { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 17.5px 20px 17.5px; border-color: transparent transparent #4bed1a transparent; }*/
.share-boost .links { margin: 0px; padding: 0px; }
@media all and (max-width: 767px) { .share-boost .links { text-align: center; width: 100%; height: auto; min-height: 5px; overflow: hidden; } }
.share-boost .links li { margin: 0px 16px 0px 0px; padding: 0px; list-style-type: none; float: left; }
@media all and (max-width: 1040px) { .share-boost .links li { margin-right: 6px; } }
@media all and (max-width: 767px) { .share-boost .links li { display: inline-block; float: none; margin: 0px 9px 10px; } }
.share-boost .links li:last-child { margin-right: 0px; }
@media all and (max-width: 767px) { .share-boost .links li:last-child { margin: 0px 9px 10px; } }

.freeman a:hover h2, .freeman a:hover h3, .freeman a:hover h4, .freeman a:hover h5, .freeman a:hover h6 { color: #1096c8; }
@media all and (max-width: 1199px) { .freeman .container { width: 970px; } }
@media all and (max-width: 1040px) { .freeman .container { width: 750px; } }
@media all and (max-width: 767px) { .freeman .container { width: 100%; } }
@media all and (max-width: 767px) { .freeman .change-full { padding: 0px 0px; } }
.freeman .content { margin-bottom: 260px; }
@media all and (max-width: 1040px) { .freeman .content { width: 395px; } }
@media all and (max-width: 767px) { .freeman .content { display: none; } }
.freeman .small-articles { height: auto; min-height: 5px; overflow: hidden; }
.freeman .small-articles .row { margin: 20px auto 20px; }
@media all and (max-width: 767px) { .freeman .small-articles .row { margin-bottom: 0px; } }
.freeman .small-articles.second { background: #f3f3f4; margin-top: 0px; padding-bottom: 40px; }
.freeman .small-articles.second .article__content { background: #fff; }
@media all and (max-width: 767px) { .freeman .small-articles.second .container { width: 290px; margin: 0px auto; float: none; }
  .freeman .small-articles.second .article--small { margin-bottom: 20px; } }
@media all and (max-width: 767px) { .freeman .small-articles.second .article--small { width: 100%; margin-right: 0px; } }
.freeman .main-display { height: 460px; position: relative; }
@media all and (max-width: 767px) { .freeman .main-display { height: 367px; } }
.freeman .main-display img { width: auto; height: 100%; min-height: 5px; overflow: hidden; margin: 0px auto; }
.freeman.arena-archive .main-display img {width: 100%;} /* added - ML - Apr 03, 2015 */
.freeman .main-display .caption { position: absolute; top: 301px; width: 100%; }
@media all and (max-width: 767px) { .freeman .main-display .caption { top: 235px; } }
.freeman .main-display .subtitlecaption { position: absolute; top: 231px; width: 100%; }
@media all and (max-width: 767px) { .freeman .main-display .subtitlecaption { top: 165px; } }
.freeman .main-display .article__links { display: inline-block; width: auto; vertical-align:bottom; margin-bottom:10px;}
.freeman .main-display .article__author { font-size: 16px; margin-left: 0px; }
.freeman .main-display .article__date { font-size: 16px; text-transform: none; }
.freeman .main-display .article__subtitle { margin:0; max-width:90%; line-height:120%; text-transform:none; font-family:'Ubuntu',sans-serif; color:#fff; display:block; font-size:19px }
.freeman .main-display + section { position: relative; height: auto; min-height: 270px; overflow: visible; }
.freeman .freeman-logo { font-family: 'Lato', sans-serif; position: absolute; top: 68px; color: #fff; font-size: 40px; font-weight: 300; letter-spacing: 5px; line-height: 1em; }
@media all and (max-width: 767px) { .freeman .freeman-logo { top: 30px; font-size: 28px; } }
.freeman .freeman-logo span { display: block; font-size: 15px; line-height: 1em; letter-spacing: 0px; }
@media all and (max-width: 767px) { .freeman .freeman-logo span { font-size: 14px; } }
.freeman .freeman-logo-wimg { font-family: 'Lato', sans-serif; position: absolute; top: 68px; color: #fff; font-size: 40px; font-weight: 300; letter-spacing: 5px; line-height: 1em; background:url('/content/images/Freeman logo white.png') no-repeat; width:230px; height:73px; }
@media all and (max-width: 767px) { .freeman .freeman-logo-wimg { top: 30px; font-size: 28px; } }
.freeman .freeman-logo-wimg span { display: block; font-size: 15px; line-height: 1em; letter-spacing: 0px; }
@media all and (max-width: 767px) { .freeman .freeman-logo-wimg span { font-size: 14px; } }
.freeman h1 { font-family: 'Source Serif Pro', serif; font-size: 50px; font-weight: 600; top: 172px; margin-top: 0px; letter-spacing: 1px; line-height: 1.2em; }
@media all and (max-width: 767px) { .freeman h1 { font-size: 40px; top: 90px; } }
.freeman .link-holder { text-align: center; }
.freeman .content .left { background: #fff; position: relative; top: -90px; z-index: 2; padding: 10px 30px 10px 10px; }
.freeman .content .left:before { display: block; content: ''; position: absolute; top: 0px; right: 100%; width: 9999px; height: 100%; background: #fff; }
@media all and (max-width: 1040px) { .freeman .side-nav { display: block; } }
@media all and (max-width: 767px) { .freeman .side-nav { display: none; } }
.freeman .article--small { float: left; margin-right: 20px; }
.freeman .article--small:last-child { margin-right: 0px; }
.freeman .article--small .article__content { min-height: 200px; }
@media all and (max-width: 1199px) { .freeman .article--small { width: 300px; } }
@media all and (max-width: 1040px) { .freeman .article--small { width: 220px; margin-right: 30px; } }

/* added to fix Freeman landing page - JEH - Apr 03, 2015 */
.freeman-top { position:absolute; top: 172px; margin-top: 0px; }
.freeman .freeman-title a { font-family: 'Source Serif Pro', serif; font-size: 50px; font-weight: 600; color: #ffffff; margin-top: 0px; letter-spacing: 1px; line-height: 1.2em; text-shadow: 1px 2px 0 #000; }
/* END OF added to fix Freeman landing page - JEH - Apr 03, 2015 */

.popular ul { margin: 0px; padding: 0px; }
.popular ul li { margin: 0px 0px 0px; padding: 0px; list-style-type: none; width: 300px; height: 149px; position: relative; display: block; }
.popular ul li img { position: absolute; top: 0px; left: 0px; z-index: 0; }
.popular ul li:first-child { margin-bottom: 0px; }
.popular ul li:after { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.popular .article__content { height: 149px; min-height: 20px; padding: 20px 20px 0px 20px; margin: 0px; position: relative; z-index: 2; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.popular .article__content a:hover { color: #fff; }
.popular .article__title { font-size: 22px; font-family: 'Ubuntu', sans-serif; color: #fff !important; display:block;}
.popular .article__author { color: #fff; font-size: 14px; /*display: block;*/ display:inline-block; }
.popular .article__links a { color: #fff; }
.popular .article__share:before { background: url(/content/img/icon-share-white.png) no-repeat; }
.popular .article__comments:before { background: url(/content/img/icon-comment-white.png) no-repeat; }
.popular .hidden-content { height: 149px; min-height: 20px; padding: 0px 15px 0px 15px; margin: 0px; position: absolute; z-index: 2; top: 0px; opacity: 0; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.popular .hidden-content a { color: #fff; }
.popular .hidden-content a:hover { color: #fff; }
.popular .hidden-content p { color: #fff; font-size: 15px; font-family: 'PT Serif', serif; }
.popular li:hover:after { background: rgba(0, 173, 238, 0.95); -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.popular li:hover .article__content { opacity: 0; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.popular li:hover .hidden-content { opacity: 1; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.explore-freeman { background: #f3f3f4; margin: 40px 0px 0px; padding: 60px 0px 15px; position: relative; }
.explore-freeman .tab-nav { float: left; width: auto; margin: 7px 0px 0px 50px; }
@media all and (max-width: 767px) { .explore-freeman .tab-nav { margin-left: 0px; }
  .explore-freeman .tab-nav li { margin-bottom: 20px; } }
.explore-freeman h3 { margin-top: 0px; margin-bottom: 10px; }
.explore-freeman .topic-selection__holder { display: block; top: auto; position: relative; left:0px; }
.explore-freeman .topic-selection { display: block; }

.tiles { margin: 64px 0px 0px; }
.tiles .row.first { margin-bottom: 0px; }
.tiles .row.first .left { width: 630px; height: auto; min-height: 5px; overflow: hidden; margin-right: 1px; float: left; }
@media all and (max-width: 1040px) { .tiles .row.first .left { width: 630px; float: none; margin: 0px auto; } }
.tiles .row.first .right { float: right; width: 309px; }
@media all and (max-width: 1040px) { .tiles .row.first .right { width: 630px; float: none; margin: 0px auto; } }
.tiles .row.second { margin-top: 0px; margin-bottom: 0px; }
.tiles .row.second .left { width: 309px; height: auto; min-height: 5px; overflow: hidden; margin-right: 1px; float: left; }
.tiles .row.second .right { float: right; width: 630px; }
@media all and (max-width: 1040px) { .tiles .row.second .right { float: none; margin: 0px auto; } }
.tiles .tile { position: relative; }
.tiles .article h3 { color: #fff; font-size: 24px; font-family: 'Ubuntu', sans-serif; margin-bottom: 5px; }
.tiles .article a { color: #fff; }
.tiles .article p { color: #fff; }
.tiles .article .article__date { margin-right: 10px; }
.tiles .article.overlay { background: rgba(52, 52, 52, 0.75); position: absolute; top: 0px; left: 0px; height: 100%; width: 310px; }

.tiles .article__content { width: 100%; height: auto; min-height: 5px; overflow: hidden; background: none; padding: 71px 35px 0px 35px; }
.tiles .article__content:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -18px; right: -18px; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent rgba(52, 52, 52, 0.75); }
.tiles .tile-first { height: 313px; margin-bottom: 1px; }
@media all and (max-width: 1040px) { .tiles .tile-first { height: auto; min-height: 5px; overflow: hidden; margin-right: 0px; }
  .tiles .tile-first img { float: left; width: 100%; height: auto; } }
.tiles .tile-second { height: 188px; margin-bottom: 1px; position: relative; }
.tiles .tile-second .article.overlay { float: right; width: 251px; position: relative; background: #343434; }
.tiles .tile-second img { float: left; }
@media all and (max-width: 1040px) { .tiles .tile-second { height: auto; min-height: 5px; overflow: hidden; margin-right: 0px; }
  .tiles .tile-second img { float: left; width: 379px; height: auto; } }
.tiles .tile-second .article__content { padding-top: 55px; height: 188px; }
.tiles .tile-second .article__content .article__date { display: block; margin-bottom: 5px; }
.tiles .tile-second .article__content:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -18px; left: -18px; right: auto; width: 0; height: 0; border-style: solid; border-width: 18px 18px 18px 0px; border-color: transparent #343434 transparent transparent; }

.tiles .tile-third .article.overlay { float: right; width: 100%; position: relative; background: #343434; height: 188px; }
.tiles .tile-third img { float: left; }
.tiles .tile-third .article__content { padding-top: 55px; }
.tiles .tile-third .article__content .article__date { margin-bottom: 5px; }
.tiles .tile-third .article__content:after { display: block; content: ''; position: absolute; bottom: -18px; margin-top: 0px; top: auto; left: 50%; margin-left: -18px; right: auto; width: 0; height: 0; border-style: solid; border-width: 18px 18px 0px 18px; border-color: #343434 transparent transparent transparent; }

@media all and (max-width:750px) {
    .tiles .tile-third .article.overlay { height:auto;}
    .tiles .tile-third .article__content{padding-bottom:55px;}
}


.tiles .tile-fourth .article.overlay { float: right; width: 100%; position: relative; background: #343434; height: 160px; }
.tiles .tile-fourth img { float: left; }
.tiles .tile-fourth .article__content { padding-top: 55px; }
.tiles .tile-fourth .article__content .article__date { margin-bottom: 5px; }
.tiles .tile-fourth .article__content:after { display: block; content: ''; position: absolute; top: -18px; margin-top: 0px; bottom: auto; left: 50%; margin-left: -18px; right: auto; width: 0; height: 0; border-style: solid; border-width: 0 18px 18px 18px; border-color: transparent transparent #343434 transparent; }
.tiles .tile-fifth { height: 313px; margin-bottom: 1px; }
.tiles .tile-fifth .article.overlay { left: auto; right: 0px; }
.tiles .tile-fifth .article__content:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -18px; right: auto; left: -18px; width: 0; height: 0; border-style: solid; border-width: 18px 18px 18px 0; border-color: transparent rgba(52, 52, 52, 0.75) transparent transparent; }
@media all and (max-width: 1040px) { .tiles .tile-fifth { overflow: hidden; margin-right: 0px; width: 100%; }
  .tiles .tile-fifth img { float: left; width: 100%; height: auto; } }

.freeman-detail .main-display { height: 425px; overflow: hidden; width: 100%; margin-bottom: 20px; background: url(/content/img/photos/main-display8.jpg) no-repeat center center; background-size: cover; }
.freeman-detail .main-display .article__links { margin-top: 7px; }
@media all and (max-width: 1040px) { .freeman-detail .main-display { height: 385px; }
  .freeman-detail .main-display .article { width: 90%; }
  .freeman-detail .main-display .article .holder { width: 100%; }
  .freeman-detail .main-display .article__author { margin-left: 0px; } }
@media all and (max-width: 460px) { .freeman-detail .main-display .article h1 { padding-right: 0px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 5px; margin-bottom: 5px; }
  .freeman-detail .main-display .article .article__links { display: block; width: 100%; } }
.freeman-detail .main-display .container { position: absolute; top: 0px; height: 425px; left: 50%; margin-left: -480px; overflow:visible; }
@media all and (max-width: 1040px) { .freeman-detail .main-display .container { margin-left: -375px; } }
@media all and (max-width: 767px) { .freeman-detail .main-display .container { width: 100%; left: 0px; margin-left: 0px; } }
.freeman-detail .main-display .article--main { background: rgba(17, 179, 240, 0.9); }
.freeman-detail .main-display .article--main:before { background: rgba(17, 179, 240, 0.9); }
.freeman-detail .main-display + section { height: auto; min-height: 270px; overflow: hidden; }
/*.freeman-detail .author-block { border-top: 0px; margin-top: 15px; margin-bottom: 10px; }*/
.freeman-detail .freeman-logo { font-family: 'Lato', sans-serif; position: absolute; top: 68px; color: #fff; font-size: 23px; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; line-height: 1em; }
.freeman-detail .freeman-logo span { display: block; font-size: 8px; line-height: 1em; letter-spacing: 0px; }
.freeman-detail .content { margin-top: 17px; width: 570px; height: auto; min-height: 5px; overflow: hidden; margin-bottom: 20px; }
.freeman-detail .content strong { font-family: 'PT Serif', serif; font-size: 16px; font-weight: 700; display: block; margin: 25px 0px; }
.freeman-detail .content p { margin: 20px 0px 20px; }
@media all and (max-width: 1040px) { .freeman-detail .content { width: 100%; } }
@media all and (max-width: 767px) { .freeman-detail .content { display: block; } }
.freeman-detail .side-nav ul { padding-left: 0px; }
.freeman-detail .side-nav a { color: #11b3f0; }
/*.freeman-detail .side-nav .popular .hidden-content a { color: #11b3f0; }*/
.freeman-detail .side-nav input[type="email"] { border: 1px solid #11b3f0; }
.freeman-detail .side-nav button { background: #11b3f0; }
@media all and (max-width: 1040px) { .freeman-detail .side-nav { display: none; } }
.freeman-detail .trends { margin-top: 30px; }
.freeman-detail .trends h3 { margin-bottom: 20px; }
.freeman-detail .trends a { color: #343434; }
.freeman-detail .trends a:hover { color: #f98e1e; }
.freeman-detail .trends li { padding-left: 0px; }/* ckl June 10, 2015 .freeman-detail .trends li { padding-left: 40px; }*/
.freeman-detail .quote { float: right; width: 240px; padding: 0px 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 10px 0px 10px 50px; }
@media all and (max-width: 470px) { .freeman-detail .quote { margin: 0px auto; width: 100%; } }
@media all and (max-width: 767px) { .freeman-detail .quote { margin: 0px auto; width: 100%; } }
.freeman-detail .quote p { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px;}
.freeman-detail .quote small { font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #343434; line-height: 32px; display: inline-block; position: relative; top: -10px; }
.freeman-detail .share-quote-fb { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-facebook.png) no-repeat; }
.freeman-detail .share-quote-twt { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-twitter.png) no-repeat; }

/* added for listing page - JEH - Mar 31, 2015 */
.freeman-detail .listing .article__title  { font-size:20px; }
.freeman-detail .listing .article__subtitle { font-size:16px; padding:0px 0px 0px; }
.freeman-detail .listing .article__author { font-size:12px; color: #000; top:-3px; position:relative; margin-right:35px; }
.freeman-detail .listing .article__author:hover { color: #1096c8; }
.freeman-detail .listing .article__date { font-size:12px; color: #000; top:-3px; position:relative; text-transform: none; }
.freeman-detail .listing.article__date:hover { color: #1096c8; }
.freeman-detail .listing p { font-size:14px; margin:1px 0px 5px; }
.freeman-detail .listing li { font-size:14px; }
.freeman-detail .listing .article__share { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 8px; }
.freeman-detail .listing .article__share:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-share-gray.png) no-repeat; }
.freeman-detail .listing .article__comments { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 18px; }
.freeman-detail .listing .article__comments:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-comment-gray.png) no-repeat; }
.freeman-detail .listing .article__links { margin: 0px 0px 15px; display: block; height: auto; min-height: 5px; overflow: hidden; }
.freeman-detail .listing .article__type { position: absolute; top: 10px; left: 0px; background: #11b3f0; color: #fff; padding: 4px 20px 6px 18px; text-transform: none; }
.freeman-detail .listing .article__type:hover { background: #1096c8; }
.freeman-detail footer { background: #11b3f0; }

.old-issue { margin: 64px 10px 0px 10px; }
.old-issue a { text-transform:none; }

@media all and (max-width: 767px) { .old-issue {margin:5px; display: block;}
}
/* END OF added for listing page - JEH - Mar 31, 2015 */

.related-articles { margin: 60px 0px 30px; padding: 0px 20px 20px; background: #f5f4f4; }
.related-articles .photo { margin: 15px 0px 10px; float: none; }
.related-articles .article h6 a { text-transform: none; color: #000; font-size: 18px; }
.related-articles .article h6 a:hover { color: #1096c8; }
.related-articles h6 { margin-bottom: 0px; height: auto; min-height: 5px; overflow: hidden; display: block; }
.related-articles .article .article__author { color: #000; }
.related-articles .article { margin-bottom: 20px; }

.quiz { width: 100%; height: 60px; margin-bottom: 35px; }
@media all and (max-width: 767px) { .quiz { height: auto; min-height: 5px; overflow: hidden; } }
.quiz .top-bar { height: 60px; line-height: 60px; background: #2ecb71; text-align: center; position: relative; }
@media all and (max-width: 767px) { .quiz .top-bar { height: auto; min-height: 5px; overflow: hidden; } }
.quiz .top-bar:after { display: block; content: ''; position: absolute; bottom: -22px; left: 50%; margin-left: -35px; width: 0; height: 0; border-style: solid; border-width: 22px 35px 0 35px; border-color: #2ecb72 transparent transparent transparent; }
.quiz .top-bar p { font-style: italic; font-size: 18px; font-family: 'PT Serif', serif; color: #fff; margin: 0; line-height: 60px; width: auto; display: inline-block; }
@media all and (max-width: 767px) { .quiz .top-bar p { line-height: 1.4em; padding: 10px 0px 10px; } }
.quiz .take-quiz { display: inline-block; float: none; background: #11b3f0; color: #fff; line-height: 1em; text-transform: uppercase; padding: 11px 46px; margin-left: 20px; font-size: 16px; font-family: 'PT Serif', serif; }
.quiz .take-quiz:hover { background: #1096c8; }

.quiz-content { background: #ecf9fe; height: 350px; text-align: center; display: none; }
@media all and (max-width: 767px) { .quiz-content { height: auto; min-height: 5px; padding-bottom: 40px; overflow: hidden; } }
.quiz-content .container { position: relative; }
.quiz-content .question { height: 160px; width: 100%; line-height: 160px; }
.quiz-content .question .inner { display: inline-block; vertical-align: middle; line-height: 1em; }
@media all and (max-width: 767px) { .quiz-content .question { padding: 15px 30px; height: auto; } }
.quiz-content .close { display: block; background: url(/content/img/icon-close-hover.png) no-repeat; width: 24px; height: 24px; position: absolute; top: 24px; right: 10px; }
@media all and (max-width: 767px) { .quiz-content .button-row { height: auto; min-height: 5px; overflow: hidden; } }
.quiz-content .btn-quiz { background: #fff; border: 0px; border: 1px solid #11b3f0; width: 155px; text-align: center; line-height: 36px; height: 38px; font-family: 'PT Serif', serif; font-size: 16px; color: #11b3f0; cursor: pointer; }
.quiz-content .btn-quiz:focus, .quiz-content .btn-quiz:hover { background: #11b3f0; color: #fff; }
.quiz-content .form-group { display: inline-block; margin: 0px 9px; }
@media all and (max-width: 767px) { .quiz-content .form-group { width: 100%; display: block; margin: 0px 0px 10px; } }
.quiz-content ::-webkit-input-placeholder { color: #11b3f0; }
.quiz-content :-moz-placeholder { /* Firefox 18- */ color: #11b3f0; }
.quiz-content ::-moz-placeholder { /* Firefox 19+ */ color: #11b3f0; }
.quiz-content :-ms-input-placeholder { color: #11b3f0; }
.quiz-content .submit { background: #11b3f0; border: 0px; width: 300px; text-align: center; line-height: 36px; height: 38px; font-family: 'PT Serif', serif; font-size: 16px; margin: 0px 9px; color: #fff; cursor: pointer; text-transform: uppercase; display: inline-block; }
.quiz-content .step strong { font-size: 20px; font-family: 'PT Serif', serif; font-weight: 400; color: #343434; display: block; margin-bottom: 10px; line-height: 1.4em; }
.quiz-content .step small { display: block; font-family: 'PT Serif', serif; font-weight: 400; font-size: 14px; color: #686969; }
.quiz-content .imposter { height: 198px; width: 100%; margin-bottom: 53px; padding-right:10px; }
@media all and (max-width: 767px) { .quiz-content .imposter { height: auto; margin-bottom: 30px; } }
.quiz-content .step2, .quiz-content .step3, .quiz-content .step4 { display: none; }
.quiz-content .button-hold { height: auto; min-height: 5px; overflow: hidden; width: 100%; display: none; text-align: center; }
.quiz-content .progress-bar { display: inline-block; }
.quiz-content .progress-bar ul { margin: 0px; padding: 0px; }
.quiz-content .progress-bar li { margin: 0px 32px; position: relative; float: left; padding: 0px; list-style-type: none; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; width: 46px; line-height: 44px; height: 46px; background: #fff; color: #343434; font-family: 'PT Serif', serif; font-size: 18px; z-index: 1; }
@media all and (max-width: 767px) { .quiz-content .progress-bar li { margin: 0px 12px; } }
.quiz-content .progress-bar li:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -2px; left: 43px; width: 67px; height: 3px; z-index: 2; background: #fff; }
@media all and (max-width: 767px) { .quiz-content .progress-bar li:after { width: 32px; } }
.quiz-content .progress-bar li.been-there { background: #dcdcdc; color: #fff; line-height: 44px; }
.quiz-content .progress-bar li.been-there:after { background: #dcdcdc; }
.quiz-content .progress-bar li.active { background: #00aeef; color: #fff; border: 3px solid #b8e2f3; z-index: 3; line-height: 40px; }
.quiz-content .progress-bar li:last-child:after { display: none; }

.seminar-student a:hover h2, .seminar-student a:hover h3 { color: #fff; } /*change from color: #1096c8; 8 Apr 15, GC*/
@media all and (max-width: 1040px) { .seminar-student .container { width: 750px; } }
@media all and (max-width: 767px) { .seminar-student .container { width: 100%; padding: 0px 10px; } }
@media all and (max-width: 767px) { .seminar-student .container-change-full { padding: 0; } }
.seminar-student .main-display { margin-bottom: 0px; }
.seminar-student .content { width: 100%; }
@media all and (max-width: 767px) { .seminar-student .content { margin-bottom: 0px; text-align: center; }
  .seminar-student .content p { text-align: left; } }
.seminar-student .calendar--tooltip { position: absolute; top: 110px; left: 440px; display: none; }
.seminar-student .article__holder { margin-bottom: 20px; }
@media all and (max-width: 1040px) { .seminar-student .article__holder { height: auto; min-height: 5px; overflow: hidden; }
  .seminar-student .article__holder img { width: 100%; height: auto; float: left; } }
@media all and (max-width: 767px) { .seminar-student .article__holder .article { position: relative; top: 0px; left: 0px; width: 100%; }
  .seminar-student .article__holder .article h3 { font-size: 22px; }
  .seminar-student .article__holder .article .buttons-holder { top: -50px; } }
.seminar-student .article__date { font-size: 14px; margin-top: 2px; float: left; display: block; }
.seminar-student .article__links { float: left; margin-top: 0px; display: block; margin-left: 20px; }
.seminar-student .article__links.first {margin-left: 0;} /* added for share link at the left side - JM - Mar 31, 2015 */
.seminar-student .article--type2 { top: 270px; width: 570px; padding: 23px 25px 10px; }
@media all and (max-width: 1040px) { .seminar-student .article--type2 { top: 180px; } }
.seminar-student .article--type2 .article__date { color: #fff; }
.seminar-student .article--type2 h3 { font-size: 30px; margin-bottom: 20px; }
.seminar-student .article--type2 a.icon-calendar { margin-top: 0px; background: url(/content/img/icon-calendar-white.png) no-repeat; }
.seminar-student .article--large .btn { position: absolute; top: 205px; left: 0px; color: #fff; padding: 8px 85px 8px 84px; }
.seminar-student .article--small .btn { position: absolute; top: 125px; left: 0px; color: #fff; padding: 8px 85px 8px 84px; }
.seminar-student .article--large .article__content { min-height: 130px; }
@media all and (max-width: 1040px) { .seminar-student .article--large { width: 350px; } }
@media all and (max-width: 767px) { .seminar-student .article--large { width: 290px; display: inline-block; margin: 0px 20px 20px; float: none; } }
@media all and (max-width: 1040px) { .seminar-student .row { text-align: center; } }
.seminar-student .article--small { float: left; margin-right: 20px; margin-bottom: 20px; }
.seminar-student .article--small:nth-child(3n+3) { margin-right: 0px; }
.seminar-student .article--small:nth-child(3n+1) { clear:left; }
.seminar-student .article--small h4 { font-size: 20px; }
@media all and (max-width: 1040px) { .seminar-student .article--small { display: inline-block; float: none; margin: 0px 20px 20px; }
  .seminar-student .article--small:nth-child(3n+3) { margin: 0px 20px 20px; } }
.seminar-student .topic-selection__holder { top: 50px; background: #f5f4f4; }
.seminar-student .topic-selection { background: #f5f4f4; }
.seminar-student .section__footer { margin-bottom: 15px; }

.seminar-student-listing .content h3 { margin-top: 0px; margin-bottom: 10px; margin-right: 47px; }
.seminar-student-listing .content .headline-holder a { line-height: 40px; margin: 0px 0px 0px 0px; }
@media all and (max-width: 485px) { .seminar-student-listing .content .headline-holder a { float: left; display: block; margin-left: 0px; } }
.seminar-student-listing p.main { max-width: 70%; margin-bottom: 30px; }

.seminar-student-detail .main-display .article--main h1 { font-size: 18px; font-family: 'PT Serif', serif; }
.seminar-student-detail .main-display { height: 425px; overflow: hidden; width: 100%; margin-bottom: 20px; background: url(/content/img/photos/main-display11.jpg) no-repeat center center; background-size: cover; }
@media all and (max-width: 1040px) { .seminar-student-detail .main-display { height: 385px; }
  .seminar-student-detail .main-display .article { width: 90%; } }
@media all and (max-width: 420px) { .seminar-student-detail .main-display .article .holder { width: 100%; }
  .seminar-student-detail .main-display .article h1 { padding-right: 0px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 5px; margin-bottom: 5px; }
  .seminar-student-detail .main-display .article .article__links { display: block; width: 100%; margin-left: 0px; } }
.seminar-student-detail .main-display .container { position: absolute; top: 0px; height: 425px; left: 50%; margin-left: -480px; }
@media all and (max-width: 1040px) { .seminar-student-detail .main-display .container { margin-left: -300px; } }
@media all and (max-width: 767px) { .seminar-student-detail .main-display .container { width: 100%; left: 0px; margin-left: 0px; } }
.seminar-student-detail .main-display .article--main { background: rgba(17, 179, 240, 0.9); }
.seminar-student-detail .main-display .article--main .article__date { top: -3px; position: relative; }  /* edited - SF - Mar 19,2015 */
@media all and (max-width: 1040px) { .seminar-student-detail .main-display .article--main { top: 90px; } }
.seminar-student-detail .main-display .article--main:before { background: rgba(17, 179, 240, 0.9); }
.seminar-student-detail .link-holder { height: auto; min-height: 5px; overflow: hidden; display: block; margin: 40px 0px; }
.seminar-student-detail .link-holder .btn { width: 180px; margin-right: 5px; padding-left: 0px; padding-right: 0px; text-align: center; }
.seminar-student-detail .link-holder .btn:last-child { margin-right: 0px; }
@media all and (max-width: 620px) { .seminar-student-detail .link-holder .btn { width: 100%; margin-bottom: 10px; margin-right: 0px; } }
.seminar-student-detail ul.regular { font-family: 'PT Serif', serif; font-size: 10px; color: #343434; padding-left: 50px; }
.seminar-student-detail ul.regular span { font-size: 16px; line-height: 1.4em; }
.seminar-student-detail ul.regular li { padding-left: 20px; margin: 0px 0px 5px; }
.seminar-student-detail .main-display + section { height: auto; min-height: 270px; overflow: hidden; }
.seminar-student-detail .author-block { /*border-top: 0px; margin-top: 0px; margin-bottom: 10px;*/ } /*using global author block 9 Apr 15, GC*/
.seminar-student-detail .content { margin-top: 17px; width: 570px; height: auto; min-height: 5px; /*overflow: hidden;*/ margin-bottom: 80px; overflow:visible; } /*changed to overflow:visible; for tooltip*/
@media all and (max-width: 767px) { .seminar-student-detail .content { text-align: left; } }
.seminar-student-detail .content strong { font-family: 'PT Serif', serif; font-size: 16px; font-weight: 700; display: block; margin: 25px 0px; }
.seminar-student-detail .content p { margin: 20px 0px 20px; }
.seminar-student-detail .content strong.smaller { margin-top: 15px; margin-bottom: 5px; }
@media all and (max-width: 1040px) { .seminar-student-detail .content { width: 100%; } }
.seminar-student-detail .side-nav ul { padding-left: 0px; }
.seminar-student-detail .side-nav a { color: #11b3f0; }
.seminar-student-detail .side-nav .popular .hidden-content a {color:#fff;}

.seminar-student-detail .side-nav input[type="email"] { border: 1px solid #11b3f0; }
.seminar-student-detail .side-nav button { background: #11b3f0; }
.seminar-student-detail .trends { margin-top: 30px; }
.seminar-student-detail .trends h3 { margin-bottom: 20px; }
.seminar-student-detail .trends a { color: #343434; }
.seminar-student-detail .trends a:hover { color: #f98e1e; }
.seminar-student-detail .trends li { padding-left: 40px; }
.seminar-student-detail .quote { float: right; width: 240px; padding: 0px 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 10px 0px 10px 50px; }
@media all and (max-width: 470px) { .seminar-student-detail .quote { margin: 0px auto; width: 100%; } }
@media all and (max-width: 767px) { .seminar-student-detail .quote { margin: 0px auto; width: 100%; } }
.seminar-student-detail .quote p { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px;}
.seminar-student-detail .quote small { font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #343434; line-height: 32px; display: inline-block; position: relative; top: -10px; }
.seminar-student-detail .hashtags { padding-top: 10px; }
.seminar-student-detail .share-quote-fb { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-facebook.png) no-repeat; }
.seminar-student-detail .share-quote-twt { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-twitter.png) no-repeat; }
.seminar-student-detail .author-block { /*height: auto; min-height: 5px; overflow: hidden; border-bottom: 0px; margin-bottom: 10px; margin-bottom: 0px;*/ } /*changed to overflow:visible; for tooltip*/
.seminar-student-detail .author-block .holder { height: auto; min-height: 5px; overflow: hidden; }
.seminar-student-detail .author-block .holder strong { margin-top: 0px; }

.schedule { margin: 0px 0px 40px; padding: 0px; font-family: 'PT Serif', serif; font-size: 15px; color: #343434; display: block; height: auto; min-height: 5px; overflow: hidden; }
.schedule li { margin: 0px; padding: 0px 0px 0px 36px; list-style-type: none; width: 100%; height: auto; min-height: 5px; overflow: hidden; line-height: 32px; vertical-align: top; display: table; }
.schedule li:nth-child(even) { background: #f3f3f3; }
@media all and (max-width: 490px) { .schedule li { padding-left: 10px; } }
.schedule span { display: inline-block; width: 380px; }
@media all and (max-width: 600px) { .schedule span { width: 260px; } }
@media all and (max-width: 450px) { .schedule span { width: 180px; } }
@media all and (max-width: 400px) { .schedule span { width: 140px; } }
.schedule small { display: inline-block; float: left; font-size: 15px; margin-right: 5px; }

.author-block { display: block; width: 100%; /*border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;*/ /*padding: 18px 0px;*/ height: auto; min-height: 5px; overflow: hidden; margin: 20px 0px 20px; } /*change from margin: 30px 0px 20px; 9 Apr 15 GC*/
@media all and (max-width: 767px) { .author-block { text-align: center; } }
.author-block .photo { -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px; float: left; overflow: hidden;  width: 130px; height: 130px; margin-right: 37px; } /* 15 apr 15 GC, change from width: 120px; height: 120px; for resources detail - requested by kristin*/
@media all and (max-width: 767px) { .author-block .photo { display: inline-block; float: none; margin: 0; } }
.author-block .holder strong { margin: auto; font-weight: 400; font-size: 19px; margin-bottom: 5px; margin-top: 10px; display: block; }
.author-block .holder p { margin: 0; font-size: 14px; }
.author-block .holder { width: 400px; float: left; /*height: 120px;*/ }
@media all and (max-width: 1040px) { .author-block .holder { width: 375px; } }
@media all and (max-width: 767px) { .author-block .holder { width: 100%; } }
.author-group {display: block; width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom:10px;}

.search { position: relative; }
.search button:focus, .search input:focus { outline: 0; }
.search .search-field { position: absolute; display: none; top: 140%; z-index: 10; right: -20px; width: 550px; -moz-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.3); }
.search .search-field button { float: right; width: 150px; height: 42px; padding: 0; border: 0px; background: #11b3f0; color: #fff; font-size: 16px; line-height: 42px; text-align: center; cursor: pointer; text-transform: uppercase; }
.search .search-field button:hover { background: #1096c8; }
.search .search-field input.gsc-search-button { font-weight:normal; font-family: 'Ubuntu',sans-serif; border-radius:0px 0px; margin-left:0px; float: right; width: 150px; height: 42px; padding: 0; border: 0px; background: #11b3f0; color: #fff; font-size: 16px; line-height: 42px; text-align: center; cursor: pointer; text-transform: uppercase; }
.search .search-field input.gsc-search-button:hover { background: #1096c8; }
.search .search-field input { width: 400px; float: left; height: 42px; font-size: 16px; border: 0px; background: #f5f4f4; color: #343434; padding: 0px 25px; }
.search .search-field ::-webkit-input-placeholder { color: #343434; }
.search .search-field :-moz-placeholder { /* Firefox 18- */ color: #343434; }
.search .search-field ::-moz-placeholder { /* Firefox 19+ */ color: #343434; }
.search .search-field :-ms-input-placeholder { color: #343434; }
td .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding:0px; }

.menu-button { display: none; margin: 11px 23px 0px; }
@media all and (max-width: 1040px) { .menu-button { display: block; float: left; } }
@media all and (max-width: 767px) { .menu-button { margin-left: 4px; } }
.menu-button span { display: block; width: 22px; height: 2px; background: #11b3f0; margin-bottom: 4px; }

.mobile-nav-container { width: 210px; height: 100%; background: #f4f4f4; position: fixed; top: 0px; left: 0px; z-index: 20; text-align: center; left: -210px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; overflow-y: auto; }
.mobile-nav-container.open { left: 0px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.mobile-nav-container ul.mobile-nav { margin: 60px 0px 0px; height: auto; min-height: 5px; overflow: hidden; display: block; padding: 0px; }
.mobile-nav-container ul.mobile-nav li { margin: 0px; padding: 0px; list-style-type: none; width: 100%; display: block; height: 44px; position: relative; line-height: 44px; border-top: 1px solid #eaeaea; text-align: center; }
/*.mobile-nav-container ul.mobile-nav li a { color: #1c4095; font-size: 17px; font-family: 'PT Serif', serif; text-transform: none; display: block; width: 100%; height: 100%; }*/
.mobile-nav-container ul.mobile-nav li a {
    color: #1c4095;
    font-size: 17px;
    font-family: 'Ubuntu', sans-serif;
    text-transform: none;
    display: block;
    width: 100%;
    height: 100%
}

.mobile-nav-container ul.mobile-nav li:last-child { border-bottom: 1px solid #eaeaea; }
.mobile-nav-container ul.mobile-nav li.with-sub { height: auto; min-height: 5px; overflow: hidden; height: 42px; }
.mobile-nav-container ul.mobile-nav li.with-sub > a { position: relative; }
.mobile-nav-container ul.mobile-nav li.with-sub > a:after { display: block; content: ''; position: absolute; top: 15px; right: 56px; width: 8px; height: 15px; /*background: url(/content/img/arrow-nav.png) no-repeat;*/ }
.mobile-nav-container ul.mobile-nav li.with-sub.open { background: #eaeaea; height: auto; }
.mobile-nav-container ul.mobile-nav li.with-sub.open > a:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-nav-container ul.mobile-nav li > ul { background: #fff; padding: 10px 0px; padding-left: 0px; }
.mobile-nav-container ul.mobile-nav li > ul li { border-top: 0px; height: 32px; line-height: 32px; width: 80%; margin: 0px auto 5px; }
.mobile-nav-container ul.mobile-nav li > ul li:hover { background: #eaeaea; }
.mobile-nav-container ul.mobile-nav li > ul li:last-child { border-bottom: 0px; }
.mobile-nav-container ul.mobile-nav li > ul a { font-size: 16px; }
.mobile-nav-container .close { position: absolute; top: 18px; left: 18px; display: block; background: url(/content/img/icon-close-hover.png) no-repeat; }
.mobile-nav-container .social-affix { display: inline-block; position: relative; top: 0px; margin: 35px 0px 0px; left: 0px; display: inline-block; }
.mobile-nav-container .social-affix ul { left: 0px; }

.mobile-slider1 { position: relative; width: 100%; }
.mobile-slider1 .article.article--large { width: 283px; }
.mobile-slider1 .slick-slide { margin: 0px 10px; }
.mobile-slider1 .photo { height: 174px; }
.mobile-slider1 .photo img { height: 174px; }
.mobile-slider1 h4 { font-size: 20px; }
.mobile-slider1 .article__content { padding: 15px 15px; }
.mobile-slider1 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider1 .slick-dots li { margin: 0px 6px; }
.mobile-slider1 .slick-dots button { height: 8px; width: 8px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider1 .slick-dots .slick-active button { background: #11b3f0; }

.mobile-slider2 { position: relative; width: 100%; }
.mobile-slider2 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider2 .slick-dots li { margin: 0px 6px; }
.mobile-slider2 .slick-dots button { height: 8px; width: 8px; font-size: 0px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider2 .slick-dots .slick-active button { background: #11b3f0; }

.mobile-slider3 { position: relative; width: 100%; }
.mobile-slider3 .slick-slide { margin: 0px 10px; }
.mobile-slider3 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider3 .slick-dots li { margin: 0px 6px; }
.mobile-slider3 .slick-dots button { height: 8px; width: 8px; font-size: 0px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider3 .slick-dots .slick-active button { background: #11b3f0; }

.mobile-slider4 { position: relative; width: 100%; margin-top: 40px; }
.mobile-slider4 .slick-slide { margin: 0px 10px; }
.mobile-slider4 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider4 .slick-dots li { margin: 0px 6px; }
.mobile-slider4 .slick-dots button { height: 8px; width: 8px; font-size: 0px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider4 .slick-dots .slick-active button { background: #11b3f0; }

.mobile-slider5 { position: relative; width: 100%; margin-top: 40px; }
.mobile-slider5 .slick-slide { margin: 0px 10px; }
.mobile-slider5 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider5 .slick-dots li { margin: 0px 6px; }
.mobile-slider5 .slick-dots button { height: 8px; width: 8px; font-size: 0px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider5 .slick-dots .slick-active button { background: #11b3f0; }

.mobile-slider6 { position: relative; width: 100%; margin-top: 40px; }
.mobile-slider6 .slick-slide { margin: 0px 10px; }
.mobile-slider6 .slick-dots { bottom: 0px; position: relative; }
.mobile-slider6 .slick-dots li { margin: 0px 6px; }
.mobile-slider6 .slick-dots button { height: 8px; width: 8px; font-size: 0px; background: #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.mobile-slider6 .slick-dots .slick-active button { background: #11b3f0; }

@media all and (max-width: 1040px) { .homepage .article--small { width: 285px; margin-right: 0px; } }
@media all and (max-width: 1040px) { .homepage .trends { width: 285px; float: left; } }
@media all and (max-width: 767px) { .homepage .trends { width: 100%; margin: 0px auto; float: none; } }
.homepage header { position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 30; width: 100%; height: 85px; padding: 25px 0px 0px 0px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.homepage header .container { width: 990px; padding: 0px 15px; }
@media all and (max-width: 1199px) { .homepage header .container { width: 940px; } }
@media all and (max-width: 1199px) { .homepage header .container { width: 910px; } }
@media all and (max-width: 1040px) { .homepage header .container { width: 740px; } }
@media all and (max-width: 767px) { .homepage header .container { width: 100%; } }
.homepage header.fixed-nav { height: 60px; position: fixed; top: 0px; left: 0px; padding-top: 19px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.homepage header.fixed-nav .main-nav { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; margin-top: 0px; }
.homepage header.fixed-nav .btn-donate { padding: 22px 15px 15px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.homepage header.fixed-nav .search-icon { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; margin-top: 0px; }
.homepage header.fixed-nav .logo { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; top: -8px; position: relative; }
@media all and (max-width: 1040px) { .homepage header { height: 60px; padding: 12px 0px 0px 0px; } }
.homepage header .logo { float: left; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.homepage header .search { display: block; float: right; }
@media all and (max-width: 1300px) { .homepage header .search { margin-right: 55px; } }
@media all and (max-width: 1040px) { .homepage header .search { margin-right: 88px; } }
@media all and (max-width: 1040px) { .homepage header .search { margin-right: 70px; margin-right: 0px; position: absolute; top: 25px; right: 140px; } }
@media all and (max-width: 1040px) { .homepage header .search { top: 14px; } }
@media all and (max-width: 767px) { .homepage header .search { display: none; } }
.homepage header .search-icon { margin: 8px 10px 0px 19px; width: 21px; height: 21px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; display: block; background: url(/content/img/icon-glass.png) no-repeat; }
.homepage header .search-icon.open { background: url(/content/img/icon-glass2.png) no-repeat; }
.homepage header .btn-donate { position: absolute; top: 0px; right: 0px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
@media all and (max-width: 767px) { .homepage header .btn-donate { display: none; } }
.homepage .main-display { margin-top: 85px; }
.homepage .main-display a:hover h2, .homepage .main-display a:hover small { color: #b2b2b2; }
.homepage .main-display .article__date { margin : 0px 0px 10px 0px; }
.homepage .main-display .article__date:hover{color:#fff;}
.clear-this { font-family: 'PT Serif', serif;}

.subpage .container .content .clear-this { font-size: 16px; color: #343434; line-height: 170%; font-weight: 400; font-family: 'PT Serif', serif;
/* white-space: -moz-pre-wrap;  Mozilla, since 1999 */
/* white-space: pre-wrap;  Opera 4-6 */
/* white-space: -o-pre-wrap;  Opera 7 */
/* word-wrap: break-word;  Internet Explorer 5.5+ */ }

.subpage .container .content .clear-this pre{ line-height: 170%; font-weight: 400; font-family: 'PT Serif', serif;
/* white-space: -moz-pre-wrap;  Mozilla, since 1999 */
/* white-space: pre-wrap;  Opera 4-6 */
/* white-space: -o-pre-wrap;  Opera 7 */
/* word-wrap: break-word;  Internet Explorer 5.5+ */ }

.subpage .container .content .clear-this img{ margin: 7px 7px 7px 0px;}
.subpage .container .content .clear-this p{ font-size: 16px; color: #343434; line-height: 170%; font-weight: 400; font-family: 'PT Serif', serif; margin-top:0px;}
.subpage .container .content .clear-this h1 { font-size: 36px; top: 50%; position:relative; color:black; text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h1 a{ font-size: 36px; top: 50%; position:relative; color:#11b3f0;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h2 { font-size: 30px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif;  margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h2 a{ font-size: 30px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h3 { font-size: 24px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h3 a{ font-size: 24px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif;  margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h4 { font-size: 18px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h4 a{ font-size: 18px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h5 { font-size: 15px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h5 a{ font-size: 15px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h6 { font-size: 12px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this h6 a{ font-size: 12px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
.subpage .container .content .clear-this strong { font-family: 'PT Serif', serif; font-size: inherit;  text-shadow:none; font-weight: 700; display: inline; margin: 25px 0px; margin: 10px 0px; text-transform : none;} /* 27 Apr 15 GC remove line breaks>  display: block;*/
.subpage .container .content .clear-this .quote { float: right; width: 240px; padding: 0px 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 10px 0px 10px 50px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px; }
@media all and (max-width: 470px) { .subpage .container .content .clear-this .quote { margin: 0px auto; width: 100%; } }
@media all and (max-width: 767px) { .subpage .container .content .clear-this .quote { margin: 0px auto; width: 100%; } }
.subpage .container .content .clear-this .quote p { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px;}
.subpage .container .content .clear-this .quote small { font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #343434; line-height: 32px; display: inline-block; position: relative; top: -10px; }
.subpage .container .content .clear-this .hashtags { padding-top: 10px; }
.subpage .container .content .clear-this .share-quote-fb { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-facebook.png) no-repeat; }
.subpage .container .content .clear-this .share-quote-twt { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-twitter.png) no-repeat; }

  .clear-this { font-size: 16px; color: #343434; line-height: 170%; font-weight: 400; font-family: 'PT Serif', serif;}
  .clear-this img{ margin: 7px 7px 7px 0px;}
  .clear-this p{ font-size: 16px; color: #343434; line-height: 170%; font-weight: 400; font-family: 'PT Serif', serif; margin-top:0px;}
  .clear-this h1 { font-size: 36px; top: 50%; position:relative; color:black; text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h1 a{ font-size: 36px; top: 50%; position:relative; color:#11b3f0;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h2 { font-size: 30px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif;  margin: 10px 0px; text-transform : none;}
  .clear-this h2 a{ font-size: 30px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h3 { font-size: 24px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h3 a{ font-size: 24px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif;  margin: 10px 0px; text-transform : none;}
  .clear-this h4 { font-size: 18px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h4 a{ font-size: 18px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h5 { font-size: 15px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h5 a{ font-size: 15px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h6 { font-size: 12px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this h6 a{ font-size: 12px; color: #11b3f0; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif; margin: 10px 0px; text-transform : none;}
  .clear-this strong { font-family: 'PT Serif', serif; font-size: inherit;  text-shadow:none; font-weight: 700; display: inline; margin: 25px 0px; margin: 10px 0px; text-transform : none;}
  .clear-this .quote { float: right; width: 240px; padding: 0px 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 10px 0px 10px 50px; }
  @media all and (max-width: 470px) { .clear-this .quote { margin: 0px auto; width: 100%; } }
  @media all and (max-width: 767px) { .clear-this .quote { margin: 0px auto; width: 100%; } }
  .clear-this .quote p { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #343434; font-size: 26px; line-height: 36.4px;}
  .clear-this .quote small { font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #343434; line-height: 32px; display: inline-block; position: relative; top: -10px; }
  .clear-this .hashtags { padding-top: 10px; }
  .clear-this .share-quote-fb { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-facebook.png) no-repeat; }
  .clear-this .share-quote-twt { display: inline-block; margin-left: 5px; width: 32px; height: 32px; background: url(/content/img/button-twitter.png) no-repeat; }

.trends--solo { width: 300px; height: auto; min-height: 5px; overflow: hidden; float:right;}
.trends--solo h3 { margin: 0px 0px 18px; }
.trends--solo ul { margin: 0px 0px; padding: 0px; display: block; width: 100%; height: auto; min-height: 5px; overflow: hidden; }
.trends--solo li { margin: 0px 0px 13px; /*padding: 0px 0px 0px 50px;*/ padding:0px; list-style-type: none; }
.trends--solo .article__title { font-family: 'Ubuntu', sans-serif; text-transform: none; color: #000; display: block; font-size: 18px; }
.trends--solo .article__title:hover { color: #1096c8; }
.trends--solo .article__author { font-size: 13px; color: #343434; }
.trends--solo .article__author:hover { color: #1096c8; }
.article--large--solo { width: 600px; margin-bottom: 20px; }
.article--large--solo img { width: 600px; }

.main-display .left--solo { width: 100%; float: left; height: 100%; overflow: hidden; position: relative; }
@media all and (max-width: 767px) { .main-display .left--solo { width: 100%; padding-right: 15px; } }
.main-display .left--solo img { float: right; }
.main-display .left--solo .article { left: 0px; right: 159px; width: 61%; }
@media all and (max-width: 1199px) { .main-display .left--solo .article { right: 115px; } }
@media all and (max-width: 1040px) { .main-display .left--solo .article { right: 32px; } }
@media all and (max-width: 767px) { .main-display .left--solo .article { right: 0px; left: 0px; width: 90%; float: left; top: 80px; height: auto; } }
.main-display .left--solo h2 { margin: 0px 0px 9px; }
.main-display .left--solo .article__type { margin-bottom: 4px; }
.main-display .left--solo small { float: left; }
.main-display .left--solo__inner { float: right; width: 420px; }
@media all and (max-width: 1040px) { .main-display .left--solo__inner { width: 375px; } }
@media all and (max-width: 767px) { .main-display .left--solo__inner { width: 100%; } }

@media all and (max-width: 768px) {
	.donation-slider-mobile-hide { display:none; }
}

footer .copy { width: 860px;}
footer .bottom { overflow:hidden; }
footer .bottom a { color:#fff;}

.content a, footer a {
    text-transform: none !important;
}

.detailList {
    float: left;
    width: 100%;
    border-bottom: 0;
    margin-top: 10px;
}

.detailList .dvArticle {
    width: 100%;
    /*padding: 0 0 65px 0;*/
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ededed;
    overflow:hidden;
} /*change padding, add overflow, 16 Apr 15 GC*/

.detailList .dvArticleLast {
    width: 100%;
    padding: 0 0 8px 0;
    margin: 0 0 10px 0
}

.detailList .dvArticle .slider {
    list-style: none;
    clear: both;
    margin-left: 0;
}

.detailList .dvArticleLast .slider {
    list-style: none;
    clear: both;
    margin-left: 0;
}

.detailList h3.itemtype {
    color: #939598;
    font-weight: bold;
    font-size: 14px;
}

.detailList h3.listTitle {
    font-family: 'PT Serif', serif; 
    color: #000;
    font-size: 28px;
}

.detailList h3 a { color: #939598; font-size:20px; margin-top:0px; }
.detailList h3 a:hover { color: #1096c8; }

.detailList h2.itemsubtitle {
    color: #000;
    font-size: 18px;
}

.detailList h5.itemdate {
    color: #000;
    font-size: 16px;
    margin: 10px 0px 0px 0px;
}

.detailList div.itemtitle a { 
    font-size: 20px; color: #11b3f0; font-family: 'PT Serif', serif; line-height: 1em; font-weight: 400; 
}
.detailList div.itemtitle a:hover { color: #1096c8; }

/* From old FEE site for freeman archive page -- JEH - Apr 10, 2015 */
.detailList .img_box { float: left; width: 199px; height: 123px; margin-top: 9px; padding-right: 10px }
.detailList .img_issue { float: left; width: 150px; margin-top: 9px; padding-right: 10px }
.detailList .dvMoreLink { float: left; width: 100%; padding: 0; margin-top: -5px; margin-bottom: 10px }
.detailList .dvMoreLink a, a:hover, a:visited, a:active { border: none; outline: none }
.detailList .dvMoreLink .link_more { font-size:13px; }
.detailList h5.volume { font-size:14px; color: #000; top:-5px; position:relative; text-transform: none; margin-top:-25px; }
.detailList .text {  padding-bottom: 0 } /* 16 Apr 15 GC, remove : margin-top: -15px; margin-bottom:-15px; : to fix freeman archive space*/
.detailList p { font-size:14px; margin:1px 0px 5px; }
.detailList ul { list-style: disc; clear: both; margin-left: 30px }
.detailList ol { list-style: decimal; clear: both; margin-left: 30px }

.plus_icon a { float: left; width: 100%; padding-left: 20px; background: url("/content/images/cms/sprite.png") no-repeat scroll 0 3px transparent; margin: 0 0 0 0; height: 17px; }
.plus_icon a:hover { background: url("/content/images/cms/sprite.png") no-repeat scroll 0 -13px transparent; height: 17px; }
/* END OF added for freeman archive page */

.pagingNav {
    clear: both;
    margin: 0 0 3px 0;
    padding: 12px 0 1px 0;
    text-align: center;
    font-family: 'PT Serif', serif;
}

.pagingNav a {
    color: #11b3f0;
    font-family: 'PT Serif', serif;
}

/* AJAX /
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/Content/Images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #modal {
    display: block;
}

/* added from old FEE - ML - Apr 03, 2015 */
.infoBox,.successBox,.warningBox,.errorBox,.validationBox {
	border: 1px solid;
	margin: 0 0 10px 0;
	padding: 10px 0px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.infoBox {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(/content/images/box-info.gif);
}
.successBox {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url(/content/images/box-success.gif);
}
.warningBox {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(/content/images/box-warning.gif);
}
.errorBox {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(/content/images/box-error.gif);
}

.errorBox ul {
	float: none;
}
.errorBox ul li {
	float: none;
	margin-bottom: 0;
}
.errorBox ul {
	list-style: disc;
	clear: both;
}

.validationBox {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url(/content/images/box-validation.gif);
}

.validationBox a {
	color: #D63301;
}

table.frmTbl {
	width: 100%;
	margin: 0 0 0 3px;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

table.frmTbl tr td, table.frmTbl tr th {
	margin: 0;
	padding: 0 10px 5px 0;
	font-size: 14px;
}

.subpage .container .content .clear-this form table.frmTbl tr td strong{
    margin:0px;
    display:inline;
}

.field-validation-error, label.error {
	color: #F00;
	margin-left: 5px;
}
label.error2 {
	color: #F00;
	margin-left: 0px;
}
.field-validation-valid {
	display: none;
}
.validation-summary-errors {
	color: #F00;
}
.validation-summary-valid{
	display: none;
}

.tbllist .headerList,.tbllist .headerList input {
	background: #00A8C6;
	color: #fff;
}
.tbllist .odd {
	background: #eee;
}
.tbllist .flagged {
	background: #F2DCDB;
}
.tbllist tr td {
	/*border-bottom: 1px solid #00A8C6;*/
    border-bottom: 1px solid #113344;
}
.tbllist tr:hover {
	background: #ffc;
}
.tbllist tr.headerList:hover {
	background: #00A8C6;
}
.tbllist {
	width: 100%;
	font-size: 12px;
}
.tbllist a {
	text-transform: none;
	font-family: Calibri,Ubuntu,Helvetica,sans-serif;
}
.tbllist a:hover {
	color:#11B3F0;
}
.tbllist td {
	margin: 0;
	padding:0
}
/* END OF added from old FEE - ML - Apr 03, 2015 */

/* added for general form - ML - Apr 03, 2015 */
.frmTbl .forminput {
    margin-top: 4px;
    width: 100%;
    height: 47px;
    padding: 0px 14px;
    font-size: 16px;
    font-family: 'PT Serif', serif;
    color: #343434;
    border: 1px solid #D8D6D6;
    overflow: visible;
}
.frmTbl .forminput-multiple {
    font-size: 16px;
    font-family: 'PT Serif', serif;
    color: #343434;
    border: 1px solid #D8D6D6;
}
.frmTbl .btn {
    width: 150px;
    padding:8px 0 8px 0;
}
/* END OF added for general form - ML - Apr 03, 2015 */

/* added to fix JQuery UI CSS dialog - ML - Apr 03, 2015 */
.ui-dialog {
	z-index: 1000 /*!important*/;
}
.ui-dialog .ui-dialog-titlebar-close span {
	margin: 0px 0 -8px 0px !important; /*margin: -8px 0 -8px -9px !important*/
}
.ui-widget-overlay {
	position: fixed!important;
}
.ui-widget-content a {
	font-size: 12px;
}
/* END OF added to fix JQuery UI CSS dialog - ML - Apr 03, 2015 */

/* added for general listing - ML - Apr 03, 2015 */
.listing-general .article__title  { font-size:20px; }
.listing-general .article__subtitle { font-size:16px; padding:0px 0px 0px; }
.listing-general .article__author { font-size:12px; color: #000; top:-3px; position:relative; margin-right:35px; }
.listing-general .article__author:hover { color: #1096c8; }
.listing-general .article__date { font-size:12px; color: #000; top:-3px; position:relative; text-transform: none; }
.listing-general.article__date:hover { color: #1096c8; }
.listing-general p { font-size:14px; margin:1px 0px 5px; }
.listing-general li { font-size:14px; }
.listing-general .article__share { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 8px; }
.listing-general .article__share:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-share-gray.png) no-repeat; }
.listing-general .article__comments { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 18px; }
.listing-general .article__comments:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-comment-gray.png) no-repeat; }
.listing-general .article__links { margin: 0px 0px 15px; display: block; height: auto; min-height: 5px; overflow: hidden; }
.listing-general .article__type { position: absolute; top: 10px; left: 0px; background: #11b3f0; color: #fff; padding: 4px 20px 6px 18px; text-transform: none; }
.listing-general .article__type:hover { background: #1096c8; }
.listing-general .article__container{margin: 0px 0px 15px;} 
/* END OF added for general listing - ML - Apr 03, 2015 */

/* ML April 07, 2015 */
.subpage.arena-archive .content p:first-of-type,
.subpage.freeman-detail .content p:first-of-type
{margin-top:0;}

/* MH PAril 10, 2015 */
@media all and (max-width:635px) {
 .photos-list .hidden-caption {display: none !important;}
}
.author__column__holder{
    max-width: 80%;
    display:inline-table;
    padding-right:20px;
}
ul.author__column__holder{
    list-style: outside none none;
    padding-left:0px;
}

/*added 28 Apr 15 GC*/
.related__list {margin-top:20px;}
.related__list a.article__author { color:#11b3f0; margin-right:20px; }
.related__list a.article__author:hover{ color:#1096c8; }
.related__list a.article__author.inactive, .related__list a.article__author.inactive:hover {color: #b2b2b2;}

.related__list a.article__date{
    color: #b2b2b2;
}
.related__list a.article__date:hover{
    color: #b2b2b2;
}
.related__list .article__links { margin-top: 10px; display: block; height: auto; min-height: 5px; overflow: hidden; }
.related__list .article__share { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 8px; }
.related__list .article__share:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-share-gray.png) no-repeat; }
.related__list .article__share:hover{color:#11b3f0;}
.related__list .article__comments { color: #b2b2b2; padding-left: 23px; position: relative; display: inline-block; margin-right: 18px; }
.related__list .article__comments:before { display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 14px; height: 13px; background: url(/content/img/icon-comment-gray.png) no-repeat; }
.related__list .article__comments:hover{color:#11b3f0;}

.related__list .article__type{font-size: 14px; color:#11b3f0; font-family: 'PT Serif', serif; font-weight: 400; margin-bottom: 5px; display: block; position: relative; background: none; padding: 0; top: 0px; left: 0px;}
.related__list .article__type:hover{ color:#1096c8; }
.related__list .article__type.inactive,  .related__list .article__type.inactive:hover{color: #b2b2b2;}

.related__list .article__title { font-family: 'Ubuntu', sans-serif; text-transform: none; color:#11b3f0; display: block; font-size: 18px; }
.related__list .article__title:hover { color: #1096c8; }
.related__list .article__title.inactive, .related__list .article__title.inactive:hover{color: #b2b2b2;}

.related__list .article__subtitle { margin:0; max-width:90%; line-height:120%; text-transform:none; font-family:'Ubuntu',sans-serif; color:#b2b2b2; display:block; font-size:16px }
.related__list p.text{margin:5px 0px;font-size:16px}

.mainContent img, .listing img, #topicList img {margin:0px 7px 7px 0px;}
.mainContent h2 { font-size: 30px; color: black; line-height: 120%; font-weight: 400;  text-shadow:none; font-family: 'Ubuntu', sans-serif;  margin: 10px 0px; text-transform : none;}
.box .article__date:hover, .article--huge .article__date:hover{color:#fff;}
/*.copy-logo-img{display:inline;}*/
/*.copy-logo-img2{display:none;}*/

/*.main-logo2{display:none;}*/

nav.side-nav .holder p { margin-top:0px;}

.headline-holder a {text-transform: initial !important;}

.article__content div.article__subtitle { color: #000; }
div.article__subtitle { color: #f3f4f4; }

/* added - GC - may 15, 2015 */
.form {max-width:560px;}
#upprev_box .article__content{padding-top:0px; padding-left:10px; min-height:50px; }
#upprev_box .headline-holder {padding-left:10px;}
#upprev_box {
    /* === upPrev Container === */
    /*bottom: 0px;*/ /* distance from window bottom edge */
    /*position: fixed;
    z-index: 10000000;*/
    width: 300px;
    padding: 10px;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
    _position: absolute;
    _top: 0;
    background:#f3f4f4;
}
#upprev_box img {max-width:250px;padding-bottom:20px;
    }
#upprev_box button {
    /* === Close Button === */
    border: none;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 13px;
    height: 13px;
    background: #fff url('/Content/img/close_window.gif') no-repeat 0 0;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
}
#upprev_box h6{clear:both;}
    #upprev_box .article .article__author { margin-right:0px;}
/* end of added */

.seminar-student .article--small img { width: 300px !important; height: 185px !important; } /*image size in article--small in students section - BP - June 4, 2015*/
.seminar-student .article--large img { height: 283px !important; width: 460px !important; } /*image size in article--large in students section - BP - June 4, 2015*/
.seminar-student .article__holder img { width: 940px !important; height: 425px !important; } /*image size in article_holder in students section - BP - June 5, 2015*/
.seminar-student .article--small .article__content img { width: inherit !important; height: inherit !important; } /*image size in article--small in students section - BP - June 5, 2015*/
.seminar-student .article--large .article__content img { height: inherit !important; width: inherit !important; } /*image size in article--large in students section - BP - June 5, 2015*/

@media all and (max-width:631px) {.subpage.alumni .headline-holder a.pull-right.alumniboard {clear:left;float:left;position:inherit;} }

/*added for print preview - BP - May 28, 2015*/
@media print
{
	.main-logo2 { -webkit-margin-start: 0px !important; }
	.slick-dots { display: none !important; }	
		
	/*HOMEPAGE*/	
	.homepage .main-logo2 { margin-left: 0px !important; }
	.homepage .article--large { margin-left: 300px !important; margin-top: 5px !important; margin-bottom: 5px !important; clear: left !important; display: block !important; position: relative !important; float: left !important; }
	.homepage .trends--solo { float: left !important; }
	.homepage section img { display: none !important; }
	.homepage .bookstore { display: none !important; }
	.homepage .articles, .homepage .secondary-content, .homepage .testimonials { display: inline !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.homepage .resources { clear: both !important; display: block !important; position: relative !important; }	
	
	/*FREEMAN*/	
	.freeman .article--box img { height: 312px !important; }	
	.freeman .article--small { margin-bottom: 0px !important; margin-left: 150px !important; clear: both !important; display: inline-block !important; position: relative !important; float: none !important; }
	.freeman .article--small img { height: 185px !important; width: 300px !important; }
	.freeman .tab-nav { clear: both !important; display: block !important; position: relative !important; }
	.freeman .tile img { display: none !important; }
		
	/*ANYTHING PEACEFUL*/
	.blog .content__MainOnly { display: block !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.blog .article img { width: 195px !important; height: 120px !important; }
	
	/*ALUMNI*/
	.alumni .content { -webkit-margin-start: 10px !important; width: 100% !important; }
	.alumni .photos-list li { -webkit-margin-end: 75px !important; }
	.alumni .container { overflow: hidden !important; }
	.alumni #alumniFeatureContent { height: 200px !important; }
	.alumni .content { display: inline !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.alumni .photos-list li { margin-right: 75px !important; }
	
	/*STUDENTS*/
	.seminar-student .container { float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.seminar-student .article img { display: none !important; }
	
	/*EVENTS*/	
	.events .article--large { margin-left: 50px !important; }
	.events .content { display: inline !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.events .calendar .container #calendarList { display: inline !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.events .calendar .container #calendarList .single-event { clear: both !important; display: block !important; position: relative !important; }
	.events .months-bar { display: none !important; }
	.events .article img { width: 240px !important; height: 180px !important; }
	.events #eventList img { display: none !important; }
	.events .calendar .container #calendarList .single-event img { display: none !important; }
	.events	.calendar { margin-bottom: 50px !important; }
	
	/*RESOURCES*/
	.media .content { display: inline !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }
	.media .resources { display: inline-block !important; float: none !important; overflow: visible !important; clear: both !important; position: relative !important; }	
	.media .article img { width: 220px !important; height: 136px !important; }
}
/*--------------------------------------------------------------*/