/*
Theme Name: Carranta
Description: Child theme for Carranta
Author: Atriples
Author URI: https://carranta.ua
Template: carranta
Version: 1.0.0
Text Domain: carranta
*/

@font-face {
	font-family: 'Gilroy';
	src: url('/wp-content/themes/carranta-child/fonts/Gilroy-Extrabold.otf') format('truetype');
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

/* global */
.tmb .t-entry-visual img,
.uncode-map-wrapper {
  border-radius: 1rem;
}

input, button, select, textarea, 
.footer-bottom-section p, 
.wpcf7-acceptance .wpcf7-list-item-label {
  font-size: clamp(0.875rem, 0.8295rem + 0.2273vw, 1rem);
}

input:focus-visible, textarea:focus-visible {
  outline: none;
}

/* header */
.menu-dark .menu-smart > li.active > a {
	font-weight: 400 !important;
}

ul.menu-smart > li {
  position: relative;
}

ul.menu-smart > li.active::after {
  content: '';
  display: block !important;
  width: 3rem;
  height: 0.325rem;
  background-color: #0019ce;
  border-radius: 0.5rem;
  position: absolute;
  bottom: 1.75rem;
  left: 0;
  right: 0;
  margin: auto;
}

.menu-container {
  background-color: transparent;
  background-image: linear-gradient(rgb(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1), transparent) !important;
  box-shadow: none !important;
}

.is_stuck .menu-container {
  background-image: linear-gradient(rgb(0, 0, 0, 0.85), rgba(0, 0, 0, 0.5), transparent) !important;
}

.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after {
	width: 27px;
}

.lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span {
	transform-origin: 13px center;
}

/* footer */
.site-footer .uncode-list ul.icons li:not(:last-child) {
	margin-bottom: 0.5rem;
}

.site-footer .dash-border:hover,
.site-footer a:hover,
.parent-services .uncode_text_column a:hover,
.about-doctor-section .uncode_text_column a:hover {
  color: #3e55ff !important;
}

.footer-scroll-top i.btn-default {
	width: 2em;
	height: 2em;
	line-height: 1.85;
	font-size: 1.375em;
  background-color: #0019ce !important;
  border-color: #0019ce !important;
}

/* footer messengers */
.footer-messengers {
  display: flex;
  margin-top: 1rem;
}

.footer-messengers a:not(:last-child) {
  margin-right: 1rem;
}

.footer-messengers svg {
  max-width: 1.5rem;
  height: auto;
}

.footer-messengers a:hover svg path {
  fill: #3e55ff !important;
  transition: all 0.3s ease-in-out;
}

/* titles */
.decorative-title h2::before {
  content: "";
  display: block;
  width: 4rem;
  height: 0.325rem;
  background-color: #0019ce;
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
}


.decorative-title.center {
  text-align: center;
}

.decorative-title.center h2::before {
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.decorative-title-after h2::after {
  content: "";
  display: block;
  width: 4rem;
  height: 0.325rem;
  background-color: #0019ce;
  border-radius: 0.5rem;
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}

.section-subtitle {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* gallery about */
.gallery-clinic  .tmb .t-entry-visual {
  border: none !important;
}

/* google reviews */
.ti-name, 
.ti-date, 
.ti-review-content,
.ti-read-more span,
.ti-with-tooltip {
  font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* cf7 */
.wpcf7-acceptance label {
	color: #FFFFFF !important;
}

.wpcf7-response-output {
  color: #FFFFFF;
  border: 1px solid #0019ce !important;
  padding: 15px !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border: 1px solid #ed6444 !important;
}

.wpcf7 span.wpcf7-not-valid-tip {
  color: #ed6444 !important;
  text-align: left;
}

.wpcf7 span[data-name="agree-invisible"]{
  display: none !important;
}

/* home */
.home video.background-video-shortcode {
	object-fit: cover !important;
	object-position: top;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

/* services */
.section-service-icons .icon-media,
.section-benefits .icon-media {
  height: auto;
  width: 6rem;
}

.section-service-icons .icon-media img,
.section-benefits .icon-media img {
  max-width: 6rem;
  height: 6rem;
  background: #0019ce;
  padding: 1rem;
  border-radius: 1rem;
  transition: all 0.3s linear;
}

.section-service-icons .icon-box-heading {
  max-width: 75%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.section-service-icons .icon-box-heading h3 {
  margin-top: 0.75rem;
}

.section-service-icons .icon-box-heading h3 a:hover,
.section-service-icons .icon-box-heading h3 a:focus {
  color: #FFF !important;
  text-decoration: underline;
}

.section-service-icons a:hover .icon-media img {
  scale: 1.05;
}

/* cases */
.cases-gallery .t-overlay-icon {
  background: #0019ce;
  padding: 1rem;
  border-radius: 100%;
}

/* price */
.page-price .uncode-pricing-entry {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	padding-bottom: 12px;
}

.page-price .uncode-pricing-entry.half-space:not(:first-child) {
	margin-top: 12px;
}

.page-price .uncode-pricing-entry-separator {
	border: none !important;
}

.page-price .uncode-pricing-entry .uncode-pricing-heading {
	align-items: center;
}

.page-price .uncode-pricing-entry .uncode-pricing-heading .uncode-pricing-entry-value {
	font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.page-price .uncode-pricing-entry.disabled .uncode-pricing-entry-value {
  display: none;
}

.page-price .uncode-pricing-entry.disabled * {
  opacity: 1 !important;
}

/* contact page */
.footer-testimonials.bottom {
  display: none;
}

.page-contact .main-container > .page-wrapper,
.page-contact .footer-testimonials {
	display: none;
}

.page-contact .footer-testimonials.bottom {
  display: block;
}

.page-contact .footer-form-section {
  margin-top: 36px;
}

/* single service */
.about-doctor-section .uncode_text_column a {
  text-decoration: underline;
}

.step-row.second .row-inner{
  display: flex;
  justify-content: center;
  min-height: 490px;
}

.with-list li:not(:last-child) {
  margin-bottom: 1rem !important; 
}

.section-benefits .icon-box-heading {
  margin-top: 0px !important;
}

.insta-testimonials a {
  pointer-events: none;
  cursor: default;
}

.parent-services .btn-container {
  padding-top: 9px;
}

/* binotel */
#bingc-phone-button.bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
  fill: #0019ce !important;
}

#bingc-phone-button.bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
  fill: #0019ce !important;
}

#bingc-phone-button.bingc-phone-button div.bingc-phone-button-tooltip {
  background: #0019ce !important;
}

#bingc-phone-button.bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
 fill: #0019ce !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay {
  background: #0d0d0d !important;
  border-radius: 1rem;
}

#bingc-passive.bingc-passive div.bingc-passive-background {
  background: rgb(58 58 58 / 70%) !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay a.bingc-passive-close-button svg polygon {
  fill: #FFFFFF !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button,
#bingc-active.bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button {
    background-color: #0019ce !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:hover,
#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:hover.bingc-active {
  background-color: #3e55ff !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour, 
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover, 
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover {
  background: #0019ce !important;
}

#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
#bingc-passive.bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li {
  color: #0019ce !important;
}

#bingc-active.bingc-active {
  background: rgba(58, 58, 58, 0.90) !important
}

a#bingc-powered-by-passive-overlay {
  display: none !important;
}
    
/* extra small laptops */
@media (max-width: 1365px) {

}

/* desktop */
@media (min-width: 960px) {
  .menu-smart > li:not(:last-child) {
    margin-right: 2rem;
  }

  /* fix */
  .menu-smart > li > a,
  .menu-smart > li > a:not(.uncode-vc-social *), .unmenu-block > li > a:not(.uncode-vc-social *) {
    padding: 0;
  }
}

/* tablet */
@media (max-width: 959px) {
	.is_mobile_open .menu-container,
	.page-contact .navbar .menu-container {
		background: #000000;
	}

  ul.menu-smart > li.active {
    margin-bottom: 0.75rem;
  }

  ul.menu-smart > li.active::after {
    height: 0.25rem;
    bottom: 0;
  }

	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a,
  body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a:not(li.font-size-custom > *):not(.uncont .font-size-custom *) {
		font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.5rem) !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	/* page header */
	.row-header .col-md-50 {
  		width: 100%;
  	}

	/* footer */
	.site-footer .vc_row:not(.contact-section) p {
		text-align: left;
	}

  .footer-bottom-section .row,
  .footer-form-section .row,
  .footer-contact-section .row {
    padding-top: 0 !important;
  }

  .footer-contact-section .footer-contacts {
    margin-top: 36px !important;
  }

  .footer-bottom-section .uncode-vc-social {
    text-align: left;
  }

  .footer-map,
  .footer-form-section {
    margin-top: 18px;
  }

	/* home */
  .about-clinic-section .section-subtitle {
    margin-bottom: -36px;
  }

  /* single service */
  .step-row.second .row-inner {
    min-height: auto;
    flex-direction: column;
  }
}

/* mobile */
@media (max-width: 767px) {
	.main-container .row-container .single-h-padding,
	.main-container .row-container .row-header.exa-h-padding,
	.menu-container .logo-container,
	.mobile-menu-button {
    padding-left: 24px !important;
    padding-right: 24px !important;
	}

  /* about clinic */
  .about-clinic-section .section-subtitle {
    margin-bottom: -64px;
  }

  /* team */
  .team-section .section-subtitle,
  .centered-section .section-subtitle {
    margin-bottom: -36px;
  }

  .team-section .single-bottom-padding,
  .why-section .single-bottom-padding,
  .centered-section .single-bottom-padding {
    padding-bottom: 0 !important;
  }

  /* price */
  .page-price .uncode-pricing-entry .uncode-pricing-entry-label {
    line-height: 1.5;
  }

	/* home */
	.service-section .quad-block-padding {
		height: 65vh;
	}

	.service-section .row-parent {
		min-height: 65vh;
	}

	.service-section .heading-text,
	.service-section .uncode_text_column p,
	.page-contact .uncode_text_column p {
		text-align: left;
	}

	.quad-block-padding {
		padding: 54px 24px 54px 24px;
	}

	.main-container .row-container .quad-top-padding {
		padding-top: 54px;
	}

	.main-container .row-container .quad-bottom-padding {
  	padding-bottom: 54px;
  }

	.main-container .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap),
	.text-lead:not(ul):not(ol) > *, .text-lead > *:not(ul):not(ol):not(li),
	.contact-section {
		margin-top: 24px;
	}

	.service-section.service-full .background-inner{
		background-image: none !important;
	}

	.service-mob-img {
		min-height: 100vw;
	}

	.service-subtitle-mob {
		display: flex;
	}

	.last-section .quad-block-padding {
		height: 55vh;
		padding-bottom: 24px;
	}

	/* footer */
  .footer-bottom-section .row {
    padding-bottom: 64px !important;
  }

	.footer-cta .uncont {
		text-align: left !important;
	}

	.footer-cta .uncont .btn {
		transform-origin: left !important;
	}

	.footer-cta .empty-space.empty-half {
		padding-top: 8px;
	}

	/* team */
	.page-our-team .background-inner{
		background-position: 62.5% 0 !important;
	}

	.page-our-team .t-entry-title {
		line-height: 1.5;
	}

	.page-our-team .owl-dots .owl-dot span {
		margin: 0px 5px;
	}

  /* single service */
  .parent-services .btn-container {
    padding-top: 0;
  }

  .parent-services .service-hero-section .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap) {
    margin-top: 24px !important;
  }

  .centered-section .section-subtitle p br {
    display: none;
  }

  .section-benefits .icon-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .section-benefits .icon-box-content {
    padding-left: 0 !important;
  }

  .section-benefits .fa-container{
    margin: 0;
  }

  .section-benefits .icon-box-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 9px;
  }

  .section-benefits .vc_row.single-top-padding,
  .step-row.single-top-padding,
  #gallery-orthodontics.single-top-padding {
    padding-top: 0 !important;
  }

	/* contacts */
  .page-contact .footer-form-section {
    margin-top: 54px;
  }

  .page-contact .main-container .footer-contact-section.row-container .double-bottom-padding {
    padding-bottom: 0;
  }

  .page-contact .main-container .footer-testimonials.bottom.row-container .triple-top-padding {
    padding-top: 72px;
    padding-bottom: 72px;
  }

	.wpcf7-inline-wrapper .wpcf7-inline-field {
		margin: 18px 0px 0px 0px !important;
		display: block;
		padding: 0;
		width: 100%;
	}

	.wpcf7-inline-wrapper .wpcf7-inline-field:first-child {
		margin-top: 0 !important;
	}

	.wpcf7 input,
	.wpcf7 textarea {
		font-size: 14px;
	}

	.wpcf7-form-control-wrap {
		text-align: left;
	}

	.wpcf7-list-item {
		margin-right: 0 !important;
	}

	.wpcf7-acceptance label {
		font-size: 14px !important;
    line-height: 1.5 !important;
	}

	input.wpcf7-form-control.wpcf7-submit.btn {
		font-size: 12px;
	}
}