/*
Theme Name:   Goffinec theme
Description:  Tema educación canina
Author:       Marcos Toro Tejedo
Author URL:   https://goffinec.com
Template:     twentytwenty
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Text Domain:  twentytwenty
*/

body{
    background-color: #ffffff;
}

.home hr{
    display: none;
}

.home #headerimg {
    margin-bottom: -4em;
}

section.container {
    max-width: 80vw;
}

/* MENU */
button:focus {
    outline: none;
}

.menu-modal a, .menu-modal a:hover, .menu-modal a:active{
    text-decoration: none !important;
}

.menu-modal-inner.modal-inner a:hover {
    color: #23d6ee;
}

.menu-modal span.toggle-text {
    display: none !important;
}
.toggle-wrapper .toggle-text {
    display: none;
}

.toggle-wrapper.search-toggle-wrapper {
    border: 0 !important;
}

.header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before {
    display: none;
}

.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 5rem !important;
    width: 5rem;
}
/* END MENU */

/* LOGO */
.site-logo img {
    margin: 0 !important;
    padding: 0 !important;
    max-height: 11rem !important;
}

.home .site-logo {
    filter: invert(1) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0 !important;
}

.header-inner {
    padding: 0 !important;
}
/* END LOGO */

.homepage .parallax {
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homepage #titlePage .flex {
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 100vh;
    text-align: center;
    background: #66666690;
    margin: 0;
}

.homepage #titlePage img{
    max-height: 250px;
    width: auto;
    margin: auto;
}


.homepage #titlePage > div.row > div{
    margin-top: -12em;
}


.homepage .flex h1, .homepage .flex span{
    color: #ffffff;
    font-weight: 800;
    margin: 0 auto .5em auto;

}

.homepage .flex h1{
    font-size: 4em;
}

.homepage .flex span{
    font-size: 1.2em;
    letter-spacing: .45em;
    text-transform: uppercase ;
}

.homepage .flex a{
    padding: 1em;
    background-color: #CEE4F0;
    margin: 2em auto;
    color: #000000;
    font-weight: 800;
    display: block;
    width: 20%;
    max-width: 200px;
    transition: .2s;
}

.homepage .flex a:hover{
    background-color: #5f4b8bd;
    color: #fffffff;
    transition: .2s;
}

#homeDesc, #homeDesc .row{
    background-color: transparent !important;
    margin: -16em 0 0 0;
}

#homeDesc .row {
    margin-right: 0;
margin-left: 0;
}

#homeDesc .col-md-6 {
    background-color: #5f4b8b;
    padding: 5em 6em;
}

#homeDesc .left{
    border-right-radius:50%;
    padding: 1vw 8vw 4vw 8vw;
}

#homeDesc .left{
    border-top-right-radius: 12em;
    border-bottom-right-radius: 12em;

}

#homeDesc .right{
    text-align: right;
    padding-right: 4em;
    border-top-left-radius: 12em;
    border-bottom-left-radius: 12em;
    padding: 1vw 8vw 4vw 8vw;

}

#homeDesc h2 {
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 1em;
}

#homeDesc p {
    color:  #ffffff;
    text-align: justify;
    margin-bottom: 1em;
}

#homeDesc a{
    background-color: transparent;
    padding: .25em 1em;
    border: 2px solid  #ffffff;
    color:  #ffffff;
    font-weight: 800;
    transition: .2s;
    text-decoration: none;
    cursor: pointer;    
}

#homeDesc a:hover{
    background-color: #ffffff;
    transition: .2s;
    color: #5f4b8b;
}

/* FOOTER */
.footer-nav-widgets-wrapper, #site-footer {
    background: #583DA6;
    color: #fff;
    border: 0 !important;
}

.footer-nav-widgets-wrapper a, #site-footer a{
    color: #ffffff !important;
    transition: .2s;
}

#site-footer .section-inner {
    max-width: 70vw;
}

.footer-inner.section-inner {
    max-width: 70vw;
}

.footer-nav-widgets-wrapper a:hover, #site-footer a:hover{
    color:#28D6EE !important;
    text-decoration: none;
    transition: .2s;
}
.main .section-inner {
    width: calc(100vw - 3rem) !important;
    max-width: 70vw !important;
}

#site-footer{
    text-align: center;
}

.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
    border: 0;
}

/* END FOOTER */

/* HOME SLOGAN*/
#homeSlogan{
    padding: 5% auto;
    text-align: center;

}

h3.slogan {
    font-size: 4em;
    font-weight: 800;
    background-image: linear-gradient(to right, #553c9a 25%, #23d6ee);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    line-height: .85em;
}

h3.slogan span{
    font-weight: 300;
}
/* END HOME SLOGAN */


/* HOME SKILLS */
#homeSkills{
    color: #555;
    text-align: center;
    padding: 15px 0 0;
}

#homeSkills .service-icon{
    color: #fff;
    background: #5f4b8b;
    font-size: 45px;
    line-height: 103px;
    width: 100px;
    height: 100px;
    margin: 0 auto 65px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
} 
#homeSkills .service-icon:before,
#homeSkills .service-icon:after{
    content: "";
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border: 5px solid #5f4b8b;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
#homeSkills .service-icon:after{
    background-color: #5f4b8b;
    height: 40px;
    width: 35px;
    border-radius: 0;
    border: none;
    transform: translateX(-50%) translateY(0) rotate(0);
    top: calc(100% + 10px);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}


#homeSkills .blue .service-icon,
#homeSkills .blue .service-icon:after{
    background-color: #23d6ee;
}
#homeSkills .blue .service-icon:before{
    border-color: #23d6ee;
    border-left-color: transparent;
    border-top-color: transparent;
}
#homeSkills .blue .title,
#homeSkills .blue .description{ color: #23d6ee; }

#homeSkills .purple .service-icon,
#homeSkills .purple .service-icon:after{
    background-color: #583DA6;
}
#homeSkills .purple .service-icon:before{
    border-color: #583DA6;
    border-left-color: transparent;
    border-top-color: transparent;
}
#homeSkills .purple .title,
#homeSkills .purple .description{ color: #583DA6; }

#homeSkills .green .service-icon,
#homeSkills .green .service-icon:after{
    background-color: #0fcea4;
}
#homeSkills .green .service-icon:before{
    border-color: #0fcea4;
    border-left-color: transparent;
    border-top-color: transparent;
}
#homeSkills .green .title,
#homeSkills .green .description{ color: #0fcea4; }
@media only screen and (max-width: 990px){
    #homeSkills{ margin: 0 0 40px; }
}

#homeSkills .col-md-4 {
    padding: 5%;

}

#homeSkills h5.description {
    margin: .25em auto !important;
}


#homeSkills h4.title {
    margin: 0 auto;
}

#homeSkills h4 {
    color: #42ceeb;
    font-weight: 200;
    font-size: 3.5em;
    text-align: center;
    line-height: .8em;
}

#homeSkills .item {
    padding: 2em;
    margin: 0 !important;

}

.serviceBox h5{
    font-weight: 800;
    text-align: center;
    font-size: 1.7em;
}

.serviceBox p{
    text-align: justify;
    margin: 2em auto;
    color: #666;
    font-size: 1.15em;
}

.serviceBox .title {
    font-size: 4em;

}
/* END HOME SKILLS */

/* SOCIAL */
#social{
    padding: 5%;
    margin: auto;
}

section#social a {
    line-height: 1;
    font-size: 1.7em;
}

#instagram a {
    font-weight: 800;
    background-image: linear-gradient(to right, #7a24bb 25%, #dc913f);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: left;
}

#tiktok a {
    font-weight: 800;
    background-image: linear-gradient(209deg, #03fffa 26.47%, color(display-p3 0.8627 0.1843 0.2863));
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: left;
}

#social img {
    max-height: 40px;
}


/* END SOCIAL */



.pets{
    -webkit-animation: pets 120s linear infinite;
-moz-animation: rotating 120s linear infinite;
-ms-animation: rotating 120s linear infinite;
-o-animation: rotating 120s linear infinite;
animation: rotating 120s linear infinite;
}



/* HOME HEADER */
.home #site-header {
    background-color: transparent;
    margin-bottom: -6em;
}

.header-inner {
    padding: 1em 0;
}

.home section#titlePage {
    padding: 0;
}

.homepage .header-inner.section-inner * {
    color: #ffffff;
}

.menu-modal-inner.modal-inner {
    background-color: #5f4b8b;

}
.menu-modal-inner.modal-inner a {
    color: #fff;
}

.menu-modal-inner.modal-inner li{
    border: none;
}

.menu-top .toggle-text, .menu-top svg{
    color: #ffffff;
}
/* END HOME HEADER */

/* HOME LINKS */
 section#links .the-image img {
    border-radius: 50%;
    margin: auto;
    max-width:400px;
}

 section#links .the-image{
    z-index: 9;
}


 #links .the-content {
    padding: 2em 5em;
    color: #fff;
    margin-top: -200px;
    z-index: 0;
    padding-top: 200px;
}
    
    
 #links .the-content .description{
    text-align: left;
    padding-bottom:2em;
}

 #links {
    text-align: center;
}

#links .the-content .description{
    max-width: 700px;
    margin: auto;
    font-size: 1.3em;
    font-weight:500;
}

#links .the-content .title{
    margin: 2em auto 1em;
    font-weight:800;
    text-align: center;
}


 #links #content-one .the-content{
    background-color: #23d6ee;
}

 #links #content-two .the-content{
    background-color: #0fcea4;
}

 #links{
    padding: 0;
}

.contentBox h3 a{
    text-align:center;
    margin: auto;
}


.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin: 0;
}


#links .the-content a.link {
    font-size: .8em;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    opacity: 0;
    padding: 1em 2em;
    color: #000000;
    text-decoration: none;
    background: #ffffff;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.5s;
    margin: 3em auto;
    text-align: center;
    cursor: pointer;
}

 #links:hover  #content-two .the-content a.link  {
    top: 0;
    opacity: 1;
    color: #0fcea4;
    cursor: pointer;
}

#links:hover  #content-one .the-content a.link  {
    top: 0;
    opacity: 1;
    color: #23d6ee;
    cursor: pointer;
}

/* END HOME LINKS */

/* EDUCATE PLUS */
.page-title-goffin {
    font-size: 5em;
    font-weight: 800;
    background-image: linear-gradient(to right, #553c9a 25%, #23d6ee);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
}

#privados {
    background-color: #f1f1f1 !important;
}

#privados .card {
    position: relative;
    background: #ffffff;
    border-radius: 40px;
    overflow: hidden;
    margin: 1em auto;
    padding: 0;
    border: none;
}

#privados .card::before {
    content: "";
    position: absolute;
    top: -40%;
    width: 100%;
    height: 100%;
    background-color: #0fcea4;
    transform: skewY(-15deg);
    transition: 0.5s;
    margin: 0;

}

#privados .cursos h3{
    font-size: 1.5em;
    margin: .5em auto;

}

#privados .cursos h4{
    margin: .5em auto;
    font-size: 1.25em;
    color: #5f4b8b;
}

#privados .card:hover::before {
    top: -50%;
    transform: skewY(20deg);

}

#privados .card .imgBox {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    z-index: 1;
}

#privados .card .imgBox img {
    max-width: 100%;
    transition: .5s;
    height: auto;
}

#privados .card .contentBox {
    position: relative;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

#privados .card .contentBox h3 a {
    color: #5f4b8b;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

#privados .card .contentBox .view {
    font-size: .8em;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    opacity: 0;
    padding: 1em 2em;
    color: #000000;
    text-decoration: none;
    background: #0fcea4;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.5s;
}

#privados .card:hover .contentBox .view {
    top: 0;
    opacity: 1;
    color: #fff;

}

#privados .curso_image {
    height: 300px;
    width: auto;
}

#privados h4.thematic {
    padding: .25em 1em;
    background-color: #5f4b8b;
    font-size: .9em;
    color: #ffffff;
}
/* END EDUCATE */

/* EDUCATE PLUS */
#publicos .page-title-goffin {
    font-size: 5em;
    font-weight: 800;
    background-image: linear-gradient(to right, #23d6ee 25%, #553c9a);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
}

#publicos {
    background-color: #fff !important;
}

#publicos .card {
    position: relative;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
box-shadow: 0 0 25px #ccc;
    margin: 1em auto;
    padding: 0;
    border: none;
}

#publicos .card::before {
    content: "";
    position: absolute;
    top: -40%;
    width: 100%;
    height: 100%;
    background-color: #23d6ee;
    transform: skewY(-15deg);
    transition: 0.5s;
    margin: 0;

}

#publicos .cursos h3{
    font-size: 1.5em;
    margin: .5em auto;
    color: #5f4b8b !important;
}

#publicos .cursos h4{
    margin: .5em auto;
    font-size: 1.25em;
    color: #5f4b8b;
}

#publicos .card:hover::before {
    top: -50%;
    transform: skewY(20deg);

}

#publicos .card .imgBox {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    z-index: 1;
}

#publicos .card .imgBox img {
    max-width: 100%;
    transition: .5s;
    height: auto;
}

#publicos .card .contentBox {
    position: relative;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

#publicos .card .contentBox h3 a {
    color: #5f4b8b;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

#publicos .card .contentBox .view {
    font-size: .8em;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    opacity: 0;
    padding: 1em 2em;
    color: #000000;
    text-decoration: none;
    background: #23d6ee;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.5s;
}

#publicos .card:hover .contentBox .view {
    top: 0;
    opacity: 1;
    color: #fff;

}

#publicos .curso_image {
    height: 300px;
    width: auto;
}

#publicos h4.thematic {
    padding: .25em 1em;
    background-color: #5f4b8b;
    font-size: .9em;
    color: #ffffff;
}
/* EDUCATE */


/* BIG SCREEN */
@media(min-width: 1920px){
    #homeDesc:before{
        height: 200px;
        background-position: top center;
    }

    #homeDesc:after{
        height: 200px;
        background-position: bottom center;
    }
}
/* END BIG SCREEN */

/* INICIAR SESIÓN */
.um.um-login .um-form label {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #583DA6 !important;
}

.post-inner.thin {
    padding-top: 0 !important;
}

.um-login form {
    min-height: 60vh !important;
    padding: 10% 0 !important;
}

.um-login .um-form .select2-container .select2-choice,
.um-login .um-form .select2-container-multi .select2-choices,
.um-login .um-form .select2-drop,
.um-login .um-form .select2-drop-active,
.um-login .um-form .select2-drop.select2-drop-above,
.um-login .um-form .um .um-form input[type=number],
.um-login .um-form .um .um-form input[type=password],
.um-login .um-form .um .um-form input[type=search],
.um-login .um-form .um .um-form input[type=tel],
.um-login .um-form .um .um-form input[type=text],
.um-login .um-form .um .um-form textarea, .um .upload-progress {
    border: 2px solid #583DA6 !important;
    border-radius: 0 !important;
    color: #583DA6 !important;
    font-weight: 600 !important;
}

.um-login .um-form .um-field-checkbox-option,
.um-login .um-form .um-field-radio-option {
    color: #583DA6 !important;
}

.um-login .um-form .um-field-checkbox-state i,
.um-login .um-form .um-field-radio-state i {
    color: #583DA6 !important;
}

.um-login .um-form .um-half {
    padding: 1em 0 !important;
}

.um-login .um-form .um-half input, .um-half a {
    border-radius: 0 !important;
    box-shadow: none;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.um-login .um-form .um-col-alt-b a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #583DA6 !important;
}

.um-login .um-form .um-col-alt-b a:hover{
    text-decoration: none !important;
    color: black !important;
}

.um-login .um-form .um a.um-button,
.um-login .um-form .um a.um-button.um-disabled:active,
.um-login .um-form .um a.um-button.um-disabled:focus,
.um-login .um-form .um a.um-button.um-disabled:hover,
.um-login .um-form .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
    background: #23d6ee !important;
}

.um-login .um-form .um a.um-button:hover,
.um-login .um-form .um input[type=submit].um-button:hover{
    background: #1db1c5 !important;
}

.um-login .um-form a.um-button:hover {
    box-shadow: none !important;
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    background: #0fcea4 !important;
    color: #ffffff !important;
    box-shadow: none;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}


.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
    background: #0daf8b !important;
    color: #ffffff !important;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.select2-drop, .select2-drop-active,
.select2-drop.select2-drop-above,
.um-login.um .um-form input[type=number],
.um-login .um-form input[type=password],
.um-login .um-forminput[type=search],
.um-login .um-form input[type=tel],
.um-login .um-forminput[type=text],
.um-login .um-form textarea,
.um-login .um-form .upload-progress{
    border: 2px solid #583DA6 !important !important;
}

.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea {
    color: #583DA6 !important;
}


.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.select2-drop, .select2-drop-active,
.select2-drop.select2-drop-above,
.um .um-form input[type=number],
.um .um-form input[type=password],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=text],
.um .um-form textarea,
.um .upload-progress{
    border: 2px solid #583DA6 !important;
}

.um .um-form .um-datepicker.picker__input.picker__input--active, .um .um-form .um-datepicker.picker__input.picker__input--target, .um .um-form input[type=number]:focus, .um .um-form input[type=password]:focus, .um .um-form input[type=search]:focus, .um .um-form input[type=tel]:focus, .um .um-form input[type=text]:focus, .um .um-form textarea:focus{
    border: 2px solid #000 !important;
}
/* END INICIAR SESION */

/* QUIENES SOMOS */
.who #titlePage h1, .contact h1{
    font-size: 5em;
    font-weight: 800;
    background-image: linear-gradient(to right, #23d6ee 25%, #553c9a);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    margin: 0em auto !Important;

}

.who #titlePage span, .contact #titlePage span{
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: .15em;
    background-image: linear-gradient(to right, #23d6ee 25%, #553c9a);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    text-transform: uppercase;
    margin: 0;

}

.who #titlePage, .contact #titlePage {
    min-height: 40vh;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;

}

.who.main-content p {
    padding: 0 2em;
}

.who.main-content #links p{
    padding: 0 0 2em 0;
}

.whoDesc .row {
    max-width: 1140px;
    text-align: justify;
    font-size: 1.2em;
    margin: auto;
}

#whoSlogan {
    padding: 0;
    margin: 0 auto;

}
/* END QUIENES SOMOS */

/* CURSO */
.single-curso .title-page{
    font-size: 5em;
font-weight: 800;
background-image: linear-gradient(to right, #212121 25%, #583DA6);
color: transparent;
background-clip: text;
-webkit-background-clip: text;
text-align: center;
}

.single-curso .row.flex.black {
    background: black;
    padding: 3em 0 0 0;
    color: white;
    margin: 0 !important;

}
.single-curso iframe{
    margin-bottom: 2em;
}

.single-curso .description p {
    font-size: 1.2em;
    font-weight: 500;
    padding: 0;
    text-align: justify;

}

.single-curso #titlePage {
    padding: 2em 0 0 0;
}

#thevideo {
    padding: 0;
}
/* END CURSO */


/* USUARIO */
.entry-content {
    font-family:'Monsterrat', sans-serif;        
}

.um-login.um-logout{
    max-width: 940px !important;
}

.um-login .um-misc-ul a {
    font-size: 1.2em;
    text-decoration: none;
}

.um-login .um-misc-ul li {
    list-style: none;

}

/* END USUARIO */

.privacy-policy  .entry-content,  .privacy-policy .entry-content p, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1140px !important;
    width: 100% !important;
    margin: auto;
    text-align: justify;

}

.privacy-policy h1, .privacy-policy h2{
    padding-top: 2em;
}

.privacy-policy h3{
    padding-top: .5em;
}

/* CONTACTO */
#contactDatos .item a {
    text-decoration: none;
    padding: 1em 0;
    font-size: 1.5em;
    font-weight: 800;
    background-image: linear-gradient(to right, #5f4b8b 25%, #111);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    margin: 0em auto !Important;
}

#contactDatos .item a:hover{
    transition: .2s;
    background-image: linear-gradient(to right, #5f4b8b 95%, #111);
    transition: .2s;
}

.col-12.col-md-12.item {
    padding: 1em 0 0 0;

}

.contact form {
    padding-top: 2em;

}

.contact form input, .contact form textarea {
	border: 3px solid #5f4b8b;
    color: #5f4b8b;
    font-weight: 700;
    background-color: #f1f1f1
}

.contact form input[type="submit"]{
    background-color: #111;
    border-color: #111;
    color: #f1f1f1;
    text-decoration: none;
    cursor: pointer;
    transition: .2s;
    margin-bottom: 1em;
}

.contact form input[type="submit"]:hover{
background:linear-gradient(to right, #5f4b8b 55%, #111);
    transition: .2s;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item span{
    font-weight: 600;
}

.wpcf7-not-valid-tip {
    padding: .5em 0;
    font-size: 15px;
    font-weight: 600;
}
.contact main .container form {
    max-width: 800px;
    margin: auto;
}

#contactDatos .datos a{
    text-align: center;
}

.col-12.col-md-12.item.datos {
    text-align: center;

}

#homeDesc:before {
    content: " ";
    background-image: url("/wp-content/uploads/2024/03/pataup.png");
    background-size: 100px;
    height: 100px;
    max-width: 100px;
    position: relative;
    display: block;
    margin: auto auto -9% auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;

}

#homeDesc:after {
    content: " ";
    background-image: url("/wp-content/uploads/2024/03/patadown.png");
    background-size: 100px;
    height: 100px;
        max-width: 100px;

    width: auto;
    position: relative;
    display: block;
    margin: -9% auto auto auto;
    background-repeat: no-repeat;
    background-position: center;
        z-index: 0;

}

@media (max-width:600px){
    .homepage .parallax {
    margin: 0 auto;
    background-position: 50% 75%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
     .homepage .parallax {
    margin: 0 auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 50vh !Important;
    background-image: none !important;
    }
    .homepage #titlePage .flex{
        min-height: 50vh;
    }


    .homepage #titlePage > div.row > div {
        margin: 4em auto;
        padding: 4em 1em;
    }

    .homepage #titlePage > div.row > div img {
        max-height: 150px;
    }

    #homeDesc, #homeDesc .row {
        margin: -1em auto;
        padding: 0;
        background: #5f4b8b;
    }

    #homeDesc:before, #homeDesc:after {
        display: none;
    }

    #homeDesc .left, #homeDesc .right {
        padding: 2em 2em;
        border-radius: 0em;
        margin: 0;
        border: 0px solid #5f4b8b;
    }

    h3.slogan {
        font-size: 2.5em;
    }

    #homeSlogan {
        padding: 2em;
    }

    #homeSkills {
        width: 100%;
        margin: 3em auto 2em auto;
    }

    #social {
        padding: 5% 5%;
    }

    section#social #tiktok, section#social #instagram {
        padding: 2em 0;
    }

    section#links .the-image img {
        max-width: 90%;
    }

    #links .the-content .description {
        max-width: 100% !important;
    }

    #links .the-content {
        padding: 11em 3em 3em 3em;
    }

    .who #titlePage h1, .contact h1 {
    font-size: 2.5em;
}

.who #titlePage span, .contact #titlePage span {
    font-size: 1.2em;
}

.who #titlePage, .contact #titlePage {
    min-height: 20vh;
}

.page-title-goffin {
    font-size: 3em;
}

#publicos .page-title-goffin {
    font-size: 3em;
}
button.toggle.nav-toggle.mobile-nav-toggle {
    padding: 0;
}

header span.toggle-text {
    display: none;
}

.nav-toggle span.toggle-inner {margin-top: -2.5em;}
section#contactDatos {
    padding: 5rem 4rem;
}

.post-inner.thin {
    padding: 1em;
}

    div#content-two, div#content-one {
    width: 100%;
    margin: 2em auto auto auto;
}

.homepage #titlePage .flex {
    background: linear-gradient(0deg, #5f4b8b 25%, rgba(35,214,238,1) 100%) !important;) !important;) !important;
    margin: 0;
}

.homepage #titlePage img{

    display: none;
}

}