/*
Theme Name: PowerPsicologia Theme
Author: Marketeados.cl
Author URI: https://marketeados.cl
Theme URI: https://marketeados.cl
Tags: full-site-editing, block-patterns
Text Domain: powerpsicologia-theme
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.overcontent{
margin-bottom: -162px;
z-index: 99;
position: relative;
}
input[type="text"], input[type="tel"], input[type="email"], textarea {
    border-radius: 5px;
    border: 2px solid #3A519E;
    padding-left: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    outline: 0;
    font-size: 16px;
    font-family: 'Open Sans';
    width: 100%;
    max-width: 850px;
    margin-bottom: 15px;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
	border-color:#ECAB4E;
}
.d-flex, .d-flex-md {
    display: flex;
}
form .d-flex p{
		display:flex;
		gap:30px;
	}
form p{
	margin:0;
	text-align:center;
	
}
form .wpcf7-spinner{
	display:block;
}
form input[type="submit"]{
	min-width:200px;
	border-radius:40px;
}
footer{
	margin:0;
}
.wp-block-navigation__responsive-container-content ul li ul li a:hover{
	background:#ECAB4E;
}
.flip-card {
  background-color: transparent;
  height: 300px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
	margin:0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  align-content: center;
}

.flip-card-front {
/*   background-color: white; */
  color: black;
}

.flip-card-back {
  background-color: #fafafa;
  color: black;
  transform: rotateY(180deg);
}
footer .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
	background:#3a50a0;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
	.wp-block-navigation__responsive-container-close{
		top:40px;
	}
	header nav.has-primary-color{
		color:#fff !important;
	}
	header .has-white-background-color nav.has-primary-color{
			color:#3a50a0 !important;
	}
    .d-flex-md {
        display: block;
    }
	form .d-flex p{
		display:block;
		gap:0px;
	}
	.box-blue{
		margin-top:0 !important;
	}
}