/**********************************************************
WP Admin Bar
**********************************************************/
#wp-admin-bar-builder a.ab-item:before{
  content: "\f479";
  top: 2px;
}


/**********************************************************
Building Blocks
**********************************************************/
.building_block{
  position: relative;
}

.under_construction .building_drop > .building_inner{
  width: 100%;
  min-height: 55px;
  background-color: #F5F6FB;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px #CFD3DF;
}

.under_construction .building_drop.hide-on-mobile > .building_inner{
  background-color: #FFEBF4;
}

.under_construction .building_content .building_inner{
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px #CFD3DF;
}

.under_construction .active_building_block{
  position: relative;
}

.building_block .building_inner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.building_inner {
  clear: both;
}



/**********************************************************
The handle
**********************************************************/
.section > .handle{
  cursor: move;
  position: absolute;
  bottom: 100%;
  bottom: calc(100%);
  left: 9px;
  display: inline-block;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 9px;
  font-weight: 600;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #656973;
  border-radius-top-right: 3px;
  padding: 1px 8px;
  font-weight: 300;
  text-align: center;
  border-top: 1px solid #CFD3DF;
  border-left: 1px solid #CFD3DF;
  z-index: 100;
  border-right: 1px solid #CFD3DF;
  z-index: 100;
  background-color: #ffffff;
  font-family: helvetica neue, helvetica;
}


.building_padding > .building_inner{
    padding: 5px;
}

.building_padding_nobottom > .building_inner{
    padding: 5px 5px 0px 5px;
}



/*********************************************************
Building Blocks in Builder Menu
*********************************************************/
.builder-menu-wrap .building_block{
  position: relative;
}

.builder-menu-wrap .building_content{
  margin: 10px 0;
}

.builder-menu-wrap .section{
  border: 1px solid #E4E9F6;
  padding: 5px;
  margin-bottom: 31px;
}

.builder-menu-wrap .section .handle{
  border: 1px solid #E4E9F6;
  border-bottom: 0;
}

.builder-menu-wrap .article-block{
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #CFD3DF;
  margin-bottom: 20px;
}

.builder-menu-wrap .banner{
  max-height: 20px;
}


/**********************************************************
Builder Menu
**********************************************************/
.builder-menu-wrap{
  position: fixed;
  background-color: #FFFFFF;
  width: 20%;
  min-width: 400px;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 100000;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.47);
  -moz-box-shadow:0px 0px 18px 0px rgba(50, 50, 50, 0.47);
  box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.47);
  -moz-transition: all .1s ease-out;
  -o-transition: all  .1s ease-out;
  -webkit-transition: all  .1s ease-out;
  transition: all  .1s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  visibility: hidden;
 }

.under_construction .builder-menu-wrap{
  visibility: visible;
 }

.builder-menu-hidden{
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
 }

 .builder-menu-half-hidden{
  -webkit-transform: translate3d(90%, 0, 0);
    transform: translate3d(90%, 0, 0);
 }

 .builder-menu-wrap .builder-menu-h2{
    font-size: 0.8em;
    margin-bottom: 12px;
    margin-top: 12px;
    float: left;
    width: 100%;
    display: block;
    color: #767986;
    -webkit-font-smoothing: subpixel-antialiased;
 }

 .builder-menu-wrap .builder-menu-h2.no-margin-bottom {
    margin-bottom: 0;
 }







/* Header */

.builder-header {
  height: 42px;
  /* border-bottom: 1px solid #CFD3DF; */
}

.builder-menu-tab{
  display: none;
}

.builder-menu-tab-show{
  display: block;
}

a.builder-tabselect{
  color: #333;
  padding: 10px 11px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
a.builder-tabselect:hover{
  background-color: #FAFBFD;
}

a.builder-tabselect.builder-tabselect-active{
  position: relative;
}

.builder-tabselect-active:after {
  bottom: -1px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(240, 242, 249, 0);
  border-bottom-color: #F0F2F9;
  border-width: 8px;
  margin-left: -8px;
}

/* Body */

.builder-body {
  height: calc(100% - 94px);
  overflow-x: hidden;
    overflow-y: auto;
  padding: 10px 15px;
  background-color: #F0F2F9;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}

/* Footer */
.builder-footer {
  padding: 10px;
  border-top: 1px solid #DEE2F1;
}

.save-building-button{
    padding: 7px 36px;
    color: #fff;
    background-color: #22C489;
    border-radius: 3px;
    font-family: museo-sans;
    font-size: 0.85em;
    display: inline-block;
    cursor: pointer;
}

.cancel-building-button{
    padding: 7px 36px;
    color: #696969;
    background-color: #ecedf1;
    border-radius: 3px;
    font-family: museo-sans;
    font-size: 0.85em;
    display: inline-block;
    cursor: pointer;
}

.save-building-button.saving{
  background-color: red;
}

.save-building-button:hover{
   background-color: #12AF76;
}



/**************************************
Builder menu sections
***************************************/

/* Images */
.builder-menu-tab-images .imgblock{
    margin: 8px 0px;
}

.builder-menu-tab-images .imgblock .size-blogpost{
   max-width: 80%;
}

.builder-menu-tab-images .imgblock .size-blogpost-medium{
   max-width: 50%;
}

.builder-menu-tab-images .imgblock .size-thumblist{
  max-width: 30%;
}

.builder-menu-tab-images .imgblock img {
    height: auto;
}

/* Articels */

#builder-menu .article-block .imgblock .handle, #builder-menu .article-block .textblock .handle{
    display: none;
}

#builder-menu .article-block .imgblock, #builder-menu .article-block .textblock{
    margin: 0;
}

.builder-menu-tab-articles h2{
  font-size: 1.8em
}

.builder-menu-tab-articles h3{
  font-size: 1.5em
}

.builder-menu-tab-articles h4{
  font-size: 1em
}

.builder-menu-tab-articles p{
  font-size: 0.8em
}

.builder-menu-tab-articles .article-block{
  padding: 5px;
   -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 0px 1px #CFD3DF;
}

.article-block .handle{
  bottom: 100%;
  background-color: #fff;
}

.builder-menu-tab-articles .article-block .handle{
  bottom: 100%;
  background-color: #fff;
  bottom: calc(100% - 1px);
}

.builder-menu-wrap .panorama{
  margin-left: 0%;
  transform: translateX(0%);
  padding: 0px;
  width: 100%;
  margin-bottom: 20px;
}

/* Komponents */
#builder-menu .textblock {
    margin: 10px 0px;
}

#builder-menu .textblock p, #builder-menu .textblock h2, #builder-menu .textblock h3, #builder-menu .textblock h4{
    margin: 0;
    padding: 2px 5px;
}

/**********************
 Drag & Drop Handle
**********************/
#js_building_ground .building_block > .handle{
  display: none;
}

.under_construction #js_building_ground .building_block.active_building_block > .handle{
  display: inline-block;
}

.handle{
  cursor: move;
  position: absolute;
  bottom: 100%;
  bottom: calc(100% - 1px);
  left: 9px;
  display: inline-block;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 9px;
  font-weight: 600;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topleft: 1px;
  -moz-border-radius-topright: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #656973;
  padding: 2px 8px;
  font-weight: 300;
  text-align: center;
  border-top: 1px solid #CFD3DF;
  border-left: 1px solid #CFD3DF;
  z-index: 100;
  border-right: 1px solid #CFD3DF;
  z-index: 100;
  background-color: #F5F6FB;
  font-family: helvetica neue;
}

.textblock .handle{
  background-color: #ffffff;
}

a > .handle:after {
    content: ' Länk';
}

#js_building_ground > .building_inner{
    border-radius: 2px;
    padding-bottom: 10px;
    padding-top: 5px;
    box-shadow: none;
    min-height: 500px;
    -webkit-box-shadow: none;
}

.under_construction #js_building_ground >.building_inner{
    background-color: #E7EAF5;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 0px 1px #CED8F1;
}

.imgblock .handle{
  background-color: #ffffff;
}


/******************************************
builder url box
******************************************/

.builder-options{
      position: absolute;
      left: 5px;
      width: 100%;
      z-index: 120;
      max-width: 480px;
      min-width: 180px;
      top: 6px;
      padding: 10px 10px 9px;
      background-color: #23282D;
      border-radius: 4px;
  }

.builder-options input[type="text"]{
    -webkit-appearance: none;
    background-color: #3C4248;
    border: 0;
    padding: 4px;
    width: 100%;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
}

.builder-options input[type="button"]{
     -webkit-appearance: none;
     float: right;
     border: 0;
     border-radius: 2px;
     background-color: #9EA3A8;
     font-size: 11px;
     margin-left: 5px;
     margin-top: 5px;
}

.builder-options  label{
  color: #fff;
  font-size: 0.8em;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (max-width : 1000px) {
  .builder-menu-wrap{
     -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.details{
  min-height: 300px;
  padding-top: 10px;
}

.details.detailshidden{
  visibility: hidden;
  height: 0;
}

.details.loading{
  background: url('./images/loader.svg') no-repeat center center;
}

.sidebar-postlist{
      background-color: #fff;
      margin-bottom: 2px;
      font-family: museo-sans;
      font-weight: 300;
      font-size: 0.9em;
      padding: 3px;
      border: 1px solid #E7EAF5;
      cursor:pointer;
}

.get_image {
    border: 2px solid #fff;
    margin: 2px;
    border-radius: 3px;
    opacity: 0.9;
}

.get_image:hover {
    border-color:#BCC0D0;
    opacity: 1;
}

.sidebar-postlist:hover{

    border: 1px solid #BCC0D0;
}




.redtest{
  background-color: red !important;
}