/* ========================================== */
/* CUSTOM STYLES FOR BONDI EDITOR */
/* ========================================== */



/* ========================================== */
/* FONTS */
@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,400italic,700italic&subset=latin';

/* ========================================== */



/*******************************
             GENERAL
*******************************/
html, body {
height: 100%;
}

html.auto-height {
    height: auto;
}

/* get rid of system borders being generated for A tags */
a:active, select { outline:none !important; }
:focus {
  -moz-outline-style:none !important;
  outline-style:none !important;
}



.ui.purple.button, .ui.purple.buttons .button {
    background-color: #564f8a;
}
.ui.purple.button:hover, .ui.purple.buttons .button:hover {
    background-color: #6D64AF;
}




/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.33em;
  margin: -webkit-calc(2rem -  0.165em ) 0em 1rem;
  margin: calc(2rem -  0.165em ) 0em 1rem;
  font-weight: 300;
  padding: 0em;
  letter-spacing:-0.015em;
}

h1 {
    min-height: 1rem;
    font-size: 2.6rem;
}
h2 { font-size: 1.714rem; }
h3 { font-size: 1.28rem; }
h4 { font-size: 1.071rem; }
h5 { font-size: 1rem; }

/* -------------------------------- */
@media screen and (max-width: 640px) {
    h1 { font-size: 2.2rem; }
}
/* -------------------------------- */
@media screen and (max-width: 480px) {
    h1 { font-size: 2rem; }
}
/* ========================================== */







.insetItem { display:inline-block; }
.floatR { float:right; }
.floatL { float:left; }
/* -------------------------------- */
@media screen and (max-width: 480px) {
    .floatR, .floatL { float:none; }
}

/* ========================================== */






/* ========================================== */
/* TOP HEADER */
/* ========================================== */
#topNav {
    height:50px;
    background-color:#1b2028;
    padding:5px 30px;
    z-index:2000; /* adjust as needed to be topmost, but below modals */
}
#topNav .container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1500px;
}





body.batchMonitorWrap #topNav .container {
    max-width: 100%;
}


#topNav.ui.menu .item {
    font-size: 0.9rem;
    float:left;
}

body.smallHeader #topNav.ui.menu {
    height:40px !important;
    padding:0 30px;
    font-size: 0;
}
#topNav.ui.menu .item {
    font-size: 0.85rem;
    /* margin-top:0.15rem; */
}
body.smallHeader #topNav.ui.menu .item {
    font-size: 0.8rem;
    height:40px;
    margin-top:0;
}
#topNav.ui.menu .be_topmenu_item.item {
    border-top: solid 3px #1b2028;
    border-bottom: solid 3px #1b2028;
}
#topNav.ui.menu .be_topmenu_item.item:hover {
    border-bottom-color: #42ACBE; /* #00ADFF */
}
body.smallHeader #topNav.ui.menu .ui.simple.active.dropdown>.menu,
body.smallHeader #topNav.ui.menu .ui.simple.dropdown:hover>.menu {
    margin-top: 3px;
}

#topNav.ui.menu .ui.simple.dropdown .item {
    width: 100%;
    line-height: 24px;
}



#topNav.ui.menu .item a { }

#topNav.ui.menu .item.boldUpper a {
    font-weight:700;
    text-transform:uppercase;
}


body.smallHeader #topNav.ui.menu .text.item > *,
body.smallHeader #topNav.ui.menu .item > a:not(.ui),
body.smallHeader #topNav.ui.menu .item > p:only-child {
    line-height: 1;
}

#topNavLogoWrapper {
    float:left;
    height:50px;
    padding-top:5px;
    margin-left: 20px;
}

#topNavLogo,
#topNavLogoText {
    float:left; display:block;
}
#topNavLogo {
    background:url(../img/layout/topnav-logo-bondi-medium.png) no-repeat 0 center;
    width:48px; height:30px;
}
body.smallHeader #topNavLogo {
    background-size:32px 20px;
    width:32px;
    height:30px;
}
#topNavLogoText {
    background:url(../img/layout/topnav-logotext-bondi-medium.png) no-repeat 0 center;
    height:30px;
    width:110px;
    margin-left:10px
}
body.smallHeader #topNavLogoText {
    background-size:90px auto;
    width:90px;
    height:30px;
    margin-left:10px
}

.be_topmenu_wrap {
    position:absolute;
    right:20px;
}
#userDropdown .menu .item a { color:#444; }

.be_user_dropdown span.be_username {
    font-weight: bold;
    padding: 2px 2px 0 4px;
}

/* ---------------------------------------------------- */
@media screen and (max-width: 480px) {

    .be_topmenu_wrap { display: none !important; }
}

/* ========================================== */





/* ========================================== */
/* SUBHEADER */
#archiveNav {
    top:50px;
    background-color:#262e39;
    padding:8px 30px;
    /*
    position: absolute;
    width: 100%;
    border-radius: 0;
    top: 16px !important; */
}

#archiveNav.ui.fixed {
    top:50px;
    background-color:#262e39;
    padding:8px 30px;
    z-index: 1001;
}

body.smallHeader #archiveNav {
    top:40px !important;
}


#archiveNav .container .item:nth-child(2)
{ display:none !important; visibility:hidden !important; opacity:0 !important;}


.submenuLogo a {
    background-repeat:no-repeat;
    display: block;
    text-indent: -9999px;
    font-size: 0;
    height: 50px;
    margin-left: -10px;
    margin-right: 20px;
}


.submenuLogo.architecturaldigest a {
    background-image:url(../img/clients/submenu-logo-architecturaldigest.png);
    width: 130px;
    background-size: 100px auto;
    height: 65px;
    margin-top: -19px !important;
}
.submenuLogo.americanchiro a {
    background-image:url(../img/clients/submenu-logo-americanchiro.png);
    width: 250px;
    background-size: 230px auto;
    background-position: 0 center;
}
.submenuLogo.aperture a {
    background-image:url(../img/clients/submenu-logo-aperture.png);
    background-size:200px auto;
    width: 220px;
}
.submenuLogo.aviationweek a {
    background-image:url(../img/clients/submenu-logo-aviationweek.png);
    width: 236px;
    background-size: 220px auto;
    background-position: 0 1px;
}
.submenuLogo.cycleworld a {
    background-image:url(../img/clients/submenu-logo-cycleworld.png);
    width: 170px;
}
.submenuLogo.dartmouth a {
    background-image:url(../img/clients/submenu-logo-dartmouth.png);
    width: 258px;
    background-size: 240px auto;
}
.submenuLogo.esquire a {
    background-image:url(../img/clients/submenu-logo-esquire.png);
    width: 210px;
}
.submenuLogo.gq a {
    background-image:url(../img/clients/submenu-logo-gq.png);
    width: 150px;
    background-size: 120px auto;
    height: 65px;
    margin-top: -18px !important;
}
.submenuLogo.hightimes a {
    background-image:url(../img/clients/submenu-logo-hightimes.png);
    width: 215px;
    background-size: 190px auto;
    background-position: 0 1px;
}
.submenuLogo.vanityfair a {
    background-image:url(../img/clients/submenu-logo-vanityfair.png);
    width: 210px;
}
.submenuLogo.vogue a {
    background-image:url(../img/clients/submenu-logo-vogue.png);
    width: 182px;
}




#searchTemp {
    height:70px;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

#searchTemp .icon { line-height:50px; }

#searchTemp .searchTempText {
    line-height: 50px;
    display: block;
    float: left;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.3);
    margin-right: 50px;
}












/* ========================================== */
/* PAGE LAYOUT  */
/* ========================================== */

.pusher { margin-top: 50px; }

body.dashboard .pusher { }

body.smallHeader .pusher { margin-top: 40px; } /* old subhead 132px */





/* ========================================== */
/* ISSUE LIST */
/* ========================================== */

body.issueList .pusher { padding:0; }

body.issueList #topNav .container,
body.issueList .ui.pageHead .container {
    max-width:100% !important;
}
body.issueList .ui.pageHead .container {
    padding-top: 30px;
}
body.issueList .main.wide.container {
     padding: 30px 30px 100px 30px;
}

body.issueList #topNavLogoWrapper {
    margin-left: 0px;
}
#archiveYears {
    margin-left:15px;
    top:0px;
}


#archiveIssues { top: -5px; }

table#issues thead th {
    text-transform: uppercase;
    font-size: 86%;
    text-align:center;
}
table#issues td { text-align:center; }


table#issues .tbt-thumb { width: 160px; }
table#issues .tbt-actions { width: 25%; min-width: 300px;  }

/* table#issues .coverImgCol { width:120px; } */
table#issues img {
    height: 110px;
    border: solid 1px #dedede; /* 90px */
}
table#issues .displayDate {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 120%;
}

table#issues .ui.button.purple span {
	display:none !important; visibility:hidden !important; opacity:0 !important;}


table#issues .displayDate span {
    display: block;
    text-transform: none;
    margin-top: 6px;
    font-size: 90%;
}

table#issues .issueKey span {
    display:block;
}

table#issues button.ui.button {
    font-size: 11px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
/* ========================================== */







/* ========================================== */
/* ARTICLE LIST */
/* ========================================== */

.issueContentsWrap { }
.issueContentsWrap .issueContentsContainer { position: relative; }

.issueContentsWrap .issueHead {
    font-weight:300;
    font-size:32px !important;
    line-height:32px;
    margin-bottom:22px;
}
.issueContentsWrap .issueHead .meHeaderPre {font-weight:600; font-size:12px; }

.issueContentsWrap .issueContentsMeta .ui.message {
    padding: 2em 1.5em;
}
.issueContentsWrap .issueContentsMeta .ui.progress .bar {
    height: 2.5em;
}


.issueContentsWrap .field label { text-transform:uppercase !important; font-size:80% !important; }
.issueContentsWrap .ui.progress .label {
    text-transform: uppercase;
    font-size:11px;
    letter-spacing: 0.03em;
    padding-top: 5px;
    color: #777
}


/* Menu and Text Filter */
.issueMenuFilterWrap {
    width: 18.75% !important;
    position: absolute !important;
    z-index: 1000;
    top: 24px;
    padding: 0 1.3em 0 0 !important;
}
.issueMenuFilterWrap .issueMenuFilter {
    width:100%;
    padding: 15px !important;
    line-height: 1.3em;
}
.issueMenuFilter.blue .description {
    color: rgba(255,255,255,0.6) !important;
    font-size: 85%;
}
.issueMenuFilter.blue .menu .description {
    color: rgba(0,0,0,0.6) !important;
    font-size: 85%;
}

#issueContents_wrapper .dataTables_filter {
    width: 81.25% !important;
    float: right;
}
.topics_list_wrap #issueContents_wrapper .dataTables_filter,
.post_list_wrap #issueContents_wrapper .dataTables_filter {
    width: 100% !important;
}
#issueContents_wrapper.dataTables_wrapper .dataTables_filter input {
    margin: 0 0 20px 0 !important;
    padding: 15px 20px;
    border: solid 2px #abc;
    box-shadow: none;
}
#issueContents_wrapper.dataTables_wrapper .dataTables_filter input:focus {
    box-shadow: 0 0 5px rgba(140,200,250,0.8);
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ccc !important;

}


/* ---------------------------------------------------- */
@media screen and (max-width: 1200px) {
    .issueMenuFilterWrap { width: 30% !important; }
    #issueContents_wrapper .dataTables_filter { width: 70% !important; }
}
/* ---------------------------------------------------- */
@media screen and (max-width: 767px) {
    .issueMenuFilterWrap { width: 40% !important; }
    #issueContents_wrapper .dataTables_filter { width: 60% !important; }
}
/* ---------------------------------------------------- */
@media screen and (max-width: 580px) {
    .issueMenuFilterWrap,
    #issueContents_wrapper .dataTables_filter  {
        width: 100% !important;
        float: none;
        position: relative !important;
        padding: 0 !important;
        top: 0;
    }
}
/* ---------------------------------------------------- */



/* Issue Contents Table */
table.issueContents thead th {
    text-transform: uppercase !important;
    font-size: 80%;
    text-align:center !important;
}
table.issueContents td { text-align:center !important; }


table.issueContents .tbt-pages { width: 80px; }
table.issueContents .tbt-thumb { width: 120px; }
table.issueContents .tbt-title { width: 25%; }
table.issueContents .tbt-genre { }
table.issueContents .tbt-actions { width: 25%; min-width: 280px; }
table.issueContents .tbt-modified { width: 15%; }

.issueContents .pageNum {
    text-align:center; display:block; padding-bottom:8px;
}

.issueContents .ui.circular.labels .label,
.issueContents .ui.circular.label {
    border-radius: 500rem;
    border: 1px solid #ddd;
    background-color: #fafafa;
    color: #666;
    text-align: center;
    min-width: 30px;
    min-height: 30px;
    padding: 5px !important;
    line-height: 30px;

}

table.issueContents img {
    height: 90px;
    font-size: 10px;
    color:#aaa;
    /* border: solid 1px #dedede;  */
}

table.issueContents img.adImage {
    max-width: 340px;
    max-height: 120px;
    height: auto;
    width: auto;
}


.issueContents .pageTotal {
    display:block;
    text-transform:uppercase;
    font-size:70%;
    white-space:nowrap;
}

.issueContents td.articleTitle,
.issueContents td.attributes,
.issueContents td.editActions,
.issueContents td.lastModified { text-align:left !important; }

.issueContents td.articleTitle a { display:block; font-size:85%; margin-bottom:5px; }
.issueContents td.articleTitle .title { font-weight:600; }


.issueContents td.attributes {
    text-transform:uppercase;
    font-size:85%;
    /* white-space:nowrap; */
    font-weight:600;
}
.issueContents td.attributes span { display:block; margin-top:5px; font-size:90%; font-weight:400; color:#777; }

.issueContents td.lastModified .ui.label { background-color:transparent; border-bottom:dotted 1px #ddd; padding:0 0 10px 0; border-radius:0;}


.issueContents td.editActions .ui.button span,
table#issues td .ui.button span { font-size:80%; font-weight:normal; margin-left:5px;}

/* ---------------------------------------------------- */
@media screen and (max-width: 767px) {

    .issueContents td.articleTitle,
    .issueContents td.attributes,
    .issueContents td.editActions,
    .issueContents td.lastModified { text-align:center !important; }
}
/* ========================================== */







/* ========================================== */
/* SECTIONS LISTS */
/* ========================================== */
.sections_list_wrap #issueContents_wrapper .dataTables_filter,
.single_section_list_wrap #issueContents_wrapper .dataTables_filter {
    width: 100% !important;
}


.sections_list {}

.sections_list td.sec_name {
    text-align: left !important;
}

/* single section */
.single_section_list {}

.single_section_list td.sglsec_issue span.sglsec_issuekey {
    font-size:85%;
    display:block;
}
.single_section_list td.sglsec_issue span.sglsec_issue {
    text-transform:uppercase;
    background-color: #4183c4;
    color: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 85%;
    margin-top: 5px;
    display: inline-block;
}


.single_section_list td.sglsec_article {
    text-align: left !important;
    font-weight: 600;
}
.single_section_list td.sglsec_article a.sglsec_title {
    font-size: 120%;
    display: block;
    padding-bottom: 2px;
}
span.sglsec_desc {
    font-weight: 400;
    font-size: 90%;
    margin-top: 3px;
    display: block;
}

.sglsec_descLong {
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 90%;
}

.single_section_list td.sglsec_creator {
    font-size: 80%;
}






.single_section_list td.sglsec_id {
    text-align: center;
    font-weight: bold;
}
.single_section_list td.sglsec_id span {
    font-size: 70%;
    font-weight: 700;
    background-color: rgba(0,0,50,0.1);
    padding: 3px 6px;
    border-radius: 6px;
}
.single_section_list .sglsec_image img {
    width: 60px;
    height: auto;
}

.single_section_list .sglsec_image.ad img {
    display: block;
    max-width: 100%;
    max-height: 130px;
    width: auto;
    height: auto;
    margin: 0 auto;
}


.single_section_list td.sglsec_category {
    font-weight: 700;
    font-size: 90%;
}
.single_section_list td.sglsec_status {
    text-align: center;
}
.single_section_list .sglsec_status span {
    background-color: #999;
    color: #fff;
    text-transform: uppercase;
    font-size: 70%;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
}
.single_section_list .sglsec_status span.published {
    background-color: #2185d0;
}


.sglsec_label {
    background-color: #2185d0;
    color: #fff;
    text-transform: uppercase;
    font-size: 70%;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
}

/* ========================================== */






/* ========================================== */
/* AD LOCATIONS */
/* ========================================== */

.adLocations .sglsec_title {
    font-size: 110%;
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
}
.adLocations .sglsec_type {
    background-color: #2185d0;
    color: #fff;
    text-transform: uppercase;
    font-size: 70%;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
}
/* ========================================== */
/* ========================================== */





/* ========================================== */
/* PAGEHEAD SUBHEAD */
/* ========================================== */

.ui.pageHead .container,
.ui.pageContentArea .container,
#dbWelcome .container,
#dbPublications .container,
#dbHistory .container {
    max-width:1500px;
    margin:0 auto;
    padding:20px;
}


#dbWelcome,
.ui.pageHead  {
    background-color:#f0f1f2 !important;
    border-top: solid 5px #c5c7ca !important;
}
.ui.pageHead  {
    height: 100px;
}

.ui.pageContentArea { background-color:#fbfbfb !important; }
.ui.pageContentArea.gray { background-color:#eee !important; }


.ui.pageHead .breadcrumb { font-weight:normal; }


/* ARCHIVE SUBHEAD W BREADCRUMB */
.be_subhead.ui.pageHead {
    clear: both;
    height: auto !important;
    overflow: hidden;
    background-color: #262E39 !important;
    border-bottom: solid 5px #c5c7ca !important;
    border-top: none 0 !important;
}

body.issueList .be_subhead.ui.pageHead {
    overflow: visible;
}


.be_subhead.ui.pageHead .item.submenuLogo {
    float:left;
}
.be_subhead.ui.pageHead .item.submenuLogo a {
    margin: -10px 20px 6px 0;
    border-right: solid 1px #777;
}



.be_subhead.ui.pageHead h2 {
    color: #fff;
    font-weight: 100;
    font-size: 2em;
    line-height: 100%;
    text-transform: uppercase;
}

.be_subhead.ui.pageHead .ui.breadcrumb {
    font-weight: normal;
    background-color: rgba(151, 183, 230, 0.21);
    padding: 8px 20px;
    border-radius: 4px;
}
.be_subhead.ui.pageHead .ui.breadcrumb:hover,
.be_subhead.ui.pageHead .ui.breadcrumb:focus,
.be_subhead.ui.pageHead .ui.breadcrumb.selected {
    background-color: rgba(151, 183, 230, 0.5);
}

.be_subhead.ui.pageHead .ui.breadcrumb a {
    color: #8DCEFF;
}
.be_subhead.ui.pageHead .ui.breadcrumb:hover a,
.be_subhead.ui.pageHead .ui.breadcrumb:focus a,
.be_subhead.ui.pageHead .ui.breadcrumb.selected a {
    color: #fff;
}

.be_subhead.ui.pageHead .ui.breadcrumb .divider {
    color: rgb(110, 134, 152);
}
.be_subhead.ui.pageHead .ui.breadcrumb .active.section {
    color: #ddd;
}


/* ------------- */
@media screen and (max-width: 760px) {

}
/* ------------- */
@media screen and (max-width: 640px) {

    .be_subhead.ui.pageHead .item.submenuLogo {
        float:none;
    }
    .be_subhead.ui.pageHead .item.submenuLogo a {
        margin: -10px 20px 6px 0;
        border-right: none 0;
    }


}
/* ========================================== */











/* ========================================== */
/* FOOTER */
/* ========================================== */

.be_body_wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -500px;
}
.be_ftr_push {
    height: 500px;
}



.be_footer.ui.segment.pageHead {
    height: 500px;
    width: 100%;
    background-color: rgb(52, 62, 75) !important;
    border-top: solid 1px !important;
    border-bottom: none 0;
    color: #eee;
    text-align: center;
}



.be_footermenu .item {
    display: inline-block;
    text-transform: uppercase;
    border-left: solid 1px #555; ;
    padding: 0 10px;
}
.be_footermenu .item:first-child {
    border-left: none 0; ;
}
.be_footermenu .item a { color: #ddd; }
.be_footermenu .item a:hover { color: #fff; }

.be_footercopy {
    margin-top: 40px;
    font-weight: 300;
    font-size: .9em;
    display: block;
    opacity: 0.7;
}

#be_backtotop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-color: #ddd;
    color: #444;
    cursor: pointer;
    border: none 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#be_backtotop:hover {
    background: #fff; /* e9ebec */
}
#be_backtotop.show {
    opacity: 1;
}
#be_backtotop i { margin:0; }


/* MEDIA edit page footer fix */
body.mediaEdit .be_footer.ui.segment.pageHead {
    height: 600px;
}
body.mediaEdit #be_backtotop {
    bottom: 150px;
}


/* ========================================== */









/* ========================================== */
/* DASHBOARD */
/* ========================================== */
#dashboardWrapper h1,
#dashboardWrapper h2 { margin:0;}
#dashboardWrapper h4 { margin:0 0 10px 0;}


.introduction .button { margin-top:-50px; }
.ui.segment {
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 1em;
    border-radius:0;
    border: medium none;
}
.ui.segment:last-child {
    /* padding-bottom: 6em !important; */
}



#dbHistory  { background-color:#3f454e !important; }


#dbPublications .ui.cards > .card > .image,
#dbPublications .ui.card > .image {
    border-bottom: 5px solid rgb(102, 204, 238);
}


#dbHistoryList .item { width:47%; float:left; border-bottom:solid 1px #556; overflow:hidden; }
#dbHistoryList .item .content { width:70%; }

#dbHistoryList .item .header {font-size:88%; text-transform:uppercase; white-space:nowrap; }

#dbHistoryList .subhead { font-size:90%; color:rgba(255,255,255,0.7); margin-bottom:6px; }

#dbHistoryList .description.editDate {
    /* border-bottom: dotted 1px #666; */
    margin-bottom: 4px;
    padding-bottom: 4px;
}

#dbHistory .item .description {
    font-size:75%;
    color:rgba(255,255,255,0.5);
}

#dbHistory .ui.list .list > .item,
#dbHistory .ui.list > .item {
    padding: 10px 0;
    margin:0 15px 0 0;
}


body.dashboard {}

.ui.cards > .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
}
/* ------------- */
@media screen and (max-width: 760px) {
    .ui.cards > .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em;
    }
}
/* ------------- */
@media screen and (max-width: 480px) {
    .ui.cards > .card {
        width: calc(100% - 2em);
        margin-left: 1em;
        margin-right: 1em;
    }
}
/* ========================================== */







/* ========================================== */
/* LOGIN */
/* ========================================== */
body.login {
    border-top: solid 20px #1b2028;
    background:url(../img/layout/login-bkd.png) repeat 0 0 #262e39;
}

body.login h2 {
    color: #fff;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0.02em;
}


body.login .ui.form .field { margin:0; }

body.login .ui.form input[type="text"] {
    border-top:solid 1px #3794a4;
}
body.login .ui.form input[type="text"],
body.login .ui.form input[type="password"] {
    background:transparent !important;
    border-bottom:solid 1px #3794a4;
    color:#FFF !important;
    border-radius:0 !important;
    margin:0;
    padding:20px 0;
}
body.login .ui.form input:focus { color:#FFF; }
body.login .ui.form .input{
    font-size:18px;
    color:#FFF;
}

body.login .ui.form .help-block {
    color:#DDD;
}

.be_resetpw_wrap .ui.form input {
    text-align: center;
}

body.login .ui.form ::-webkit-input-placeholder { color: #FFF; }
body.login .ui.form :-moz-placeholder { color: #FFF; } /* Firefox 18- */
body.login .ui.form ::-moz-placeholder { color: #FFF; } /* Firefox 19+ */
body.login .ui.form :-ms-input-placeholder { color: #FFF; }

body.login .ui.form .button { font-weight:400; }

body.login .container {
    max-width:360px;
    margin:0 auto;
}

#loginLogo {
    background:url(../img/layout/login-logo.png) 0 center no-repeat;
    width:180px;
    height:140px;
    margin:90px auto 70px auto;
}

.button.loginButton {
    margin-top:50px;
    background-color:#3794a4 !important;
}

.forgotPass {
    text-align:center;
    margin-top:60px
}
body.login a { color:#3f8491; }









/* ========================================== */
/* SIDEBAR TOC */
/* ========================================== */
#otherArticles { background-color:#F1F1F1; }




#otherArticles .item {
    padding-right:15px;
    padding-left:15px;
    border-top:none 0;
    border-bottom:dotted 1px #ccc;
}
#otherArticles .item:hover {
    background-color:#fff;
    color:#0f0;
    cursor:pointer;
}
#otherArticles .item:hover .header { color:#111 !important; }
#otherArticles .item:hover .description { color:#444 !important; }

#otherArticles .item  .label a.detail { color:#fff !important; }

#otherArticles .item img {
    height:60px;
}


#otherArticles .list .item .content {
    font-size:95%; }
#otherArticles .list .item .content .header {
    max-width: 220px;
    margin-bottom: 2px;
}

#otherArticles .pageNum {
    width:46px; text-align:center; display:inline-block; padding-right:8px;
}
#otherArticles .item .ui.circular.labels .label,
#otherArticles .item .ui.circular.label {
    border-radius: 500rem;
    border: 1px solid #ddd;
    background-color: #fafafa;
    color: #666;
    text-align: center;
    min-width: 30px;
    min-height: 30px;
    padding: 5px !important;
    line-height: 20px;

}
#otherArticles .ui.inverted.list .item .label a:hover {
    color: #FFF !important;
}
#otherArticles .right.floated.label {
    margin-top: 16px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 9px 12px;
}


#otherArticles .item .description,
#otherArticles .item .description {
    color: #888;
    font-weight:400;
    font-size:90%;
}

#otherArticles .item.tocHead { background-color:#fff; padding: 20px;    border-bottom:solid 1px #ccc;}
#otherArticles .item.tocHead .content { font-size: 160%; }
#otherArticles .item.tocHead .content .header { font-size: 30px; line-height:34px; font-weight: 300; }
#otherArticles .item.tocHead .content .description { font-size: 18px;  }
#otherArticles .item.tocHead img.tocCover { height:140px; }


#otherArticles .item.tocHead .field .ui.icon.input {
    width: 100%;
    margin-top: 20px;
}
#otherArticles .item.tocHead .field .ui.icon.input #filterContents {
    color: #222;
    font-size: 18px;
    border-color: #777;
}


/* otherArticles sidebar link wrap fix */
#otherArticles .be_sbar_article_link { display: block; overflow: hidden; }
#otherArticles .be_sbar_article_link:hover .content span { color: #4183c4 !important;  }

#otherArticles .be_sbar_article_link .pageNum,
#otherArticles .be_sbar_article_link .ui.image,
#otherArticles .be_sbar_article_link .content {
    float:left;
}
#otherArticles .be_sbar_article_link .ui.image {
    margin-right: 10px;
}



/* ========================================== */
















/* ========================================== */
/* MEDIA GRID */
/* ========================================== */

body.issueMedia { }

body.issueMedia .pageHead .container ,
body.issueMedia .pageContentArea .container { max-width:100%; }

body.issueMedia .pageContentArea .container { padding-top:0px; }


body.issueMedia .pageHead .ui.header { font-weight: 300; }
body.issueMedia .pageContentArea .ui.meHeader .segment { padding:15px 0 5px 0;}
body.issueMedia .pageContentArea .ui.meHeader { margin-bottom:65px; }
body.issueMedia .pageContentArea .ui.meHeader h1 { font-size:2.3rem; font-weight:700; }


body.issueMedia .pageContentArea .ui.meHeader .dropdown {
    margin-top: 8px;
    font-size: 0.8em;
}

body.issueMedia .pageHead .ui.header .breadcrumb {
    margin-top: 10px;
}

body.issueMedia .pageContentArea .progress .label {
    padding: 10px 0px;
    opacity: 0.7;
    border-bottom: 3px solid #CCC;
    letter-spacing: 0.02em;
    font-size: 1.1rem;
}


#mediaGrid {
    width:100%;
    overflow:hidden;
}
#mediaGrid .media {
    float:left;
    margin:3px;
    position:relative;
    display:block;

}
#mediaGrid .media a {
    line-height:0;
    position:relative;
    display: table-cell;
    vertical-align: middle;
    background-color:#EEE;
    text-align:center;
}
#mediaGrid .media,
#mediaGrid .media a { height:260px; min-width:100px; }

#mediaGrid .media a:hover { z-index:9999;}
#mediaGrid .media img {
    max-width: 580px;
    max-height: 100%;
}
#mediaGrid .media a:hover img {opacity:0.5;}



.dataDetail {
    display:none;
    background:#fff;
    padding:20px;
    height:400px;
    width:auto;

    position:absolute;
    top:0;
    left:100%;

    color:#555;
    line-height:14px;
    font-size:10px;
}
#mediaGrid .media a:hover .dataDetail,
#mediaGrid .media a:focus .dataDetail { display:block;}

/* ---------------------------------------------------- */
@media screen and (max-width: 1500px) {

    #mediaGrid .media,
    #mediaGrid .media a { height:240px; }
    #mediaGrid .media img { max-width: 520px;}
}
/* ------------- */
@media screen and (max-width: 1100px) {

    #mediaGrid .media,
    #mediaGrid .media a { height:200px; }
    #mediaGrid .media img { max-width: 460px;}
}
/* ------------- */
@media screen and (max-width: 767px) {
    .articleHeadDesktop { display:none !important; opacity:0; }
}

/* ------------- */
@media screen and (max-width: 760px) {

    body.issueMedia .pageHead .ui.header .breadcrumb { display:none; }

    #mediaGrid .media,
    #mediaGrid .media a { height:160px; min-width:80px; }
    #mediaGrid .media img { max-width: 380px;}
}
/* ------------- */
@media screen and (max-width: 600px) {

    body.issueMedia .pageHead .ui.header.left,
    body.issueMedia .pageHead .ui.header .breadcrumb { display:none; }

    .archiveChooser { width:100%; }
    .archiveChooser .ui.dropdown {
        font-size: 1.2em !important;
        margin-left: 0 !important;
        width: 50% !important;
    }

    #mediaGrid .media,
    #mediaGrid .media a { height:130px; }
    #mediaGrid .media img { max-width: 330px;}

}
/* ------------- */
@media screen and (max-width: 480px) {

    #mediaGrid .media,
    #mediaGrid .media a { height:90px; min-width:50px; }
    #mediaGrid .media img { max-width: 300px;}
}

/* ========================================== */










/* ========================================== */
#thumbnails_container {
    height:75px;
    border:1px solid black;
    padding:4px;
    overflow-x:scroll;
    white-space: nowrap
}
.thumbnail {
    border:1px solid black;
    margin-right:4px;
    width:100px; height:75px;
    display: inline-block;
}



/* ========================================== */
/* FULL ISSUE MEDIA EDIT SCREEN */
/* ========================================== */
.issueMediaWrap .meHeader {
    border-bottom: 3px solid rgb(170, 170, 170);
    margin-bottom: 30px;
}
.issueMediaWrap .meHeader .ui.segment {
    height:60px;
    padding-left: 0;
}
.issueMediaWrap .meHeader .ui.segment .ui.header {
    font-weight: 300;
}

.issueMediaWrap .meHeader .ui.progress {
    margin-bottom: 50px;
}

.issueMediaWrap .meHeader .ui.progress .label {
    padding: 14px;
}


/* ========================================== */
/* MEDIA EDIT SCREEN */
/* ========================================== */

/* media edit header */
.ui.segment.meHeader {
    padding: 5px 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.mediaEdit .ui.segment.meHeader {
    overflow: hidden;
}
.meHeaderThumb {
    float:left;
    margin-right:20px;
}
.meHeaderThumb img { height:90px; }
.meHeaderThumb.large img { height:200px; }

.ui.segment.meHeader h1 {
    line-height: 1.2em;
    font-weight:300;
}
.meHeaderPre {
    text-transform:uppercase; font-size:0.4em; line-height:1em; letter-spacing:0.1em;
    margin-bottom: 8px;
    font-weight: 600;
}

.meHeader .ui.header .sub.header {
    letter-spacing:0;
    margin:4px 0;
    font-size: 54%;
}
.meHeader .ui.header .sub.header span.subOne,
.meHeader .ui.header .sub.header span.subTwo { margin-right:10px; padding-right:10px; border-right:solid 1px #bbb; }

.meHeader .ui.header .sub.header span b { font-weight:600; }


.ui.toggle.checkbox.be_green input:checked ~ .box::before,
.ui.toggle.checkbox.be_green input:checked ~ label::before {
    background-color: #21ba45 !important;
}


/* media edit image rail/column */
.meImageCol {
    text-align:center;
}

.meImageWrap {
    /* min-height:600px; for STICKY reasons */

    /* background:rgba(255,0,0,0.3); */
}
.meImageWrap .ui.image svg,
.meImageWrap .ui.image img {
    /* width: 100%; */
    height: auto;
}
.meImageWrap.sticky.fixed {
    margin-left:8px;
    /* width: 31.25% !important; */
}
.meImageWrap.sticky.bound {
    width: 92% !important;

}

#imageAttributes { margin-top:25px; }
#imageAttributes .ui.title.header {
    border-bottom:solid 1px #ccc;
    padding-bottom:25px;
}
#imageAttributes .ui.title.header.active {
    border-bottom:none !important;
    padding-bottom:0;
}
#imageAttributes .ui.title.header,
#imageAttributes .ui.title.header.active { overflow:visible !important; }
#imageAttributes .ui.title.header .dropdown.icon { float:right !important; }

#imageAttributes  .ui.block.top.attached.header { overflow:visible !important; }

#imageAttributes  .content .visible.transition {
    backface-visibility: visible !important;
    transform: none !important;
}

#mediaEditFields .ui.textarea,
#mediaEditFields .ui.form textarea {
    margin: 0em;
    padding: 0.78571em 1em;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid rgba(39, 41, 43, 0.15);
    color: rgba(0, 0, 0, 0.8);
    box-shadow: 0em 0em 0em 0em transparent inset;
    font-size: 1em;
    height: 5.8em;
    min-height: 4em;
    max-height: 12em;
    line-height: 1.2857;
}


.ui.customTextarea { position:relative; }
.ui.customTextarea i.icon {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -0.45em;
}




/* ========================================== */
/* KEYWORD GROUPS */
#keywordGroups, #objectGroups {
}
#keywordGroups .title, #objectGroups .title { position:relative; }

#keywordGroups .title .description, #objectGroups .title .description {
    font-weight:400;font-size:80%;

    display: inline-table;
    max-width:70%;
}

#keywordGroups .title .removeBtn, #objectGroups .title .removeBtn {
    position:absolute;
    top:5px;
    right:3px;
    padding:0.7em;
}
#keywordGroups .keywordSaved.ui.loader, #objectGroups .keywordSaved.ui.loader {
    position:absolute;
    left:initial !important;
    right:6px;
    top:5px;
    background-color:#fff !important;
    font-size:96% !important;
}
#keywordGroups .keywordSaved.ui.loader:before, #objectGroups .keywordSaved.ui.loader:before {
    border: 0.2em solid rgba(0, 200, 50, 0.1);
}
#keywordGroups .keywordSaved.ui.loader:after, #objectGroups .keywordSaved.ui.loader:after {
    border-color: #0d5 transparent transparent;
}




/* ========================================== */
/* SELECT2 EDITS */

.ui.form .upload .field > label,
.ui.form .accordion .field > label {
    color: #555;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.05em;
}

.ui.form.upload .field .description,
.ui.form .upload .field .description {
    color: #777;
    font-size: 0.85em;
    padding-top: 2px;
}

.ui.form.upload.inverted .field .description,
.ui.form .upload.inverted .field .description {
    color: #DDD;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 4px;
    cursor: text;
    background-color: #FCFCFC !important;
    border: 1px solid #CCC !important;
    min-height: 58px !important;
    /* overflow: scroll; */
    -moz-outline-style:none !important;
    outline-style:none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-top: 4px !important;
    padding: 3px 7px 3px 5px !important;
    height: 22px !important;
    font-size: 80%;
    color: #FFF !important;
    margin-right: 4px !important;
    background-color: #7699BC !important;
    border: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    color: #eee !important;
    display: inline-block;
    font-weight: bold;
    margin-right: 4px !important;
}
/* dropdown highlight color */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4698eb !important;
    color: #FFF;
}




/* ========================================== */
/* media edit thumbstrip */

.mTS-buttons-in {
    padding:0;
    background-color: #1B2028;
}
.mTS-buttons-in .mTSButtonLeft, .mTS-buttons-in .mTSButtonRight {
    width: 36px;
    height: 74px;
    padding: 24px 4px 0px;
    margin-top: -44px;
    z-index:2000;
}
.mTS-buttons-in .mTS_horizontal .mTSThumbContainer {
    margin: 0 2px;
}

#mediaThumbStripWrapper {
    position:fixed;
    bottom:0;
    z-index:1999;
    height:124px;
    width:100%;
    overflow:hidden;
    bckground-color:#1B2028 !important;
}
#mediaThumbScroller { height:110px; overflow:hidden; }
#mediaThumbStrip {
    padding:0; margin:0;
    overflow:hidden;
    height:96px;
    white-space: nowrap;
}

.mediaThumb {
    display: inline-block;
    position:relative;
    float:left;

    margin:0 2px;
    background:rgba(255,255,255,0.3);
    text-align:center;
    height:96px;
    min-width:46px;
    width:auto;
    border:solid 3px #222;
}
.mediaThumb img {
    height:90px;
    width:auto;
    margin:0 auto;
}

.mediaThumb:hover {
    border:solid 3px #0FF;
    cursor:pointer;
}
.mediaThumb:active {
    border:solid 3px #FF0;
}
.mediaThumb.selected {
    border:solid 3px #FF0;
}
/* ========================================== */








/* ---------------------------------------------------- */
/* ARTICLE EDIT VIEW */
/* ---------------------------------------------------- */

body.articleEditWrap { }

#articleEditFields .ui.segment.meHeader h1 {
    font-weight: 300;
    font-size: 46px;
    line-height: 50px;
    overflow: hidden;
}

#articleEditFields .ui.segment.meHeader .meHeaderThumb { margin-top: 4px; }


#articleEditFields .meHeaderPre {
    font-size:12px; font-weight:600;
}
#articleEditFields .showArticles { white-space: nowrap; }

#articleEditFields .showArticles.ui.button {
    letter-spacing: 0.02em;
    margin-left: 10px;
}


#articleEditFields .meImageWrap .ui.image img { border:solid 1px #dedede; }

#articleEditFields #mediaGrid .media,
#articleEditFields #mediaGrid .media a { height:90px; min-width:40px; }

#articleEditFields #mediaGrid .media img { height:90px;}

#articleEditFields .ui.segment.meHeader {
    margin: 15px;
    border-bottom: 2px solid rgb(17, 17, 17);
    padding: 0px 0px 20px;
    width:100%;
}

#articleEditFields .ui.segment.meHeader.articleHeadDesktop {
    margin: 10px 0 30px 0;
}


.be_article_editpage,
#articleEditFields .be_article_showfeatured {
    background-color: #444450; /* #666670 */
    margin: 30px auto;
    padding: 30px;
    border-radius: 6px;
}

#articleEditFields .be_article_showfeatured.lite {
    background-color: #fff;
}

#articleEditFields .be_article_showfeatured .field {
    margin: 5px 0;
    text-align: left;
}

.be_article_showfeatured .ui.toggle.checkbox .box:before,
.be_article_showfeatured .ui.toggle.checkbox label:before {
    background: rgba(0,0,0,.2);
}
.be_article_showfeatured .field .ui.toggle.checkbox input:checked~.box:before,
.be_article_showfeatured .field .ui.toggle.checkbox input:checked~label:before {
    background-color: #52B5FF!important;
}
.be_article_showfeatured .ui.toggle.checkbox input:checked~.box,
.be_article_showfeatured .ui.toggle.checkbox input:checked~label {
    color: rgb(133, 203, 255)!important;
}






.ui.header.sectionHeader {
    font-weight:300; text-transform:uppercase;
    font-size: 1.5em;
    border-top: 5px solid #333;
    margin-top: 50px;
    padding: 15px 0px 5px;
}
.ui.header.sectionHeader.topHead {
    margin-top: 10px;
}

#articleDetailsForm .top.header { background-color: #2C2C38; /* #444450 */ }
#articleDetailsForm .secondary.segment {
    background-color:#444450; /* #666670 */
    border-top: solid 1px #888;
}
#articleDetailsForm .bottom.message { background-color:#888891; }

#articleDetailsForm .ui.form .field > label { color:#fff;}

#genres.ui.dropdown .text {
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
}

#articleEditFields table thead th {
    text-transform: uppercase;
    font-size: 80%;
}


#articleEditFields .ui.attribute-form {
    position:relative;
}


#articleEditFields .ui.selection.dropdown.active,
#articleEditFields .ui.selection.dropdown.visible {
    z-index: 800;
}

/* ---------------------------------------------------- */





/* ---------------------------------------------------- */
/* ARTICLE EDIT TEXT - REDACTOR */
/* ---------------------------------------------------- */

/* FULLSCREEN redactor */
body.articleEditWrap .redactor-box-fullscreen {
    z-index: 2001;
}
body.articleEditWrap .redactor-box-fullscreen .redactor-styles {
    padding: 30px 50px;
}
/* ------------------- */



body.articleEditWrap .redactor-air,
body.articleEditWrap .redactor-dropdown {
    z-index: 2009;
}
#redactor-modal-overlay, #redactor-modal-box, #redactor-modal {
    z-index: 2010 !important;
}


body.articleEditWrap .redactor-styles p {
    font-family: 'Lato', 'Helvetica', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6
}


body.articleEditWrap .redactor-styles blockquote {
    padding: 30px 24px;
    text-align: left;
    color: #777;
    font-style: normal;
    font-size: 180%;
    line-height: 1.2;
}


.redactor-styles .references {
    font-size: 80% !important;
    font-style: italic;
}

.redactor-dropdown  .redactor-dropdown-calloutbox {
    background: #e6f1ff;
}
.redactor-dropdown li:hover .redactor-dropdown-calloutbox {
    background: #87b9f9;
}



.redactor-styles .calloutbox {
    background: #e6f1ff;
    padding: 30px;
    font-size: 95% !important;
}

.redactor-styles .floatedimage {
    display: block;
    float: none;
    max-width: 100%;
    margin: 0px 20px 20px 0px;
    padding: 10px 10px 10px 0px;
    text-align: center;
}
.redactor-styles .floatedimage.left  {
    float: left;
}
.redactor-styles .floatedimage.right {
    float: right;
    margin: 0px 0px 20px 20px;
    padding: 10px 0px 10px 10px;
}
/* .redactor-editor img {
    max-width: 100%;
} */

.redactor-styles .floatedimage.thirty { max-width: 30%; }
.redactor-styles .floatedimage.forty { max-width: 40%; }
.redactor-styles .floatedimage.fifty { max-width: 50%; }
.redactor-styles .floatedimage.sixty { max-width: 60%; }
.redactor-styles .floatedimage.seventy { max-width: 70%; }

body.articleEditWrap .caption {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 90%;
    padding: 10px 0px;
    font-family: Georgia, serif;
    border-bottom: solid 1px #aaa;
}



body.articleEditWrap #redactor-modal {
    padding: 0;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    font-size: 14px;


    width: 80% !important;
    margin-top: 50px !important;

}



body.articleEditWrap .redactor-box textarea{
    min-height: 400px;
    max-height: 100% !important;
    max-height: 100vh !important;
    height: 600px;
}
body.articleEditWrap .redactor-box input::selection,
body.articleEditWrap .redactor-box textarea::selection {
    background-color: orange;
    color: rgba(0,0,0,.87);
}


/* REDACTOR MEDIA MODAL */
.redactor-modal-image.bnd_article_media, .redactor-modal-spread.bnd_article_media {
    padding: 20px;
    display: block;
    text-align: center;
    position: relative;
}
.redactor-modal-image.bnd_article_media:hover, .redactor-modal-spread.bnd_article_media:hover {
    background-color: #eee;
}
.redactor-modal-image.bnd_article_media img, .redactor-modal-spread.bnd_article_media img {
    max-height: 220px;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.redactor-modal-image.bnd_article_media::before, .redactor-modal-spread.bnd_article_media::before {
    content: 'Click to insert image';
    background-color: #333;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 8px;
    position: absolute;
}
.redactor-modal-spread.bnd_article_media::before {
    content: 'Insert clickable 3D Spread';
}
.redactor-modal-image.bnd_article_media:hover::before, .redactor-modal-spread.bnd_article_media:hover::before {
    background-color: red;
}





#redactor-modal-media ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#redactor-modal-media ul li {
    list-style: none;
    display: block;
    float: left;
    width: calc(50% - 10px);
    margin: 5px;
    border: solid 1px #bbb;
}
#redactor-modal-media ul li:nth-child(odd) {
  clear: both;
}

#redactor-modal-media ul li em {
    display: block;
    padding: 20px;
    font-family: Georgia;
    font-weight: 100 !important;
    font-size: 14px;
    color: #666;
}

/* --------------------------------------- */
@media only screen and (min-width: 1200px) {
    .redactor-modal-image.bnd_article_media img, .redactor-modal-spread.bnd_article_media img {
        max-height: 300px;
    }
    #redactor-modal-media ul li {
        width: calc(33% - 10px);
    }
    #redactor-modal-media ul li:nth-child(odd) {
      clear: unset;
    }
    #redactor-modal-media ul li:nth-child(3n+1) {
      clear: both;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .redactor-modal-image.bnd_article_media::before, .redactor-modal-spread.bnd_article_media::before {
        content: 'Click to Insert';
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 640px) {
    .redactor-modal-image.bnd_article_media img, .redactor-modal-spread.bnd_article_media img {
        max-height: 300px;
    }
    #redactor-modal-media ul li {
        width: 100%;
        clear: both;
    }
}
/* ---------------------------------------------------- */







/* ========================================== */
/* ARTICLE / MEDIA PREV NEXT BUTTONS */
/* ========================================== */
.edtr_link {
    display: block;
    position: fixed;
    top: 50%;
    top: 50vh;
    transition: all .3s ease-out 0s;
    z-index: 2000;
    background-color: #fff; /* #1b2028; */
    border: 0 none;
    color: #333;
    width: 20px;
    height: 200px;
    margin-top: -100px;
    padding: 30px 20px !important;
    opacity: 0.75;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.edtr_link:hover {
    color: #111;
    width: auto;
    opacity: 1;
    padding: 30px !important;
    z-index: 10000;
}


.edtr_link .image,
.edtr_link .content {
    display: block;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-out 0s;
}
.edtr_link:hover .image,
.edtr_link:hover .content {
    opacity: 1;
}

.edtr_link .content {
    min-width: 120px;
    max-width: 300px;
}


.edtr_link.btn_prev {
    left: 0;
    border-radius: 0 6px 6px 0;
}
.edtr_link.btn_next {
    right: 0;
    border-radius: 6px 0 0 6px;
}

.edtr_link.btn_prev i.angle,
.edtr_link.btn_prev .image,
.edtr_link.btn_prev .content {
    display: block;
    float: left;
}
.edtr_link.btn_next i.angle,
.edtr_link.btn_next .image,
.edtr_link.btn_next .content {
    display: block;
    float: right;
}



.edtr_link i.angle {
    transition: all .3s ease-out 0s;
    line-height: 140px;
    font-size: 30px;
}
.edtr_link.btn_prev i.angle {
    margin-left: -20px;
}
.edtr_link.btn_next i.angle {
    margin-right: -20px;
}

.edtr_link:hover i.angle {
    font-size: 46px;
}


.edtr_link .image {
    height: 140px;
    margin: 0 10px;
}
.edtr_link .section {
    display: block;
}

.edtr_link h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 6px 0 0 0;
}
.edtr_link .small {
    font-size: 11px;
    text-transform: uppercase;
    display: block;
}
.edtr_link .section {
    font-size: 11px;
    text-transform: uppercase;
    background-color: #44444f;
    color: #fff;
    padding: 3px 6px;
    display: inline-block;
    margin: 5px 0 15px 0;
    letter-spacing: 0.04em;
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .edtr_link {
        height: 160px;
        margin-top: -80px;
    }
    .edtr_link i.angle {
        line-height: 100px;
        font-size: 30px;
    }
    .edtr_link .image {
        height: 100px;
        margin: 0 5px;
    }
    .edtr_link .content {
        max-width: 200px;
    }
}

/* ---------------------------------------------------- */













/* ========================================== */
/* ROYALSLIDER */
/* ========================================== */

.rsWrapper {
    position:relative;
    width:100%;
    height:500px;
    overflow:hidden;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.royalSlider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    height: auto;
    width: auto;
}
.rsDefault, .rsDefault .rsOverflow,
.rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
    background:transparent;
    color: #333;
}

.pagerButton { margin-top:15px; }

.rsDefault .rsBullets {
    bottom: 0px;
    height:20px;
    background: transparent !important;
}
.rsDefault .rsBullet span {
    background: #CCC;
}
.rsDefault .rsBullet.rsNavSelected span {
    background-color: #555;
}


/* ------------- */
@media screen and (max-width: 1120px) {
    .rsWrapper { height:450px; }
}
/* ------------- */
@media screen and (max-width: 980px) {
    .rsWrapper { height:410px; }
}
/* ------------- */
@media screen and (max-width: 900px) {
    .rsWrapper { height:370px; }
}
/* ------------- */
@media screen and (max-width: 840px) {
    .rsWrapper { height:350px; }
}
/* ------------- */
@media screen and (max-width: 768px) {

    #articleEditFields .ui.segment.meHeader h1 { font-size: 36px; line-height: 42px; }

    .rsWrapper { height:500px; }
}
/* ------------- */
@media screen and (max-width: 600px) {

    .meHeaderThumb { display: none; }
}
/* ------------- */
@media screen and (max-width: 390px) {
    .rsWrapper { height:460px; }
}
/* ------------- */
@media screen and (max-width: 360px) {

    #articleEditFields .ui.segment.meHeader h1 { text-align:center; }

    .rsWrapper { height:430px; }
}
/* ========================================== */










/* ========================================== */

/* ========================================== */


/* ---------------------------------------------------- */
/* MEDIA QUERIES*/
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
@media screen and (max-width: 767px) {

    #searchTemp { display:none; }

}
/* ---------------------------------------------------- */
@media screen and (max-width: 600px) {


    #topNav .floatR,
    #searchTemp {display:none; }

    #keywordGroups .title .description, #objectGroups .title .description { max-width:100%; }

    .articleEditWrap .pageHead .ui.right.floated.header,
    .mediaEdit .pageHead .ui.right.floated.header {display:none; }


    #topNavLogoWrapper { text-align:center; float:none; }
    #topNavLogoWrapper a {
        margin: 0px auto;
        display: block;
        width: 135px;
    }

    #archiveNav { height: 92px; overflow:hidden; }
    .ui.inverted.menu .item:before { background: none !important; }
    .submenuLogo {
        float: none;
        position: relative;
        width: 100%;
    }

    .submenuLogo a { margin: 0px auto; }
}


/* ---------------------------------------------------- */
@media screen and (max-width: 480px) {




}


/* ========================================== */



.ui.selection.dropdown .menu {
    max-height: 10.5712rem !important;  /* // BEN - changed the semantic dropdown visible items to 4 */
}


















/* ========================================== */
/* USER AND ROLE ADMIN PAGES/TABLES */
/* ========================================== */
.be_adminpage_wrap {
    margin:100px 0 80px 0;
    width:100%;
}
.be_table_admin { }

.ui.table.be_table_admin thead th {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #444449;
    color: #eee;
}
.ui.table.be_table_admin thead th:hover,
.ui.table.be_table_admin thead th.sorting_asc,
.ui.table.be_table_admin thead th.sorting_desc {
    background-color: #333338;
    color: #fff;
}
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    width: 100%;
}
.dataTables_wrapper .dataTables_filter input {
    margin: 20px 0 !important;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    border: solid 2px #ddd;
    border-radius: 6px;
    font-size: 1.3em;
}
.dataTables_wrapper .dataTables_filter input:focus {
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
table.dataTable td.dataTables_empty {
    text-align: center;
    padding: 60px 0;
    font-size: 1.3em;
    font-weight: 300;
}

.be_tbl_username {
    font-weight:700;
}
.be_tbl_useremail {

}
.be_tbl_userrole {
    text-transform: uppercase;
    font-size: 84%;
    letter-spacing: 0.015em;
}


/* ---------------------------------------------------- */
@media screen and (max-width: 767px) {

    .ui.table.be_table_admin thead th {
        padding: 15px 10px !important;
    }

}




/* ========================================== */
/* BATCHES / BATCH MONITOR TABLE */
/* ========================================== */
body.batchMonitorWrap .pusher {
    margin-top: 40px !important;
}
.batchMonitorWrap { }
.batchMonitorWrap #archiveNav {
    z-index: 0 !important;
    display: none !important;
    opacity:0;
}
/*
.batchMonitorWrap #archiveNav {
    position:absolute !important;
    z-index: 100 !important;
}
.batchMonitorWrap.dimmable #archiveNav {
    margin-top: 0;
}
.batchMonitorWrap.dimmed #archiveNav {
    margin-top: -122px !important;
}*/

.batchMonitorWrap .ui.pageHead {
    height: auto;
    padding: 0;
    background: #262E39 !important; /* lighter #393f48 */
    color: #fff;
    border-top-color: #434853 !important;
    border-bottom: solid 3px #ddd;
}
.batchMonitorWrap .ui.pageHead .container {
    max-width: 100%;
    height: 110px;
    padding: 20px 50px;
    position: relative;
}

.batchMonitorWrap .submenuLogo {
    margin: 0px;
    padding: 10px 0px;
}
.batchMonitorWrap .submenuLogo a {
    float:left;
    border-right: solid 1px rgba(255,255,255,0.1);
    margin-right: 20px;
}
.bat_mainheader {
    margin: 0px;
    font-weight: 100;
}

.bat_header_actions.ui {
    float: right;
    right: 50px;
    top: 35px;
    margin-bottom: 20px;
}
.bat_header_actions.ui .ui.button {
    padding: .9em 3em;
}

.bat_folder_form { float: left; }

.bat_accordion_wrap { clear: both; }

.batchMonitorWrap .be_body_wrap .ui.pageHead {
    display: none;
}
.batchMonitorWrap .ui.pageHead.be_batch_tabs_head {
    display: block;
}


/* --------------------------------- */
/* BATCH TABS */
.be_batch_tabs.ui.menu.top {
    top: 4px;
    margin-left: 250px;
    position: absolute;
}
.be_batch_tabs.ui.menu.top .item {
    display: block;
    height: 100px;
    padding: 15px 50px;
    text-align: center;
    background-color: #1b2028;
    color: #fff;
    min-width: 120px;
    border-bottom:solid 4px #ddd;
}
.be_batch_tabs.ui.menu.top .item h1{
    display: block;
    margin: 4px 0;
    font-size: 2em;
    text-transform: uppercase;
}
.be_batch_tabs.ui.menu.top .item span {
    display: block;
    opacity: 0.7;
}
.be_batch_tabs.ui.menu.top .item:hover {
    background-color: #2185d0;
    color: #fff;
}
.be_batch_tabs.ui.menu.top .item.active {
    background-color: #fff;
    color: #1b2028;
    border-bottom:solid 4px #fff;
}
/* --------------------------------- */
@media screen and (max-width: 767px) {
    .batchMonitorWrap .ui.pageHead .container {
        height: 190px;
    }

    .be_batch_tabs.ui.menu.top {
        margin-top: 0;
        margin-left: 0;
        left: 0;
        top: 97px;
    }
    .be_batch_tabs.ui.menu.top .item {
        padding: 15px 10px 20px 10px;
        width:48.5%;
    }

    .bat_folder_form .ui.label { width: 1px !important; overflow: hidden; padding:0; }
}
/* --------------------------------- */
@media screen and (max-width: 480px) {
    .be_batch_tabs.ui.menu.top .item {
        height: auto;
    }
    .be_batch_tabs.ui.menu.top .item h1{
        font-size: 1.5em;
        line-height: 40px;
    }
}
/* --------------------------------- */





/* accordion head */
h2 .bat_acc_head_meta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: bold;
    margin-left: 1em;
    border-left: solid 1px #ccc;
    padding-left: 1em;
}
h2 .bat_acc_head_meta span {
    margin: 0 8px;
}



.batchMonitorWrap .container.batchMonitor {
    position: relative;
    padding:30px 50px;
}

.batchMonitor .batchMonitorHeader { margin-bottom:32px; }

.bat_tbl_table.ui.table th {
    font-size:0.8em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: #262e39 !important;
    color: #eee;
}
.bat_tbl_table.ui.table tfoot th {
    background-color: #404a57 !important;
}

.bat_tbl_table.ui.table td {
    font-size:0.8em;
}

.bat_tbl_batch,
.bat_tbl_issuekey { font-weight: 700; }
.bat_tbl_batch span,
.bat_tbl_issuekey span { font-size: 130%; }
.bat_tbl_start { }
.bat_tbl_end {  }
.bat_tbl_statu,
.bat_tbl_statusmedia, { text-align: center !important; }
.bat_tbl_pagemap { /* font-family: monospace; */ }


.bat_tbl_batch:before,
.bat_tbl_issuekey:before,
.bat_tbl_start:before,
.bat_tbl_end:before,
.bat_tbl_status:before,
.bat_tbl_statusmedia:before,
.bat_tbl_time:before,
.bat_tbl_pagemap:before,

.bat_tbl_jobid:before,
.bat_tbl_msg:before,
.bat_tbl_process:before,
.bat_tbl_date:before {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 85%;
    font-weight: 700 !important;
    padding: 3px 6px;
    margin-right: 5px;
    opacity: 0.8;
    border: solid 1px;
    border-radius: 2px;
}
.error .bat_tbl_msg:before {
    background-color: #c52a27 !important;
    border-color: #c52a27 !important;
    color: #fff;
}

.bat_tbl_status .ui.progress .label,
.bat_tbl_statusmedia .ui.progress .label { font-size: 10px; }


.bat_stopwatch {
    /*     background: #999;
    color:#fff;
    padding: 2px;
    border-radius: 2px;
    background: #333;
    color:#fff; */

    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 4px;

    border-radius: 2px;
    background: rgba(0,20,40,0.6);
    color: #fff;
}
.bat_stopwatch .hours,
.bat_stopwatch .minutes,
.bat_stopwatch .seconds {
        margin: 0 2px;
}


.bat_tbl_table .negative td .label {
    color: inherit !important;
}

/* ---------------------------------------------------- */
@media screen and (min-width: 1400px) {
    .bat_tbl_batch:before { content: 'Batch'; }
    .bat_tbl_issuekey:before { content: 'Issue'; }
    .bat_tbl_start:before { content: 'Start'; }
    .bat_tbl_end:before { content: 'End'; }
/*    .bat_tbl_status:before { content: 'Status'; } */
    .bat_tbl_time:before { content: 'Time'; }
    .bat_tbl_pagemap:before { content: 'Page Map'; }

    .bat_tbl_jobid:before { content: 'Job'; }
    .bat_tbl_msg:before { content: 'Message'; }
    .bat_tbl_process:before { content: 'Process'; }
    .bat_tbl_date:before { content: 'Date'; }
}

/* ---------------------------------------------------- */
@media screen and (max-width: 767px) {

    .batchMonitorWrap .container.batchMonitor { padding:20px; }

    .bat_header_actions.ui {
        position: relative !important;
        right: unset;
        top: unset;
    }

    .batchMonitorWrap table thead,
    .batchMonitorWrap table tfoot { display: none !important; }

    .bat_tbl_status,
    .bat_tbl_statusmedia { text-align: left !important; }

    .bat_tbl_batch:before { content: 'Batch'; }
    .bat_tbl_issuekey:before { content: 'Issue'; }
    .bat_tbl_start:before { content: 'Start Date'; }
    .bat_tbl_end:before { content: 'End Date'; }
    .bat_tbl_status:before { content: 'Status'; }
    .bat_tbl_time:before { content: 'Time'; }
    .bat_tbl_pagemap:before { content: 'Page Map'; }

    .bat_tbl_jobid:before { content: 'Job'; }
    .bat_tbl_msg:before { content: 'Message'; }
    .bat_tbl_process:before { content: 'Process'; }
    .bat_tbl_date:before { content: 'Date'; }




}

/* ---------------------------------------------------- */
@media screen and (max-width: 480px) {

    .batchMonitorWrap .ui.pageHead .container {
        padding: 20px;
        text-align: center;
    }
    .batchMonitorWrap .submenuLogo a { float: none; border:none 0; margin: 0 auto; }
    .bat_mainheader { text-align: center; }


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







/* ---------------------------------------------------- */
/* TOPICS - EDIT TMODULES and LIST VIEWS */
/* ---------------------------------------------------- */

.topics_list_wrap .ui.form .field>label {
    text-transform: uppercase;
    font-size: 10px;
}

.ui.accordion.tpc_mod_wrap .title .header {
    font-size: 18px;
    line-height: 1.65;
    /* text-transform: uppercase; */
    /* font-weight: 400; */
    color: #222;
}
.ui.segment.tpc_module {
    padding: 30px 20px 40px;
    border-top: solid 5px;
}



.ui.list.tpc_mod_list {
    margin: 0;
    padding: 20px 0;
    list-style: none;
}
.ui.list.tpc_mod_list li {
    list-style: none;
    background-color: #f1ffe5;
    border-top: dotted 1px #999;

    padding: 10px;
    margin: 0;
    position: relative;
    overflow: hidden;
    clear: both;
}
.ui.list.tpc_mod_list li.module_article_staged {
    background-color: #f8f8f8;
    opacity: 0.6;
}




.ui.list.tpc_mod_list li::before {
    content: '';
    font-size: 0;
}

.ui.list.tpc_mod_list li:first-child ,
.ui.list.tpc_mod_list li:last-child {
    padding-top: 10px;
    padding-bottom: 10px;
}


.ui.list.tpc_mod_list li img {
    height: 60px;
    width: auto;
    margin-right: 10px;
    float: left;
}

.adLocations .ui.list.tpc_mod_list li img {
    margin-right: 15px;
    height: auto;
    width: auto;
    max-width: 300px;
    max-height: 80px;
}




.ui.list.tpc_mod_list li span.on_left,
.ui.list.tpc_mod_list li span.on_right {
    float: left;
    display: block;
    line-height: 1.4;
    padding-top: 8px;
}

.ui.list.tpc_mod_list li span.on_right {
    float: right;
    padding-top: 16px;
}

.ui.list.tpc_mod_list li span.on_left a {
    color: #222;
    font-weight: 700;
    font-size: 15px;
    display: block;
}

.ui.list.tpc_mod_list li span.on_left.icon_wrap {
    padding: 10px 10px 10px 5px;
}
.ui.list.tpc_mod_list li span.on_left.icon_wrap .icon {
    margin-top: 12px;
    margin-left: -7px;
    opacity: 0.5;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.ui.list.tpc_mod_list li span em {
    color: #999;
    font-size: 12px;
    font-style: normal;
}


.ui.list.tpc_mod_list li:hover {
    background-color: rgb(211, 229, 241);
    opacity: 1;
    cursor: move;
}
.ui.list.tpc_mod_list li:hover span.on_left.icon_wrap .icon {
    opacity: 1;
}
.ui.list.tpc_mod_list li:active {
    background-color: #2185d0;
}
.ui.list.tpc_mod_list li:active span a {
    color: #fff;
}
.ui.list.tpc_mod_list li:active span em {
    color: #fff;
}

.ui.list.tpc_mod_list li:active button {
    opacity: 0;
}

.tpc_form_wrap {
    margin-bottom: 40px;
}


/* ---------------------------------------------------- */
@media screen and (max-width: 640px) {

    .ui.list.tpc_mod_list li button span {
        font-size: 0;
    }
}
/* ---------------------------------------------------- */
















/* CUSTOM IMAGE DROPZONE */
.dropzone {
    background: #fbfbfb;
    box-shadow: #ccc inset 0px 0px 42px;
    border: 0 none;
}
.dropzone .dz-preview .dz-image {
    border-radius: 4px;
    width: 180px;
    height: 180px;
}
.dropzone .dz-preview .dz-remove {
    color: red;
}

.be_custom_image_list.ui.horizontal.list {
    margin-top: 15px;
}
.be_custom_image_list.ui.horizontal.list::before {
    content: 'View Custom Sizes';
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
}

[data-type="advertisement"] .be_custom_image_list.ui.horizontal.list::before {
    content: 'View Original Image';
}


/* SIDEBAR T&T - TAGS & TAXONOMIES */
.be_article_categories_list {
    text-align: left;
    max-height: 282px;
    overflow-y: auto;
}
.be_article_categories_list .ui.item label {
    font-size: 13px;
}
.be_article_categories_list .ui.item.checkbox.checked {
    background-color: aliceblue;
}




/* SAVE ARTICLE CHANGES BAR */
.saveArticleBar {
    width: 100%;
    height: 80px;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);

    padding: 17px 0;
}
.saveArticleBar.stuck {
    position: fixed;
    top: 40px;
}

.button.saveArticleLink {

}