/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
.header-mobile section.is-stuck {
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.element_main_prod,
.element_acc_prod {
  border-radius: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 0px 0px 0px;
}

.element_main_prod img{
	max-height: 500px;
    width: auto;
	padding: 16px;
}

.element_acc_prod img{
	max-height: 300px;
    width: auto;
    padding: 16px;
}

.element_acc_prod .elementor-container{
	justify-content: space-between;
    height: 100%;
}

.element_main_prod:nth-child(even)>div {
  flex-direction: row-reverse;
}

.element_main_prod-text>div {
  align-content: space-around;
}

.element_acc_prod-text>div {
  row-gap: 16px;
}

.element_acc_prod {
  flex: 0 0 calc(25% - 16px * 3 / 4) !important;
}

.elementor-corso-container {
  --display: flex !important;
  --flex-direction: row !important;
  --container-widget-width: initial !important;
  --container-widget-height: 100% !important;
  --container-widget-flex-grow: 1 !important;
  --container-widget-align-self: stretch !important;
  --flex-wrap-mobile: wrap !important;
  --background-transition: 0.3s !important;
}

.elementor-corso-column-text {
  --display: flex !important;
  --background-transition: 0.3s !important;
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
  --margin-right: 0px !important;
}

.elementor-academy-container {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 20px !important;
  padding-top: 20px !important;
  --display: grid !important;
  --e-con-grid-template-columns: repeat(3, 1fr) !important;
  --e-con-grid-template-rows: repeat(2, 1fr) !important;
  --grid-auto-flow: row !important;
  --background-transition: 0.3s !important;
}

.elementor-academy-card {
  --display: flex !important;
  --background-transition: 0.3s !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.elementor-download-card {
  --display: flex !important;
  flex-direction: row !important;
}

.elementor-download-card .ot-heading {
  text-align: start;
  width: 50%;
}

.elementor-download-card a {
  width: 50%;
}

.color-1a1a1a {
  color: #1a1a1a !important;
}

.elementor-download-card img {
  height: 250px !important;
  object-fit: contain;
  object-position: center;
}

.elementor-download-card p {
  min-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bg-accademy-image {
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.elementor-swiper-download-prev {
  left: -20px !important;
}

.elementor-swiper-download-next {
  right: -20px !important;
}

.elementor-swiper-download-prev svg,
.elementor-swiper-download-next svg {
  fill: currentColor !important;
}

#not-slider-1234567890 .elementor-image-carousel {
  flex-wrap: wrap;
}

#not-slider-1234567890,
#slider-1234567890 {
  padding-top: 30px;
}

.iconLink {
  display: flex;
  width: 100% !important;
}

@media screen and (max-width: 1024px) {
  .element_acc_prod {
    flex: 0 0 calc(33.3333% - 16px * 2 / 3) !important;
  }
}

@media screen and (max-width: 768px) {
  .element_acc_prod {
    flex: 0 0 calc(50% - 16px * 1 / 2) !important;
  }

  .elementor-academy-container {
    --e-con-grid-template-columns: repeat(1, 1fr) !important;
    --grid-auto-flow: row !important;
  }

  .elementor-download-card .ot-heading {
    width: 100%;
  }

  .elementor-download-card a {
    width: 100%;
  }

  #not-slider-1234567890 .elementor-image-carousel {
    flex-direction: column;
  }

  #not-slider-1234567890 .swiper-slide {
    max-width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .element_acc_prod {
    flex: 0 0 calc(100%) !important;
  }
.wpcf7-form tr{
	display: flex;
    flex-direction: column;
    width: 100%;
}
}

.mainMenuSite #primary-menu>li:last-child a {
  background: red;
  color: white !important;
  height: auto;
  padding: 5px 20px;
  border-radius: 5px;
}

.btn-block .octf-btn, .ot-button .octf-btn.octf-btn-dark{
	background-color: #ff0000;
	border-radius: 5px;
	border-color: #ff0000!important;
}
.btn-block .octf-btn:hover, .ot-button .octf-btn.octf-btn-dark:hover{
	color: #ffffff;
}

.elementor-3599 .elementor-widget-container{
	box-shadow: unset!important;
}
#mmenu-toggle button {
	background-color: rgba(255,255,255,0);
}

.messaggio-alert{
	position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}