/*
Theme Name: ZenWeb Custom Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
ul.commentlist li:nth-child(n+6) {
    display: none;
}


/* Buton */
.btn {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  font-weight: 700;
  font-size: 15px;
  background-color: transparent;
  margin: 0 auto;
}
.btn span {
  position: relative; 
  z-index: 1;
}
 .btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #FFD700;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
.btn-esx a{
	min-width:250px !important;
}
.sectiune-butoane-mobile a.elementor-button.elementor-button-link.elementor-size-sm {
	max-width:320px !important;
}
.package {
	min-height: 600px !important;
}
.package:hover .btn:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
	transform: translateX(-12%) translateY(-33%) rotate(10deg);
}
.package:hover span.elementor-button-content-wrapper {
	color: #000000;
	 -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* Formulat Admitere */
label.wpforms-field-label-inline {
    pointer-events: none;
}
div.wpforms-container-full input {
	background-color: transparent !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner {
	background-color: transparent !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single {
    background-color: transparent !important;
}
span.wpforms-icon-choices-label {
    font-weight: bold;
    font-size: 24px !important;
}
div.wpforms-container-full textarea {
	background-color: transparent !important;
}
button#wpforms-submit-2541 {
	box-shadow:none !important;
	font-size:14px !important;
	font-weight:700 !important;
	font-family: Montserrat !important;
	letter-spacing: 0 !important;
	padding: 18px 50px 20px 50px;
}
button#wpforms-submit-2541:hover {
	background-color: #000000 !important;
    color: #F8FBF8 !important;
}


/* Formular Contact */
button#wpforms-submit-369 {
	background-color: #FFD700 !important;
    color: #252525 !important;
	box-shadow:none !important;
	font-size:14px !important;
	font-weight:700 !important;
	font-family: Montserrat !important;
	letter-spacing: 0 !important;
	padding: 18px 50px 20px 50px;
}
button#wpforms-submit-369:hover {
	background-color: #000000 !important;
    color: #F8FBF8 !important;
}
.wpforms-container .wpforms-submit-container {
    display: flex;
    justify-content: center;
}
div.wpforms-container-full textarea:focus {
    border: 1px solid #FFD700 !important;
    box-shadow: 0 0 0 1px #FFD700,0px 1px 2px rgba(0,0,0,0.15) !important;
    outline: none;
}

div.wpforms-container-full input[type=text]:focus {
    border: 1px solid  #FFD700 !important;
    box-shadow: 0 0 0 1px  #FFD700 ,0px 1px 2px rgba(0,0,0,0.15) !important;
    outline: none;
}
div.wpforms-container-full input[type=email]:focus {
    border: 1px solid  #FFD700 !important;
    box-shadow: 0 0 0 1px  #FFD700 ,0px 1px 2px rgba(0,0,0,0.15) !important;
    outline: none;
}
div.wpforms-container-full select:focus {
    border: 1px solid  #FFD700 !important;
    box-shadow: 0 0 0 1px  #FFD700 ,0px 1px 2px rgba(0,0,0,0.15) !important;
    outline: none;
}
.col-programe:hover h3.elementor-heading-title.elementor-size-default {
	color: #000000 !important;
} 
.col-programe:hover span.elementor-button-content-wrapper {
	color: #000000 !important;
}
.col-programe:hover h6.elementor-heading-title.elementor-size-default{
	color: #000000 !important;
}

/* Image size */
.section-image {
	height: 400px !important;
	min-width:400px !important;
}
.section-online-coaching-image {
	min-height: 300px !important;
}
.section-image-despre {
	height: 550px !important;
}


/* Link effects */
.link3  {
    color: #343139;
    text-decoration: none;
		border-bottom: .125em solid #ffd700;
		box-shadow: inset 0 -0.125em 0 #ffd700;
		transition: box-shadow 270ms cubic-bezier(0.77, 0, 0.175, 1), color 270ms cubic-bezier(0.77, 0, 0.175, 1);
}
.link3:hover {
    box-shadow: inset 0 -1.125em 0 #ffd700;
    color: #000;
}
.link3:focus {
    background: #fff;
    outline: none;
    background: #ffd700;
    color: #fff;
    box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.2);
}
.elementor-image-carousel-caption {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.contact-details {
	width: 450px !important;
}

/* Flip cards */
 .card-container div.elementor-widget-container {
	display:flex;
	justify-content: center;
}
 .card-container-left div.elementor-widget-container {
	display:flex;
	justify-content: end;
	 padding: 0 2rem;
}
 .card-container-right div.elementor-widget-container {
	display:flex;
	justify-content: start;
	 padding: 0 2rem;
}
.flip-card {
  background-color: transparent;
  width: 200px;
  height: 200px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	-o-transition: transform 0.6s;
	-moz-transition: transform 0.6s;
  transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	border-radius: 25px;
}
.flip-card:focus {
    outline: 0;
}
.flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  backface-visibility: hidden;
}
.flip-card-front p,
.flip-card-back p {
  margin:0px !important;
}
.flip-card-back p {
	font-size: 1.5em !important;
	line-height:32px
}
.flip-card-back p span {
	font-size: 40px;
}

.flip-card-front {
  background: black;
  color: #f8f8f8 !important;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card-back {
  background: #ffd700;
  color: #000000 !important;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card p {
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  text-decoration:uppercase;
}

/* Discount bubble */
span.discunt-bubble {
    background-color: #ffd700;
    border-radius: 20px;
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
}

/* 404 page */
.searchform input#ocean-search-form-1 {
    display: none;
}

add_filter( 'woocommerce_widget_cart_is_hidden', '__return_true' );

/* Media query for mobile devices (e.g., screens up to 768px wide) */
@media (max-width: 767px) {
    .section-online-coaching-image {
        min-height: 100px !important; /* Override the min-height for mobile */
    }
	
	.flip-card p {
  		font-size: 15px;
}
	.flip-card {
		width: 130px;
		height: 130px;
}
}

/* Media query for tablet devices (e.g., screens from 769px to 1024px wide) */
@media (min-width: 769px) and (max-width: 1024px) {
    .section-online-coaching-image {
        min-height: 150px !important; /* Override the min-height for tablet */
    }
}