/*
Theme Name: Veruvis Kids
Description: Custom child theme for Salient — Veruvis Kids (adaptare avatar copil, paleta calda din Ghidul de Identitate)
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Trigger
Author URI:  https://trigger.ro
Template: salient
Version: 2.1
Text Domain: veruvis
Domain Path: /languages
*/

/*====== WPForms ======*/

#wpforms-11001-field_10 .wpforms-field-label-inline {
	font-family: Raleway;
	font-style: italic;
	color: #333;
	line-height: 1.2;
}

/*====== CONSULTANTA GRATUITA ======*/

#consultanta-intro h2 {
	font-size: 42px;
	margin: 0 0 40px;
	line-height: 1.2;
}
#consultanta-intro p {
	padding: 0;
	margin: 0 0 20px;
}

/*====== TARIFE ======*/

.pricing-table-column {
	min-height: 100%;
	font-family: 'Raleway';
	font-size: 16px;
	/*text-align: center;*/
	border-radius: 20px;
	padding: 0;
	margin: 0 auto;
	border: 2px solid;
	overflow: hidden;
}

.pricing-table-column .card-header {
	padding: 20px;
	margin: 0;
	min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pricing-table-column .card-content {
	padding: 20px;
}

.pricing-table-column.pachet-1 {
	border-color: #699999;
}
.pricing-table-column.pachet-1 .card-header {
	background: #699999;
	color: white;
}
.pricing-table-column.pachet-1 .card-content {
	color: #5f7777;
}

.pricing-table-column.pachet-2 {
	border-color: #daa5ae;
}
.pricing-table-column.pachet-2 .card-header {
	background: #daa5ae;
	color: white;
}
.pricing-table-column.pachet-2 .card-content {
	color: #75555b;
}

.pricing-table-column.pachet-3 {
	border-color: #a586a2;
}
.pricing-table-column.pachet-3 .card-header {
	background: #a586a2;
	color: white;
}
.pricing-table-column.pachet-3 .card-content {
	color: #705c6e;
}

.pricing-table-column .pretitle {
	text-align: center;
}
.pricing-table-column h2.title {
	background: none;
	color: white;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
	margin: 0 auto;
	border-radius: 10px;
	line-height: 1.5;
}
.pricing-table-column .price {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 0px 15px 5px;
	display: block;
	border-radius: 10px;
	margin: 0 auto;
}

.pricing-table-column .price--old {
	text-decoration: line-through;
    margin: 0;
    text-align: center;
	padding: 0;
	color: #5a9999;
	font-size: 1.25rem !important;
	display: block;
}

.pricing-table-column .price .pe-luna {
	font-weight: normal;
	font-size: 16px;
}
.pricing-table-column .subtitle {
	background: none;
	text-align: center;
	margin: 0 auto 30px;
	padding: 0;
}
.pricing-table-column .subtitle.bonus {
	background: white;
	display: inline-block;
	padding: 3px 5px;
	border-radius: 5px;
}

.pricing-table-column p {
	margin: 0 auto;
	padding: 0 0 10px;
}
.pricing-table-column .fa-plus {
	font-size: 12px;
}

.pricing-table-column .disclaimer {
	font-size: 14px;
	position: relative;
	display: block;
	padding: 25px 0 0;
}
/* .pricing-table-column .disclaimer::before {
	content: '';
	background: #5a9999;
	height: 3px;
	width: 80px;
	position: absolute;
	top: 5px;
	left: 0;
} */
.custom-section {
	font-size: 18px;
}
.custom-section h2 {
	color: #aa83a3;
	margin: 0 0 40px;
}
.custom-section p {
	padding: 0 0 20px;
}
.custom-section .text-with-checklist p {
	padding: 0 0 5px;
}
.card-header-asset {
	line-height: 1;
	display: block;
	margin: 0;
	padding: 0;
}

/*====== TOP PROMO ======*/

#header-outer {
	opacity: 1;
	padding: 0 !important;
}

#header-secondary-outer {
	border: 0 !important;
}
.top-promo {
	background: #5a9999;
	color: white;
	text-align: center;
	width: 100%;
	z-index: 9999999999;
	position: relative;
	opacity: 1;
}
.top-promo a {
	color: white;
	display: block;
	padding: 11px 15px !important;
	opacity: 1;
	line-height: 1.2 !important;
}

.content-desktop {
	display: block !important;
}
.content-mobile {
	display: none !important;
}

.tarife-card {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.tarife-card table {
	border: 0 !important;
}
.tarife-card table tr {
	border: 0 !important;
	background: none !important;
}
.tarife-card table tr td {
	border: 0 !important;
	background: none !important;
}
.tarife-card table tr td:nth-child(1) {
	/* width: 280px; */
	/* min-width: 280px; */
	/* max-width: 280px; */
	padding-left: 0;
}
.tarife-card table tr td:nth-child(3) {
	text-align: right;
	width: 130px;
	min-width: 130px;
	max-width: 130px;
	padding-right: 0;
}

/*Ascundere buton de whatsapp pe EN si traducerea lui cu javascript*/
html[lang="en-US"] #qlwapp {
    display: none;
}

@media (max-width: 850px) {
	.top-promo a {
		font-size: 14px;
	}
	.content-desktop {
		display: none !important;
	}
	.content-mobile {
		display: block !important;
	}
	.tarife-card .row_col_wrap_12_inner {
		padding: 0 15px !important;
	}
	.tarife-card h4 {
		margin: 0 !important;
		padding: 0;
	}
	.tarife-card p {
		margin: 0;
		padding: 0;
	}
	.tarife-card h4.price {
		margin: 0 0 30px !important;
		padding: 0;
	}
	/* 	.tarife-card table {
		width: 100%;
	}
	.tarife-card table tr {
		width: 100%;
	}
	.tarife-card table tr td {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	} */
}

/*****
 Widget WhatsApp 
 *****/

.qlwapp__modal .qlwapp__header .qlwapp__carousel-slide {
	max-height: 100% !important;
}

.qlwapp__modal .qlwapp__header {
	max-height: 100% !important;
}
.qlwapp__modal .qlwapp__body .qlwapp__carousel {
	max-height: 100% !important;
}

/**************************************************
LP CONFERINTA SECTIUNEA 'VEZI PROGRAM COMPLET'
**************************************************/

/*div.vezi-programul span.text {*/
/*    color: #5a9999 !important;*/
/*}*/

/*div.vezi-programul span.link_wrap {*/
/*    background-color: white !important;*/
/*    border: 1px solid #5a9999 !important;*/
/*}*/

div#vezi-programul div.wpb_wrapper button.vezi-programul {
  padding: 16px 24px;
  background: white;
  color: #5A9999;
  cursor: pointer;
  font-size: 20px;
  border: 1px solid #5A9999;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  width: 100% !important;
}

div#vezi-programul div.wpb_wrapper {
    max-width: 305px !important;
}



.modal {
  display: none;                
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  overflow-y: auto;
  padding: 40px 20px;
  z-index: 999999;
}

/* Modal box */
.modal-content {
  background: #fff;
  margin: auto;
  padding: 24px;
  width: 90%;
  max-width: 860px;   
  border-radius: 12px;
  animation: fadeIn 0.4s;
}

.modal-header {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 16px !important;
}

/* X button */
.close-modal {
  float: right;
  font-size: 34px;
  font-weight: bold;
  cursor: pointer;
}

/* Sections */
.modal-section {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.modal-section h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.modal-section ul {
  margin-left: 20px;
}

.modal-section.break {
  background: #f7f7f7;
  padding: 10px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  border: none;
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-20px);}
  to {opacity: 1; transform: translateY(0);}
}

#programModal.modal {
  z-index: 999999 !important;
}

/* --- conferinta layout in interiorul modalului --- */

.conferinta-modal {
  padding-top: 20px;
}

.conf-title {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 32px;
  color: #045F5F;
  margin-bottom: 0 !important;
}

.conf-meta {
  margin-bottom: 16px;
  font-size: 13px;
}

.conf-meta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 24px;
}

.conf-meta-row:last-child {
  margin-bottom: 0;
}

.conf-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ff4b4b;
  display: inline-block;
}

/* tabelul propriu-zis */

.conf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 24px;
  color: black !important;    
  font-weight: 400;
}

.conf-table th,
.conf-table td {
  border-bottom: none !important;
  padding: 8px 10px;
  vertical-align: top;
}

.conf-table thead th {
  background: #F2F7F7;
  text-align: left;
  color: black;
}

.conf-col-time {
  width: 16%;
  white-space: nowrap;
}

.conf-col-activity {
  width: 42%;
}

.conf-col-details {
  width: 42%;
}

.conf-table tbody td:first-child {
  font-weight: 400;
}

..conf-table tbody tr {
    border-bottom: 0 !important;
}

.conf-table tbody tr {
  background: #F6F6F6;
  border: none !important;
}

.conf-table .coffee-break-row {
    background-color: white !important;
}

/* un pic de responsive */

@media (max-width: 640px) {
  #programModal {
      padding: 12px;
  }    
    
  .conf-table .first-interval {
      background-color: #F6F6F6;
  } 
  
  .conf-table .first-coffee {
      padding-top: 12px !important;
  }
    
  .conf-table,
  .conf-table thead,
  .conf-table tbody,
  .conf-table tr,
  .conf-table td,
  .conf-table th {
    display: block;
  }
  
  .modal-content {
      padding: 8px !important;
  }

  .conf-table thead {
    display: none;
  }

  .conf-table tr {
    border: none !important;
    overflow: hidden;
    padding: 0 !important;
  }
  
  .conf-table th, .conf-table td {
      padding: 0 12px!important;
  }

  .conf-table td {
    border-bottom: none !important
  }
  
  .conf-table .conf-subrow {
      padding-bottom: 12px !important;
  }
  
  .conf-table .coffee-break-row {
      padding: 12px 0 !important;
  }
  
  .conf-table .section-introduction {
      padding: 12px 0 !important;
  }
  
  .conf-table .modal-header, .conf-table .conf-meta {
      padding: 0 12px;
  }
  
}