/*!
Theme Name: Hotel Torricella
Theme URI: http://hoteltorricelaits.sbs
Description: Child Theme for Hotel Torricella.
Tags: black, white, light, brown, left-sidebar, right-sidebar, full-width-template, responsive-layout, accessibility-ready, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready
Author: Hanzo srl
Author URI: http://hanzo.it
Template: morrison-hotel
Version: 1.0.0
License: The PHP code and integrated HTML are licensed under the General Public
License (GPL). All other parts, but not limited to the CSS code, images, and design belong to their respective owners.
License URI: http://www.gnu.org/licenses/gpl-2.0.html - https://help.market.envato.com/hc/en-us/articles/202501064
*/

/* BOOKING */

#booking-wrapper {
  background: #35c0c9;
  padding: 8px;
}

#ITH_MainForm {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

#ITH_MainForm label {
  padding-right: 8px;
  color: #fff;
}

#ITH_dtCheckIn_div,
#ITH_dtCheckOut_div,
#ITH_Pax_div {
  margin-right: 20px;
}

#ITH_MainForm button {
  padding: 4px 16px;
  background-color: rgba(255,255,255,1);
  color: #35c0c9;
  letter-spacing: 1px;
  font-size: 12px;
}

#ITH_MainForm button:hover {
  background-color: rgba(255,255,255,.9);
}

a {text-decoration: none;}

ul, li{
  list-style: none;
  padding: 0
}

ul {margin: 0 0 0 1rem;}
li {margin: 0;}

ul.lista-servizi,
ul.lista-camere{
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #35c0c9!important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #292b2c!important;
}
p small {
  display:inline-block;
  line-height:1.2rem;
}

#footer-menu li a {
  color: #fff;
}

.morrison-hotel-separator {
  margin: 0 0 3em;
}

.morrison-hotel-service {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding-top: 20px;
}

.morrison-hotel-service .service-icon {
  color: #35c0c9;
}

.morrison-hotel-service .service-icon .fa-whatsapp {
  color: #43d854;
}

#masthead {
  padding: 2em 0 1.250em;
  margin-bottom: 6em;
  color: #999;
}

#masthead .site-info {
  text-transform: uppercase;
  padding: 0;
}

#masthead .site-logo {
  margin-bottom: 0.325em;
  display: inline-block;
}

#masthead .wrap {
  position: relative;
}

#masthead .top-services,
#masthead .top-right {
  position: absolute;
  /*display: none;*/
  display: inline-block;
}
#masthead .top-services a,
#masthead .top-right a {
  cursor: pointer;
}

#masthead .top-services {top:15px;}
#masthead .top-right {top:10px;}

#masthead .top-services li.whatsapp,
#masthead .top-right li.awards {
  display: none;
}

#masthead .top-services p,
#masthead .top-right p {
  margin: 0;
  display: none;
}

#masthead .top-services { left: 0; }
#masthead .top-right { right: 0; }

#masthead .top-services ul li,
#masthead .top-right ul li {
  display: inline-block;
  font-size: 0.75rem;
}

#masthead .top-right ul li.awards img {
  width: 68px;
  height: 50px;
}

#masthead .top-right ul li.offers {
  padding-top: 5px;
}

#masthead .top-services ul li:first-child {
  margin-right: 20px;
}

.whatsapp-number {
  font-weight: 700;
  color: #43d854;
  font-size: 0.8125rem;
}

.wifi-text {
  font-weight: 700;
  color: #0066cc;
  font-size: 0.8125rem;
}

#top-header {
  overflow: hidden;
  padding: 0;
  text-align: left;
  height: 46px;
  font-size: 0.75rem;
  border-top: 2px solid #35c0c9;
}

#top-header .lang-switcher {
  position: relative;
  float: left;
  height: 46px;
}

#top-header .site-follow {
  position: relative;
  float: right;
  line-height: normal;
  width: auto;
  height: 46px;
}

#top-header .site-follow ul li.top-phone a,
#top-header .site-follow ul li.top-whatsapp a {
  padding: 0 10px;
}

#top-header .site-follow ul li.top-facebook {
  background-color: #3b5998;
}

#top-header .site-follow ul li.top-facebook a{
  color: #fff;
}

#top-header .site-follow ul li.top-facebook:hover {
  background-color: #4264aa;
}

/*#top-header .lang-switcher ul li.lang-item-de {
  display: none;
}*/

#top-header .lang-switcher ul,
#top-header .lang-switcher li,
#top-header .site-follow ul,
#top-header .site-follow ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#top-header .lang-switcher ul,
#top-header .site-follow ul {
  display: inline-block;
}

#top-header .lang-switcher li,
#top-header .site-follow ul li {
    float: left;
    position: relative;
}

#top-header .site-follow ul li a {
  padding: 0;
  margin: 0;
}

#top-header .lang-item a,
#top-header .site-follow ul li a{
  display: inline-block;
	line-height: 46px;
	border-right: 1px solid #e8e8e8;
	min-width: 46px;
	text-align: center;
}

#top-header .site-follow ul li a span.tel {
  display: none;
}

#top-header .site-follow a.with-text {
  width: auto;
}

#top-header .lang-item.current-lang {
	background-color: #eee;
}

#top-header .site-follow ul li:last-child {
  border: none;
}

#top-header .wrap {
  padding-left: 0;
  padding-right: 0;
}

#primary-menu {
  letter-spacing: 0;
}

#page-carousel {
  margin-bottom: 2em;
  margin-top: -6em;
}

.morrison-hotel-column {
  margin-bottom: 1em;
}

.morrison-hotel-title:before {
  background-color: #35c0c9;
}
.morrison-hotel-title.left {
  margin-bottom: 0.5em;
}

.page-content,
.entry-content,
.entry-summary {
  font-size: 1rem;
}

.lista-servizi li,
.lista-camere li,
.lista-prezzi li{
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.lista-prezzi li {
  list-style: disc;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  color: #666;
}

.lista-servizi li i,
.lista-camere li i {
  color: #35c0c9;
  margin-right: 5px;
}

.morrison-hotel-title {
  text-transform: none;
}

.entry-content table td {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}

.entry-content table td.td-color {
  color: #35c0c9;
}

.entry-content table.distanze td {
  padding: 5px 0;
}
.entry-content table.distanze td.dispari {
  padding-left: 10px;
}

.page-id-72 #masthead,
.page-id-92 #masthead,
.page-id-88 #masthead,
.page-id-101 #masthead,
.page-id-102 #masthead,
.page-id-248 #masthead,
.page-id-253 #masthead,
.page-id-254 #masthead,
.page-id-273 #masthead,
.page-id-282 #masthead,
.page-id-327 #masthead,
.page-id-329 #masthead,
.page-id-180 #masthead,
.page-id-417 #masthead {
  margin-bottom: 1.5rem;
}

/* Richiesta Informazioni */

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea {
    border: 3px solid #ebebeb;
    box-sizing: border-box;
}

input[type="date"] {
  padding: 7px;
  width: 100%;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus {
    border-color: #35c0c9;
    outline: none;
}

.richiesta-informazioni {
  display: block;
  border: 3px solid #35c0c9;
  /*border-color: rgba(53,192,201,1);*/
  padding: 14px;
  width: 100%;
  border-radius: 6px;
  box-sizing: border-box;
}

.richiesta-informazioni h4 {
  text-align: center;
  padding: 20px 0 10px 0;
}

/*form.wpcf7-form input[type="number"] {
  width: 100%;
}*/

form.wpcf7-form p {
  margin-bottom: 1rem;
}

form.wpcf7-form .wpcf7-submit {
  width: 100%;
}

div.wpcf7-response-output {
  font-size: 0.875rem;
}

.post-180 .morrison-hotel-last-column h5,
.post-327 .morrison-hotel-last-column h5 {
  margin-bottom: 0;
}

.post-180 ul.lista-servizi,
.post-327 ul.lista-servizi {
  margin-bottom: 20px;
}

.entry-meta,
.widget_recent_entries li .post-date {
  display: none;
}

.widget_recent_entries ul li {
  border-bottom: 1px solid #eee;
  margin: 5px 0;
  padding: 0 0 5px 0;
}


@media (min-width: 768px) {
  .form-row.form-row-first {
    clear: both;
    float: left;
    margin-right: 4%;
    width: 48%;
  }
  .form-row.form-row-last {
    float: right;
    width: 48%;
  }

  #ITH_MainForm input[type="text"] {
    padding: 4px 8px;
  }
}

@media (min-width: 992px) {
  #top-header .site-follow ul li a span.tel {
    display: inline-block;
  }
  #masthead .top-services,
  #masthead .top-right {
    display: inline-block;
    position: absolute;
    top: 28px;
  }

  #masthead .top-services li.whatsapp,
  #masthead .top-right li.awards {
    display: inline-block;
  }

  #masthead .top-services p,
  #masthead .top-right p {
    display: block;
  }

  #masthead .top-right ul li.awards img {
    width: 95px;
    height: 70px;
  }

  #masthead .top-services ul li.top-book-btn img {
    margin-left: 60px;
  }

  #masthead .top-right ul li.offers img {
    margin-right: 125px;
    padding-top: 29px;
  }

  #primary-menu > li {
    margin: 0 10px;
  }

  .menu-menu-principale-de-container #primary-menu > li {
    margin: 0 7px;
  }

  input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 7px 10px;
  }

  #ITH_MainForm input[type="text"] {
    padding: 4px;
  }
}

@media (max-width: 1024px) {
  #masthead .top-services ul li.top-book-btn img {
    margin-left: 0;
  }
  #masthead .top-right ul li.offers img {
    margin-right: 50px;
  }
}

@media (max-width: 425px) {

  #masthead .top-right ul li.offers {
    padding-top: 5px;
  }
  #masthead .top-right ul li.offers img {
    margin-right: 20px;
  }

  #ITH_MainForm {
    display: block;
  }

  #ITH_dtCheckIn_div,
  #ITH_dtCheckOut_div,
  #ITH_Pax_div {
    display: inline-block;
    width: 48%;
    margin: 0;
  }

  #ITH_Pax_div,
  #ITH_MainForm button {
    margin: 16px 0 4px 0;
  }

  #ITH_MainForm button {
    padding: 4px 54px;
  }

  #ITH_MainForm input[type="text"] {
    padding: 2px;
    width: 130px;
  }
}

@media (max-width: 375px) {
  #ITH_MainForm input[type="text"] {
    width: 104px;
  }
  #ITH_MainForm button {
    padding: 4px 44px;
  }
}

@media (max-width: 320px) {
  #masthead .top-services ul li.top-book-btn img {
    margin-left: -10px;
  }
  #masthead .top-right ul li.offers {
    padding-top: 5px;
  }
  #masthead .top-right ul li.offers img {
    margin-right: -5px;
    padding-right: 7px;
  }
  #ITH_MainForm input[type="text"] {
    width: 86px;
  }
  #ITH_MainForm button {
    padding: 4px 32px;
  }
}
