@import '../../concrete/css/app.css';
@import url("../themes/eastern/css/main.css");

/*******************************************
********************************************
********************************************
 JELL OVERRIDES TO CORE c5 & c5 ADMIN CSS
********************************************
********************************************
********************************************
*******************************************/
#ccm-account-menu {
    top: 0px !important; /* peeks out from behind c5 admin header strip */
}

/**** IMPORTANT FIX ::
when areas butt up against one another,
clicking on the area tab in edit mode becomes impossible *****/
div.ccm-area-footer {
    left: 20px;
    bottom: 0px;
    padding-left: 0px;
    z-index: 500;
}
div.ccm-area-footer div.ccm-area-footer-handle {
    padding: 0px;
    position: relative;
    bottom: -11px;
}
div.ccm-area-footer div.ccm-area-footer-handle>span {
    padding: 8px 15px 8px 15px;
}
div.ccm-area-footer div.ccm-area-footer-handle {
    border-top: 1px solid #59ec59;
}

/* Fixes position of drag handle so that moving a block from one area
(e.g., a super wide area) to another area (e.g., a not-so-wide area)
is not impossible or cumbersome */
.ccm-area-block-list ul.ccm-edit-mode-inline-commands {
	left: 1px !important;
}
.div.ccm-area-footer {
    z-index: 10;
}
.ccm-area-block-list ul.ccm-edit-mode-inline-commands li {
    left: 0px;
    position: absolute;
}

/* make block drag handle more visible */
.ccm-area-block-list ul.ccm-edit-mode-inline-commands li,
.main__content ul.ccm-edit-mode-inline-commands li {
	background-color: #b5eeb5;
}
.ccm-area-block-list ul.ccm-edit-mode-inline-commands li a {
    width: 24px !important;
    height: 24px !important;
}
.ccm-area-block-list ul.ccm-edit-mode-inline-commands li {
    height: 24px !important;
}

/* white strip appears under drag handle on block hover */
.ccm-area-block-list ul.ccm-edit-mode-inline-commands {
  background-color: transparent;
}
/* Hide help hangy tag */
div.ccm-notification-help-launcher {
    display: none;
}

/* toolbar logo customization */
div#ccm-toolbar>ul li.ccm-logo span {
    padding: 2px 10px 0px 10px;
    height: 47px;
}
div#ccm-toolbar>ul li.ccm-logo span img {
    height: 44px;
}

/* block edit view */
div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
}

/* cancel out generic (unscoped) styles in main theme css */
div#ccm-toolbar>ul>li {
	line-height: normal;
}
.ccm-ui * {
	font-size: 1em;
}
div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	background-position: right;
}
div#ccm-panel-check-in div.ccm-panel-check-in-publish button#ccm-check-in-schedule{
	min-width: unset;
}
div#ccm-panel-dashboard div.ccm-panel-dashboard-footer p{
	font-size: 1em;
}

/* PAGE CHOOSER IN BLOCK: */
div.ccm-item-selector {
    padding-top: 10px;
    line-height: normal;
    min-height: 40px;
}
div#ccm-intelligent-search-results {
    padding-left: 20px;
    padding-right: 20px;
}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module {
    padding-bottom: 0px;
}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module:last-child {
    padding-bottom: 20px;
}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module h1 {
    padding: 0px 0px 4px 0px;
}

.ccm-ui fieldset {
    margin-bottom: 1em;
    padding-bottom: 0em;
}

/*******************************************
********************************************
********************************************
    BLOCK EDIT STYLES
********************************************
********************************************
********************************************
*******************************************/
div.ccm-ui ul.nav-tabs>li:not(:first-child) {
    border-left: 1px solid #dddddd;
}
.ccm-ui label {
    font-size: 0.9em;
}
.ccm-ui .form-group {
    margin-bottom: 24px;
}
.ccm-file-selector-choose-new,
.ccm-file-selector-file-selected-title div,
.ccm-item-selector-item-selected-title {
    color: #FFF;
    font-size: 0.9em;
    line-height: 1.8em;
}
.btn.ccm-edit-slide {
    margin-right: 10px;
}
div#ccm-toolbar>ul>li.pull-right.ccm-toolbar-mobile-menu-button {
    padding: 12px;
}

/*******************************************
********************************************
********************************************
    CANCEL OUT GLOBAL STYLES FROM THEME
********************************************
********************************************
********************************************
*******************************************/
li[class^="ccm"],
div[class^="ccm"] li,
div[id^="ccm"] li  {
    padding: 0px;
    background: none;
}
.o-is-editmode header {
    height: auto;
    position: relative;
    /*min-height: 180px;*/
}
.o-is-editmode div.ccm-panel-content header {
    min-height: unset;
}
/*.o-is-editmode .header_alpha {
    height: auto;
}*/
.o-is-editmode div.nav {
    position: relative;
    overflow: auto;
    min-height: 81px;
}

/*.o-is-editmode div.nav {
    float: left;
    width: 100%;
    position: static;
}*/
.o-is-editmode nav.nav {
   /* width: auto;
    float: right;*/

    position: static;
    min-height: 100px;
    width: 100%;
}

.o-is-editmode .nav__button,
.o-is-editmode .nav__social,
.o-is-editmode .nav__contactinfo {
    display: none;
}
.o-is-editmode .nav nav .nav__menu {
    position: static;
    width: 100%;
    height: 100px;
    right: auto;
    visibility: visible;
    padding: 0px;
}
.editmode_navwrap {
    width: 100%;
    display: block;
    float: left;

}
.o-is-editmode .nav__menulist {
    height: 80px;
    width: 100%;
}
.o-is-admin:not(.o-is-editmode) a.nav__navicon {
    /*top: calc(50px + 48px);*/
}
.o-is-admin .outer_wrap {
    top: 48px;
    position: relative;
}
.o-is-admin .header_buttons {
   /*top: calc(59px + 48px);*//** NEED TO ADD 48px for c5 admin header ***/
}
.o-is-admin a.logo {
    /*top: calc(54px + 48px);*//** NEED TO ADD 48px for c5 admin header ***/
}
.o-is-editmode a.logo {
    top: 54px;
}
.o-is-editmode .header_buttons {
    top: 6px;
    position: relative;
    right: 30px;
    width: 100%;
}
.o-is-editmode a.nav__navicon {
    top: 14px;
}
.o-is-editmode .header_alpha__social {
    min-width: 150px;
}
.o-is-editmode  .header_alpha {
/*    min-height: 60px;
    height: auto;*/
}
.o-is-editmode .header_alpha__contact {
    bottom: 0px;
}
.o-is-editmode .social-links,
.o-is-editmode .header_alpha__right {
    float: right;
    display: inline-block;
}
.o-is-editmode .header_alpha__contact,
.o-is-editmode .lang_dd,
.o-is-editmode .header_alpha__left {
    float: left;
    display: inline-block;
}
.o-is-editmode .header_alpha__left {
    width: 70%;
}
.o-is-editmode .header_alpha__right {
    width: 30%;
}

#ccm-stack-container .logo,
#ccm-stack-container .header_buttons,
#ccm-stack-container .nav__navicon {
    top: 0px;
}
#ccm-stack-container .header_buttons {
    float: right;
    position: static;
    margin-bottom: 20px;
}
#ccm-stack-container .nav__navicon {
    float: right;
    position: static;
}
#ccm-stack-container .logo {
    float: left;
    position: static;
}
.ccm-panel-ready body,
.ccm-edit-mode body,
.ccm-panel-open body {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
button.btn {
    width: auto;
    min-width: unset;
}
div#ccm-panel-add-clipboard-block-list>div.ccm-panel-add-clipboard-block-item div.block-name {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: normal;
}

/***** CRITICAL TO OVVERIDE SO MOVING BLOCKS WILL WORK ****/
.o-is-editmode .inner_wrap,
.o-is-editmode footer,
.o-is-editmode .logo {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform:none;
    -webkit-transition:none;
    transition: none;
    -webkit-transition-timing-function: none;
    transition-timing-function: none;
    transform: none;
}

div#ccm-dashboard-content .ccm-dashboard-section-menu h2 {
    text-align: left;
}

div.ccm-panel-content ul.nav li, div.ccm-panel-content menu li,
div#ccm-dashboard-content .ccm-dashboard-section-menu li  {
    font-size: 14px;
}
.jell_note {
    padding: 10px 14px;
    background: #fcf8e3;
    margin: 16px 0px;
    border-radius: 10px;
    font-weight: 700;
    word-spacing: 1px;
    border: 1px solid #faebcc;;
}
.jell_note p {
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
}
td.ccm-panel-page-versions-details p {
    color: #999;
}
.ui-pnotify-icon, .ui-pnotify-icon span,
.ccm-notification div.ui-pnotify-text {
    color: #adeef7;
}
div.ccm-search-results-breadcrumb ol li:first-child:before {
    display: none;
}
div[class^="ccm"] ol li:before {
    width: auto;
}
div.ccm-search-results-breadcrumb ol.breadcrumb>li+li:before {
    font-size: 16px;
    top: 0px;
}
.ccm-ui section {
    padding: 0px;
}


@media (min-width: 600px) {
    .o-is-admin:not(.o-is-editmode) a.nav__navicon {
       /* top: calc(68px + 48px);*/
    }
}



/*******************************************
********************************************
********************************************
        BEGIN c5 RTE STYLE ADDITIONS
********************************************
********************************************
********************************************
*******************************************/
.cke_editable {
    min-height: 100px;
}
.cke_editable h1,
.cke_editable .h1 {
    font-weight: 700;
}
.cke_editable p a,
.cke_editable li a {
    border-bottom: solid 1px #000;
    padding-bottom: 4px;
}
.cke_editable p .rte-button a,
.cke_editable .rte-button a {
    border-bottom:none;
    padding-bottom: none;
}

.cke_editable p.o-button a{
    border: none;
    background-color: #BEDC12;
    padding: 7px 15px;
    font-size: 0.95em;
    margin-top: 10px;
    transition: all .3s;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
}
.cke_editable p.o-button a:hover {
  background-color: #000;
  color: #FFF;
}
.ccm-block-edit[data-block-type-handle="content"] ol li {
    padding-left: 30px;
}
.ccm-block-edit[data-block-type-handle="content"] ol li:before {
    left: 0px;
}
.ccm-block-edit[data-block-type-handle="content"] ul li {
    padding-left: 18px;
    background-image: url(/application/themes/eastern/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}
.ccm-block-edit[data-block-type-handle="content"] ul li {
    padding-left: 18px;
    background-image: url(/application/themes/eastern/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}
.ccm-block-edit[data-block-type-handle="content"] ul.ccm-ui li {
   background-image: none;
}


@media (min-width: 600px) {
    .ccm-block-edit[data-block-type-handle="content"] ul li {
        background-position: 0px 11px;
    }
}