/* plone.css */
body {
    font-size:100%;
}


.folder {
    background: #EEEEEE !important;
}

.plone-breadcrumb {
    margin:0px;
}

.plone-breadcrumb ol {
    padding: 5px 0px;
}

.bg-body-tertiary {
    background-color: transparent !important;
    border-bottom:1px solid #EEEEEE;
}

#portal-breadcrumbs #breadcrumbs-home a {
    font-weight:bold;
}

#portal-breadcrumbs a {
    text-decoration:none;
    border:none;
    color:#444444;
    font-size: 14px;
    font-weight: normal;
}

#portal-breadcrumbs span {
    font-size: 14px;
    font-weight: normal;
    color:#0000ff;
}

#breadcrumbs-home a {
    color:#222222;  
}

/* index.css */

#global_statusmessage {
    padding: 0px 15px;
}

#shop-badge {
    /* background-color:#EEEEEE; */
    display:flex;
    justify-content: end;  
}

#shop-badge-wrapper {
    /* background-color:#FFFFFF; */
    text-align:center;
}

#shop-badge .sb {
    display: flex;    
    padding: 0px 40px 0px 10px;
    border: 1px solid;
    border-radius: 0px;
    background-position: right 10px top 3px;
    background-size: 15%;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none;
    margin-left:10px;
    font-size:14px;   
}

#bt-search-button {
    padding: 0px 20px;
    height: 34px;
    cursor:pointer;
}

.bt-input-group {
    width:40%;
}

#shop-badge .sb.order-items {    
    background-color: rgba(68, 157, 68, 0.2);     
    border-color: #23a200;
    color: #398439;
    background-image:url('/++resource++shop/img/icon-badge-cart.svg');        
}

#shop-badge .sb.inquiry-items {
    background-color: rgba(91, 192, 222, 0.2);    
    border-color: #3293b0;
    color: #3293b0;    
    background-image:url('/++resource++shop/img/icon-badge-memo.svg');                        
}

#shop-badge .sb.client-login {    
    background-color: rgba(120, 120, 120, 0.2);     
    border-color: #888888;
    color: #444444;
    background-size: 12%;
}

#shop-badge .sb.client-login.logged-in {
    background-image:url('/++resource++shop/img/icon-logged-in.svg');
}

#shop-badge .sb.client-login.logged-out {
    background-image:url('/++resource++shop/img/icon-logged-out.svg');
} 

#shop-badge .sb .sb-active {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    color: #FFFFFF;
    background-color: #FF0000;
    font-weight: bold;
    padding: 1px 3px;
    border-radius: 10px;
    border: 2px solid #FF0000;
    font-size: 11px;
    line-height: 1;
}

/* footer */

#bt-footer {
    background-color:#808b90;
}

#bt-footer .container {
    background-color:#798388; 
    padding:15px 30px;
}        
.folder {
    background:grey;
}

.item {
    background:yellow;
}

.bt-footer-col a {
    color:#FFFFFF;
    font-size:16px;
    text-decoration:none;
}

.bt-footer-col h2 {
    color:#FFFFFF;
    font-weight:bold;
    font-size:18px;
}        

.bt-footer-cols {
    display:flex;
    flex-direction:row;
}

.bt-footer-col {
    color:#FFFFFF;
    display:flex;
    flex-direction:column;
    flex:1;
}
    
#bt-breadcrumbs {
    background-color:#efefef;
    padding:5px;
}    
   
/* header */   
.bt-status {
    display:flex;
    flex-direction:column;
}
   
#bt-header {
    /*min-height: 150px;*/
}    
    
#bt-header .container {
    display:flex;
    flex-direction:row;
}          

.bt-navigation a {
    text-decoration: none;
    border:none;
    font-size:18px;
    color:#444444;
    padding:0px;
}

.bt-navigation a.bt-home {
    color:#0000ff;
}

.bt-navigation {
    display: flex;
    flex-direction: column;
}

#bt-navbar-dropdown {
    flex-direction: row-reverse;
}

.bt-image {
    display: flex;
    flex-basis: 30%;
    align-items: start;
    justify-content: left;     
}
.bt-image img {
    width:75%;
    height:auto;    
    display: flex;      
}

.bt-content {
    display:flex;
    flex-direction:column;
    min-height: 130px;
}

.bt-row {
    display:flex;
    flex:1;
}

.bt-search {
    display: flex;
    justify-content: end;
    margin-top:auto;
    margin-bottom:-10px;
}

#bt-main {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

#bt-header {
    display: flex;
}

#portal-breadcrumbs {
    display: flex;
}

#bt-contents {
    display: flex;
    flex-direction:column;
}

#bt-footer {
    margin-top: auto;
    display: flex;
}


/* BLOCK CONTENT */

#bt-block-contents {
    display:block;
    margin-top:15px;                        
}

.bt-block-content {
    display:block;       
    position:relative;            
}                     

.bt-button, .bt-button:hover {
    background: #EDEDED;
    display: inline-block;
    color:#444444;
    right: 0px;
    top: 0px;
    border: 1px dashed #999;
    padding: 0px 10px;
    text-decoration: none;
    width:auto;
}

.bt-warning-button, .bt-warning-button:hover {
    display: inline-block;
    text-decoration: none;
    width:auto;
    color:inherit;
    font-weight:bold;
}


.bt-block-content .bt-edit {
    position: absolute;
    top:0px;
}     

.bt-block-content.box .bt-edit {
    position: absolute;
    top:0px;
}

.bt-new {
    position: relative;
    float:left;
    margin-right:7px;
} 


.bt-block-content {
    display:inline-block;
}

  
#bt-block-contents {
    text-align:center;
}

.bt-block-content {
    text-align:left;
    float:none;    
}

.bt-block-content.box {
    border: 1px solid #DDDDDD;
    background: #F8F8F8;    
}

.bt-block-content-inner {
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items: center;
    text-decoration: none;
    padding:15px;
}

.bt-block-content-inner:hover {
    text-decoration: none;
}

.bt-block-content-inner .bti-title {
    font-size: 14px;
    color: #444444;
    flex-basis: content;
    text-align: center;
    display: flex;
    padding:7px 0px;
    min-height:80px;    
}

.bt-block-content-inner .bti-image { 
    display: flex;
    width: 95%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    flex-basis:content;
    flex:5;
    min-height: 180px;
} 

.bt-block-content-inner .bti-button {
    display: flex;
    flex-basis:content;
}
  
.bt-block-content-inner .bti-button span {  
    background-color: #449d44;
    border-color: #398439;
    text-shadow: 1px 1px 0px #398439;
    color:#FFFFFF;
}                               

.bt-actions {
    margin-top: 20px;
}

.bt-warnings {
    margin-top: 20px;
}

/* SLIDESHOW */
.bt-slideshow .bt-slideshow-edit {
    position: absolute;
    top: -26px;
}

.bt-slideshow-fullscreen .bt-slideshow-edit {
    position: absolute;
    top: -26px;
}

.bt-slideshow .bt-slide-edit {
    position: absolute;
    top: 0px;
    right: 200px;
}

.bt-slideshow-fullscreen .bt-slide-edit {
    position: absolute;
    top: 0px;
}

.bt-slideshow .bt-slideshow-add-slide {
    position: absolute;
    top: -26px;
    right: 130px;
}

.bt-slideshow-fullscreen .bt-slideshow-add-slide {
    position: absolute;
    top: -26px;
    right: 130px;
}

.bt-slideshow-wrapper {    
    display:inline-block;
    width:100%;
    position:relative;
}

.bt-slideshow {
    display:inline-block;
    width:100%;
    background-color:#F5F5F5;    
}

.bt-slideshow-fullscreen {
    width: 100%
}

.bt-carousel-container {
    background-repeat:no-repeat;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
    background-color: #000000;
    border-color: #000000;
    outline: 0;
    opacity: .5;
}   

.carousel-control-next:focus,
.carousel-control-prev:focus {
    background-color: #000000;
    border-color: #000000; 
    opacity: .5;           
}

.bt-carousel-container{
    padding:0px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;    
    position:relative;    
}

.bt-carousel-content {
    display: flex;
    align-self: center;
    flex-direction: column;
}
