/*
Theme Name:     Dhynamo
Theme URI:
Description:    Template responsive a due colonne con menu centrale.
Author:         Dhynet
Author URI:     http://www.dhynet.com/
Template:       twentysixteen
Version:        1.0.1
*/

/* Please add custom CSS in css/custom.css file */




/* BOOKING ENGINE ------------------------*/


#colophon {
    margin-bottom:60px;
}

.booking--desktop {
    width:100%;
    height:65px;
    padding-top:10px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9999;
    background:#640425;
}

#booking-form form {
    position:relative;
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#ITH_dtCheckIn_div,
#ITH_dtCheckOut_div,
#ITH_Pax_div {
    float:left;
    margin:0 12px;
}

#booking-form label {
    margin-right:10px;
    color:#fff;
}

#booking-form input[type='text'] {
    width:70%;
    border:0;
    background:#fff;
    font-size:14px;
    line-height:30px;
    text-align:center;
    border-radius:4px;
}



#booking-form select {
    border:1px solid #fff;
    background:#fff url(img/dropdown_ico.png) center right 10px no-repeat;
    background-size:15px 15px;
    font-size:14px;
    line-height:40px;
    padding:0 40px 0 20px;
    border-radius:none;
    height:42px;
    
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
}

#booking-form .date-picker-control {
    background-image: url(img/calendar.png) !important; 
    background-position:center center !important;
    background-repeat: no-repeat;
    background-size:22px 22px;
}
 
#booking-form button {
    font-size:24px;
    color:#fff;
    line-height:42px;
    font-weight:normal;
    background:#F4C775;
    padding:0 42px;
    border:none;
    margin-left:30px;
}

.date-picker-table {
    bottom:55px;
    position:fixed !important;
    z-index:999999 !important;
}

.date-picker-table:before,
.date-picker-table:after {
    display:none;
}


/* -- Booking Mobile --*/


.booking--mobile {
    display:none;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9999;
    background:#2C2A28;
    text-align:center;
    line-height:60px;
}

.booking--mobile a {
    width:100%;
    display:block;
    background:#F4C775;
    color:#fff;
    font-size:18px;
    font-weight:bold;
}



@media only screen 
    and (min-width: 300px) 
    and (max-width: 1024px) 
    and (orientation: portrait) {
        
        .booking--desktop {display:none;}
        .booking--mobile {display:block;}
}









/* // BOOKING ENGINE ------------------------*/











body {
  background: #fff;
}

.clearfix {
  clear: both;
}

/* HEADER */

#masthead {
  margin-bottom: 2em;
  box-shadow: 0 2px 3px #eee;
}

#masthead.sticky.topmargin {
  margin-top: 32px;
}

#masthead.transparent {
  box-shadow: none;
}

#masthead.transparent.sticky {
  box-shadow: 0 2px 3px #eee;
}

#masthead.sticky .site-branding,
#masthead.sticky .header-image {
  margin-top: 0;
  margin-bottom: 0;
}

.site-header-main {
  display: block !important;
}

#masthead.sticky .site-header-menu {
  margin-top: .4em;
  margin-bottom: 0;
}

#masthead .top-header {
  font-size: .9em;
}

#masthead.sticky .top-header {
  display: none;
}

#masthead .top-header .fltlft {
  float: left;
}

#masthead .top-header .fltrgt {
  float: right;
  text-align: right;
}

.dh-btn-cart {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.dh-cart-box {
  z-index: 999;
  position: absolute;
  display: none;
  right: -15px;
  margin-top: 15px;
  padding: 0 20px;
  width: 220px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.dh-cart-box:before,
.dh-cart-box:after {
    content: "";
    position: absolute;
    display: block;
    top: -10px;
    right: 32px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dh-cart-box:before {
    top: -12px;
    right: 30px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ccc;
    border-bottom-color: #ddd;
}

.dh-cart-box.open {
  display: block;
}

a .dh-cart-box {
  color: #333;
}

.dh-btn-login {
  display: inline-block;
}

.widget.woocommerce.widget_shopping_cart {
  margin-bottom: 0;
}

.n2-ss-align {
  margin-top: -2em;
  margin-bottom: 3em;
}

.site-branding {
  float: left;
}

.menu-toggle {
  float: right;
}

.site-header {
  padding: .5em 7.6923%;
  transition: ease, .3s;
}

.site-branding,
.site-header-menu,
.header-image {
  margin-top: 1em;
  margin-bottom: 1em;
}

.site-branding,
.header-image,
.site-header-menu {
  transition: ease, .3s;
}

.page-header {
  border: none;
  margin: -2em 7.6923% 3.5em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.page-header .site-inner {
  padding: 0 7.6923%;
}

.main-navigation .primary-menu {
  border-bottom: none;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
  font-weight: 400;
}


/* FULLWIDTH */

.site-content.nopad {
  padding: 0;
}

.site-inner {
  width: 100%;
}

.fullwidth .entry-header .site-content {
  margin-top: -2em;
  padding: .5em 7.6923%;
}

.fullwidth .entry-header,
.page-header {
  margin-right: 0;
  margin-bottom: 3em;
  margin-left: 0;
  background-color: #eee;
}

.fullwidth .entry-title {
  margin: 0.5em 0;
}


/* CONTENT */

.post .entry-header, .post .post-thumbnail, .post .entry-summary,
.post .entry-footer, .post .image-navigation,
.post .post-navigation, .post .page-header,
.post .page-content, .post .content-bottom-widgets {
  margin-right: 0;
}

.post-thumbnail img {
  width: 91%;
}

.comments-area {
  margin-top: 2em;
}

.widget:not(:first-child) {
    border-top: 1px solid #ddd;
}

.widget:first-child,
.so-panel.widget {
  border-top: none;
}

body:not(.search-results) .widget_lsow-posts-carousel .entry-summary {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}


/* WOOCOMMERCE */

.product-template-default .content-area {
  width: 100%;
}

#content .twentysixteen div.product div.images {
  width: 35%;
}

#content .twentysixteen div.product div.summary {
  width: 60%;
}

.woocommerce-tabs {
  padding-top: 3em;
}

.woocommerce ul.products li.product a img {
  margin: 0 0 .5em;
}

.woocommerce ul.products li.product a img,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  padding: 3px;
  border: 1px solid #ddd;
}

.woocommerce-loop-product__link {
  color: #333;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 400;
  line-height: 1.2em;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .button {
  margin-top: .5em;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
}

.woocommerce-MyAccount-navigation ul a {
  display: block;
  padding: 5px 0;
  width: 100%;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}


/* FOOTER */

.footer {
  padding: 2em 0 1em 0;
  color: #eee;
  background-color: #333;
}

.footer a {
  color: #eee;
}

.footer .site-content {
  padding: 0 7.6923%;
}

.site-info {
  padding: 1em 0;
  text-align: center;
}

.site-info .social-navigation li {
  float: none;
  display: inline-block;
}

.footer .ft-title {
  margin-bottom: .5em;
}


/* RESPONSIVE */

@media screen and (min-width: 44.375em) {
  body:not(.custom-background-image):before {
    top: 0;
  }

  body:not(.custom-background-image).admin-bar:before {
    top: 0;
  }

  body:not(.custom-background-image):before,
  body:not(.custom-background-image):after {
    display: none;
  }

  .site {
    margin: 0;
  }

  .page-header {
    margin-right: 0;
  }

  .entry-header, .post-thumbnail,
  .entry-content, .entry-summary,
  .entry-footer, .image-navigation, 
  .post-navigation, .page-content,
  .content-bottom-widgets {
    margin-right: 7.6923%;
  }

  .sidebar, .widecolumn {
    padding-right: 7.6923%;
  }

  .footer .ft-widget:not(:last-child) {
    float: left;
    margin-right: 5%;
    width: 30%;
  }

  .footer .ft-widget:last-child {
    float: left;
    margin-right: 0;
    width: 30%;
  }
}


@media screen and (min-width: 48.9375em) {
  body:not(.custom-background-image).admin-bar:before {
    top: 0;
  }

  .site-main {
    margin-bottom: 4em;
  }
}


@media screen and (max-width: 56.874em) {
  #site-navigation {
    clear: both;
  }

  div#n2-ss-2 .n2-ss-layer {
    font-size: 150% !important;
  }
}


@media screen and (min-width: 56.875em) {
  #masthead.transparent,
  #masthead.sticky {
    position:fixed;
    z-index: 170;
    top:0;
    left:0;
    right:0;
    margin: 0 auto;
    padding: 1em 0;
    width:100%;
  }

  #masthead.sticky {
    padding: 0;
    background-color: #fff;
  }

  #masthead.transparent .site-branding .site-title a,
  #masthead.transparent .site-branding .site-description,
  #masthead.transparent .main-navigation a {
    color: #fff;
  }

  #masthead.transparent.sticky .site-branding .site-title a,
  #masthead.transparent.sticky .site-branding .site-description,
  #masthead.transparent.sticky .main-navigation a {
    color: #333;
  }

  #masthead.transparent .site-header-menu {
    margin-top: 2em;
  }

  #masthead.sticky .site-branding,
  #masthead.sticky .header-image {
    padding-top: 0;
  }

  #masthead.sticky .site-header-menu {
    margin: 0;
  }

  .main-navigation {
    text-align: right;
  }

  .main-navigation .primary-menu > li {
    float: none;
    display: inline-block;
  }

  .site-header {
    padding: 0;
  }

  .page-header .site-inner {
    padding: 0;
  }

  .entry-header, .post-thumbnail,
  .entry-content, .entry-summary,
  .entry-footer, .image-navigation, 
  .post-navigation, .page-header,
  .page-content, .content-bottom-widgets {
    margin-right: 0;
  }

  .no-sidebar .entry-header, .no-sidebar .entry-content,
  .no-sidebar .entry-summary, .no-sidebar .entry-footer,
  .no-sidebar .comments-area, .no-sidebar .image-navigation,
  .no-sidebar .post-navigation, .no-sidebar .pagination,
  .no-sidebar .page-header, .no-sidebar .page-content,
  .no-sidebar .content-bottom-widgets {
    margin-left: 0;
}

  .site-content.nopad .page {
    padding: 0 4.5455%;
  }

  .fullwidth .entry-header, .fullwidth .post-thumbnail,
  .fullwidth .entry-content, .fullwidth .entry-summary,
  .fullwidth .entry-footer, .fullwidth .comments-area,
  .fullwidth .image-navigation, .fullwidth .post-navigation,
  .fullwidth .page-header, .fullwidth .page-content,
  .fullwidth .content-bottom-widgets {
    margin-right: 0;
  }

  .fullwidth .content-area {
    width: 100%;
  }

  .fullwidth .entry-header .site-content {
    padding: .5em 4.5455%;
  }

  .post-thumbnail img {
    width: 100%;
  }

  .widget {
    font-size: .9em;
  }

  .so-panel.widget {
    padding-top: 0;
  }

  .sidebar, .widecolumn {
    padding-right: 0;
  }

  .footer .site-content {
    padding: 0 4.5455%;
  }

  .site-footer .social-navigation {
    margin-bottom: 1em;
  }

  .site-footer.nopad {
    padding-bottom: 0;
  }

  .no-sidebar .twentysixteen .site-main {
    margin-right: 0;
    margin-left: 0;
  }
}


@media screen and (min-width: 61.5625em) {
  h1.entry-title {
    margin-bottom: .5em;
    font-size: 2.3em;
  }

  h2.entry-title {
    margin-bottom: .5em;
    font-size: 2.1em;
  }

  body:not(.search-results) article:not(.type-page) .entry-content {
    width: 75%;
  }

  body:not(.search-results) article:not(.type-page) .entry-footer {
    width: 20%;
  }
}