/* Main content block  */

#block-radius-content {
  margin-bottom: 6em;
  min-height:360px;
}

#block-radius-content > article > div > div.field.field--name-field-image.field--type-image.field--label-hidden.field__items > div img {
  height: auto;
  margin:2em auto;
  width: 100%;
}
  
/* Following blocks  */
#sub-content  {
  font-size: 0.860em;
/*   background: grey; */
}

.contextual-region h2 {
  font-size: 0.90em;
}


/* custom blocks  */
#block-noextraadsnoextrafees  {
  border-top: #83082b29 solid 1px;
  font-size: 0.86em;
  padding: 8px 0;
}
 
  #block-noextraadsnoextrafees h2 {
    font-size: 0.86em;
  }


#block-languageswitcher {
  position:relative;
}  
  
  #block-languageswitcher ul.links {
    position:absolute;
    right:0;
    list-style: none;
    display:inline;
    /*margin: 0 0 2em 0;*/
    /*padding-left: 1em;*/

    display: flex;
    flex-direction: row;
    /* Below sets up your display method: flex-start|flex-end|space-between|space-around */
    justify-content: flex-start;
    /* Below removes bullets and cleans white-space */
    list-style: none;
    padding: 0;
    /* Bonus: forces no word-wrap */
    white-space: nowrap;
    
  }
  
    #block-languageswitcher ul.links li {
      /*display:inline:*/
    }  
  
      #block-languageswitcher ul.links li a {
        font-size: 1.2em;
        margin: auto 6px;
      }
  
  
  #block-guest ul.menu  {
    text-align:right;
  }  

  #block-guest ul.menu li {
    display: -webkit-inline-box;
    font-size:  0.68em;
    text-transform: uppercase;
  }
    
  #block-guest ul.menu li#menu-your-stay a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f562";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  }
    
  #block-guest ul.menu li#menu-your-reservations a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0ca";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  }
    
  #block-guest ul.menu li#menu-profile a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  }


  #block-guest ul.menu li#menu-domotica a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\e066";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  }



/* views */
.block-views-blockbbs-beauty-block-1  {
  border-top: grey solid 1px;
  margin-top: 6em;
}


  .block-views-blockbbs-beauty-block-1 h2 {
    margin-bottom: 4px;
  }

  .block-views-blockbbs-beauty-block-1 .view-header {
    font-size:0.68em;
    text-transform:uppercase;
  }

  .block-views-blockbbs-beauty-block-1 .view-content {
    margin-top:2em;
  }

    .block-views-blockbbs-beauty-block-1 .view-content .views-row {
      margin: 2em auto 6.2em;
    }

    .block-views-blockbbs-beauty-block-1 .view-content .views-row h3 {
      font-size:1.4em;
      font-weight:bold;
    }


    .block-views-blockbbs-beauty-block-1 .view-content .views-row img {
      width:100%;
      height:auto;
    }


    #block-views-block-bbs-magnolia-block-block-1   .magnolia-img   {
      position:relative;
    }


      #block-views-block-bbs-magnolia-block-block-1    .magnolia-img .ball {
        background: orange;
        border-radius: 8px;
        position: absolute;
        right: 12px;
        bottom: 20px;
        height: 148px;
        text-align: center;
        padding: 1em;
        width: 160px;
        font-weight: bold;
      }

        #block-views-block-bbs-magnolia-block-block-1    .magnolia-img .ball .prezzo {
          font-size:2.3em;
        }



#block-yourcheckin img  {
  width:100%;
}
        
        
@media screen and (max-width: 480px) {

  #block-views-block-bbs-magnolia-block-block-1    .magnolia-img .ball {
        position: initial;
        width: 100%;
  }

  #block-views-block-bbs-magnolia-block-block-1    .magnolia-img .ball .prezzo {
    font-size:1.2em;
  }
}


@media screen and (max-width: 380px) {

  .block-views-blockbbs-room-details-large-image-block-1  {
    float:initial;
  }

  #block-radius-content  {
    float:initial;
  }

}