/*

    Theme Name: Stay Healthy 2022

    Theme URI: https://stayhealthyaulavirtual.es

    Description: Theme del proyecto de Fundación Quirónsalud

    Version: 1.0

    Author: doscerebros

    Author URI: https://doscerebros.com;

    

    License: MIT

    License URI: http://opensource.org/licenses/mit-license.php

*/

/*------------------------------------*\

    NORMALIZE

\*------------------------------------*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/*------------------------------------*\

    FONTS

\*------------------------------------*/

@font-face {

    font-family: 'montserratbold';

    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('fonts/montserrat-bold-webfont.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'montserratregular';

    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('fonts/montserrat-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    /*-webkit-font-smoothing:antialiased;

    font-smoothing:antialiased;

    text-rendering:optimizeLegibility;*/

}

/* html element 62.5% font-size for REM use */

html {

    font-size:62.5%;

}

body {

    font-family: 'Open Sans', sans-serif;

    color: #2D1E13;

    font-size: 16px;

    font-weight: normal;

    letter-spacing: 0.75px;

    background-color: #F8FBFA;

}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

    max-width:100%;

    vertical-align:middle;

}

article img {

    width: 100%;

    height: auto;

    margin: 0 auto 20px auto;

}

a {

/*    color: #2D1E13;*/

    color: #066C67;

    text-decoration:none;

    font-weight: bold;

    transition: all .5s;

}

a:hover {

    color:#00B2A9;

    text-decoration: none;

}

a:focus {

    outline:0;

}

a:hover,

a:active {

    outline:0;

}

input:focus {

    outline:0;

    border:1px solid #04A4CC;

}

button {

    transition: all .5s;

}

.entrada-contenido a

{

/*    color: #04a4cc;*/

}



.wp-block-buttons

{

    text-align: center;

}



.wp-block-button.red-button a,

a.wp-block-button__link {

    display: inline-block;

    border-radius: 0!important;

    background-color: #00B2A9;

    border: 1px solid #00B2A9;

    color: #2D1E13;

    font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 24px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding: 14px 21px;

    margin: 20px 0 0;

}



.wp-block-button.red-button a:hover,

a.wp-block-button__link:hover {

    color: #FFFFFF;

}



#cookie-law-info-bar {

     z-index: 999999 !important;

}



.primary-btn {

    display: inline-block;

    background: #00B2A9;

    border: 1px solid #00B2A9;

    color: #2D1E13;

    font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 24px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding: 14px 21px;

    margin: 20px 0 0;



}

.primary-btn:hover {

    color: #FFFFFF;

}



.secondary-btn {

    display: inline-block;

    border: 1px solid #00B2A9;

    background-color: none;

    color: #2D1E13;

    font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 24px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding: 14px 21px;

    margin: 20px 0 0;

}



.secondary-btn:hover {

    text-decoration: none;

    color: #E03E52;

}



/*------------------------------------------------------*\

    TYPOGRAPHY

\*------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

    font-family: 'montserratbold', sans-serif;

    letter-spacing: 5px;

    margin: 0;

    padding: 0;

    color: #2D1E13;

    text-transform: uppercase;

}

h1 {

    font-size: 24px;

}

h2 {

    font-size: 20px;

}

h3 {

    font-size: 18px;

}

h3 {

    font-size: 16px;

}





span.resaltado {

    background-color: #9CF0EC;

}



@media only screen and (min-width:990px) {

    h1 {

        font-size: 40px;

    }

    h2 {

        font-size: 32px;

    }

    h3 {

        font-size: 24px;

    }

    h4 {

        font-size: 18px;

    }

}

/*--------------------------------------------------------------------------------*\

    STRUCTURE

\*--------------------------------------------------------------------------------*/



/* wrapper */

.wrapper {

    display: block;

    max-width: 1440px;

    width: 100%;

    margin: 0 auto;

    top: 0;

    padding: 0;

    position: relative;
    

}



.hero-section {

    display: flex;

    align-items: center;

    width: 100%;

    height: 450px;

    background-repeat: no-repeat;

    background-size: cover; 

    background-position: center center; 

    background-color: #f5f5f5;

}

  

.seccion {

    display: block;

    padding-top: 72px;

}

hr {

    margin: 40px 0;

}

#breadcrum {

    font-size: 13px;

    font-weight: 700;

    line-height: 22px;

    color: #2D1E13;

}

#breadcrum a {

    text-decoration: underline;

}

.modal {

    overflow-y: scroll;

}

/*------------------------------------------------------*\

    LOGIN

\*------------------------------------------------------*/

#login-layer {

    display: block;

    width: 100%;

    height: 100%;

    position: fixed;

    background-color: #FFF;

    color: #4B4F54;

    z-index: 999;

}

#login-layer .login-bloque {

    margin: 0 auto;

    text-align: center;

}

#login-layer .login-logo {

    display: block;

    margin: 0 auto 20px auto;

}

#login-layer .login-logo-q {

    display: block;

    margin: 0 auto 20px auto;

    width: 150px;

    height: auto;

}

#login-layer input.login-input ,

.sth_submit_button {

    border: 1px solid #4B4F54;

    padding: 10px;

    margin: 0 auto 20px auto;

}

#login-layer button.login-submit,

.sth_submit_button {

    display: block;

    padding: 14px 21px;

    margin: 10px auto;

    background: #E03E52;

    color: #fff;

    border: none;

    font-family: 'montserratbold', sans-serif;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 2px;

}



/*------------------------------------------------------*\

    ULTIMATE MEMBER

\*------------------------------------------------------*/



.um-field-label

{

  vertical-align: top;

}



.um-form label.error

{

    color:  red;

}



@media only screen and (min-width:500px) {

    .um-field-area label,

    .um-field-label label

    {

        display: block;

        width: 100% !important;

    }

}



.um-form .um-field-label

{

    display: inline-block !important;

    padding-right: 4px !important;

    width: 33% !important;

    text-align: left !important;

    font-weight: bold !important;

}



.um-form .um-field-radio .um-field-label

{

    display: block !important;

    width: 100% !important;

    padding-right: 0 !important;

}



.um-form .um-field-area

{

    display: inline-block !important;

    width: 66% !important;

}



.um-form .um-field-radio .um-field-area

{

    padding-left: 20px;

}



.um-form .um-field-type_terms_conditions .um-field-area

{

    width: 100% !important;

}



/*profile view*/

.um-profile-body .um-field-label{width: 52% !important;}

.um-profile-body .um-field-area{width: 45% !important;}



.um .um-form input[type="text"], .um .um-form input[type="search"], .um .um-form input[type="tel"], .um .um-form input[type="number"], 

.um .um-form input[type="password"], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, 

.select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above,

.sth-form-field-wrapper input[type="text"],

.sth-form-field-wrapper input[type="number"]

{

    padding: 8px 4px;

    border: 1px solid #dddddd !important;

    color: #7b7e82 !important;

    border-radius: 0 !important;

}



.sth-form-field-wrapper input[type="checkbox"]

{

    margin-right: 5px;

}



.um-form .um-button

{

    text-transform: uppercase !important;

    font-weight: bold !important;

    border-radius: 0 !important;

}



.um-misc-with-img,

.um-misc-img,

.um-form .um-misc-with-img,

.um-account-heading,

.um-account-nav,

.um-account-side,

.um-account-meta-img,

.um-profile-photo

{

    display: none !important;

}



.um-account-main

{

    margin: 0 auto !important;

    float: none !important;

}



.um-account-tab.um-account-tab-general .um-left

{

    float: none !important;

    margin: 0 auto !important;

}



.um-account-main input[type=submit]

{

    max-width: 300px !important;

    margin: 0 auto !important;

}



.um-form .um-button.um-alt

{

    border: 1px solid #00b2a9 !important;

    border-radius: 0 !important;

    background-color: transparent !important;

    color: #00b2a9 !important;

}



.um-postmessage,

.sth-alert-message

{

    font-weight: bold;

    font-size: 1.3em;

    text-transform: uppercase;

    text-align: center;

    color: #2d1e13;

}



.sth-form-label-wrapper

{

    margin-top: 15px;

}



.sth-form-field-wrapper

{

    margin-bottom: 15px;

}



.sth-form-label-wrapper label

{

    font-weight: bold;

    color: #4b4f5e;

}



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

.um-login .um-misc-ul li a{width: 100%;}



/* password reset */

#um_field_um_password_id_username_b .um-field-area{width: 100% !important;}





/*--------------------------------------------------------------------------------*\

    NEW HEADER

\*--------------------------------------------------------------------------------*/



.desktop-header {

    display: none;

    position: fixed;

    height: 72px;

    background-color: #FFFFFF;

    width: 100%;

    z-index: 99999;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);

}

/* logo */

.desktop-header .logo {

}

.desktop-header .logo-img {

    width: 250px;

    padding-top: 16px;

}



/* nav */

.desktop-header .main-nav {

    height: 72px;

    padding-top: 21px;

}

.desktop-header .main-nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.desktop-header .main-nav ul li {

    display: inline;



}

.desktop-header .main-nav ul li a {

    /*background: #F4F4F4;*/

    color:#007971;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.75px;

    padding: 24px 24px;

    border-bottom: 5px solid #FFFFFF;

}

.desktop-header .main-nav ul li a:hover {

    color:#2D1E13;

    text-decoration: none;

    border-bottom: 5px solid #F53240;

}

.desktop-header .main-nav ul li.current-menu-item a {

    color:#2D1E13;

    text-decoration: none;

    border-bottom: 5px solid #F53240;

}



/* desktop-searchform */

.desktop-searchform {

    width: 205px;

    position: relative;

    display: inline-block;

}

.desktop-searchform .search {

    padding: 16px 0 0 0;

}

.desktop-searchform .search .search-input {

    background-color: #F8FBFA;

    width: 170px;

    height: 24px;

    border-radius: 20px;

    border: 0;

    margin: 0;

    padding: 8px 16px;

    font-size: 13px;

}

.desktop-searchform .search-submit {

    position: absolute;

    right: 0px;

    width: 40px;

    height: 40px;

    border: none;

    border-radius: 50%;

    background-color: #FFFFFF;

}

.desktop-searchform .search-submit:hover {

    background-color: #D4FFFC;

}



/* desktop-login-register */

.desktop-login-register {

    display: inline-block;

    font-size: 13px;

}



.desktop-login-register .desktop-login {

    padding: 8px 8px;

    color: #2D1E13;

}

.desktop-login-register .desktop-login:hover {

    color: #00B2A9;

}

.desktop-login-register .desktop-registro {

    padding: 8px 16px;

    background-color: #00B2A9;

    color: #2D1E13;

}

.desktop-login-register .desktop-registro:hover {

    background-color: #FFFFFF;

}



@media only screen and (min-width:1420px) {

    .desktop-header {

        display: block;

    }

}



/*----------------------------------------------------------------*\

    MOBILE HEADER

\*----------------------------------------------------------------*/



.mobile-header {

    display: block;

    top:0;

    padding: 0;

    position: fixed;

    max-width: 1440px;

    margin: 0 auto;

    padding: 14px;  

    z-index: 999999;

    background-color: #FFFFFF;  

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);

}

/* logo */

.mobile-header .logo {

}

.mobile-header .logo-img {

    width: 250px;

    padding-top: 0px;

}

.menu-open-btn img {

    position: absolute;

    width: 40px;

    height: 40px;

    right: 0px;

    cursor: pointer;

}

.menu-open-btn img.menu-close {

    display: none;

    /*left: 18px !important;

    top: 3px;*/

}



/* logo */

.mobile-header .logo {

    width: 171px;

    height: 38px;

}

/* nav */

.mobile-main-nav {

    display: none;

    text-align: center;

    background: #FFFFFF;

    z-index: 9;

    top: 0;

    position: fixed;

    max-width: 1440px;

    margin: 66px auto 0 auto;

    padding-bottom: 32px;

}

.mobile-main-nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.mobile-main-nav ul li {

    border-bottom: 2px solid #F8FBFA;

}

.mobile-main-nav ul li a {

    display: block;

    background: #FFFFFF;

    color:#007971;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.75px;

    padding: 16px;



}

.mobile-main-nav ul li a:hover {

    color:#2D1E13;

    text-decoration: none;

}



.mobile-main-nav .desktop-login-register {

    margin: 24px auto;

}





@media only screen and (min-width:1420px) {

    .mobile-header {

        display: none;

        padding: 20px 0 10px 0;

    }

    nav.mobile-main-nav {

        display: none;

    }

}



/*-----------------------------------------------------------------------------------*\

    FOOTER / CONTACT FORM 7

\*-----------------------------------------------------------------------------------*/



.footer-linea-img {

    display: block;

    width: 111px;

    height: auto;

    margin: 20px auto;

    margin-bottom: 15px;

}



/* footer */

.footer {

    background-color: #474A51;

    color: #FFFFFF;

    font-size: 15px;

}



.footer a {

    color: #9CF0EC;

    font-weight: 700;

    text-decoration: underline;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.footer a:hover {

    color: #FFFFFF;

}



.footer-izq {

    text-align: center;

}



.footer-der {

    text-align: center;

}



.footer-accesos-directos {

    padding-top: 20px;

    padding-bottom: 20px;

}



.footer-quiron {

    padding-top: 60px;

    padding-bottom: 60px;

}

.footer-quiron-logo {

    min-width: 206px;

}



.footer-quiron-descripcion {

/*    display: inline-block;*/

}



.footer-quiron-datos-linea {

    margin: 0 0 24px 0;

}



a.footer-btn-telefono {

    margin: 10px 0 30px;;

    font-family: 'montserratbold', sans-serif;

    font-size: 24px;

    letter-spacing: 4px;

    color: #FFFFFF;

    text-decoration: none;

}



a.footer-btn-telefono:hover {

    color: #9CF0EC;

}



a.footer-btn-email {

    text-transform: none;

}



.footer-legales  {

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #4C4F54;

}



@media only screen and (min-width:768px) {

    .footer-izq {

        text-align: left;

    }



    .footer-der {

        text-align: right;

    }

}





/*------------------------------------------------*\

    FORMULARIO DE CONTACTO / CONTACT FORM 7

\*------------------------------------------------*/



.formulario-contacto {

    background-color: #F1F1F1;

    padding-top: 64px;

    padding-bottom: 64px;

}



.formulario-contacto .col-md-8 {

    background-color: #fff;

    border-radius: 6px;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);   

    flex: none;

    flex-grow: 0; 

    gap: 32px;

    order: 1;

    padding: 32px 32px 0px;

}



.formulario-contacto .campos-formulario {

    border: 2px solid #E1E0DF;

    border-radius: 4px;

    margin-bottom: 30px;

    padding: 6px 20px;

} 



.formulario-contacto a {

    color: #00b2a9;

}

.formulario-contacto a:hover {

    color: #2D1E13;

}



.formulario-contacto a.telefono {

    font-family: 'montserratbold', sans-serif;

    font-size: 20px;

    letter-spacing: 4px;

    text-decoration: none;

    color: #2D1E13;

}

.formulario-contacto a.telefono:hover {

    color: #00b2a9;

}



.formulario-contacto .formulario-col {

    padding: 32px;

    background-color: #FFFFFF;

}



.wpcf-row {

    margin: 10px auto;

    text-align: center;

}



.wpcf-row-inner {

    display: inline-block;

    text-align: center;

    margin: 0 auto;

}



.formulario-contacto .wpcf-row-inner p, .formulario-contacto .col-md-12 p {

    margin-bottom: 0.5rem;

}



.wpcf7-form .wpcf-row label,.wpcf7-form label {

    display: inline-block;

    /*font-weight: bold;*/

    margin-bottom: 0px;

    /*padding-right: 4px;*/

    text-align: left;

    width: 100%;

}



.wpcf7-form .field-area {

    display: inline-block;

    width: 100%;

    text-align: left;

}



.wpcf7-form .checkbox-wrapper {

    display: block;

    width: 100%;

    text-align: left

}



.wpcf7-form .checkbox-wrapper label {

    display: block;

    width: 100%;

    /*text-align: center;*/

}



.wpcf7-form input[type="text"].wpcf7-form-control ,

.wpcf7-form input[type="email"].wpcf7-form-control ,

.wpcf7-form input[type="password"].wpcf7-form-control ,

.wpcf7-form textarea.wpcf7-form-control ,

.wpcf7-form select.wpcf7-form-control {

    width: 100%;

    padding: 0px 4px;

    border: none;

    color: #000 !important;

    /*border-radius: 0 !important;*/

    font-weight: 800;

    font-size: 18px;

}



.wpcf7-form textarea.wpcf7-form-control {

    height: 120px;

}



input[type=submit].wpcf7-submit {

    align-items: center;

    background-color: #fff;

    border: 2px solid #00B2A9;

    color: #000;

    display: flex;

    flex-direction: row;

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 700;

    font-size: 15px;

    height: 44px;

    justify-content: center; 

    line-height: 24px;

    margin: auto;

    padding: 10px 24px;

    text-transform: uppercase !important;

    width: 168px;

}



input[type=submit].wpcf7-submit::after {

    content: " >";

}



.formulario-contacto button {

    align-items: center;

    background-color: #fff;

    border: 2px solid #00B2A9;

    color: #000;

    display: flex;

    flex-direction: row;

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 700;

    font-size: 15px;

    height: 44px;

    justify-content: center;

    line-height: 24px;

    margin: auto;

    padding: 10px 24px;

    text-transform: uppercase;

    width: 168px;

}



.formulario-contacto button i {

    border: solid #00B2A9;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 6px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    margin-left: 10px;

}



@media only screen and (min-width:500px) {

    .wpcf7-form .wpcf-row label,

    .wpcf7-form label

    {

        /*width: 85px;*/

    }

}



@media (min-width: 768px) {

    .formulario-contacto .col-lg-6 {

        max-width: 48%;

    }

}



/*------------------------------------------------------*\

    PAGE - PAGE.PHP

\*------------------------------------------------------*/

.page-contenido {

    width: 100%;

    height: auto;

    padding: 64px 20px 0;

}

.page-contenido h2,

.page-contenido h3{

    margin: 40px 0 16px 0;

}



/*------------------------------------------------------*\

    PAGE ÁREA PROFESORADO- TEMPLATE-AREA-PROFESORADO.PHP

\*------------------------------------------------------*/

.area-profesorado {

    background-color: #FFFFFF;

}

.area-profesorado .secondary-btn {

    width: 100%;

}

.btn-salud-mental {

    border-color: #4484CE;

}

.btn-adicciones-tecnologia {

    border-color: #E03E52;

}

.btn-adicciones-sustancias {

    border-color: #F53240;

}

.btn-nutricion {

    border-color: #A6C714;

}

.btn-sueno {

    border-color: #5A4596;

}

.btn-ejercicio {

    border-color: #F7E820;

}

.btn-covid {

    border-color: #3CBAED;

}

.btn-salud-medioambiente {

    border-color: #00B2A9;

}

.area-profesorado .tematicas-col hr {

    width: 99%;

    margin: 16px auto;

}

.area-profesorado .tematicas-col img {

    max-width: 186px;

}

.area-profesorado .tematicas-col h3 {

    min-height: 70px;

}

.area-profesorado .bloque-accesos {

    background-color: #F8FBFA;

    margin: 24px 0;

    padding: 16px;

    font-size: 15px;

    font-weight: 700;

}

.area-profesorado .bloque-accesos a {

    display: block;

    margin: 4px 0;

}



/*------------------------------------------------------*\

    PAGE TEMÁTICAS - TEMPLATE-TEMATICAS.PHP (y también en template-home.php)

\*------------------------------------------------------*/



#tematicas {

    padding-top: 64px;

    padding-bottom: 85px;

    background-color: #FFFFFF;

}

#tematicas .tematicas-col img {

    max-width: 186px;

}

#tematicas .tematicas-col h3 {

    margin-bottom: 24px;

    min-height: 0px;

}

#tematicas .tematicas-col ul {

    padding-left: inherit;

}

#tematicas .tematicas-col hr {

    width: 99%;

    margin: 16px auto;

}

#como-funciona {

    align-items: center;

    margin-top: 48px;

    background-color: #F4FAFD;

    border-radius: 0px 6px 6px 0px;

}

#como-funciona img {

    margin: 0;

}

#como-funciona .como-funciona-info p {

    font-size: 15px;

    line-height: 24px;

    letter-spacing: 0.75px;

}



@media (min-width: 768px) {

    #tematicas .tematicas-col ul {

        min-height: 220px;

    }

    #tematicas .tematicas-col h3 {

        min-height: 60px;

    }

}

@media (min-width: 990px) {

    #tematicas .tematicas-col ul {

        min-height: 144px;

    }

}

/*------------------------------------------------------*\

    PAGE TEMÁTICA - TEMPLATE-TEMATICA.PHP

\*------------------------------------------------------*/



.tematica {

    background-color: #FFFFFF;

    padding-top:64px;

    padding-bottom: 64px;

    margin-bottom: 64px;

}

.tematica .wp-block-image img {

    max-width: 120px;

}



/* -------------------- Bloque Materiales de aula y guía didáctica */

#materiales-guia {

    padding: 60px 20px;

    background-image: url(./images/tematicas/materiales-de-aula-y-guia-didactica.jpg);

    background-size: cover;

    background-position: bottom;

}



#materiales-guia .materiales-guia-info {

    background: rgba(255, 255, 255, 0.8);

    margin: 40px 0px 0px;

    padding: 64px;

    width: 100%;

    max-width: 700px;

    float: right;

}

    

#materiales-guia .materiales-guia-info p {

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.75px;

    color: #554940;

}

#materiales-guia .primary-btn {

    width: 100%;

}

/*------------------------------------------------------*\

    PAGE TALLERES PARA FAMILIAS - TEMPLATE-LANDING-FAMILIAS.PHP

\*------------------------------------------------------*/

#talleres-familias .container {    
    max-width: 1140px;
    padding: 40px 0px;
}

#familias-asi-trabajamos {
    padding: 60px 0px;
}

#familias-asi-trabajamos h2 {
    margin-bottom: 40px;
}

#familias-asi-trabajamos .familias-asi-trabajamos-columna div:last-child {
    padding-right: 20px;
}

#familias-asi-trabajamos #rol-profesional, 
#familias-asi-trabajamos #rol-pedagogo,
#familias-asi-trabajamos #esperar-profesorado {

    background-image: url(./images/programa/landing-familias-profesional-quiron.png);

    background-size: cover;

    background-position: bottom;

}

#familias-asi-trabajamos #rol-pedagogo {

    background-image: url(https://stayhealthyaulavirtual.es/wp-content/uploads/2024/04/landing-familias-img-2.jpg);
    background-position: top;
}

#familias-asi-trabajamos #esperar-profesorado {

    background-image: url(https://stayhealthyaulavirtual.es/wp-content/uploads/2024/05/esperar-profesorado.png);
    background-position: top;

}    

#familias-asi-trabajamos #esperar-alumnado {

    background-image: url(https://stayhealthyaulavirtual.es/wp-content/uploads/2024/06/lading_eventos-2.png);
    background-position: top;
    background-size: cover;

} 


#familias-asi-trabajamos #rol-profesional div:has(h2),
#familias-asi-trabajamos #rol-pedagogo div:has(h2),
#familias-asi-trabajamos #esperar-profesorado div:has(h2),
#familias-asi-trabajamos #esperar-alumnado div:has(h2)  {

    background-color: inherit;
    color: #FFF;    
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: 100%;

}

#familias-asi-trabajamos #rol-profesional .rol-profesional-contenido,
#familias-asi-trabajamos #rol-pedagogo .rol-pedagogo-contenido,
#familias-asi-trabajamos #esperar-profesorado .esperar-profesorado-contenido,
#familias-asi-trabajamos #esperar-alumnado .esperar-alumnado-contenido {

    background: inherit;
    margin: 0px;
    padding: 0px;
    width: 100%;

}


/*------------------------------------------------------*\

    PAGE BLOG - INDEX.PHP (y también en template-home.php)

\*------------------------------------------------------*/

.entradas-feed {

    padding-bottom: 62px !important;

    padding-top: 62px !important;

}

.entradas-feed .entrada-feed {

    background-color: #FFFFFF;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);

    color: #695F57;

    margin-bottom: 32px;

    border-radius: 6px 6px 0 0;

}

.entradas-feed img {

    margin: 0;

    width: 100%;

    height: auto;

    opacity: 1;

    transition: all .5s;

}

.entradas-feed a:hover img {

    opacity: 0.7;

}

.entrada-feed-contenido {

    padding: 32px;

}

.entrada-feed-titulo a {

    font-weight: 700;

    font-size: 20px;

    line-height: 25px;

    letter-spacing: 0.75px;

    color: #2D1E13;

}

.entrada-feed-titulo a:hover {

    color: #00B2A9;

}

.entrada-feed-info {

    background-color: #F1F1F1;

    padding: 8px 32px;

    font-size: 13px;

}

.entrada-feed-info p {

    margin-bottom: 0;

}

.entrada-feed-info .profesional {

    font-size: 15px;

    font-weight: 700;

}



#post-224 img{width: auto;}









/*------------------------------------------------------*\

    POST - SINGLE.PHP

\*------------------------------------------------------*/

.entrada-contenido {

    width: 100%;

    height: auto;

    padding: 10px 20px 0;

}

.entrada-contenido h1,

.entrada-contenido h2,

.entrada-contenido h3,

.entrada-contenido h4,

.entrada-contenido h5 {

    margin-top: 16px;

    margin-bottom: 16px;

}



.entrada-contenido h2 {

    text-transform: none;

    color: #2D1E13;

    font-family: Open Sans;

    font-size: 32px;

    font-weight: 600;

    line-height: 52px;

    letter-spacing: 0px;

    text-align: left;

}

.entrada-contenido p,

.wp-block-coblocks-column p {

    font-size: 18px;

    margin: 20px auto 40px auto;

}

.entrada-contenido ul {

    font-size: 18px;

    margin: 20px auto 40px auto;

}

.entrada-contenido .profesional {

    font-size: 20px;

    font-weight: 700;

    line-height: 20px;

    letter-spacing: 0.52px;

    margin: 0 0 8px 0;

}

.entrada-contenido .cargo-profesional {

    font-size: 16px;

    font-weight: 400;

    line-height: 18px;

    letter-spacing: 0.87px;

    margin: 0;

}

.entrada-contenido .entrada-tags {

    font-style: normal;

    font-weight: 600;

    font-size: 14px;

    margin-top: 16px;

}

.entrada-contenido .entrada-tags a {

    display: inline-block;

    background-color: #FFFFFF;

    color: #007971;

    padding: 16px;

    border-radius: 32px;

    margin-right: 8px;

    margin-bottom: 8px;

}

.entrada-contenido .entrada-tags a:hover {

    background-color: #007971;

    color: #FFFFFF;

}



.entrada-contenido .entrada-tematica {

    color: #424242;

    font-size: 16px;

    margin: 0;

}



.entrada-contenido .yasr-auto-insert-overall {

    margin-top: 10px;

    border-top: 1px solid rgba(0,0,0,.1);

    padding-top: 10px;

}



.entrada-contenido .yasr-auto-insert-visitor {

    margin-top: 10px;

    border-bottom: 1px solid rgba(0,0,0,.1);

    padding-bottom: 10px;

    margin-bottom: 20px;

}



.small-text

{

    font-size: 0.8em;

    color: #2D1E13;

}



.entrada-contenido .small-text

{

    margin: 20px auto;

    text-align: center;

}



.contact-telephone-wrapper a:first-child,

.contact-email-wrapper a:first-child

{

    display: inline-block;

    min-height: 32px;

    padding-left: 55px;

    background-repeat: no-repeat;

    background-position: top left;

}



.contact-telephone-wrapper a:first-child

{

    padding-left: 45px;

    background-image: url(img/telephone.png);

}



.contact-email-wrapper a:first-child

{

    background-image: url(img/envelope.png);

}

/* -------------------- Citas */

blockquote {

    text-align: center;

    padding: 10px 15%;

}



blockquote::after,

blockquote::before {

    display: block;

    background-color: #000;

    content: '';

    width: 145px;

    height: 1px;

    margin: 20px auto;

}

.entrada-contenido blockquote p {

    font-style: italic;

    text-align: center;

    margin: 20px;

}

/* -------------------- Plugin Post Rating */

.entrada-contenido .rmp-widgets-container.rmp-wp-plugin.rmp-main-container {

    text-align: left;

    border-top: 1px solid rgba(0,0,0,.1);

    margin-top: 40px;

    padding: 24px;

}

/* -------------------- Next Prevoius Posts */

.entradas-nav {

}

.entradas-nav hr {

    margin: 40px 0;

}

.entradas-nav figcaption {

    display: block;

    margin-bottom: 0;

    padding-left: 15px;

    font-size: 14px;

}

.entradas-nav a {

    display: block;

    width: 100%;

    padding: 15px;

    color: #2D1E13;

    font-size: 24px;

    letter-spacing: 1px;

    line-height: 1.2;

}



.entradas-nav a:hover {

    text-decoration: none;

    color: #00B2A9;

    /*color: #E03E52;*/

}



.entradas-nav img {

    margin: 0;

    border-radius: 6px;

}



/* -------------------- Bloque Eventos */

#nuestros-eventos {

    padding: 60px 20px;

    background-image: url(./images/nuestros-eventos.jpg);

    background-size: cover;

    background-position: bottom;

}

        

#nuestros-eventos h2 {

    color: #FFFFFF;

}

    

#nuestros-eventos span.resaltado {

    color: #2D1E13;

}



#nuestros-eventos div {

    background: rgba(255, 255, 255, 0.8);

    margin: 40px 0px 0px;

    padding: 30px;

    width: 100%;

    max-width: 700px;

}

    

#nuestros-eventos div p {

    font-weight: 700;

    font-size: 15px;

    line-height: 24px;

    /* or 160% */

    letter-spacing: 0.75px;

    /* Gris logotipo */

    color: #554940;

}



@media only screen and (min-width:768px) {

    .entrada-contenido p {

        font-size: 18px;

        line-height: 28px;

        letter-spacing: 0.87px;

    }

    .entrada-contenido ul,

    .entrada-contenido ol {

        font-size: 18px;

        line-height: 28px;

        letter-spacing: 0.87px;

    }

}



/*------------------------------------------------------*\

    PAGE EL PROYECTO - TEMPLATE-PROYECTO.PHP

\*------------------------------------------------------*/



#el-proyeto h2 {

    font-size: 18px;

    letter-spacing: 4px;

}



#el-proyeto h3 {

    font-size: 14px;

    margin-bottom: 10px;

}



#el-proyeto h1, #familias h1 {

    font-size: 15px;

}



#rigor-cientifico, 
#metodologias, 
#ejes-valor, 
#rol-profesional, 
#rol-pedagogo, 
#psicopedagogos, 
#alianzas, 
#banner-bosque, 
#contratos-aprendizaje, 
#talleres-familias,
#esperar-profesorado,
#esperar-alumnado, 
#timeline,
#actividades {   

    padding: 60px 20px;

}



#el-proyeto h1 + p + p {

    width: 280px;

}



#rigor-cientifico h2, #contratos-aprendizaje h2 {

    font-size: 15px;

}



#rigor-cientifico, #contratos-aprendizaje {

    background-color: #FFFFFF;

}



#rigor-cientifico .caja, #contratos-aprendizaje .caja {

    border-radius: 6px;

    background: #FFFFFF;

    height: auto;

    margin: 20px;

    max-width: 100%;

}



#rigor-cientifico .caja img, #contratos-aprendizaje .caja img {

    margin: 16px 0px 20px;

    width: 36px;

}



.caja-blue {

    border: 5px solid #9FDEF8;

}



.caja-green {

    border: 5px solid #CDD99B;

}



.caja-magenta {

    border: 5px solid #EDA5C8;

}



.caja-orange {

    border: 5px solid #F6C7A0;

}



.caja-blue, .caja-green, .caja-magenta {

    max-width: 31%;

}



.caja-blue .caja-titular {

    color: #3CBAED;

}



.caja-green .caja-titular {

    color: #A6C714;

}



.caja-magenta .caja-titular {

    color: #E82F89;

}



.caja-orange .caja-titular {

    color: #EF7A1B;

}

 

.caja p {

    font-family: 'Open Sans';

    font-size: 13px;

    font-style: normal;

    font-weight: 700;

    line-height: 22px;

 }



 .caja-titular {

    font-family: 'Montserrat'!important;

    font-size: 38px!important;

    line-height: 42px!important;

}



#metodologias {

    background-color: #F8FBFA;

}

.page-template-template-landing-ofertas .main-nav li {
    font-size: 16px!important;
}


#metodologias h2, #talleres-familias h2 {

    border-bottom: 1px solid #E1E0DF;

    margin-bottom: 0px;

    padding: 0px 0px 40px;

}


.metodologia-activa {}



.paso-metodologia, .paso-metodologia-2 {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding: 20px 24px;

    gap: 4px;

    height: 220px;

    /* GREYSCALE/WHITE */

    background: #FFFFFF;

    /* Dropshadow */

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);

    border-radius: 6px;

}



.paso-metodologia p:first-child, .paso-metodologia-2 p:first-child {

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 700;

    font-size: 15px;

    line-height: 24px;

    /* identical to box height, or 160% */

    letter-spacing: 5px;

    text-transform: uppercase;

    /* DARK BROWN */

    color: #2D1E13;

}



.paso-metodologia p:first-child span:first-child, .paso-metodologia-2 p:first-child span:first-child {

    width: 22px;

    height: 62px;

    /* Display Large */

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 700;

    font-size: 56px;

    line-height: 62px;

    /* identical to box height, or 111% */

    letter-spacing: 5px;

    text-transform: uppercase;

    margin-right: 20px;

}



.paso-metodologia, .paso-metodologia-2 {

    height: auto;

    width: auto;

}

.img-metodologia{
    margin-right: 35px;
}
.img-metodologia img{
    max-width: 50%;
}



#metodologias > div:nth-child(2) > div > div > div > div.row.mt-5.p-4.metodologia-activa > div, #metodologias > div:nth-child(3) > div > div > div > div.row.mt-5.p-4.metodologia-activa > div{

    margin-bottom: 40px;

}



#metodologias > div:nth-child(2) > div > div > div > div.row.mt-5.p-4.metodologia-activa > div:last-child, #metodologias > div:nth-child(3) > div > div > div > div.row.mt-5.p-4.metodologia-activa > div:last-child {

    margin-bottom: 0px;

}



#ejes-valor, #psicopedagogos, #familias-asi-trabajamos {

    background-color: #FFFFFF;

}



#ejes-valor img {

    width: 120px;

}



#ejes-valor > div > div > div, #familias-asi-trabajamos .familias-asi-trabajamos-columna {

    margin-bottom: 30px !important;

    border-bottom: 1px solid #E1E0DF !important;

    border-right: 1px solid #E1E0DF !important;

    padding-bottom: 30px !important;

}



#rol-profesional {

    background-image: url(./images/programa/rol-profesional.jpg);

    background-size: cover;

    background-position: bottom;

}

    

#rol-profesional h2 {

    color: #2d1e13;

    background-color: #9CF0EC;

}



#rol-profesional span.resaltado,
#rol-pedagogo span.resaltado,
#esperar-profesorado span.resaltado,
#esperar-alumnado span.resaltado {

    color: #2D1E13;

}



#rol-profesional div,
#rol-pedagogo div,
#esperar-profesorado div,
#esperar-alumnado div {

    background: rgba(255, 255, 255, 0.8);

    margin: 40px 0px 0px;

    padding: 30px;

    width: auto;

}



#rol-profesional div p,
#rol-pedagogo div p {

    font-family: 'Open Sans';

    font-style: normal;

    font-size: 15px!important;

    line-height: 24px;

    letter-spacing: 0.75px;

    color: #494E53;

}



#banner-bosque {

    background-size: cover;

    background-position: bottom;

}

    

#banner-bosque h2 {

    color: #2d1e13;

    background-color: #9CF0EC;

}



#banner-bosque span.resaltado {

    color: #2D1E13;

}



#banner-bosque div {

    background: rgba(255, 255, 255, 0.8);

    margin: 40px 0px 0px;

    padding: 30px;

    width: auto;

}



#banner-bosque div p {

    font-family: 'Open Sans';

    font-style: normal;

    font-size: 15px;

    line-height: 24px;

    letter-spacing: 0.75px;

    color: #494E53;

}



.paso-metodologia p, .paso-metodologia-2 p, #ejes-valor p, #familias-asi-trabajamos ul li {

    font-weight: 400;

    font-size: 13px;

    line-height: 20px;

    letter-spacing: 0.75px;

    color: #695F57;

}



#psicopedagogos > div > div > div > div > div{

    margin-bottom: 20px;

}



#psicopedagogos > div > div > div > div > div:last-child{

    margin-bottom: 0px;

}



#psicopedagogos img {

    width: 380px;

}



#psicopedagogos p {

    font-family: 'Open Sans';

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 0px;

}



#psicopedagogos a {

    font-family: 'Open Sans';

    font-size: 14px;

    letter-spacing: 0.75px;

    color: #066C67;   

}



#psicopedagogos a::after {

    content : url(./images/programa/psicopedagogos-link.png);

    left: 8px;

    position: relative;

    top: 8px;

}



@media only screen and (min-width:480px) {



    #el-proyeto h1, #familias h1 {

        font-size: 20px;

    }



    #el-proyeto h2 {

        font-size: 18px;

    }



    #el-proyeto h3 {

        font-size: 16px;

    }



    #el-proyeto h1 + p + p {

        width: 340px;

        font-size: 18px;

    }



    #el-proyeto article img {

        width: auto;

    }



    .imagen-paso-metodologia-2 {

        width: 250px!important;

    }



    .paso-metodologia p, .paso-metodologia-2 p, #ejes-valor p {

        font-size: 15px;

        line-height: 22px;

    }



    #psicopedagogos > div > div > div > div > div {

        margin-bottom: 40px;

    }



    #psicopedagogos img {

        width: 300px;

    }



}

@media only screen and (min-width:768px) {



    #el-proyeto h2 {

        font-size: 18px;

    }

    

    #el-proyeto h1 + p + p {

        font-size: 16px;

    }



    #rigor-cientifico .caja, #contratos-aprendizaje .caja {

        height: 230px;

        margin: 0px;

    }



    .caja-blue, .caja-green, .caja-magenta {

        max-width: 31%!important;

    }



    .caja-titular {

        font-size: 18px!important;

        line-height: 18px!important;

    }



    #rigor-cientifico > div > div > div.col-md-4.text-left, 
    #contratos-aprendizaje > div > div > div.col-md-4.text-left {

        padding-right: 20px;

    }



    #rigor-cientifico > div > div > div.col-md-8.text-left > div > div.caja.caja-orange.col-md-12.text-left.mt-5 > div > div > div,
    #contratos-aprendizaje > div > div > div.col-md-8.text-left > div > div.caja.caja-orange.col-md-12.text-left.mt-5 > div > div > div {

        height: 150px;

    }



    .paso-metodologia {

        width: 210px;

    }



    .paso-metodologia p:first-child span:first-child, .paso-metodologia-2 p:first-child span:first-child {

        font-size: 42px;

        letter-spacing: 5px;

        margin-right: 20px!important;

    }



    .paso-metodologia p:first-child, .paso-metodologia-2 p:first-child {

        font-size: 12px;

        line-height: 24px;

        letter-spacing: 0px;

    }



    .paso-metodologia-2 {

        width: 150px;

    }



    #rol-profesional div {

        margin: 40px auto 0px;

        width: 470px;

    }

    #banner-bosque div {

        margin: 40px auto 0px;

        width: 470px;

    }

}

@media only screen and (min-width:1024px) {

    #el-proyeto h1, #familias h1 {

        font-size: 24px;

    }



    #el-proyeto h2 {

        font-size: 36px;

        line-height: 42px;

    }



    #el-proyeto h3 {

        font-size: 24px;

        line-height: 30px;

    }



    #el-proyeto p, #familias-asi-trabajamos p, #familias-asi-trabajamos ul li {

        font-size: 18px!important;

        line-height: 28px;

    }



    #rigor-cientifico .caja, #contratos-aprendizaje .caja {

        height: 250px;

    }



    .caja-orange {

        height: 250px!important;

    }



    #el-proyeto h1 + p + p {

        font-size: 20px;

        width: 380px;

    }



    #rigor-cientifico h2, #contratos-aprendizaje h2 {

        font-size: 15px;

        line-height: 24px;

    }



    #rigor-cientifico > div > div > div.col-md-4.text-left,
    #contratos-aprendizaje > div > div > div.col-md-4.text-left {

        padding-right: 40px;

    }



    .caja p {

        font-size: 13px;

        line-height: 22px;

    }



    .paso-metodologia, .paso-metodologia-2 {

        width: 90%;

    }



    .paso-metodologia p:first-child, .paso-metodologia-2 p:first-child {

        font-size: 15px;

        line-height: 24px;

        letter-spacing: 4px;

    }



    .paso-metodologia p:first-child span:first-child, .paso-metodologia-2 p:first-child span:first-child {

        font-size: 56px;

        letter-spacing: 62px;

    }



    #rol-profesional h2,
    #rol-pedagogo h2,
    #esperar-alumnado h2 {

        color: #FFF;

        background-color: inherit;

    }



    #rol-profesional div,
    #rol-pedagogo div,
    #esperar-profesorado div,
    #esperar-alumnado div {

        margin: 40px 50px 0px;

        width: 654px;

        height: auto;

        padding: 40px;

    }

    #banner-bosque h2 {

        color: #FFF;

        background-color: inherit;

    }



    #banner-bosque div {

        margin: 40px 50px 0px;

        width: 654px;

        height: auto;

        padding: 40px;

    }



}

@media only screen and (min-width:1140px) {



    #rigor-cientifico .caja, #contratos-aprendizaje .caja {

        height: 250px;

    }



}

@media only screen and (min-width:1280px) {



    #el-proyeto article img {

        width: auto;

    }



    #rigor-cientifico .caja,
    #contratos-aprendizaje .caja {

        height: 220px;

    }





    .imagen-paso-metodologia-2 {

        width: 280px!important;

    }



}





/*------------------------------------------------------*\

    AREA PRIVADA

\*------------------------------------------------------*/



.block-private-home-intro

{

    width: 100%;

    padding: 70px;

    background-color: #E6D02A;

}



.block-private-home-intro h2

{

    color: #2d1e13;

}



.block-activity-list

{

    padding: 70px;

}



.block-activity-list h2

{

    margin-bottom: 15px;

    text-align: center;

    color: #2d1e13;

}



.block-activity-group

{

    display: block;

    margin: 30px auto;

    text-align: center;

}



.block-activity

{

    display: inline-block;

    width: 250px;

    margin: 20px;

    vertical-align: middle;

}



h2.block-activity

{

    font-size: 64px;

    text-transform: none;

}



.block-activity p

{

    margin: 10px 0;

}



.sth-subtitle,

.block-activity p.activity-subtitle

{

    font-weight: bold;

}



.block-faq

{

    margin: 30px 0;

}

.area-privada-home .entradas-feed {

    background-color: #3CBAED;

    color: #FFFFFF;

}



.sth-image-icon

{

    display: block;

    width: auto;

    height: auto;

}



#ico-we-listen

{

    margin: 30px auto 15px;

}



.item-we-listen 

{

    min-height: 170px;

}



.bt-we-listen

{

    position: absolute;

    width: 160px;

    height: 60px;

    bottom: 0;

    padding: 0;

    line-height: 60px;

}



.bt-we-listen p

{

    line-height: 1.5;

    display: inline-block;

    vertical-align: middle;

}



.bt-we-listen .centered

{

    display: inline-block;

    vertical-align: middle;

}



.bt-we-listen .centerer

{

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.area-privada-home .course-subscription

{

    display: inline-block;

    padding: 6px 6px 6px 30px;

    box-sizing: border-box;

    margin-right: 10px;

    border-radius: 12px;

    border: 1px solid silver;

}



.area-privada-home .course-subscription:hover

{

    background: url(img/icon-tic-bn.png) 4px 4px no-repeat;

}



.area-privada-home .course-subscription.subscribed

{

    border: 1px solid #00B2A9;

    background: url(img/icon-tic-ok.png) 4px 4px no-repeat;

}



/*------------------------------------------------------*\

    IMAGES

\*------------------------------------------------------*/







/*------------------------------------------------------*\

    RESPONSIVE

\*------------------------------------------------------*/



@media only screen and (min-width:320px) {



}

@media only screen and (min-width:480px) {



}

@media only screen and (min-width:768px) {



}

@media only screen and (min-width:1024px) {



}

@media only screen and (min-width:1140px) {



}

@media only screen and (min-width:1280px) {

    #contratos-aprendizaje .container {
        max-width: 1140px;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

       only screen and (min-resolution:144dpi) {



}



/*------------------------------------------------------*\

    MISC

\*------------------------------------------------------*/



::selection {

    background-color: #9CF0EC;

    color:#2D1E13;

    text-shadow:none;

}

::-webkit-selection {

    background-color: #9CF0EC;

    color:#2D1E13;

    text-shadow:none;

}

::-moz-selection {

    background-color: #9CF0EC;

    color:#2D1E13;

    text-shadow:none;

}



/*------------------------------------------------------*\

    WORDPRESS CORE

\*------------------------------------------------------*/



.alignnone {

    margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

    display:block;

    margin:5px auto 5px auto;

}

.alignright {

    float:right;

    margin:5px 0 20px 20px;

}

.alignleft {

    float:left;

    margin:5px 20px 20px 0;

}

a img.alignright {

    float:right;

    margin:5px 0 20px 20px;

}

a img.alignnone {

    margin:5px 20px 20px 0;

}

a img.alignleft {

    float:left;

    margin:5px 20px 20px 0;

}

a img.aligncenter {

    display:block;

    margin-left:auto;

    margin-right:auto;

}

.wp-caption {

    background:#FFF;

    border:1px solid #F0F0F0;

    max-width:96%;

    padding:5px 3px 10px;

    text-align:center;

}

.wp-caption.alignnone {

    margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin:5px 20px 20px 0;

}

.wp-caption.alignright {

    margin:5px 0 20px 20px;

}

.wp-caption img {

    border:0 none;

    height:auto;

    margin:0;

    max-width:98.5%;

    padding:0;

    width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

    font-size:11px;

    line-height:17px;

    margin:0;

    padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------------------------*\

    PRINT

\*------------------------------------------------------*/



@media print {

    * {

        background:transparent !important;

        color:#000 !important;

        box-shadow:none !important;

        text-shadow:none !important;

        position: relative;

        display: block;

    }

    a,

    a:visited {

        text-decoration:underline;

    }

    a[href]:after {

        content:" (" attr(href) ")";

    }

    abbr[title]:after {

        content:" (" attr(title) ")";

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content:"";

    }

    pre,blockquote {

        border:1px solid #999;

        page-break-inside:avoid;

    }

    thead {

        display:table-header-group;

    }

    tr,img {

        page-break-inside:avoid;

    }

    img {

        max-width:100% !important;

    }

    @page {

        margin:0.5cm;

    }

    p,

    h2,

    h3 {

        orphans:3;

        widows:3;

    }

    h2,

    h3 {

        page-break-after:avoid;

    }

}



/***** FIT BIT CONCURSO *****/

.fitbit-cont-txt p{

    margin-bottom:0px;

    font-weight: bold;

}

.fitbit-concurso-foto {

        margin: 20px auto;

}

.fitbit-concurso-btn .btn-default:hover {

    text-decoration: none !important;

    color: #E03E52 !important;

}

.fitbit-concurso-btn .btn-default {

    display: block !important;

    width: 100% !important;

    max-width: 280px !important;

    margin: 20px auto !important;

    padding: 15px !important;

    border: 1px solid #E03E52 !important;

    background-color: #FFFFFF !important;

    color: #00B2A9 !important;

    font-family: 'montserratregular', sans-serif !important;

    font-size: 16px !important;

    letter-spacing: 1px !important;

    text-align: center !important;

    text-transform: uppercase !important;

}







button.btn-opc{

    display: block;

    width: 100%;

    max-width: 280px;

    margin: 15px auto;

    padding: 15px;

    border: 1px solid #E03E52;

    background-color: #FFFFFF;

    color: #E03E52;

    font-family: 'montserratregular', sans-serif;

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}

button.btn-opc:hover {

    text-decoration: none;

    color: #00B2A9;

}

button.btn-opc:disabled {

    opacity: .6;

}

button.btn-sig{

    display: block;

    width: 100%;

    max-width: 280px;

    margin: 15px auto;

    padding: 15px;

    border: 1px solid #FFFFFF;

    background-color: #E03E52;

    color: #FFFFFF;

    font-family: 'montserratregular', sans-serif;

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}

button.btn-sig:hover {

    text-decoration: none;

    color: #00B2A9;

}

button.btn-sig:disabled {

    opacity: .6;

}

a.btn-desc{

    display: block;

    width: 100%;

    max-width: 280px;

    margin: 15px auto;

    padding: 15px;

    border: 1px solid #FFFFFF;

    background-color: #E03E52;

    color: #FFFFFF;

    font-family: 'montserratregular', sans-serif;

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}

a.btn-desc:hover {

    text-decoration: none;

    color: #00B2A9;

}

a.btn-desc:disabled {

    opacity: .6;

}



a.btn-desc-secun{

    display: block;

    width: 100%;

    max-width: 280px;

    margin: 15px auto;

    padding: 15px;

    border: 1px solid #E03E52;

    background-color: #FFFFFF;

    color: #E03E52;

    font-family: 'montserratregular', sans-serif;

    font-size: 16px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}

a.btn-desc-secun:hover {

    text-decoration: none;

    color: #00B2A9;

}

a.btn-desc-secun:disabled {

    opacity: .6;

}



/*------------------------------------*\

    RESPONSIVE EMBED

\*------------------------------------*/

.wp-block-embed__wrapper {

    position: relative;

    padding-bottom: 56.25%; /* 16/9 ratio */

    padding-top: 30px; /* IE6 workaround*/

    height: 0;

    overflow: hidden;

    margin: 4rem 0;

}

.wp-block-embed__wrapper iframe,

.wp-block-embed__wrapper object,

.wp-block-embed__wrapper embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    max-width: 100% !important;

    min-width: 100% !important;

}



 /* MOVER CAPTCHA*/

.grecaptcha-badge {

 width: 70px !important;

 overflow: hidden !important;

 transition: all 0.3s ease !important;

 left: 4px !important;

 }

.grecaptcha-badge:hover {

width: 256px !important;

}





/*------------------------------------*\

    ABP ARCHIVE- ARCHIVE-ABP.PHP

\*------------------------------------*/



.post-type-archive-abp .abp-lista {

    padding-bottom: 62px !important;

    padding-top: 62px !important;

}



.post-type-archive-abp .abp-lista hr {

    width: 100%;

}

#lista4 ol {

    counter-reset: li; 

    list-style: none; 

    *list-style: decimal; 

    font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    padding: 0;

    margin-bottom: 4em;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}



#lista4 ol {

    margin: 0 0 0 2em; 

}



#lista4 {

    list-style-type: none;

    list-style-type: decimal !ie; /*IE 7- hack*/

     

    margin: 0;

    margin-left: 3em;

    padding: 0;

     

    counter-reset: li-counter;

}



#lista4 > li{

    position: relative;

    margin-bottom: 20px;

    padding: 1em;

    border-left: 2px solid #CCCCCC;

    background-color: #f5f5f5;

}



#lista4 > li:before {

    position: absolute;

    top: 0;

    left: -0.95em;

    width: 1em;

 

    font-size: 4em;

    line-height: 1;

    font-weight: bold;

    text-align: right;

    color: #3BB9EC;

     

    transform: rotate(-25deg);

    -ms-transform: rotate(-25deg);

    -webkit-transform: rotate(-25deg);

    z-index: -99;

    overflow: hidden;

     

    content: counter(li-counter);

    counter-increment: li-counter;

}



.abp-tematicas-col hr {

    width: 99%;

    margin: 16px auto;

}

.abp-tematicas-col img {

    max-width: 186px;

}

.abp-tematicas-col h3 {

    min-height: 70px;

}

/*------------------------------------*\

    ABP - SINGLE-ABP.PHP

\*------------------------------------*/

.abp .hero-section {

    height: 200px;

}



.cont-abp-btn-cta {

	text-align:center;

}



/***** LISTAS EHCDC ******/

#lista2 {

    counter-reset: li; 

    list-style: none; 

    *list-style: decimal; 

     font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    padding: 0;

    margin-bottom: 4em;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}



#lista2 ol {

    margin: 0 0 0 2em; 

}



#lista2 li{

    position: relative;

    display: block;

    padding: .4em .4em .4em 2em;

    *padding: .4em;

    margin: .5em 0;

    background: #ddd;

    color: #444;

    text-decoration: none;

    border-radius: .3em;

    transition: all .3s ease-out;

transform-origin: center center;   

}



#lista2 li:hover{

    background: #eee;

}



#lista2 li:hover:before{

    transform: rotate(360deg);  

}



#lista2 li:before{

    content: counter(li);

    counter-increment: li;

    position: absolute; 

    left: -1.3em;

    top: 50%;

    margin-top: -1.3em;

    background: #87ceeb;

    height: 2em;

    width: 2em;

    line-height: 2em;

    border: .3em solid #fff;

    text-align: center;

    font-weight: bold;

    border-radius: 2em;

    transition: all .3s ease-out;

}







#lista5 {

    counter-reset: li; 

    list-style: none; 

    *list-style: decimal; 

     font-family: 'montserratbold', sans-serif;

    font-size: 15px;

    padding: 0;

    margin-bottom: 4em;

  

}



#lista5 ol {

    margin: 0 0 0 2em; 

}



#lista5 {

    list-style-type: none;

    list-style-type: decimal !ie; /*IE 7- hack*/

     

    margin: 0;

    margin-left: 1em;

    padding: 0;

     

    counter-reset: li-counter;

}



#lista5 > li{

    position: relative;

    margin-bottom: 1.5em;

    padding: 1.5em;

    background-color: #eaeaea;

     



}



#lista5 > li:before {

    position: absolute;

    top: -0.3em;

    left: -0.5em;

    width: 1.0em;

    height: 1.0em;

    font-size: 3em;

    line-height: 1.2;

    font-weight: normal;

    text-align: center;

    color: #3BB9EC;

    background-color: #E5D02A;

    transform: rotate(-20deg);

    -ms-transform: rotate(-20deg);

    -webkit-transform: rotate(-20deg);

    z-index: 3;

    overflow: hidden;

    content: counter(li-counter);

    counter-increment: li-counter;

    transition: all .3s ease-out;  

}



#lista5 li:hover:before{

	-ms-transform: scale(0.9) rotate(0deg);

    -ms-transform-origin: center center;

    -webkit-transform: scale(0.9) rotate(0deg);

    -webkit-transform-origin: center center;

    transform: scale(0.9) rotate(0deg);

    transform-origin: center center;

    color: #E5D02A;

    background-color: #3BB9EC;

    font-weight: bold;

}



.cont-thumb img {

    max-width: 150px;

    height: auto;

    margin: 0;

}



.menu-top-first.menu-icon-dashboard{

      display:none !important;

}