/*!
Theme Name: PSCHILD
Theme URI: http://www.psicologaintegrativa.com/
Author: Jesus Lopez
Author URI:  http://www.psicologaintegrativa.com/
Description: child theme de eyeInversionesOnline
Version: 1.0.16
License: GNU General Public License v2 or later
License URI:  http://www.psicologaintegrativa.com/
Tested up to: 5.7.2
Requires PHP: 5.6
Text Domain: Eloy
Template:airi
Tags: custom-background, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Airi is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
*,h1,h2{
    font-family: "Raleway"!important;
    box-sizing:none!important;
    color:#22282b;
}
p,ul,ol{
    font-size: 15pt;
}
h1,h2{
    font-size:30pt;
}

.image-header{
    margin-top:100px
}
.top-menu,.top-menu-responsive{
    padding:10px 10px;
    background-color:rgba(255,255,255, 0.8);
}
.top-menu-responsive{
    display:none;
}
.entry-title{
    display:none;
}
.site-header {
    padding:3px 0;
}
#menuToggle
{
  display: none;
  position: relative;
  top:10px;
  left: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle span
{
  display: block;
  width: 43px;
  height: 4px;
  margin-bottom: 5px;
  background: #595959;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
.header-mobile-menu{
    display:none!important;
}
.media-top-responsive{
    display:none;
}
.menu-responsive-modal{
    position:absolute;
    display:none;
    z-index:1;
    width:90%;
    top:100px;
    padding:20px;
    background-color:#fff;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}
.nav-responsive{
    margin-top:42px;
}
.menu-responsive-modal ul a{
    font-size:20px;
    margin:5px;
    font-weight: bold;
    color:#22282b;
    margin-top:10px;
    display: block;
}
.menu-responsive-modal ul{
    list-style:none;
    margin: 0 0px 0px 0px;
    padding-left: 0px;
}
.menu-responsive-modal ul li{
    border-bottom:1px solid #cca352;
    padding-bottom: 10px;
}
.menu-responsive-modal i{
    float:right;
    font-size:30px;
}
.puls_sub_menu{
    float:right;
    font-size:45px;
    color:#bcbcbc;
    cursor:pointer;
    margin-top: -20px;
}
.menu-responsive-modal .close-menu{
    cursor:pointer;
    float:right;
    color:#fff;
    padding:3px 6px;
    font-size:16px;
    font-weight: bold;
    background-color:#cca352;
}
.submenu-responsive{
    background-color:rgba(222, 222, 222,0.3);
    perspective: 1000px;
    padding:15px;
    display:none;
}
.submenu-responsive li{
    border-bottom:1px solid #e1e1e1!important;
}
.submenu-responsive li{
    opacity: 0;
    margin:0px 10px;
}
.entry-content{
    padding: 0px !important;
    margin:0px!important;
}
.dropdown_item-1{
    transform-origin: top center;
    animation: scaleZ 300ms 60ms ease-in-out forwards;
}
.dropdown_item-2{
    transform-origin: top center;
    animation: scaleZ 300ms 120ms ease-in-out forwards;
}
.dropdown_item-3{
    transform-origin: top center;
    animation: scaleZ 300ms 180ms ease-in-out forwards;
}
.dropdown_item-4{
    transform-origin: top center;
    animation: scaleZ 300ms 240ms ease-in-out forwards;
}
.dropdown_item-5{
    transform-origin: top center;
    animation: scaleZ 300ms 300ms ease-in-out forwards;
}
.dropdown_item-6{
    transform-origin: top center;
    animation: scaleZ 300ms 360ms ease-in-out forwards;
}
.dropdown_item-7{
    transform-origin: top center;
    animation: scaleZ 300ms 420ms ease-in-out forwards;
}
.dropdown_item-8{
    transform-origin: top center;
    animation: scaleZ 300ms 480ms ease-in-out forwards;
}
.dropdown_item-9{
    transform-origin: top center;
    animation: scaleZ 300ms 540ms ease-in-out forwards;
}

.dropdown_item-10{
    transform-origin: top center;
    animation: scaleZ 300ms 600ms ease-in-out forwards;
}

@keyframes scaleZ {
    0% {
      opacity: 0;
      transform: scale(0);
    }
    
    80% {
      transform: scale(1.07);
    }
  
    100% {
      opacity: 1;
      transform: scale(1);
    }
}
/* body{
    margin-left:150px;
    margin-right:150px;
} */
.site-title,.site-description,.main-navigation,.header-search-wrapper{
    display: none!important;
}
.menu{
    list-style:none;
    margin-top:20px;
}
.menu li{
    display:inline-block;
    font-size:20pt;
    margin-right:10px;
}
.menu li a{
    color:#22282b;
    text-transform: uppercase; 
}
.menu li a:hover,.current_page_item a{
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #cca352;
    text-underline-offset: 7px;   
}
.icons-header{
    cursor:pointer;
    width:20%;
}
.contact-span{
    color:#58a639
}
.responsive-menu{
    margin-top:-35px;
}
/*
Inicio
*/
.adultos-adolescentes{
    background-color:#cca352;
    margin: 0px !important;
    padding:30px 50px;
    margin-bottom: 15px!important;
}
.adultos-adolescentes-responsive{
    background-color:#cca352;
    margin: 0px !important;
    display:none;
    padding:30px 20px
}
.sintom-responsive{
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.first-div{
    margin:50px 50px;
}
.second-div{
    margin:-40px 310px;
    margin-bottom: 10px;
}
.sintom{
    padding:10px;
}
.sintom-in{
    padding:10px;
    /* display: inline-block;
    width:18%;
    box-sizing: border-box; */
    background-color:#fff;
    /* padding:10px; */
    text-align: center;
}
.sintom-in img{
    width:70%;
    margin:0px auto
}
.sintom-in span{
    display: block;
    text-align:center;
    margin-top: 15px;
    font-size:18px;
}

.p-curriculum{
    padding:0px!important;
    margin-left:10px
}

.site-main {
    padding:0px!important
}
.line-div-left{
    border-left:2px solid #fff;
}
.line-div-right{
    border-right:2px solid #fff;
}
.media-top{
    margin-left:10px
}
.sesion-free{
    background-color:#58a639;
    color:#fff;
    padding:5px;
    display: block;
    margin:30px auto;
    border-radius:28px;
    width:35%;
    font-size:15pt;
    text-align:center;
    padding:4px 25px;
    font-weight:bold;
    position:relative;
    animation: myfirst 1s;
}

@keyframes myfirst {
    0%   {right:-2000px}
    25%  {right:-1500px}
    50%  {right:-1000px}
    75%  {right:-500px}
    100% {right:0px}
}
.image-sintom{
    transition: transform ease 300ms;
}
.image-sintom:hover{
    transform: scale(1.1);
}
.sesion-free:hover{
    color:#fff
}
.site-content {
    padding: 50px 0;
}
.solidarity-morning-responsive{
    display:none;
}
.about-parent{
    margin:20px 150px;
}
.about-img{
    width:100%;
    margin:10px;
}
.about div p,.about div h3{
    padding:15px;
}
.about-button{
    color:#fff;
    display:inline-block;
    background-color: #22282b;
    border:1px solid #22282b;
    border-radius:28px;
    padding:10px 25px;
    font-size:15pt;
    margin-top:30px;
    transition: 0.5s;
}
.about-button:hover{
    background-color:#676869;
    color:#fff;
}
.integrity-title{
    font-size:30pt;
    font-weight:bold;
}
@keyframes appears {
    0%   {opacity:0;}
    100% {opacity:1;}
}
.menu-item-22 .sub-menu,.menu-item-26 .sub-menu,.menu-item-254 .sub-menu{
    position:absolute;
    z-index:1;
    background-color: rgba(238, 238, 238,0.9);
    padding:15px;
    width:240px;
    transition: 0.5s;
    animation: appears 0.5s;
    display:none;
    
}
.menu-item-26,.menu-item-22,.menu-item-254{
    text-decoration:none;
}
.sub-menu li{
    display:block;
    margin:10px;
    font-size:16px;
}
.menu-item-22:hover .sub-menu,.menu-item-26:hover .sub-menu,.menu-item-254:hover .sub-menu{
    display:block;
}
/*

Page sintom

*/

.title-sintom-page{
    border-top:4px solid #cca352;
    border-bottom:4px solid #cca352;
    padding:10px 10px 5px 10px;
}
.title-sintom-page h1{
    margin-top:10px;
    color:#cca352;
}
.img-title-simtom{
    margin-top:-5px;
    width:3%;
}
.content-sintom-page{
    margin:70px 150px;
}

.content-sintom-page h2{
    font-size:30pt;
    text-align:center;
    margin:20px;
}
.box-fixed{
    transition:all.5s ease;
    animation: fadeIn .5s ease, margin-top .5s ease, margin-bottom .5s ease;
}
.top-menu,.top-menu-responsive{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index:1;
}

.top-menu-responsive{
    top:15px;
}
.box-booking{
    background-color: #cca352;
    color:#fff;
    padding:20px;
    display:block;
    margin:0px auto;
    width:60%;
    border-radius:8px;
    -webkit-box-shadow: -1px -1px 19px -3px rgba(0,0,0,0.6); 
    box-shadow: -1px -1px 19px -3px rgba(0,0,0,0.6);
}
.box-booking p{
    color:#fff;
}
.box-contact{
    margin-top:100px;
}
.wpcf7-acceptance{
    display: block;
    margin-right:10px;
    margin-top: 15px;
}
.wpcf7-acceptance input{
    padding:10px;
}
.wpcf7-list-item-label{
    color:#fff;
}
.box-booking h2{
    color:#fff!important;
    font-size:30pt!important;
    
}
.box-in{
    display:block!important;
    width:100%;
    margin:0px auto!important;
}
.bk_calendar_frame{
    width:100%!important;
}
.wpcf7-form-control{
    color:#cca352!important;
}
#booking_form1 button,.wpcf7-submit{
    all: initial;
    all:unset;
    display:block;
    margin:0px auto;
    background-color:#58a639!important;
    border:2px solid #58a639!important;
    color:#fff!important;
    padding:5px;
    border-radius:28px;
    font-size:15pt;
    text-align:center;
    padding:4px 25px;
    font-weight:bold;
    cursor:pointer;
    transition: 0.5s all;
}
.input-xlarge{
    width:100%!important;
    box-sizing: border-box!important;
    color: #cca352!important;
    border: 1px solid #ebebeb!important;
    border-radius: 0!important;
    padding: 25px 20px!important;
    max-width: 100%!important;
}

.input-xlarge::placeholder,.wpcf7-form-control::placeholder{
    color:#cca352
}
.wpcf7-submit{
    margin-top:15px;
}
.form-booking{
    margin-top:15px;
}

#booking_form1 button:hover,.wpcf7-submit:hover,.sesion-free:hover{
    background-color:#2e6e14!important;
    color:#fff!important;
}
/*
    contacto
*/

.content-contact-page{
    margin:0px 150px;
}

.content-contact-page h1{
    color:#cca352
}
.stronger-title{
    font-size:20px;
    font-family: "Raleway-bold"!important;
    margin-top:50px;
}
.button-tel-number{
    background-color:#cca352!important;
    border:2px solid #cca352!important;
    color:#fff!important;
    padding:5px;
    border-radius:28px;
    font-size:20pt;
    text-align:center;
    padding:4px 25px;
    transition: 0.5s all;
}
.button-tel-number span{
    font-family: "Raleway-bold"!important;
    color:#fff!important;
}
/*

footer

*/
.wrap-footer{
    margin:0px 150px;
}

.social-media{
    width:30%;
}
.logo-footer{
    width:30%;
    margin-bottom:20px;
}
.end-footer{
    background-color:#22282b;
    color:#fff;
    font-size:25pt;
    padding:25px;
    margin-top:20px;
}
.footer-info div{
    padding:15px 5px!important;
}
.footer-info p{
    font-size: 23pt;
}
.email-footer,.phone-footer,.city-footer{
    display:block;
}
.stronger{
    font-family: "Raleway-bold"!important;
}
/*
    Responsive
*/

@media only screen and (max-width: 1500px) {
    .image-header{
        margin:0 20px;
    }
    
}

@media only screen and (max-width:1439px) {
    .first-div{
        margin:20px 0px!important;
    }
    .second-div{
        margin:-30px 110px
    }
}
@media only screen and (max-width:992px){
    #menuToggle,.logo-image{
        margin-top:15px;
    }
}
@media only screen and (max-width: 768px) {
    .contact-span{
        font-size:11px;
    }
    .media-top{
        display:none;
    }
    .first-div{
        margin:0px!important;
    }
    .sesion-free{
        width:50%;
    }
    .booking_form_div input[type="text"]{
        width:80%!important;
    }
    .bk_calendar_frame{
        width:110%!important;
    }
    .wpbc_change_over_triangle {
        width: 100%!important;
    }
    .booking_form_div input[type="text"],
    .booking_form_div select,
    .booking_form_div textarea {
        width: 80% !important;
        margin: auto !important;
    }
    .img-title-simtom{
        width:10%;
    }
}
@media only screen and (max-width: 1024px) {
    .top-menu-responsive{
        display:block;
    }
    .top-menu{
        display:none;
    }
    
    .input-xlarge{
        width:100%!important;
    }
    .box-booking{
        width:100%;
        padding:10px;
    }
    .adultos-adolescentes-responsive,.solidarity-morning-responsive,#menuToggle{
        display:block;
    }
    #primary-menu,.solidarity-morning,.adultos-adolescentes{
        display:none;
    }
    .sesion-free{
        width:75%;
        margin-bottom:20px;
    }
    h1,h2{
        font-size: 17pt;
    }
    .wrap-footer,.about-parent{
        margin:0px 20px;
    }
    .first-div img{
        width:100%
    }
    .content-sintom-page,.content-contact-page{
        margin:20px;
    }
    .image-sintom{
        margin-bottom:15px;
    }
}
@media only screen and (max-width: 768px) {
    .media-top-responsive{
        display:inline-block;
        width:15%;
    }
    .social-media {
        width:50%;
    }
    .instrgram-media{
        margin-left: 10px;
    }
    .youtube-media{
        margin-right:10px;
    }
    .div-contact{
        text-align:left!important;
    }
    .box-contact{
        margin-top: 10px;
    }
    .site-content {
        padding:10px 0;
    }
}

@media only screen and (max-width: 600px) {
    .sesion-free{
        font-size:12pt;
        width:100%
    }
}
@media only screen and (max-width: 500px) {
    .footer-info p{
        font-size: 15pt;
    }
    .icons-header{
        width:14%;
    }

}
@media only screen and (max-width: 476px) {
    .footer-info p{
        font-size: 11pt;
    }
    .email-footer{
        font-size:12px;
    }
}

@media only screen and (max-width: 640px) and (min-width: 320px)  {
    #menuToggle{
        left:0px
    }
}

@media only screen and (max-width: 600px) and (min-width: 500px)  {
    .icons-header{
        width:20%;
    }
}