body { font-family: 'PT Sans', sans-serif; font-family: 'PT Serif', serif; color: #565656; }

.body-wrap, .navbar, footer { margin: 0 auto; }

.container-fluid { padding-left: 30px; padding-right: 30px; }
.navbar ul,
.navbar li, footer ul, footer li { list-style: none; }
p { font-size: 14px; font-family: 'PT Sans', sans-serif; }
/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif', serif;
} */
a { color: #1d002e; cursor: pointer; }
a:hover { color: #565656; text-decoration: underline; }
.pb20 { padding-bottom: 20px; }
.normal { font-weight: normal !important; }
h2 { font-size: 25px; font-weight: 700; margin: 0 0 10px 0; color: #1d002e; }
.f12 { font-size: 12px; }
.mt45 { margin-top: 45px; }
.mb20 { margin-bottom: 20px; }
/*.bodyBg { background: url(../../images/almanac/bodyBg.png) repeat bottom center; width: 100%; float: left; }*/

/***** new magazine home page templates *****/
.almanac-banner { background-color: #163516; padding: 20px; margin: 94px auto 0 auto; }
    .almanac-banner h1 { font-family: 'PT Serif', serif; text-align: center; padding: 17px 0 31px 0; border-top: 2px solid #27492f; border-bottom: 4px solid #27492f; background-color: #163516; color: #c0b283; margin: 0; }
        .almanac-banner h1::before { background: url(../../images/almanac/almanac-butterfly.png); background-repeat: repeat; background-size: auto; height: auto; width: 100%; position: relative; display: flex; top: -16px; left: 0; right: 0; text-align: center; background-size: 100%; content: '_'; background-repeat: no-repeat; color: #163516; border-top: 1px solid #c0b283; }
        .almanac-banner h1::after { position: relative; display: flex; top: 31px; content: ''; border-top: 1px solid #c0b283; }
.almanac-weekly-spotlight { background-color: #d7cec7; display: grid; grid-template-columns: auto; grid-template-rows: 65px auto; }
    .almanac-weekly-spotlight .spotlight-archive { grid-row: 1; justify-self: right; color: #163516; padding: 20px 12px 12px 12px; font-family: "PT Sans",sans-serif; font-size: 14px; }
        .almanac-weekly-spotlight .spotlight-archive::after { content: url('../../images/magazine/arrow.png'); height: 30px; width: 35px; display: inline-block; position: relative; top: 5px; left: -3px; }
    .almanac-weekly-spotlight h2 { font-family: 'PT Sans', sans-serif; font-size: 16px; text-transform: uppercase; grid-row: 1; color: #163516; padding: 30px 20px 30px 40px; }
    .almanac-weekly-spotlight .spotlight-items { grid-row: 2; grid-column: span 2; display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(230px, auto)); align-items: stretch; margin: 20px 20px 40px 15px; }
        .almanac-weekly-spotlight .spotlight-items h3 { font-family: 'PT Serif', serif; font-size: 22px; margin-top: 0; color: #163516; }
        .almanac-weekly-spotlight .spotlight-items span, .almanac-weekly-spotlight .spotlight-items p { color: #163516; font-family: "PT Sans",sans-serif; font-size: 14px; }
        .almanac-weekly-spotlight .spotlight-items .spotlight-item { margin-left: 20px; border-left: 8px solid #163516; padding-left: 25px; padding-right: 25px; }
        .almanac-weekly-spotlight .spotlight-items a { font-family: 'PT Serif', serif, serif; color: #163516; }
@media (max-width:992px) {
    .almanac-weekly-spotlight h2 { font-size: 16px; }
}

@media (min-width:768px) {
    .body-wrap, .navbar, .almanac-banner, footer { width: 750px; }
}

@media (min-width:992px) {
    .body-wrap, .navbar, .almanac-banner, footer { width: 970px; }
    .almanac-banner { margin-top: 124px; }
}

@media (min-width:1200px) {
    .body-wrap, .navbar, .almanac-banner, footer { width: 1170px; }
}
/************** Start Header Wrapper CSS ************/
.navbar-brand { height: auto; /* margin-left: 30px; */ width: 100%; text-align: center; margin-top: 20px; }
.navbar-brand > img { display: inline-block; }
.responsive-img { width: 100%; height: auto; }
.white-background { background: #ffffff; }
.inner-wrapper { background: #f4f2f0; width: 100%; float: left; padding-top: 55px; padding-bottom: 50px; }
.left-section h1 { color: #1d002e; font-weight: 700; font-size: 32px; font-family: 'PT Serif', serif; margin-top: 0; }
.inner-wrapper img:not(.img-circle) { display: block; max-width: 100%; height: auto; }
.thumb-wrap { width: 100%; float: left; padding: 20px 80px; min-height: 492px; margin-bottom: 15px; }
    .thumb-wrap.pad-0 { padding: 0; }
    .thumb-wrap.speaker-box { padding: 30px 20px 30px 20px; min-height: 655px; margin-bottom: 45px; }
.article-summary { font-family: 'Quattrocento', serif; }
.article-wrap { padding-top:65px; }
.article-wrap h1 { font-size: 54px; font-weight: 400; margin: 0 0 60px 0; text-align: center; font-family: 'Quattrocento', serif; }
.article-wrap .byline li a { font-family: 'Quattrocento', serif; }
.article-summary h2 { font-size: 24px; font-weight: 400; margin: 0 0 20px 0; line-height: 32px; }
.article-content p:first-child::first-letter { font-style: normal !important; color: #1d002e; float: left; font-family: "Quattrocento", serif; font-size: 114px; padding: 33px 12px 28px 0; }
.article-content img { width:100%;}
.article-summary p, .article-content p { line-height: 21px; font-size: 14px; color: #565656; font-family: 'PT Sans', sans-serif; padding: 0 0 12px 0; width: 100%; }
.article-summary ul, .article-content ul, .article-summary ol, .article-content ol { padding: 0 0 12px 42px; }
.article-general-listing ul, .article-general-listing ul li { list-style: none; }
.article-content .named-anchor { display: block; position: relative; top: -250px; visibility: hidden; }
.meet-expet-wrap { float: left; width: 100%; }
.top-green-bd, .top-green-border { border-top: 10px solid #163516; }
a.buy { font-size: 18px; color: #163516; background: #c0b283; text-transform: uppercase; padding: 5px 10px; }
.meet-expet { width: 100%; float: left; padding: 33px 10px; }
.mb20 { margin-bottom: 20px; }

.article-wrap blockquote.blue-callout { border: 3px solid #00aeef; background-color: #daebf2; padding: 32px 50px 32px 50px; margin: 24px 0; color: #004f99; }
.article-wrap .blue-callout.float-right { float: right; margin-left: 48px; width: 40%; }
.article-wrap .blue-callout.float-left { float: left; margin-right: 48px; width: 40%; }
.article-wrap .blue-callout h3 { color: #004f99; font-size: 20px; font-family: 'PT Sans', sans-serif; font-weight: bold; margin: 0; padding: 0; line-height: 1; }
.article-wrap .blue-callout h2 { color: #004f99; font-size: 14px; font-family: 'PT Sans', sans-serif; font-weight: normal; margin: 0; padding: 0; }
.article-wrap .blue-callout p { margin: 24px 0 0 0; padding: 0; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.5; }

.article-wrap blockquote.white-callout { border: 3px solid #00aeef; background-color: #ffffff; padding: 25px 50px 40px 50px; margin: 24px 0; }
.article-wrap .white-callout.float-right { float: right; margin-left: 48px; width: 40%; }
.article-wrap .white-callout.float-left { float: left; margin-right: 48px; width: 40%; }
.article-wrap .white-callout h3 { color: #00aeef; font-size: 20px; font-family: 'PT Sans', sans-serif; font-weight: bold; text-align: center; margin: 0; padding: 0; }
.article-wrap .white-callout h2 { color: #00aeef; font-size: 14px; font-family: 'PT Sans', sans-serif; font-weight: bold; text-align: center; margin: 0; padding: 0; }
.article-wrap .white-callout p { margin: 24px 0 0 0; padding: 0; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.5; }

.article-wrap hr.blue { margin: 24px 0; padding: 0; line-height: 1; font-size: 1px; border: 0; border-top: 3px solid #00aeef; }
.article-wrap .separator { position: relative; width: 100%; top: 0; height: 100px; }
    .article-wrap .separator hr { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 8; margin: 0; padding: 0; }
    .article-wrap .separator .img-container { position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; display: inline-block; padding: 0 24px; max-height: 100%; }

.article-wrap ul.page-top-links { margin: 25px 0 20px; padding: 24px 5px; list-style-type: none; border-top: 1px solid #565656; border-bottom: 1px solid #565656; text-align: center; }
    .article-wrap ul.page-top-links li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; list-style-type: none; }
        .article-wrap ul.page-top-links li:not(:last-of-type):after { content: ''; display: inline-block; vertical-align: middle; height: 12px; margin: 0 10px; }
        .article-wrap ul.page-top-links li:nth-child(odd):after { border-left: 1px solid #1b1464; border-right: 1px solid #cac8d1; }
        .article-wrap ul.page-top-links li:nth-child(even):after { border-left: 1px solid #a7a4b7; border-right: 1px solid #6f6c91; }
    .article-wrap ul.page-top-links a { color: #0082b8; font-family: 'PT Sans', sans-serif; font-size: 14px; text-decoration: none; }
        .article-wrap ul.page-top-links a:hover { text-decoration: underline; }

img.img-circle { border-radius: 50%; }
    img.img-circle.float-left { float: left; margin-right: 20px; width: 50%; }
    img.img-circle.float-right { float: right; margin-left: 20px; width: 50%; }

.byline { margin-bottom: 25px; padding: 0; background: none; width: 100%; float: left; }
    .byline > ul { list-style: none; padding: 0; }
    .byline li { float: left; padding-right: 4px; }
        .byline li a { color: #1b1464; font-size: 14px; font-family: 'PT Sans', sans-serif; padding-right: 12px; }
            .byline li a:hover { color: #76323f; text-decoration: underline; }
        .byline li:after { content: '|'; }
        .byline li:last-child:after { content: ''; }

.colOut-section h3 { font-family: "Quattrocento", serif; font-size: 22px; margin: 0 0 5px 0; color: #1d002e; }
.colOut-section p { line-height: 19px; font-size: 14px; color: #565656; font-family: 'PT Sans', sans-serif; margin: 0 0 20px 0; }
.colOut-box { margin-bottom: 45px; }
    .colOut-box p { padding: 22px; margin: 0; font-family: 'PT Sans', sans-serif; }
.hr-septr { height: 3px; width: 100%; float: left; margin: 60px 0; border-bottom: 3px solid #c0b283; }

.article-thumb .featured-wrap { padding-left: 0; padding-right: 0; }
.article-thumb .featured-content { font-weight: 400; padding: 20px 15px; }
    .article-thumb .featured-content h3 { font-size: 16px; }
.article-thumb .col-serv .whiteBg { min-height: 410px; }
.thumb-wrap { width: 100%; float: left; padding: 20px 80px; min-height: 492px; margin-bottom: 15px; }
.thumb-wrap.pad-0 { padding: 0; }
.thumb-wrap.speaker-box { padding: 30px 20px 30px 20px; min-height: 655px; margin-bottom: 45px; }
.archive-sort-container { margin: 0; padding: 0; }
.archive-list-wrap { display: grid; margin-top: -50px; font-family: 'PT Sans', sans-serif; }
.archive-sort-filter.fixed { margin: 0; border-top: 1px solid #1d002e; background: white; -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); display: flex; justify-content: center; align-items: center; max-width: 100%; }
    .archive-sort-filter.fixed .row-no-padding { padding: 0 15px; }
.archive-list-wrap .white-background > div { padding: 24px; }
.archive-list-wrap img { max-height: 300px; cursor: pointer; }
.archive-list-wrap h3 { font-family: "PT Serif",serif; font-size: 21px; margin: 0 0 8px 0; font-weight: 700; align-items: center; display: flex; height: 55px; }
.row-no-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.archive-filters.departments { padding: 0 30px !important; float: right !important; margin-bottom: 20px; text-align: right; }
    .archive-filters.departments a { padding: 0 0; }
        .archive-filters.departments a.active { font-weight: bold; }
    .archive-filters.departments h5 { color: #1d002e; display: inline-block; padding: 0 0 0 0; }
    .archive-filters.departments select { min-width: 300px; }

.archive .author-view-article img { padding: 8px 0; }
.archive image-heading h5 { margin-top: 24px; }
.archive-filters { padding: 0 30px !important; float: right !important; margin-bottom: 20px; text-align: right; }
    .archive-filters a { padding: 0 2px; }
        .archive-filters a.active { font-weight: bold; }
    .archive-filters h5 { display: inline-block; padding-right: 20px; }
    .archive-filters select { min-width: 300px; }
    .archive-filters.fixed { margin: 0; height: 60px; border-top: 1px solid #76323f; background: white; padding: 16px 0 26px 0; -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.42); display: flex; justify-content: center; align-items: center; max-width: 100%; }


.archive-sort { padding: 0 15px; margin-top: 0px; }
.guidebook-list-wrap .archive-sort, .article-general-listing .archive-sort { padding: 0 30px; }
.archive-sort a { padding: 0 12px; }
    .archive-sort a.active { font-weight: bold; }
.archive-sort h5 { color: #1d002e; display: inline-block; padding: 0 30px 0 0; }
.article-summery { font-family: 'Quattrocento', serif; }
.article-summery h1 { font-size: 54px; font-weight: 400; margin: 0 0 60px 0; text-align: center; }
.article-summery h2 { font-size: 25px; font-weight: 400; margin: 0 0 20px 0; line-height: 32px; }
.article-summery .breadcrumb { margin-bottom: 25px; padding: 0; }
.article-summery > p::first-letter { color: #1d002e; float: left; font-family: "Quattrocento",serif; font-size: 114px; padding: 0 12px 28px 0; }
.article-summery p, .artcl-parg p { line-height: 21px; font-size: 14px; color: #565656; font-family: 'PT Sans', sans-serif; padding: 0 0 12px 0; }
.article-general-listing ul, .article-general-listing ul li { list-style: none; }
.article-content .named-anchor { display: block; position: relative; top: -250px; visibility: hidden; }
.colOut-section h3 { font-family: "Quattrocento",serif; font-size: 22px; margin: 0 0 5px 0; color: #1d002e; }
.call-out { width: 426px; float: left; font-size: 26px; line-height: 35px; padding: 35px; margin: 8px 20px 15px 0; border-top: 10px solid #c0b283; border-bottom: 10px solid #c0b283; font-family: "Quattrocento",serif; }
.colOut-section p { line-height: 19px; font-size: 12px; color: #565656; font-family: 'PT Sans', sans-serif; margin: 0 0 20px 0; }
.colOut-box { margin-bottom: 45px; }
.colOut-box p { padding: 22px; margin: 0; font-family: 'PT Sans', sans-serif; }
.hr-septr { height: 3px; width: 100%; float: left; margin: 60px 0; border-bottom: 3px solid #c0b283; }
/* .featured-wrap { font-family: 'Quattrocento', serif; } */
.featured-wrap h2, .featured-wrap h1 { border-bottom: 10px solid #163516; padding-bottom: 10px; font-size: 25px; font-family: "PT Serif"; margin: 0px 0 32px 0; }
.article-thumb .featured-content { font-weight: 400; padding: 20px 15px; }
.article-thumb .featured-content h3 { font-size: 16px; }
.article-thumb .col-serv .whiteBg { min-height: 410px; }

.summery p { line-height: 22px; font-size: 18px; font-family: 'PT Sans', sans-serif; padding: 0 0 30px 0; }
.speaker-name { padding-top: 20px; text-align: center; }
.speaker-name h3 { line-height: 23px; }
.speaker-name h3, .speaker-name a { color: #1d002e !important; }
.speaker-name a:hover { text-decoration: underline; color: #76323f; }
.speaker-box img { filter: grayscale(100%); transition: 1s ease; cursor: pointer; }
.speaker-box:hover img { filter: none; transition: 1s ease; }

.hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; height: 1.5em; font-size: 18px; font-weight: 700; font-family: 'PT Sans', sans-serif; margin: 45px 0; }
.hr-text:before { content: ''; border-top: 1px dashed #1d002e; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; }
.hr-text:after { content: attr(data-content); position: relative; display: inline-block; color: black; padding: 0 .5em; line-height: 1.5em; color: #1d002e; background: #f4f2f0; }

.thumb-content { padding: 28px 35px; }
.thumb-wrap.eastBay { border-top: 10px solid #494e6b; }
.thumb-wrap.gray { border-top: 10px solid #565656; }
.thumb-wrap.green { border-top: 10px solid #163516; }
.thumb-wrap.red { border-top: 10px solid #76323f; }
.thumb-wrap.gray .thumb-header { color: #565656; }
.thumb-wrap.green .thumb-header { color: #163516; }
.thumb-wrap.red .thumb-header { color: #76323f; }
.thumb-wrap .thumb-header { font-size: 17px; font-weight: 700; font-family: 'PT Serif', serif; margin-bottom: 30px; }
.thumb-wrap h4 { font-size: 18px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; color: #1d002e; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
.thumb-wrap h3 { font-size: 18px; font-weight: bold; margin-bottom: 12px; color: #76323f; margin-top: 0; }
.thumb-wrap p { font-size: 12px; color: #1d002e; font-family: 'PT Sans', sans-serif; line-height: 16px; }

.col-serv { margin-bottom: 45px; min-height: 253px; }
.col-serv a:hover { color: #565656; }
.col-serv a:hover p { text-decoration: none; }
.col-serv img { width: 100%; }

.featured-wrap, .magazine-wrap { padding-left: 15px; padding-right: 15px; font-family: 'Quattrocento', serif; }
.magazine-ad { width: 100%; float: left; }
.magazine-ad h2 { font-size: 28px; font-weight: 700; margin: 0 0 20px 0; font-family: 'Quattrocento', serif; }
.magazine-ad h4 { font-size: 18px; font-weight: 400; margin: 18px 0 20px 0; font-family: 'PT Sans', sans-serif; }

.featured-content { padding: 23px 20px 30px 20px; font-weight: 400; }
.featured-content p { color: #565656; cursor: default; }
.featured-content h3 { font-size: 21px; margin-top: 0; }

.hall-of-fame-container { float: left; width: 100%; }
.hall-of-fame-item { background: #ffffff; /*min-height: 310px;*/ font-family: 'PT Sans', sans-serif; position: relative; }
.hall-of-fame-content { padding: 15px 25px 35px 25px; }
.hall-of-fame-item:hover img { background: #163516; }
.hall-of-fame-item .hall-of-fame-content h3 { font-size: 19px; font-weight: 700; color: #163516; margin: 0; }
.hall-of-fame-item:hover, .hall-of-fame-item:hover .hall-of-fame-content h3, .hall-of-fame-item a:hover { background: #163516; color: #c0b283; text-decoration: underline; opacity: 1; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; /*transition: .5s ease;*/ background-color: #163516; }
.hall-of-fame-img { position: relative; }
.hall-of-fame-img:hover .overlay, .hall-of-fame-img a.hover .overlay { opacity: 0.5; }
.hall-of-fame-detail p { font-size: 1.2em; }
.hall-of-fame-detail img { padding: 24px 24px; width: 100%; }
.hall-of-fame-feature-image { height: 420px; width: 100%; overflow: hidden; }
.hall-of-fame-feature-image img { max-width: 100%; }

.hall-of-fame-sorted { }
.hof-sort { border: 1px solid#565656; padding: 18px 28px; background: #c0b283; }
.hof-sort:hover, .hof-sort:hover a, .hof-sort a:hover { cursor: pointer; text-decoration: none; background: #163516; color: #c0b283; !important; }
.hof-sort.active, .hof-sort.active a { background: #163516; color: #c0b283; }
.hof-sort-container .row { min-height: 38px; border: 1px solid #565656; padding: 8px 18px; font-size: 14px; }
.hof-sort-container .row:hover, .hof-sort-container .row:hover a, .hof-sort-container .row a:hover { cursor: pointer; text-decoration: none; background: #163516; color: #c0b283 !important; }
.hof-data-field, .hof-data-title { display: none; }

/* .pull-quote { width: 25%; margin: 20px; font-weight: 900; font-size: 24px; color: #163516; font-family: 'Quattrocento', serif; }
.pull-quote-left{float:left;}
.pull-quote-right{float:right;}

.article-image { margin: 9px 20px; }
.article-image-right{float:right;}
.article-image-left{float:left;}
.article-image-caption{ display: block; font-size: .8em; margin-bottom: 20px; }
.article-image-caption-right{clear:right; float:right; margin-right:20px;}
.article-image-caption-left { clear: left; float: left; margin-left: 20px; } */


/*-----Pull quotes and block quotes--------------------------------------------------------------*/
.pull-quote { font-weight: bold; font-size: 20px; display: block; margin: 20px 20px; padding: 10px; width: 40%; border-top: 10px solid #c0b283; border-bottom: 10px solid #c0b283; }

.block-quote { font-weight: normal; font-size: 20px; display: block; margin: 20px 20px; padding: 10px; width: 40%; /* border-top: 10px solid #c0b283;
    border-bottom: 10px solid #c0b283; */ }

.emphasis { padding: 40px; background: white; display: block; font-size: 20px; }

.pull-quote-left, .block-quote-left { float: left; }
.pull-quote-right, .block-quote-right { float: right; }

.article-image-caption { color: grey; font-style: italic; margin-bottom: 20px; }

.article-image { margin: 9px 20px; }
.article-image-right { float: right; }
.article-image-left { float: left; }
.article-image-caption { display: block; font-size: .8em; margin-bottom: 20px; }
.article-image-caption-right { clear: right; float: right; margin-right: 20px; margin-left: 20px; }
.article-image-caption-left { clear: left; float: left; margin-left: 20px; margin-right: 20px; }

.meet-expet { width: 100%; float: left; padding: 33px 10px; }
.meet-expet .img-responsive { display: inline-block; }
.meet-expet h3 { font-size: 18px; font-weight: 700; color: #1d002e; font-family: 'PT Sans', sans-serif; margin: 0 0 20px 0; }
a.buy { font-size: 18px; color: #163516; background: #c0b283; text-transform: uppercase; padding: 5px 10px; }
a.buy:hover { color: #c0b283; background: #163516; }
.btm-artcl { padding: 0 15px 30px 15px; font-family: 'Quattrocento', serif; font-weight: 700; color: #1d002e; }
.btm-artcl h3 { font-size: 22px; margin: 0 0 5px 0; font-weight: 700; }
.btm-artcl p { font-size: 12px; margin: 0; }
.btm-artcl:hover h3 { text-decoration: underline; color: #163516; }
.btm-artcl a:hover { text-decoration: none; }

.magazine img { filter: grayscale(100%); opacity: 0.5; transition: 1s ease; width: 100%; cursor: pointer; }
.magazine:hover img { filter: none; opacity: 1; transition: 1s ease; }
.magazine-wrap h3 { font-size: 21px; margin: 0 0 8px 0; font-weight: 700; }
.magazine { margin-bottom: 60px; min-height: 162px; }

.programs-wrap .prog { min-height: 200px; }
.border h1 { border-bottom: 10px solid #76323f; padding-bottom: 5px; }
.programs-wrap a, .service-wrap a { color: #76323f; }
.programs-wrap h3 { color: #76323f; font-size: 22px; font-weight: 700; margin-top: 15px; }
.service-wrap a:hover { color: #76323f; }
.service-wrap .serve-header { font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; margin: 25px 0 15px 0; }
.service-wrap h5, .skewBox h5 { font-weight: bold; margin: 20px 0 0 0; color: #1d002e; }
.service-wrap p { color: #1d002e; }

.news-feed, .magazine-feed { width: 100%; float: left; padding: 30px 0; border-bottom: 1px solid #d7cec7; font-family: 'PT Sans', sans-serif; }
.news-feed-header, .news-feed h4, .magazine-feed-header, .magazine-feed h4 { font-size: 18px; font-weight: bold; color: #1d002e; margin: 0 0 6px 0; }
.news-feed img, .magazine-feed img, .acheivement-item img { filter: grayscale(100%); opacity: 0.5; transition: 1s ease; cursor: pointer; float: left; margin-right: 20px; }
.acheivement-item img { float: none; margin-right: 0; width: 112px; height: 112px; }

.acheivement-item a { position: relative; }

.overlay-ppl { position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); background: purple; z-index: 10; display: block; height: 140px; width: 140px; opacity: 0.0; transition: all 1s ease; border-radius: 50%; margin: 0 auto; }


.acheivement-item a:hover .overlay-ppl { opacity: 0.3; transform: translateX(-50%) scale(1.1); }

.acheivement-item { text-align: center; margin-bottom: 20px; height: 230px; }
.acheivement-item a { color: #163516; font-size: 22px; font-weight: 700; font-family: 'PT Sans', sans-serif; display: block; margin-bottom: 20px; }
.acheivement-item a.center-align { align-items: center; display: flex; height: 50px; justify-content: center; font-family: 'PT Sans', sans-serif;}
.news-feed:hover img, .news-feed a .news-feed-header:hover img,
.magazine-feed:hover img, .magazine-feed a .magazine-feed-header:hover img,
.acheivement-item:hover img, .acheivement-item a:hover img { filter: none; opacity: 1; transition: 1s ease; transform: scale(1.1); }
.news-feed:hover a .news-feed-header, .news-feed a .news-feed-header:hover,
.magazine-feed:hover a .magazine-feed-header, .magazine-feed a .magazine-feed-header:hover { color: #565656; text-decoration: underline; }
.news-feed a, .magazine-feed a { color: #1d002e; }
.day-wrap { width: 100%; float: left; padding: 35px 0; border-bottom: 1px solid #d7cec7; font-size: 18px; font-weight: bold; font-family: 'PT Sans', sans-serif; color: #1d002e; }
.day-wrap p { margin: 0; font-weight: 400; }
/*.news-feed-content{
    float:left;
}*/
.right-section h2 { font-size: 25px; font-weight: 700; font-family: 'PT Serif', serif; margin: 0 0 5px 0; }
.right-section .red h2 { color: #76323f; }
.right-section .eastBay h2 { color: #494e6b; }

.skewBox-one, .skewBox-two { margin-bottom: 30px; width: 100%; float: left; }
.skewBox-one a, .skewBox-two { font-family: 'PT Sans', sans-serif; }
.skewBox-two h2 {
    font-family: 'PT Serif', serif;
}
.top-red-bd, .top-red-border { border-top: 10px solid #76323f; }
.top-eastBay-bd, .top-eastBay-border { border-top: 10px solid #494e6b; }
.top-blurple-bd, .top-blurple-border { border-top: 10px solid #1d002e; }
.top-golden-bd, top-golden-border { border-top: 10px solid #c0b283; }
.top-green-bd, .top-green-border { border-top: 10px solid #163516; }

.right-skew-wrap { margin-top: 25px; }
.right-skew-wrap h2 { font-weight: 700; font-size: 25px; color: #000000; font-family: 'Quattrocento', serif; }

.skewBox, .box-lg { background: #ffffff; width: 100%; float: left; color: #1d002e; margin-bottom: 40px; position: relative; }
.almanac-skew-box .skew-content { z-index: 2; float: left; width: 55%; padding: 28px 0 28px 25px; font-family: 'PT Sans', sans-serif; position: absolute; }
.almanac-skew-box p { width: 43%; float: left; padding: 28px 18px 28px 25px; font-family: 'PT Sans', sans-serif; position: relative; z-index: 1; }
.almanac-skew-box { background: #ffffff; width: 100%; float: left; margin-bottom: 40px; position: relative; }
.almanac-skew-box a { color: #1d002e; }
.almanac-skew-box .almanac-img { float: right; position: relative; }
.almanac-skew-box h4 { margin: 0 0 18px 0; font-size: 18px; font-weight: 700; }
.almanac-skew-box h4 a:hover { color: #163516; text-decoration: underline; }
.almanac-skew-box a:hover * { color: #163516 !important; text-decoration: underline !important; }
.almanac-skew-box:hover .overlay, .almanac-skew-box a.hover .overlay { background: #1d002e; opacity: 0.6; }
.almanac-skew-box:hover .overlay:before, .almanac-skew-box a.hover .overlay { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -76px; z-index: 0; }
.almanac-skew-box .overlay:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(0); left: -76px; z-index: 0; }
.almanac-skew-box h5 { margin: 0 0 18px 0; font-size: 14px; font-weight: 700; }
.almanac-skew-box h5 a:hover { text-decoration: underline; }
.almanac-skew-box .almanac-img:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -30%; z-index: 1; }

.skew-box-less-bm{margin-bottom:12px;}
/*-------------------------------------------------------------------*/
/* .skewBox .skew-content { float: left; width: 42%; padding: 22px 25px; font-family: 'PT Sans', sans-serif; position: relative; height: 100%; background: #ffffff; z-index: 1; }
.skewBox .skew-img {float: right;position: relative;width: 40%;} */
.almanac-skew-box .skew-content { padding: 20px 0 0 20px; width: 60%; }

.sbox.img-wrapper { position: relative; height: 100px; }

.sbox .skew-img.gray-img { filter: grayscale(100%); transition: 1s ease; cursor: pointer; }

.sbox .img-wrapper:hover .almanac-img.gray-img { filter: none; }

.almanac-skew-box.sbox .almanac-img { height: 190px; width: 160px; margin: 0; }

.almanac-image { height: 100%; }

.almanac-skew-box.sbox .almanac-img { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.almanac-skew-box.sbox .almanac-img .almanac-image { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.almanac-skew-box.sbox { position: relative; height: auto; min-height: auto; }

.almanac-skew-box.sbox.sbox-content { position: absolute; left: 0; top: 0; }

.almanac-skew-box.sbox a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

.almanac-skew h4 { color: #1d002e; }

.almanac-skew-box.sbox:hover h4 { color: #163516; text-decoration: underline; }

.almanac-skew-box.skewBox-hover .almanac-img:before { content: ''; background: white; position: absolute; width: 50%; height: 100%; transform: skew(-12deg); left: -40%; z-index: 1; }

.view-all { margin: -25px 0 40px 15px; }
.view-all a {font-family:"PT Sans", sans-serif;}

@media (max-width:992px) {
    .almanac-skew-box .skew-content { width: 60%; padding: 15px 0px 0px 15px; }
    .salmanac-skew-box .almanac-img,
    .box-lg .box-lg-img { width: 100%; }
    .almanac-skew-box .almanac-img:before, .box-lg .box-lg-img:before { left: -30% !important; }
    .almanac-skew-box.sbox .almanac-img { width: 40%; }
}

@media (min-width:992px) and (max-width:1200px) {
    .almanac-skew-box .skew-content { width: 60%; padding: 15px 0px 0px 15px; }
    .salmanac-skew-box .almanac-img,
    .box-lg .box-lg-img { width: 100%; }
    .almanac-skew-box .almanac-img:before, .box-lg .box-lg-img:before { left: -30% !important; }
    .almanac-skew-box.sbox .almanac-img { width: 40%; }

    .timeline-list #bullet { left: 92px; }
    .col-md-8 .timeline-list #bullet { left: 54px; }

}
/*-------------------------------------------------------------------*/




.box-lg .box-lg-content { float: left; width: 45%; padding: 40px; color: #1d002e; }
.box-lg .box-lg-content h3 { font-size: 26px; font-weight: 700; margin: 0 0 30px 0; }
.box-lg .box-lg-content h4 { font-size: 16px; font-weight: 700; margin: 0 0 18px 0; font-family: 'PT Sans', sans-serif; color: #76323f; }
.box-lg .box-lg-content .link { font-weight: 700; margin: 0 0 18px 0; font-family: 'PT Sans', sans-serif; text-transform: uppercase; text-decoration: underline; }
.box-lg-content.hotel-content { padding: 0 40px; }
.box-lg-content.hotel-content h3 { font-size: 18px; margin: 25px 0 12px 0; }
.box-lg-content.hotel-content p { font-size: 12px; font-weight: 400; margin-bottom: 10px; }
/*.skewBox h4 { font-weight: 700; font-size: 18px; font-family: 'PT Sans', sans-serif; margin: 0 0 12px 0; }
.skewBox p { line-height: 18px; }
.skewBox a { color: #1d002e; }
.skewBox a:hover { color: #76323f; }
.skewBox img { filter: grayscale(100%); opacity: 0.5; transition: 1s ease; }
.skewBox:hover img { filter: none; opacity: 1; transition: 1s ease; }
.skewBox .skew-img-wrapper:hover a, .img-hover:hover a { color: #76323f; text-decoration: underline; }
.skewBox .skew-img-wrapper { width: 100%; float: left; border-bottom: 1px dashed #b56357; padding: 38px 20px 38px 0; }*/
.box { color: #d7cec7; padding: 45px 40px; line-height: 35px; background: #494e6b; margin-bottom: 40px; position: relative; min-height: 264px; margin-top: 0; }
.box p { font-size: 26px; font-family: 'PT Sans', sans-serif; }
.box:after { content: ""; background: url(../../images/almanac/logo-pattern.png) no-repeat right center; position: absolute; right: 0; height: 264px; width: 163px; top: 0; z-index: 9; }
.box-exep-wrap, .box-regist-wrap, .box-accordion-wrap, .box-wrap { margin-top: 45px; }
.box-accordion { padding: 40px; }
.box-accordion .panel-group .panel { border: 0; border-radius: 0; }
.accordion-heading { background: #d7cec7; border: 0; border-radius: 0; font-family: 'Quattrocento', serif; }
.accordion-heading h4.accordion-title { margin: 0; }
.accordion-heading .accordion-title a { padding: 18px 25px; color: #1d002e; font-weight: 700; font-size: 20px; display: block; }
.accordion-heading .accordion-title a:hover { color: #d7cec7; background: #1d002e; text-decoration: none; }
.accord-wrap h2 { font-family: 'Quattrocento', serif; font-size: 32px; color: #1d002e; font-weight: bold; margin: 0 0 30px 0; }
.box-exep { color: #d7cec7; padding: 40px; line-height: 35px; background: #1d002e; position: relative; min-height: 264px; font-weight: 400; }
.box-exep h3 { font-size: 24px; font-weight: bold; margin: 0 0 14px 0; }
.box-exep p { font-size: 18px; font-family: 'PT Sans', sans-serif; }
.box-regist { padding: 0 40px 50px 40px; font-size: 18px; font-weight: 700; font-family: 'PT Sans', sans-serif; }
.box-regist-content { border-bottom: 1px dashed #76323f; padding: 40px 0; }
.box-regist-content h3 { font-size: 26px; font-weight: bold; margin: 0; }
.box-regist-content h4 { font-size: 26px; font-weight: 400; margin: 0 0 17px 0; }
.box-regist-content h5 { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }
.box-regist-content p { font-size: 18px; font-weight: 400; margin: 0; line-height: 36px; }
.box-regist-content a:hover { text-decoration: underline; color: #76323f; }
.box-content { padding: 40px; }
.box-content p { font-family: 'PT Sans', sans-serif; }
.box-content .parg a { display: block; font-size: 18px; margin-bottom: 8px; color: #1d002e; font-family: 'PT Sans', sans-serif; }
.box-content ul { padding: 0; margin: 14px 0 0 0; }
.box-content ul li { padding: 0; }
.box-content ul li a { font-family: 'Quattrocento', serif; font-size: 20px; font-weight: 400; color: #1d002e; }
.panel-group .panel + .panel { margin-top: 10px; }
.accordShare.share-icon { width: 100%; float: left; margin: 25px 0 0 0; border-top: 1px solid #c0b283; }
.accordShare.share-icon ul { float: right; padding: 20px 0; width: auto; }
.Accordclose { color: #163516; float: left; font-size: 12px; font-weight: 700; margin-top: 25px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; }
.share-icon ul { list-style: none; }
.share-icon { float: right; }
.share-icon > ul { float: right; width: 100%; padding: 0; }
.share-icon > ul > li { float: left; margin-right: 15px; }
.share-icon > ul li:last-child { margin-right: 0; }
.share-icon ul li a { color: #555555; background: #d7cec7; border-radius: 50%; float: left; height: 35px; padding-top: 6px; text-align: center; width: 35px; }
.share-icon ul li a:hover { color: #d7cec7; background: #555555; }
.share-icon > ul > li > ul.dropdown-menu { width: 52px; min-width: 52px; }
.share-icon > ul > li > ul.dropdown-menu > li { padding-left: 5px; }
.share-icon > ul > li > ul.dropdown-menu > li span { margin-left: -5px; }

.meet-expet-wrap { float: left; width: 100%; }
.quote { width: 100%; float: left; margin: 43px 0px; }
.quote a { cursor: pointer; display: block; float: right; padding: 15px 45px; color: #163516; text-transform: uppercase; font-size: 18px; font-family: 'PT Sans', sans-serif; }
.quote a:hover { text-decoration: underline; }
.box-green p { font-family: 'Quattrocento', serif; }
.box-green { color: #c0b283; padding: 55px 40px 45px 40px; line-height: 35px; background: #163516; position: relative; /*min-height: 291px;*/ }
.box-red { color: #d7cec7; padding: 40px; line-height: 35px; background: #76323f; margin-bottom: 40px; position: relative; min-height: 264px; margin-top: 0; }
.box p, .box-red p, .box-green p { font-size: 17px; }
.box-red h2 { font-size: 30px; font-weight: 700; margin: 0 0 15px 0; }
.box:after { content: ""; background: url(../../images/almanac/logo-pattern.png) no-repeat right center; background-size: contain; position: absolute; right: 0; height: 100%; width: 163px; top: 0; z-index: 9; }
.box-red:after { content: ""; background: url(../../images/almanac/logo-pattern02.png) no-repeat right center; background-size: contain; position: absolute; right: 0; height: 100%; width: 163px; top: 0; z-index: 9; }
.box-green:after { content: ""; background: url(../../images/almanac/logo-pattern.png) no-repeat right center; background-size: contain; position: absolute; right: 0; height: 100%; width: 241px; bottom: 0; z-index: 9; }

.intro-list ul { padding: 0; }
.intro-list li a { color: #2f5400; float: left; width: 100%; }
.intro-list li a:hover .first-word { color: #c0b283; background: #2f5400; text-decoration: none; }
.intro-list li a:hover .secnd-word { text-decoration: underline; }

.intro-list li { float: left; width: 100%; margin-bottom: 20px; font-family: 'Quattrocento', serif; font-weight: 700; font-size: 22px; display: flex; align-items: center; }
span.secnd-word { float: left; padding-top: 15px; width: 80%; }
.intro-list li .first-word { background: #ffffff; width: 65px; height: 65px; float: left; color: #557a72; margin-right: 30px; font-size: 40px; text-align: center; padding-top: 6px; border-radius: 50%; }

#Tab2 .nav-tabs { border-bottom-color: #1d002e; border-bottom-style: solid; border-bottom-width: 10px; padding-left: 20px; }

#Tab3 .tab-content { float: left; width: 100%; padding: 0 40px 40px 40px; }
#Tab3 .tab-content .col-sm-2 { padding-left: 0; }
#Tab3 .nav.nav-tabs { padding-left: 20px; border-bottom-color: #76323f; border-bottom-style: solid; border-bottom-width: 10px; }
#Tab3 .nav-tabs li.first.active::before { background: #76323f; width: 112px; }
#Tab3 .nav-tabs li.first::before { background-color: #494e6b; width: 112px; }
#Tab3 .nav-tabs li.first a { padding: 5px 35px 5px 5px; }
#Tab3 ul.nav-tabs li a:hover,
#Tab3 ul.nav-tabs li.first:hover:before { background: #1d002e; color: #d7cec7; border: 0; }
#Tab3 ul.nav-tabs li.active a { background: #76323f; }

/*ul.nav-tabs > li:first-child {
    width: 106px;
}*/
/*#Tab3 ul.nav-tabs li.first:hover:before .first.active {
   background:#1d002e;
    color:#d7cec7;
}*/

.nav-tabs li.first.active::before { background: #565656; width: 107px; }
.nav-tabs li.first:before { display: block; content: ""; position: absolute; height: 100%; width: 107px; right: 98px; background-color: #565656; transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); }
.nav-tabs > li { float: left; padding: 0; list-style: none; list-style-image: none; display: inline-block; position: relative; margin-left: -5px; transform: skew(25deg); -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); }
.nav-tabs li a { background: #565656; color: #d7cec7; display: block; font-family: 'PT Sans', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; line-height: 32px; padding: 5px 35px; text-align: left; text-decoration: none; text-transform: uppercase; border: 0; border-radius: 0; }
.nav-tabs li a span { transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); display: block; }
.nav-tabs li.active a,
.nav-tabs li a:hover,
.nav-tabs li.first:hover:before,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { background: #565656; color: #d7cec7; border: 0; }

.registerBtn { background: #8bd3ee; border-top: 10px solid #1d002e; color: #1d002e; text-transform: uppercase; padding: 10px 62px; font-size: 21px; font-weight: bold; }
.registerBtn:hover { background: #ffffff; text-decoration: none; color: #1d002e; }

/*********** Skew Menu Start ******************/
/*.first:before { display: block; content: ""; position: absolute; height: 100%; width: 15px; right: 98px; background-color: #d7cec7; transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); }*/
.top-nav { position: relative; margin-top: 5px; z-index: 400; }
.nav-ancillary { min-height: 50px; }
/* site and ancillary navigation row */
#top-nav { margin: 0 auto; padding: 0; width: 820px; align-self: center; }
#top-nav > li { float: left; padding: 0; list-style: none; list-style-image: none; display: inline-block; position: relative; margin-left: -1px; transform: skew(25deg); -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); }
#top-nav li a { background: #d7cec7; color: #163516; display: block; font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 32px; padding: 0 35px; text-align: left; text-decoration: none; text-transform: capitalize; }
#top-nav li a span { transform: skew(-25deg); -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); -o-transform: skew(-25deg); display: block; }
#top-nav > li:last-child:after { content: ""; position: absolute; right: -20px; width: 40px; height: 100%; top: 0; background: white; -webkit-transform: skew(-42deg); -moz-transform: skew(-42deg); -ms-transform: skew(-42deg); -o-transform: skew(-42deg); }
#top-nav > li:last-child a { padding: 0 42px 0 25px; }
#top-nav li.current a,
.first:hover:before { background: #163516; color: #ffffff; }
#top-nav li a.tpr:hover { background: #76323f; color: #ffffff; }
#top-nav li a.mag:hover { background: #1d002e; color: #ffffff; }
#top-nav li a.almanac:hover { background: #163516; color: #ffffff; }
#top-nav li.current a.acreform, #top-nav a.acreform:hover { background-color: #ff8338; color: #fff; }

.ancillary-nav { float: right; padding: 0; margin-right: -24px; margin-right: -25px; z-index: 999 !important; position: relative; }
.ancillary-nav > li { float: left; /*padding-left: 23px;*/ }
.ancillary-nav > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 12px; padding-left: 5px; text-transform: uppercase; color: #163516; font-family: 'PT Sans', sans-serif; }
.ancillary-nav > li.dropdown > a { padding-left: 23px; }
.ancillary-nav > li:first-child a { padding-right: 5px; }
.ancillary-nav > li:last-child { padding-left: 0; cursor: pointer; }
.ancillary-nav > li:last-child:before { content: "|"; color: #163516; }
.ancillary-nav > li.open.dropdown:last-child:before { content: ""; }

/*.secd-nav { float: right; padding: 0; }
.secd-nav > li { float: left; padding-left: 23px; }
.secd-nav > li.dropdown > a { padding-left: 23px; }
.secd-nav > li:last-child { padding-left: 23px; }
.secd-nav > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 12px; padding-left: 23px; text-transform: uppercase; color: #1d002e; font-family: 'PT Sans', sans-serif; }
.secd-nav > li.open.dropdown > a { color: #ffffff; background: #1d002e; padding: 20px 23px; }
.secd-nav > li.open.dropdown > a:after { /* width: 0;  /* height: 0;  border-bottom: 32px solid #1d002e; border-left: 32px solid transparent; content: ''; float: left; position: absolute; left: -6px; top: -5px; }
.secd-nav > li:last-child:before { content: "|"; color: #1d002e; }
.secd-nav > li.open.dropdown:last-child:before { content: ""; }*/
.navbar-toggle .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px; background: #1d002f; }

/*.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown:hover .dropdown-menu.search-wrap {
    display:;
}*/
.anchors-linked a.hover { text-decoration: underline; }
.navbar { border-radius: 0; font-family: 'PT Sans', sans-serif; /*position:relative;*/ margin-bottom: 0; }
.nav-trp { border-top: 1px solid #d8e0f0; border-bottom: 1px solid #d8e0f0; background: #f4f2f0; }
.nav-trp .navbar-nav > li > a { color: #1b1464; font-size: 14px; text-transform: uppercase; padding: 10px 0; }
.nav-trp .navbar-nav > li { float: left; border-right: 1px solid #d8e0f0; width: 12.5%; text-align: center; }
.nav-trp .navbar-nav > li:first-child { border-left: 1px solid #d8e0f0; }
/*.nav-trp .navbar-nav > li:last-child, .nav-trp .navbar-nav > li.last-child { border-right: 0; }*/
.nav-trp .navbar-nav > .open > a,
.nav-trp .navbar-nav > .open > a:focus,
.nav-trp .navbar-nav > .open > a:hover { color: #1d002e; background-color: transparent; border-bottom: 0; }
.nav-trp .nav > li > a:focus,
.nav-trp .nav > li > a:hover,
.nav-trp .dropdown-menu > li > a:focus,
.nav-trp .dropdown-menu > li > a:hover { background: #f4f2f0; text-decoration: none; }
.nav-trp .dropdown-menu { width: 100%; min-width: auto; padding: 0; margin: 0; font-size: 12px; text-align: left; list-style: none; background-color: #ffffff; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; right: 0; left: inherit; }
.nav-trp .dropdown-menu > li > a { padding: 12px 15px; color: #1d002e; border-top: 1px solid #d8e0f0; white-space: pre-wrap; }
.nav-trp .dropdown-menu > li:last-child { border-bottom: 10px solid #d8e0f0; }
.nav-trp .dropdown-menu > .active > a, .nav-trp .dropdown-menu > .active > a:focus, .nav-trp .dropdown-menu > .active > a:hover { background-color: #1d002e; color: #fff; }
.mb-dropdown { display: none; }
.mobile-dropdown { display: none; }
.nav-bar-center { z-index: 10; }
.nav-bar-right { float: right; }
.mobile-main-nav { left: -173px !important; }
.col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 8px; }
/*.nav-trp .navbar-nav>li:first-child {
    padding-left: 0;
}*/

/******************** Search Box **************************/
.search-wrapper { padding: 12px; display: none; position: absolute; width: 280px; z-index: 410; right: 16px; top: 63px; width: 280px; background: #f4f2f0; box-shadow: none; border-left: 0; border-right: 0; border-top: 10px solid #1d002e; border-bottom: 10px solid #d8e0f0; border-radius: 0; }
.search-wrapper-mobile { padding: 12px; display: none; position: absolute; width: 280px; z-index: 2; right: 25px; top: 63px; width: 280px; background: #f4f2f0; box-shadow: none; border-left: 0; border-right: 0; border-top: 10px solid #1d002e; border-bottom: 10px solid #d8e0f0; border-radius: 0; }
.search-wrapper ul, .search-wrapper-mobile ul { padding-left: 0; }

.search-dropdown { padding: 15px 20px; display: none; }
.search-dropdown .form-group { margin-bottom: 0; }
.search-dropdown .input-group .form-control { border: 0; }

.search-wrapper{    
    z-index: 1000;
}

.click-overlay{
    /*background: rgba(255, 111, 111,0.6);*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: auto;
}

/*.search-toggle.open:before { content: "|"; color: #1d002e; }*/
.search-toggle.open { color: #ffffff; background: #1d002e; padding: 4px 19px; }
.search-toggle-mobile { position: relative; float: right; padding: 9px 10px; margin-top: 1px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.search-toggle:focus, .search-toggle-mobile:focus { border: none; }
.input-group-unstyled .input-group-addon { border-radius: 4px; border: 0px; background-color: transparent; }
.input-group .form-control:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.run-search { cursor: pointer; }
.highlighter-alt2 { background-color: #ebe5de; padding-top: 3px; padding-bottom: 5px; }
/********************************** Check Box Start **************************/
.checkbox { border-bottom-color: #d8e0f0; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 15px 15px 15px 40px; }
.checkbox label { display: inline-block; position: relative; padding-left: 5px; }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; margin-left: -20px; margin-top: 2px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 3px; font-size: 12px; color: #ffffff; }
.checkbox input[type="checkbox"] { opacity: 0; width: 18px; height: 19px; z-index: 9; cursor: pointer; }
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #1d002e; border-color: #1d002e; }
/********************************** Check Box End **************************/

/************** Slider CSS START************/
.article-banner img { width: 100% }
.banner-descr { background: #1d002e; text-align: right; }
.banner-descr a { padding: 15px 30px; color: #d7cec7; background: #1d002e; font-family: 'PT Sans', sans-serif; font-size: 17px; display: block; }
.banner-descr p{ margin: 0px;}
.banner-descr.event-desc { padding: 20px 30px; }
.banner-descr .title { font-size: 54px; font-weight: bold; }
.date { float: right; font-size: 26px; text-align: right; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; /*height: 400px;*/ min-width: 100%; width: 100%; max-width: 100%; line-height: 1; }
.carousel-caption { text-shadow: none; left: 30px; }
.carousel-caption a:hover { color: #ffffff; text-decoration: underline; }
.carousel-caption h1 { text-shadow: none; left: 30px; font-size: 40px; font-weight: 400; margin: 0; margin-top: 28px; font-family: 'Quattrocento', serif; font-weight: 700; color: #c0b283; }

/************** Slider CSS END************/

.break { display: block; }

/************** Footer CSS START************/
footer .row { margin: 0; }

.footer-wrapper { background: url(../../images/almanac/footer-bg.png) no-repeat top center; background-size: cover; width: 100%; float: left; height: 310px; font-family: 'PT Sans', sans-serif; }

.mobile-box { padding: 28px 0; }

.footer-nav { color: #cccccc; clear: both; }
.footer-nav p { font-size: 16px; line-height: 19px; margin-bottom: 12px; }

.form-group.news-letter { margin-top: 15px; }
.footer-title, .footer-title.footer-links a { font-size: 14px; font-weight: 700; font-family: 'Quattrocento', serif; width: 100%; float: left; margin: 0; text-transform: uppercase; }
.footer-title.center, .center .footer-title { margin-bottom: 20px; margin-top: 20px; }
.footer-links { padding: 0; width: 100%; float: left; margin: 0; }
.footer-links a { font-size: 12px; font-weight: 400; color: #d7cec7 }
.social-message { border-top: 10px solid #557a72; padding: 20px 14px; background: #1d002e; line-height: 27px; width: 100%; float: left; }
.social-message .footer-title { font-size: 12px; font-weight: normal; font-family: 'PT Serif', serif; text-transform: capitalize; line-height: 16px; }
.social-message .fa-twitter { float: left; padding-right: 12px; min-height: 95px; }
.social-message ul.footer-links { float: right; }
/*.social-links { float: right; }*/
.icon { position: relative; text-align: center; width: 32px; height: 32px; padding-top: 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; }
.icon span { font-size: 20px; }
.icon.social { float: right; margin: 28px 18px 32px 0; cursor: pointer; background: #d7cec7; color: #494e6b; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.icon.social a { color: #1d002e; }
.icon.social:hover, .icon.social:hover a { background: #1d002e; color: #d7cec7; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.icon.social:first-child { margin: 28px 0 32px 0; }
.icon.social.fb span { padding-top: 2px; }
.icon.social.in { display: none; }
/*.icon.social.tw{
    background:#1da1f2;
}
.icon.social.fb{
    background:#3b579d;
}
.icon.social.in{
    background:#007bb6;
}

.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}*/
/*.breadcrumb { background: none; width: 100%; float: left; }
.breadcrumb > ul { list-style: none; padding: 0; }
.breadcrumb li { float: left; padding-right: 12px; }
.breadcrumb li a { color: #1b1464; font-size: 14px; font-family: 'PT Sans', sans-serif; padding-right: 12px; }
.breadcrumb li a:hover { color: #76323f; text-decoration: underline; }
.breadcrumb li:after { content: '|'; }
.breadcrumb li:last-child:after { content: ''; }*/

.copyright-wrapper { background: #1d002e; padding: 15px; color: #ffffff; font-size: 10px; width: 100%; float: left; font-family: 'PT Sans', sans-serif; }

/************** Footer CSS END************/

/* Timeline slider css  */
.timeline-container { width: 100%; margin: 0 auto; max-width: 300px; position: relative; padding-bottom: 30px; }
.timeline-container:before { position: absolute; left: 48%; width: 6px; margin-top: 2px; height: 100%; background: #557a72; content: ""; top: 0px; border-radius: 0 0 5px 5px; }
.timeline-img-box { text-align: center; position: relative; }
.timeline-img-box img { display: inline-block; }

.timeline-list { position: relative; }
.timeline-list ul { margin: 45px 0 0; list-style: outside circle; padding-left: 10px; position: relative; list-style: none; }
.timeline-list ul li { margin: 0 0 30px; font-size: 16px; font-family: 'Quattrocento', serif; color: #557a72; cursor: pointer; line-height: 50px; padding-left: 50px; font-weight: 700; line-height: 24px; max-width: 150px; }



/*make scroll line clickable*/
.timeline-fixed ul li { margin: 0px; border-right: 5px solid #557a72; padding: 0 0 30px; }

.timeline-list ul li.active { font-size: 22px; }
.timeline-list #bullet { background: #c0b283; padding: 1px 0 0 3px; position: absolute; top: 0; height: 19px; width: 19px; border-radius: 100%; left: 115px; }
.col-md-8 .timeline-list #bullet { left: 70px; }
.timeline-list.timeline-fixed #bullet { left: 79px; }

@media (min-width:992px) and (max-width:1200px) {    
    .timeline-list #bullet { left: 92px; }
    .col-md-8 .timeline-list #bullet { left: 54px; }
    .footer-wrapper{ height: 380px;}
}


/* Accordion css  */
.timeline-detail-container { }
.timeline-detail-container .panel-default { border: 0; border-radius: 0; box-shadow: none; }
.timeline-detail-container .panel-heading { display: table; background: #c0b283; padding: 0; border-radius: 0; font-size: 20px; color: #163516; font-family: 'Quattrocento', serif; font-weight: 400; line-height: 24px; }
.timeline-detail-container .panel-heading span.sep { margin: 0 15px; font-weight: 400; }
.timeline-detail-container .panel-heading a { font-weight: 500; font-family: 'PT Sans', sans-serif; display: block; padding: 15px 25px; text-decoration: none; }
.timeline-detail-container .panel-heading a:hover, .timeline-detail-container .panel-heading a:focus { text-decoration: none; color: #163516; outline: none; }
.timeline-detail-container .panel-group .panel-heading + .panel-collapse > .list-group, .timeline-detail-container .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0; box-shadow: none; font-size: 16px; line-height: 22px; font-family: 'Quattrocento', serif; font-weight: 400; padding: 20px 15px 20px 25px; overflow-x: hidden; }
.timeline-detail-container .collapse.in { height: auto !important; }

.timeline-detail-container .panel-heading div { display: table-cell; }
.timeline-detail-container .panel-heading .panel-year { width: 60px; white-space: nowrap; }
.timeline-detail-container .panel-heading .panel-title { width: 4000px; /*take up remaining container width*/ overflow: hidden; }
.timeline-detail-container .panel-heading a:hover,
.timeline-detail-container .panel-heading a[aria-expanded="true"] { background: #163516; color: #c0b283; }

.timeline-container.timeline-container-fixed { top: 177px; max-height: 98%; }
.timeline-container.timeline-container-fixed:before { display: none; position: fixed; left: 116px; width: 5px; height: 84%; background: #557a72; content: ""; top: 115px; border-radius: 0 0 5px 5px; }
.timeline-container.timeline-container-fixed-footer:before { bottom: 57% !important; height: auto; }
.timeline-container.timeline-container-fixed .timeline-img-box { display: none; }
.timeline-container.timeline-container-fixed:before .timeline-list.timeline-fixed { position: fixed; left: 9.25%; }
.timeline-fixed { position: fixed; top: 125px; bottom: 0%; width: 130px; }
.timeline-list.timeline-fixed ul { width: 91px; }

.timeline-detail-container li { font-size: 14px; font-family: 'PT Sans', sans-serif; }

.timeline-detail-container li:first-child { margin-top: 15px; }

.accordShare li:first-child { margin-top: 0px; }

.mCSB_scrollTools { visibility: hidden !important; }


.timeline-container{
    width: 160px;
}

.timeline-container:before{
    left: 76px;
}

.timeline-list.timeline-fixed ul{
    width: 82px;
}

.timeline-fixed ul li{
    border-right: 6px solid #557a72;
}

.timeline-list #bullet{
    left: 69px;
}

.timeline-list.timeline-fixed #bullet{
    left: 69px;
}





/************************ Media Queries ************************************/

@media (min-width:768px) {

    #top-nav { position: absolute; left: 33%; }
    .inner-wrapper { padding-top: 71px; }

    .carousel-caption { top: 15%; text-align: left; color: #d7cec7; }

    .timeline-list ul li { padding-left: 0; }

    .navbar-nav { width: 100%; }
    .navbar-header { width: 100%; }
}

@media (min-width:768px) and (max-width:1200px) {
    /*.skewBox { min-height: 185px; }
    .skewBox .skew-content { float: left; width: 100%; }*/
    .almanac-skew-box p { width: 100%; }
}

@media (min-width:768px) and (max-width:992px){
    .hall-of-fame-item{ min-height: 446px;}
}




@media (min-width:992px) {
    #top-nav { 
        position: absolute; 
        left: 50%;
        transform: translate(-50%,0px);
            -webkit-transform: translate(-50%,0px);
            -moz-transform: translate(-50%,0px);
            -o-transform: translate(-50%,0px);
            -ms-transform: translate(-50%,0px);
    }
    /************************ Mouse Hover DropDown Menu Start ************************************/
    #navbar .dropdown:hover .dropdown-menu { display: block; }
    #navbar .dropdown-menu { margin-top: 0; }
    #navbar .dropdown-toggle { margin-bottom: 2px; }
    #navbar .navbar .dropdown-toggle { margin-bottom: 0; }

    .hall-of-fame-item{ min-height: 310px;}
}

@media (min-width:992px) {
    .nav-bar-right { margin: 70px 25px 0 0; }
}

@media (min-width:1200px) {
    /* #top-nav { position: absolute; left: -50px; right: 0; } */
}

@media (min-width:1200px) {
    /*.skewBox .skew-img, .box-lg .box-lg-img,*/
    .almanac-skew-box .almanac-img { width: 40%; }
}

@media (min-width:1400px) {
    /*#top-nav{left:50%;}*/
    .inner-wrapper { padding-top: 60px; }
}


.top-menu { position: absolute; top: 0; left: 0; right: 0; z-index: 9; }
.thumb-wrap { padding: 20px 20px; }
.thumb-wrap.speaker-box { min-height: 465px; }

@media (max-width:1200px) {
    .col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 50px; }
    ul.nav-tabs li a { padding: 5px 25px; }
    .share-icon ul li { margin-right: 12px; }
    .thumb-wrap { padding: 20px; }

    .carousel-caption { height: auto; padding: 15px; width: auto; }
    .carousel-caption h1 { font-size: 30px; font-weight: 100; margin-top: 0; }
    .social-links { float: none; text-align: center; width: 200px; margin: auto; }
}

@media (max-width:1024px) {
    .thumb-wrap.speaker-box { min-height: 410px; }

    .timeline-list ul li.active { font-size: 19px; }
    .timeline-detail-container .panel-heading span.sep { margin: 0 10px; }
    .timeline-detail-container .panel-heading { font-size: 16px; }
}

@media (max-width:991px) {
    .inner-wrapper { float: none; padding-top: 76px }
    .almanac-skew-box .almanac-img::before { position: absolute; left: -35%; transform: skew(-20deg); }
    .almanac-skew-box p { width: 60%; }
    .acheivement-item { min-height: 250px; }
    .magazine-feed-img { height: auto; width: auto; float: left; }
    .thumb-wrap { text-align: center; }
    .thumb-wrap img { display: inline-block; }
    .thumb-wrap.speaker-box { min-height: 510px; }
    .banner-descr .title { font-size: 43px; }
    .service-box { text-align: center; margin-bottom: 50px; }

    .top-menu { left: 25%; }
    #top-nav .dropdown-menu li { border-bottom: 1px solid #9e9187; }
    #top-nav .dropdown-menu { margin: 0; padding: 0; left: inherit; right: 0; }

    .navbar-default .navbar-toggle { border: 1px solid #ffffff; }
    .navbar-default .navbar-toggle .icon-bar { background: #ffffff; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
    .navbar-header .collapse, .navbar-toggle { display: block !important; }
    .navbar-header { float: none; }
    .navbar-nav { float: none !important; margin: 7.5px -15px; }
    .navbar-nav > li { float: none; }
    .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #ffffff; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; display: block; }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding-left: 80px; }
    .nav-trp .dropdown-menu > li:last-child { border-bottom: 1px solid #d8e0f0; }
    .nav-trp .navbar-nav > li { float: left; width: 100%; text-align: left; border-right: 0; }
    .nav-trp .navbar-nav > li > a { color: #1b1464; font-size: 14px; text-transform: uppercase; padding: 10px 20px; }
    .nav-trp .navbar-nav > .open > a,
    .nav-trp .navbar-nav > .open > a:focus,
    .nav-trp .navbar-nav > .open > a:hover { color: #1b1464; background-color: transparent; border-bottom: 0; }
    .mobile-dropdown { display: block; float: left; cursor: pointer; width: 20px; height: 20px; padding-right: 30px; }

    .searchbox .navbar-right { min-width: 300px; }
    .searchbox .form-control-submit, .searchbox .search-label { font-size: 25px; }
    .searchbox .form-group.sb-search-open, .no-js .sb-search-open { z-index: 2; }

    .footer-wrapper { height: auto; }
    .social-message { width: 100%; float: left; }

    .almanac-banner { margin-top:80px; }
}

@media (max-width:767px) {
    .inner-wrapper .hall-of-fame-img img:not(.img-circle),
    .inner-wrapper .hall-of-fame-detail img:not(.img-circle) { max-width: 65%; margin: auto; }
    .magazine { width: 220px; float: none; margin: 18px auto; }
    .magazine-ad { text-align: center; margin-top: 56px; }
    .magazine-ad img { display: inline-block; }
    .col-serv { margin-bottom: 25px; }
    .featured-wrap, .magazine-wrap { margin-bottom: 30px; }
    #Tab3 .tab-content, .box-regist { padding: 0 15px; }
    .box-lg .box-lg-content, .box-exep, .box-accordion, .box-content { padding: 15px; width: 100%; }
    .accordion-heading .accordion-title a { padding: 8px; font-size: 12px; }
    .timeline-detail-container .panel-heading a { padding: 10px; }
    .timeline-detail-container .panel-group .panel-heading + .panel-collapse > .panel-body { overflow-x: hidden; }
    .hr-text { margin: 15px 0; }
    .right-section h2 { font-size: 19px; }
    .right-section .col-sm-4 { padding-left: 0; padding-right: 0; }
    /*.skewBox .skew-content { padding: 15px 5px 0 15px; overflow: hidden; text-overflow: ellipsis; height: 116px; }
    .skewBox img { width: 150px; }*/
    .almanac-img img { width: 150px; }
    .almanac-skew-box .almanac-img::before { left: -35%; }
    .almanac-skew-box p { width: 48%; padding: 10px; }
    /*.skewBox h4 { font-size: 14px; margin: 0; }
    .skewBox h5 { margin: 5px 0; font-size: 12px; }*/
    .box { color: #d7cec7; padding: 30px 24px; }
    .box p { font-size: 18px; }
    .h2, h2 { font-size: 30px; }
    .process { width: 246px; margin: auto; }
    .banner-descr .title { font-size: 14px; font-weight: bold; }
    .date { font-size: 12px; }
    .share-icon { float: left; width: 100%; margin-bottom: 20px; }
    .call-out { width: 100%; }
    .article-summery > p::first-letter { margin-top: 35px; }
    .article-summery h1 { font-size: 24px; margin: 0 0 15px 0; text-align: left; }
    .article-summery h2 { font-size: 18px; margin: 0 0 20px 0; line-height: normal; }
    .meet-expet { text-align: center; }

    .carousel-control { display: none; }
    .carousel-caption { height: auto; padding: 15px 0; width: 50%; top: 0; left: 10px; text-align: left; }
    .carousel-caption h1 { font-size: 16px; }

    .hof-sort { height: 30px; padding: 5px 28px;}
    .mobile-main-nav { left: -172px !important; }
    #top-nav { 
        position: absolute; 
        left: 30%;         
    }
    #top-nav li a { font-size: 12px; line-height: 22px; padding: 0 25px; }
    .navbar-brand { padding-left: 0; }
    .navbar-brand img { width: 250px; }
    .mob-search { margin: 55px 20px 0 0; width: 50px; float: right; text-align: center; }
    .mob-search a { color: #210030; font-size: 12px; }
    .search-wrap { top: 44px; width: 268px; right: -27px; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; padding: 15px; }
    .container-fluid { padding-left: 15px; padding-right: 15px; }

    ul.footer-links { margin-bottom: 0; }
    .footer-nav { padding: 15px 0; }
    .footer-nav .mobile-box { width: 50%; float: left; padding: 0 5px; min-height: 220px; }

    .acheivement-item a img{ display: none!important;}
    .acheivement-item{ min-height: 0px; height: auto; margin-bottom: 10px;}
    .acheivement-item a{ margin-bottom: 10px; }
    .acheivement-item a.center-align{ height: auto; }

    .almanac-img { display: none;}
    .almanac-skew-box .skew-content{width: 100%; position: relative; padding: 15px 0px 15px 15px;}
    .almanac-skew-box{margin-bottom: 20px;}

    .quote a{ font-size: 14px; }
}

@media (max-width:650px) {
    .navbar-toggle { margin-top: 9px; }
}

@media (max-width:560px) {
    .top-menu { left: 10%; }
    #top-nav { position: absolute; left: 28%; }
    .navbar-brand { margin-top: 15px; }
    .navbar-brand img { width: 150px; }
    .mob-search, .navbar-toggle { margin-top: 13px; }

    ul.footer-links a { font-size: 12px; font-weight: 300; color: #cccccc; word-break: break-all; }
    .footer-nav p, ul.footer-links li { font-size: 12px; }
    .almanac-banner { margin-top: 104px; }
}

@media (max-width:520px) {
    .inner-wrapper { padding-top: 32px }
    .mobile-ancillary { margin-top: 30px; }
    span.secnd-word { padding-top: 0; float: left; width: 67%;  }
}

@media (max-width:460px) {
    #top-nav { position: absolute; left: 21%; }
    .almanac-skew-box .almanac-img::before { left: -35px; }
    .almanac-img img { width: 104px; }
    .quote a{ font-size: 13px; padding: 15px 20px;}
    .banner-descr a {font-size: 15px; }
    .almanac-banner h1::before { height:14px; }
}

@media (max-width:400px) {
    #top-nav { position: absolute; left: 18%; }
    
    .banner-descr a {font-size: 13px; padding: 15px 15px;}
    .almanac-weekly-spotlight .spotlight-archive { font-size:12px; }
}

.sfPageContainer .navbar-fixed-top { top: auto; position: relative; }
.sfPageContainer .body-wrap { padding-top: 0!important; }
.sfPageEditor ul.nav-tabs li { transform: none; -webkit-transition: none; }
.sfPageEditor .checkbox { border: none; }
.sfPageEditor .checkbox label:before { content: none; }
.sfPageEditor .checkbox input[type="checkbox"] { opacity: 1; }


@media print{
    .body-wrap{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    a[href]:after {
        content: none;
    }
}