/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 2.7.1.1505456173
Updated: 2017-09-15 06:16:13

*/

        .speakers-grid, .committee-grid, .directors-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .speaker {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            text-align: left;
        }
        .speaker-name {
            font-weight: bold;
            font-size: 1.5em;
            color: #2c3e50;
        }
        .speaker-hospital {
            font-size: 1.1em;
            color: #555;
        }
		.member {
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            text-align: left;
        }
        .member-name {
            font-weight: bold;
            font-size: 1.1em;
            color: #2c3e50;
        }
        .member-hospital {
            font-size: 0.9em;
            color: #555;
        }
		.directors-grid__title{
			margin-bottom: 20px;
			margin-top:20px;
		}
		.directors-grid__subtitle{
			margin-bottom: 20px;
		}
		.directors-grid__subtitle__top{
			margin-bottom: 20px;
			margin-top:20px;
		}
        @media (max-width: 768px) {
            .speakers-grid, .committee-grid, .directors-grid  {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 480px) {
            .speakers-grid, .committee-grid, .directors-grid  {
                grid-template-columns: 1fr;
            }
        }


#footer-widgets {
    padding: 0 !important;
}
.objetivos ul{
  margin-left: 23px;
}


/*FORMULARIO DE REGISTROS*/



.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"] {
    padding: 10px !important;
    border: 1px solid #3EA8D6 !important;
    background-color: #e8f0fe;
}

.wppb-user-forms textarea {
    padding: 10px !important;
    border: 1px solid #3EA8D6 !important;
    background-color: #e8f0fe;
}

.wppb-form-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label {
    width: 100% !important;
    color: #3EA8D6;
    font-weight: 700;
}

.login-remember label {
    color: #3EA8D6;
}

input#wppb-submit {
    background: #3EA8D6;
    color: #FFFFFF;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 16px;
    width: 100%;
}

input#register {
    background: #3EA8D6;
    color: #FFFFFF;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 16px;
    width: 100%;
}

#wppb-register-user-registro-de-socios .form-submit {
    text-align: left !important;
}

.form-submit {
    text-align: left;
}

.form-submit input {
    background: #3EA8D6;
    color: #ffffff;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 16px;
    width: 100%;
}

div#wppb-login-wrap {
    margin-right: auto;
    margin-left: auto;
}

form#loginform {
    background-color: #f1f1f1;
    padding: 40px 0px 40px 100px;
    border-radius: 10px;
}
/*
.wpcf7-form {
    background-color: #f1f1f1;
    padding: 40px 0px 40px 100px;
    border-radius: 10px;
}
*/
.wpcf7-form input[type='text'],
.wpcf7-form input[type='number'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='url'],
.wpcf7-form input[type='password'],
.wpcf7-form input[type='search'],
.wpcf7-form input[type='tel'],
.wpcf7-form input[type='select'],
.wpcf7-form textarea {
    padding: 10px !important;
    border: 1px solid #3EA8D6 !important;
    background-color: #e8f0fe;
    border-radius: 3px;
    width: 100% !important;
}
select {
	padding: 10px !important;
    border: 1px solid #3EA8D6 !important;
    background-color: #e8f0fe;
    border-radius: 3px;
    width: 100% !important;
}


.wppb-form-field input[type="text"], 
.wppb-form-field input[type="number"], 
.wppb-form-field input[type="email"], 
.wppb-form-field input[type="url"], 
.wppb-form-field input[type="search"], 
.wppb-form-field select, 
.wppb-form-field textarea, 
.wppb-form-field 
.wppb-password-field-container, 
.wppb-checkboxes, 
.wppb-radios, 
#wppb-login-wrap 
.login-username input, 
#wppb-login-wrap 
.login-auth input {
    width: 100% !important;
}
.wpcf7-form input[type='submit'] {
    background: #3EA8D6;
    color: #ffffff;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 16px;
    width: 100%;
}

.wpcf7-form label {
    width: 100% !important;
    color: #3EA8D6;
    font-weight: 700;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000;
    width: 85%;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    width: 85%;
}

form#wppb-register-user-registro-de-socios {
    background-color: #f1f1f1;
    padding: 40px 0px 40px 100px;
    border-radius: 10px;
}

.wppb-description-delimiter {
    width: 100%;
}

.wppb-form-field>span {
    margin-left: 0px !important;
}

.wppb-alert {
    background-color: #f1f1f1;
    padding: 50px !important;
    border-radius: 10px;
}


#main-header .logo-container {
    max-width: 160px; /* Ajusta según el tamaño de tu logo */
    position: relative;
    z-index: 1;
}

#main-header #et-top-navigation {
    margin-left: 170px; /* Ajusta según el ancho del logo + un margen */
    position: relative;
    z-index: 2;
}


@media only screen and (max-width: 1500px) {
	#top-menu li {
    padding-right: 10px !important;
	}
}


@media only screen and (max-width: 980px) {
    #main-header .logo-container {
        max-width: 100px; /* Reduce el tamaño del logo en pantallas más pequeñas */
    }

    #main-header #et-top-navigation {
        margin-left: 110px; /* Ajusta el margen para pantallas más pequeñas */
    }
	#top-menu li {
    padding-right: 10px !important;
	}
}

@media only screen and (max-width: 767px) {
    #main-header .logo-container {
        max-width: 80px; /* Más pequeño para móviles */
    }

    #main-header #et-top-navigation {
        margin-left: 0; /* En móviles, el menú suele colapsar, así que elimina el margen */
    }
}


.btn-leer-mas {
    background: #007cba;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.btn-leer-mas:hover {
    background: #005a87;
}