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

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

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

@media (min-width:992px) {
    .body-wrap, .navbar, footer { width: 970px }
}

@media (min-width:1200px) {
    .body-wrap, .navbar, footer { width: 1170px }
}

/***** new magazine home page templates *****/
.magazine-latest-news { background-color: #1d002e; display: grid; grid-template-columns: auto; grid-template-rows: 65px auto; }
    .magazine-latest-news .news-archive { grid-row: 1; justify-self: right; color: #D4CEC9; padding: 20px 12px 12px 12px; font-family: "PT Sans",sans-serif; font-size: 14px; }
        .magazine-latest-news .news-archive::after { content: url('../../images/magazine/arrow.png'); height: 30px; width: 35px; display: inline-block; position: relative; top: 5px; left: -3px; }
    .magazine-latest-news h2 { font-family: 'PT Sans', sans-serif; font-size: 16px; text-transform: uppercase; grid-row: 1; color: #fff; padding: 30px 20px 30px 40px; }
    .magazine-latest-news .latest-news-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; }
        .magazine-latest-news .latest-news-items h3 { font-family: 'Quincy Bold', serif; font-size: 22px; margin-top: 0; color: #d4cec9; }
        .magazine-latest-news .latest-news-items span, .magazine-latest-news .latest-news-items p { color: #D4CEC9; font-size: 14px; }
        .magazine-latest-news .latest-news-items .latest-news-item { margin-left: 20px; border-left: 8px solid #565654; padding-left: 25px; padding-right: 25px; }
        .magazine-latest-news .latest-news-items a { font-family: 'Quattrocento', serif; color: #fff; }

.current-issue { }
    .current-issue .cover-and-featured-articles { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-template-rows: auto; background-color: #f3f2f0; }
        .current-issue .cover-and-featured-articles .cover-wrapper { overflow: hidden; }
            .current-issue .cover-and-featured-articles .cover-wrapper .cover-background { position: sticky; transform: skewX(-7deg); transform-origin: top left; background-color: #ccc; }
                .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content { transform: skewX(7deg); color: #fff; padding: 15px 60px 50px 80px; }
                    .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content img.smaller-img { max-height: 472px; }
                    .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content h1 { font-family: 'PT Sans', sans-serif; font-weight: bold; color: #1d002e; margin-bottom: 20px; font-size: 16px !important; }
                    .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content.anchors-linked a.hover { text-decoration: none; }
        .current-issue .cover-and-featured-articles .featured-articles { padding: 5%; padding-top: 83px; background-color: #f3f2f0; }
            .current-issue .cover-and-featured-articles .featured-articles > article { display: grid; grid-template-columns: repeat(auto-fit, minmax(207px, auto)); justify-content: start; margin-bottom: 20px; }
                .current-issue .cover-and-featured-articles .featured-articles > article p { margin-bottom: 0; }
                .current-issue .cover-and-featured-articles .featured-articles > article img { width: 183px; max-width: 183px; }
                .current-issue .cover-and-featured-articles .featured-articles > article h3 { margin-top: 0; font-family: 'Quincy Bold', serif; font-size: 22px; color: #1d002e; }
.department-articles { margin: 0; padding: 50px 0 12px 32px; background-color: #f3f2f0; }
    .department-articles .department { margin-bottom: 2%; padding: 3px 30px 3px 25px; border-left: 8px solid #565656; }
        .department-articles .department h4 { font-family: 'Quincy Bold', serif; font-size: 22px; color: #1d002e; }
        .department-articles .department > div { padding-bottom: 6px; }

        .department-articles .department.department-interviews { border-color: #6c867e; /* green */ }
        .department-articles .department.department-interview { border-color: #6c867e; /* green */ }
        .department-articles .department.department-benedictions { border-color: #9a665b; /* maroon */ }
        .department-articles .department.department-the-exchange { border-color: #5b91cd; /* grey */ }
        .department-articles .department.department-sweet-charity { border-color: #47436c; /* medium grey */ }
        .department-articles .department.department-road-trip { border-color: #bab089; /* need color  */ }
        .department-articles .department.department-books { border-color: #46583b; /* purple/blue */ }
        .department-articles .department.department-ideas { border-color: #653740; /* lighter green */ }
        .department-articles .department.department-president-s-note { border-color: #20132f /* darker purple */ }

.magazine-previous-issue h2 { line-height: 32px; font-size: 16px; font-weight: 700; margin: 5px 0 5px 0; font-family: 'PT Sans', sans-serif; }

@media (max-width:992px) {

    .current-issue .cover-and-featured-articles .cover-wrapper .cover-background { transform: skew(0deg); }
        .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content { transform: skew(0deg); padding-bottom: 30px; }
            .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content h1 { margin-top: 0px; }
    .current-issue .cover-and-featured-articles .featured-articles > article { grid-template-columns: repeat(auto-fit, minmax(161px, auto)); }
        .current-issue .cover-and-featured-articles .featured-articles > article img { width: 140px; }
    /*    .department-articles { height: auto!important; max-height:none!important;}
        .department-articles .department { width: 90%; }
*/
    .magazine-latest-news h2 { font-size: 16px; }
    .magazine-previous-issue h2 { margin-top: 35px; }
}

@media (max-width:440px) {
    .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content { padding: 15px 0 50px 0; }
        .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content img { display: block; margin-left: auto; margin-right: auto; width: 75%; }
        .current-issue .cover-and-featured-articles .cover-wrapper .cover-background .cover-content h1 { margin-left: 50px; }
}

/*** end new magazine home page templates ****/

.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; }
a, .archive-filters h5 { color: #1d002e; }
    a:hover { color: #565656; text-decoration: underline; }
.pb20 { padding-bottom: 20px; }
.normal { font-weight: normal !important; }
h2 { font-size: 32px; font-weight: 700; margin: 0 0 10px 0; color: #1d002e; }
.f12 { font-size: 14px; }
.mt45 { margin-top: 45px; }
/*.bodyBg { background: url(../images/bodyBg.png) repeat bottom center; width: 100%; float: left; }*/

/************** Start Header Wrapper CSS ************/
.navbar-brand { height: auto; position: relative; z-index: 9; }
    .navbar-brand > img { display: inline-block; }
.magazine-logo { padding: 24px; text-align: center; }
.responsive-img { width: 100%; height: auto; }
.body-wrap { padding-top: 204px; }
.inner-wrapper { background: #ffffff; width: 100%; float: left; padding-top: 50px; padding-bottom: 50px; }
.white-background { background: #ffffff; }
.left-section h1 { color: #1d002e; font-weight: 700; font-size: 32px; font-family: 'PT Serif', serif; margin-top: 0; }

.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 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-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-content a { text-decoration: underline; }
.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; }

.summary 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 { /*float: left;*/ 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%; }
.single-issue .featured-wrap { margin-top: 35px; }
.featured-wrap,
.magazine-wrap { padding-left: 15px; padding-right: 15px; font-family: 'Quattrocento', serif; }
    .featured-wrap.flagship-wrap { background-color: #f4f2f0; margin-bottom: -25px; padding: 0; margin: 0 0 -25px 0; width: 100%; }
.magazine { margin-bottom: 20px; min-height: 162px; }
.magazine-ad { width: 100%; float: left; }
    .magazine-ad h2, .archive 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; }
.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 -2px 0; font-weight: 700; align-items: center; display: flex; height: 55px; }
.magazine span.description { display: block; padding-top: 8px; color: black; font-family: 'PT Sans', sans-serif; }
.feature-article-rotator { margin-bottom: 35px; }
.featured-content { padding: 23px 20px 30px 20px; font-weight: 400; }
    .featured-content h3 { font-size: 21px; margin-top: 0; font-weight: 700; }
    .featured-content p { color: #565656; cursor: default; }

.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; }
.magazine-feed-header, .news-feed-header { font-size: 20px; }
.news-feed img,
.magazine-feed img { max-height: 113px; filter: grayscale(100%); opacity: 0.5; transition: 1s ease; cursor: pointer; float: left; margin-right: 20px; }
.news-feed:hover img,
.news-feed a .news-feed-header:hover img,
.magazine-feed:hover img,
.magazine-feed a .magazine-feed-header:hover img { filter: none; opacity: 1; transition: 1s ease; }
.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; }

.issue-archive { margin: 30px 0; padding: 18px; }
    .issue-archive h5 { font-weight: 800; margin-top: 0; }
    .issue-archive p { font-size: 14px; }
    .issue-archive .feature-article, .issue-archive .col-md-12 .feature-article { margin-bottom: 12px !important; }
    .issue-archive .department-article, .issue-archive .col-md-12 .department-article { margin-bottom: 4px !important; }
        .issue-archive .feature-article:last-child, .issue-archive .department-article:last-child { margin-bottom: 0; }
.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%; }

.col-sm-3.anchors-linked { margin-bottom: 20px; }

.archive-sort { padding: 0 30px; margin-top: 0px; }
    .article-general-listing h5, .archive-sort h5 { color: #1d002e; display: inline-block; padding: 0 30px 0 0; }
    .archive-sort h5, .archive-filters h5 { /* padding-left:8px; */ }
.issue-archive.issue-no-space { margin-top: 0; margin-bottom: 0; padding: 4px 18px; }
    .issue-archive.issue-no-space .article-only { padding: 8px 0; }
.issue-archive .date-filter-hide { display: none; }

/*------------------ Department Article listings */
.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-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; }

/* .pull-quote { width: 50%; 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; } */
/*.pull-quote { width: 25%; margin: 20px; font-weight: 900; font-size: 24px; color: #163516; font-family: 'Quattrocento', serif; }*/
/*-----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; }


.article-content h2, .article-content h4, .article-content h3 { float: left; width: 100%; font-family: 'PT Serif', serif; }

.article-content aside, .article-content .block-quote { font-family: 'PT Serif', serif; }

.article-content h2:after { content: ''; clear: both; display: block; }

aside.pull-quote + p { float: none; }

    aside.pull-quote + p + p { float: none; }

.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 { font-weight: bold; font-size: 20px; display: block; margin: 20px 30px 20px 0px; padding: 10px 10px 10px 0px; width: 40%; border-top: 10px solid #c0b283; border-bottom: 10px solid #c0b283; float: left; }
.pull-quote-right { font-weight: bold; font-size: 20px; display: block; margin: 20px 0px 20px 30px; padding: 10px 10px 10px 0px; width: 40%; border-top: 10px solid #c0b283; border-bottom: 10px solid #c0b283; float: right; }
.block-quote-left { font-weight: normal; font-size: 20px; display: block; margin: 20px 20px; padding: 10px; width: 40%; float: left; }
.block-quote-right { font-weight: normal; font-size: 20px; display: block; margin: 20px 20px; padding: 10px; width: 40%; float: right; }

.article-image { margin: 9px 20px; }
.article-image-right { float: right; }
.article-image-left { float: left; }
.article-image-caption { color: grey; font-style: italic; display: block; font-size: .8em; margin-bottom: 20px; }
.article-image-caption-right { color: grey; font-style: italic; display: block; font-size: .8em; margin-bottom: 20px; clear: right; float: right; margin-right: 20px; margin-left: 20px; }
.article-image-caption-left { color: grey; font-style: italic; display: block; font-size: .8em; margin-bottom: 20px; clear: left; float: left; margin-left: 20px; margin-right: 20px; }
.article-image-caption-feature { color: grey; font-style: italic; display: block; font-size: 1em; margin-bottom: 20px; clear: left; float: left; margin-right: 20px; }
.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; }

.right-section h2 { font-size: 26px; 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; }

.top-red-bd { border-top: 10px solid #76323f; }
.top-eastBay-bd { border-top: 10px solid #494e6b; }
.top-blurple-bd { border-top: 10px solid #1d002e; }
.top-golden-bd { border-top: 10px solid #c0b283; }

.skewBox,
.box-lg { background: #ffffff; width: 100%; float: left; color: #1d002e; margin-bottom: 40px; position: relative; }
    .skewBox .skew-content { float: left; width: 55%; padding: 28px 0 28px 25px; font-family: 'PT Sans', sans-serif; position: absolute; }
    .skewBox .skew-img,
    .box-lg .box-lg-img { float: right; }
    .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/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; }

.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; }

.share-icon { float: right; display: block; min-height: 52px; min-width: 200px; }
    .share-icon > ul { float: right; width: 100%; padding: 0; list-style: none; }
        .share-icon > ul > li { float: left; margin-right: 15px; list-style: none; }
        .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; }

.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 { font-size: 26px; }
    .box-red h2 { font-size: 30px; font-weight: 700; margin: 0 0 15px 0; }
.box:after { content: ""; background: url(../images/logo-pattern.png) no-repeat right center; position: absolute; right: 0; height: 264px; width: 163px; top: 0; z-index: 9; }
.box-red:after { content: ""; background: url(../images/logo-pattern02.png) no-repeat right center; position: absolute; right: 0; height: 264px; width: 163px; top: 0; z-index: 9; }

#recommended-article-tab .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; }*/

.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.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 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 ******************/

.top-nav { position: relative; margin-top: 5px; z-index: 400; }
#top-nav { margin: 0 auto; padding: 0; width: 850px; 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: #1d002e; 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: #fffdfd; -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: #1d002e; color: #ffffff; }
        #top-nav li.current a.acreform, #top-nav a.acreform:hover { background-color: #ff8338; color: #fff; }
    #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; }

.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: #1d002e; 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: #1d002e; }
        .ancillary-nav > li.open.dropdown:last-child:before { content: ""; }

.navbar-toggle .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px; background: #1d002f; }

.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: 33.3333333333%; text-align: center; }
        .nav-trp .navbar-nav > li:first-child { border-right: 1px solid #d8e0f0; 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%; 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 40px; color: #1d002e; border-top: 1px solid #d8e0f0; }
        .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; z-index: 10; }
.mobile-main-nav { left: -173px !important; }
.col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 8px; }

/******************** 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-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; }

.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; }


/********************************** 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; }

.anchors-linked a.hover { text-decoration: underline; }


/********************************** Check Box End **************************/

/*****CSS Progress Bar******/

progress#progressbar { display: none; background: #f4f2f0; position: absolute; bottom: 0px; height: 0; width: 100%; left: 0; z-index: 9999; border: none; }
    progress#progressbar::-moz-progress-bar { background: lightcolor; }
    progress#progressbar::-webkit-progress-value { background-color: #1d002e; }
    progress#progressbar::-webkit-progress-bar { background: #f4f2f0; }

.article-content img { width: 100%; }
/************** Menu Header Wrapper CSS END************/

/************** Slider CSS START************/
.article-banner img { width: 100% }
.banner-descr { padding: 15px 30px; color: #d7cec7; background: #1d002e; font-family: 'PT Sans', sans-serif; font-size: 17px; }
    .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; min-width: 100%; width: 100%; max-width: 100%; line-height: 1; }
.carousel-caption { text-shadow: none; left: 30px; }
    .carousel-caption a { font-family: 'Quattrocento', serif; color: #c0b283; }
        .carousel-caption a:hover { color: #ffffff; text-decoration: underline; }
    .carousel-caption h1 { font-size: 40px; font-weight: 400; margin: 0; padding-top: 0; }
    .carousel-caption h3 { font-size: 24px; font-weight: 400; margin: 5px 0; line-height: 32px; }

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

.break { display: block; }

/************** Footer CSS START************/
footer .row { margin: 0; }
.footer-wrapper { background: url(../../images/magazine/footer-bg.jpg) no-repeat top center; float: left; background-size: cover; width: 100%; height: 272px; font-family: 'PT Sans', sans-serif; }

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

.footer-nav { color: #cccccc; }
    .footer-nav .col-sm-2 { width: 21%; }
    .footer-nav p { font-size: 16px; line-height: 19px; margin-bottom: 12px; }

.form-group.news-letter { margin-top: 15px; }
.footer-title { font-size: 14px; font-weight: 700; font-family: 'PT Serif', serif; text-transform: uppercase; }
.footer-links { padding: 0; width: 100%; float: left; }
    .footer-links li { padding-top: 5px; word-break: break-all; }
    .footer-links a { font-size: 16px; font-weight: 300; color: #cccccc }
.social-message { border-top: 10px solid #c0b283; padding: 20px 14px; background: #1d002e; line-height: 27px; }
    .social-message .footer-title { font-size: 12px; font-weight: normal; font-family: 'PT Serif', serif; line-height: 19px; }
    .social-message .fa-twitter { float: left; padding-right: 12px; min-height: 120px; }
    .social-message ul.footer-links { float: right; }
/*.social-links { float: right; }*/
.icon { position: relative; text-align: center; width: 32px; height: 32px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; }
    .icon i { 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: #494e6b; }
        .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; }

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

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

/************** Media Queries MIN-WIDTH ************/

@media (min-width:768px) {
    #top-nav { position: absolute; left: 32%; }
    .navbar-nav { width: 100%; }
    .navbar-toggle { display: block; }

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

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

@media (min-width:992px) {
    #top-nav { position: absolute; left: -145px; }
    /************************ 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; }
}

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

@media (min-width:992px) and (max-width:1200px) {
    .featured-content { }
    .skewBox .skew-content { width: 60%; }
    .skewBox .skew-img, .box-lg .box-lg-img { width: 40%; }
}

@media (min-width:1200px) and (max-width:2400px) {
    .magazine-logo { margin-top: 0px; }
    .body-wrap { padding-top: 224px; }
}



@media (min-width:1300px) {
    .body-wrap { padding-top: 226px; }
}

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

/************** Media Queries MAX-WIDTH ************/

@media (max-width:1200px) {
    .magazine-logo { margin-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: 1000px) {
    .carousel-caption h4 { font-size: 16px; }
}

@media (max-width:1200px) {
    .col-md-3.hidden-sm.hidden-xs.nav-bar-right { margin-top: 50px; }
    .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; width: 45%; }
        .carousel-caption h1 { font-size: 30px; font-weight: 100; margin-top: 0; }

    .social-message .fa-twitter { min-height: inherit; }

    #recommended-article-tab .nav-tabs { padding-left: 40px; }
}

@media (max-width:1024px) {
    .thumb-wrap.speaker-box { min-height: 410px; }
}
/* col-sm */
@media (max-width:991px) {
    .magazine-logo img { max-height: 38px; width: auto; text-align: left; }
    .magazine-feed-img { height: auto; width: auto; float: left; }
    .thumb-wrap.speaker-box { min-height: 510px; }

    .logo { position: relative; z-index: 1; }

    .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; }
    .body-wrap { padding-top: 150px; }

    .service-box { text-align: center; margin-bottom: 50px; }

    .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; }
    .mobile-search { margin: 55px 20px 0 0; width: 50px; float: right; text-align: center; }
        .mobile-search a { color: #210030; font-size: 12px; }

    .navbar-default .navbar-brand { color: #fff; }
    .navbar-default .navbar-toggle { border: 1px solid #ffffff; }
        .navbar-default .navbar-toggle .icon-bar { background: #ffffff; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; padding: 15px; }
    .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; }
    .mobile-dropdown { display: block; float: left; cursor: pointer; width: 20px; height: 20px; padding-right: 30px; }
    .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; }
    .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; }
    .nav-trp .dropdown-menu > li:last-child { border-bottom: 1px solid #d8e0f0; }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a { padding-left: 80px; }
    .navbar-cvas .dropdown-menu > li > a { padding: 12px 20px; color: #004d14; font-size: 18px; }
    .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; }
    .navbar-toggle { margin-right: 0; margin-top: 14px; }

    .thumb-wrap { text-align: center; }
        .thumb-wrap img { display: inline-block; }
    .banner-descr .title { font-size: 43px; }

    .footer-wrapper { height: auto; }
    .social-message { width: 100%; float: left; }
    .social-links { float: none; text-align: center; width: 200px; margin: auto; }
}

@media (max-width:767px) {

    .magazine { width: 220px; float: none; margin: 50px auto; }
        .magazine:nth-last-child(1) { margin-bottom: 100px; }
    .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; }
    .navbar-brand { width: auto; text-align: left; padding-left: 0; }
        .navbar-brand img { width: 250px; }
    .container-fluid { padding-left: 15px; padding-right: 15px; }
    #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; }
    .hr-text { margin: 15px 0; }
    .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; }
    .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; }

    .right-section h2 { font-size: 19px; }

    .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; }

    .body-wrap { padding-top: 132px; }


    .carousel-caption { height: auto; padding: 20px 0; width: 50%; top: 0; left: 10px; text-align: left; }
        .carousel-caption h1 { font-size: 16px; padding-top: 0px; }
        .carousel-caption h3, .carousel-caption h4 { font-size: 16px; margin: 10px 0; line-height: normal; color: #d7cec7; display: none; }

    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; }

    .h2, h2 { font-size: 30px; }
    .process { width: 246px; margin: auto; }
    .search-wrap { top: 42px; width: 228px; left: -181px; /* right: 50px; */ }
    .banner-descr .title { font-size: 14px; font-weight: bold; }
    .date { font-size: 12px; }
    .share-icon { float: left; width: 100%; margin-bottom: 20px; }
    .article-summary > p::first-letter { margin-top: 35px; }
    .pull-quote { width: 100%; }
    .article-summary h1 { font-size: 24px; margin: 0 0 15px 0; text-align: left; }
    .article-summary h2 { font-size: 18px; margin: 0 0 20px 0; line-height: normal; }
    .featured-content { min-height: auto; }

    .magazine-ad { display: none; }
    .article-content { padding: 0px 15px; }

    .filter-date-on img { margin-bottom: 20px; }

    .article-general-listing .text-right { text-align: left; padding-left: 8px; }
}

@media (max-width:650px) {
    .magazine-logo { margin-top: -100px; }
    .mobile-ancillary { margin-top: 30px; }
    .navbar-toggle { margin-top: 9px; }
}

@media (max-width:560px) {
    .body-wrap { padding-top: 110px; }
    .top-menu { left: 10%; }
    #top-nav { position: absolute; left: 28%; }

    .navbar-brand { margin-top: 15px; }
        .navbar-brand img { width: 150px; }
    .mobile-search, .navbar-toggle { margin-top: 14px; }

    .footer-nav .mobile-box { min-height: 170px; }
    .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; }

    .article-wrap h1 { font-size: 40px; margin: 0 0 30px 0; }

    .carousel-caption { width: 50%; }
        .carousel-caption h3, .carousel-caption h4 { font-size: 14px; margin: 10px 0; }
}

@media (max-width:460px) {
    #top-nav { position: absolute; left: 21%; }

    .carousel-caption { height: auto; padding: 10px 0; width: 40%; top: 0; left: 10px; text-align: left; }
        .carousel-caption h3, .carousel-caption h4 { font-size: 14px; margin: 5px 0; }

    .archive { padding-top: 40px; }
    .archive-sort, .archive-filters.departments { float: left !important; text-align: left; }
}

@media (max-width:400px) {
    #top-nav { position: absolute; left: 18%; }

    .carousel-caption { padding: 8px 0; width: 50%; top: 0; left: 10px; }
        .carousel-caption h1 { font-size: 16px; padding-top: 0px; }
        .carousel-caption h3, .carousel-caption h4 { font-size: 12px; margin: 2px 0; }
}

.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; }
}

@media (max-width:767px) {
    .archive-sort h5, .archive-filters h5 { padding-left: 0px; }
}