/*
Theme Name:     Vida Cigana
Theme URI:      http://vidacigana.com
Description:    Child theme for the Herald theme
Author:         meks
Author URI:     http://mekshq.com
Template:       herald
Version:        0.1.0
*/

/* LAYOUT GERAL HERALD */
.entry-content p {
    text-align: justify;
}

.herald-post-thumbnail {
	background:0 0;
}

.widget {
	word-break: normal;
}

.comment-form-url {
	display: none;
}

.acf-field-text {
    display: none;
}
.vcig-capitalize {
	text-transform: capitalize;
}

.yt-button {
	margin-bottom: 25px
}

.vcig-gyg-widget {
	margin-bottom: 25px;
}

.vcig-gyg-availability {
	margin-bottom: 5px;
}

/* DOTES - REMOVER FOTO DE CAPA EM MOBILE */
/*
@media only screen and (max-width: 600px) {
 .single .herald-post-thumbnail{display:none !important}
}
*/


/* ROTEIROS ABAIXO DOS MAPAS */
.vcig-summary {
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
}

.vcig-summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 8px;
    border: 1px solid #000;
    box-sizing: border-box;
    z-index: -1;
}

.vcig-summary summary {
    margin-bottom: 8px;
    background-color: #cc4343;
    color: white;
    padding: 8px;
}

/* QUADROS TL;DR */
.tldr {
	padding: 25px;
	margin-bottom: 20px;
	background-color: #f2f2f2;
}

.tldr-title {
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
  	border-bottom: 5px solid #cc4343;
  	padding-bottom: 10px;
}

.tldr-list {
    list-style: none;
    padding: 0;
}

.tldr-item {
    padding: 5px 0;
}

.tldr-icon::before {
    font-weight: 900;
	margin-left: -15px;
    margin-right: 10px; 
    color: #cc4343;
	font-size: 1.25em;
}

/* HEATMAP-BUTTONS */
.button-container {
  display: flex;
  width: 100%;
}

.heatmap-button {
  cursor: pointer;
  flex: 1;
  padding: 10px 20px;
  font-size: 16px;
  border: 2px solid #cc4343;
  border-radius: 5px 5px 0 0;
  color: #cc4343;
  background-color: #fff;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.heatmap-button.heatmap-active {
  background-color: #cc4343;
  color: #fff;
  border-bottom: 2px solid #cc4343;
	transform: translate(0px, -3px);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
}

/* HEATMAP-CONTENT */
.content-container {
  margin-top: 0px;
	margin-bottom: 2.5rem;
}

.heatmap-content {
  display: none;
  padding: 20px;
  border: 2px solid #c0c0c0;
	border-top: 0px;
  border-radius: 0 0 5px 5px;
}

.heatmap-content.heatmap-active {
  display: block;
}


/* HEATMAP HOTEL CAROUSEL */
.carousel-hotel-name {
	font-size: 1.25rem;
  color: #3a2e39;
  text-transform: uppercase;
  font-weight: bold;
	margin-bottom: 0.25rem;
}
.hotel-region:hover .carousel-hotel-name,
.hotel-region:hover .carousel-region-name {
    color: #cc4343;
    transition: color 0.3s;
}
.carousel-region-name {
  font-size: 2rem;
  color: #3a2e39;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 2rem;
}

.hotel-label {
	font-weight: bold;
  background-color: #4CAF50;
}

.hotel-selected {
	background-color: #ebf5ff;
}

.owl-carousel-fixed {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.carousel-fixed {
  flex: 0 0 calc(33.3333% - 10px);
  box-sizing: border-box;
	border-radius: 0.5em;
  border: 2px solid #f2f2f2;
  transition: transform 0.3s;
  overflow: hidden;
}

.carousel-fixed:hover {
  transform: translate(0px, -3px);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

.carousel-fixed a {
  display: inline-block;
}
.carousel-fixed figure {
  max-width: 300px;
}

@media (max-width: 768px) {
  .heatmap-button {
		padding: 8px 12px;
		font-size: 14px;
	}
	.heatmap-content {
		border: none;
		padding: 20px 0px;
	}
	.carousel-hotel-name {
		font-size: 1.1rem;
		line-height: 1.35;
		display: inline-block;
	}
	.carousel-region-name {
		font-size: 1.5rem;
		line-height: 1.25;
		margin: 1rem 0;
	}
	.carousel-note {
  	top: 0.75rem;
  	left: 0.75rem;
  	font-size: 1rem;
  	padding: 0.25rem 0.5rem;
		display: none;
	}
	.no-mobile{
		display: none;
	}
	.carousel-button {
		font-size: 1.25rem;
	}
	.carousel-text-area {
		padding: 10px;
	}
	.carousel-fixed{
		flex: 0 0 calc(33.33%);
	}
}