/*
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.0
*/

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

.archive footer.entry-footer span.posted-on,
.archive .entry-content {display:none !important;}


/* Whatsapp Icon*/

.ico_wa {
  display:none;
  position:fixed;
  bottom:16px;
  left:22px;
  width:62px;
  height:62px;
  border:2px solid white;
  border-radius:50%;
  background:url(img/icon_wa.svg) center center no-repeat;
  background-size:60px auto;
  z-index:999;
  -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 24%);
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 24%);
}
.home .ico_wa {display:block;}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* SMARTPHONE PORTRAIT ------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 220px)
    and (max-width: 780px) {
      .ico_wa {bottom:76px;}
}














/* */


html {
  font-size: 1em !important;
}

label {
  width: 100%;
  max-width: auto;
}


/* HEADER */

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

#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;
}

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

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

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

.site-branding {
  width: 100%;
}

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

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

.custom-logo-link {
  display: inline-block;
}

.menu-toggle {
  float: right;
}

.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 {
  font-size: 1.1em;
  border-bottom: none;
}


/* 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;
}


/* 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 (min-width: 56.875em) {
  #masthead.transparent,
  #masthead.sticky {
    position:fixed;
    z-index: 170;
    top:0;
    left:0;
    right:0;
    margin: 0 auto;
    width:100%;
  }

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

  #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;
  }

  .site-branding {
    width: 100%;
    text-align: center;
  }

  .site-header-menu {
    margin-top: 0;
    margin-bottom: 1em;
    width: 100%;
  }

  #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: center;
  }

  .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%;
  }
}