/* kit style */

/* 
move edit/admin links to a fixed position at the bottom 
(otherwise hides menu in small devices) 
*/
#epi-quickNavigator  
{
    position: fixed !important; 
    bottom: 5px !important; 
    right: 5px !important; 
    top:auto !important;    
    border-top:1px rgb(135, 135, 135) solid !important;
}

.panel-kit {
    border-color: #333;
}

.panel-kit > .panel-heading {
  color: #fff;
  background-color: #333;
  border-color: #fff;
}

.panel-kit > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-kit > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-kit-blockarea {
  background-color: #fff;
  border: 2px dashed #bbb;
  color: #999;
  font-style: italic;
}

/* hide elements with class 'hidden-no-js' when js is disabled */
/* js-disabled is set on body element and removed by script in site.js */
.js-disabled .hidden-no-js { display:none; }
.preview .hidden-no-js { display:block; }

#startpagecontent .panel-kit-blockarea { height: 300px; }


/* MAINNAVIGATION */
#masternav .navbar-toggle { font-size: 16px; width: 44px; height: 42px; }
#masternav .navbar-toggle .glyphicon { color: #fff; }


/* SUBNAVIGATION */
/*#subnav ul { padding-left: 15px; }
#subnav > ul { padding-left: 0; }
#subnav li a { padding-left: 30px; }
#subnav li a .glyphicon { margin-left: -20px; }*/

/* subnav toggle */
/*.breadcrumb .subnav-toggle-btn.collapsed .glyphicon-minus-sign { display: none; }
.breadcrumb .subnav-toggle-btn.collapsed .glyphicon-plus-sign { display: inline-block; }
.breadcrumb .subnav-toggle-btn .glyphicon-minus-sign { display: inline-block; }
.breadcrumb .subnav-toggle-btn .glyphicon-plus-sign { display: none; }
.breadcrumb > li { display: none; }
.breadcrumb > li.active { display: block; }
.breadcrumb > li + li:before { padding: 0; content: ""; }*/




/* BACK TOP */

/*#back-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  opacity: 0.5;
}
#back-top a {
  color: #000;
  font-size: 40px;
}
#back-top a:hover {
  color: #333;
  text-decoration: none;
}*/

.list-group-item .badge { float: right; }



/* generic table */
.table-x { display:table; }
.table-x > div { display:table-row; }
.table-x > div.caption { display:table-caption; }
.table-x > div > div { display:table-cell; }

/* BLOCK TEMP */
/*.block { border:solid 1px red !important; }*/

/* BLOCK PREVIEW */
.row.preview { margin-bottom:30px; }

.panel-image {
  position: relative;
}

.panel-image .image-wrapper {
  position: relative;
}

div.image-wrapper .magnifybutton{
    padding-top: 1px;
    padding-bottom:2px;
}

.close-fullscreen-modal {
    display: flex;
    justify-content: center;
}

    .close-fullscreen-modal button.modalclose:hover,
    div.image-wrapper .magnifybutton:hover {
        text-decoration: underline;
        opacity: .7;
    }

    article .panel-image:hover figcaption {
        background-color: #f2f2f2;
    }

.panel-image .image-wrapper button.magnifybutton {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    border: none;
}

.panel-image button.magnifybutton::after {
    padding-left: 0.5rem;
    content: "\26F6";
    font-size: 2rem;
    color: #fff;
    text-decoration: none !important;
}

.close-fullscreen-modal button.modalclose {
    margin-top: 1.5rem;
    color: white;
    background-color: #007eb4;
    border: none;
    border-radius: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 7px;
}

.close-fullscreen-modal button.modalclose::after {
  content: "X";
  font-size: 1.7rem;
  color: #fff;
}

.panel-image figcaption {
    border: 1px solid #d3d3d4;
    border-top: none;
}

#magnifymodal .modal-dialog .close-fullscreen-modal{
    width: 100%;
    display: flex;
    justify-content: center;
}