/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.conoce-la-ayudaton {
    background-color: #E85D36;
}

.conoce-la-ayudaton h3{
    color:#FFFFFF;
}
.accordion .ac-item {
    margin-bottom: 10px;
    padding: 12px 20px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    background-color: #E85D36;
    color: #FFFFFF;
}
.accordion .ac-item .ac-title {
    color: #FFFFFF;
    font-weight: bold;
}

.html5vid.video-loaded {
    opacity: 1;
    filter: brightness(0.6);
}

#header .header-inner, #header #header-wrap {
    box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
    top: 0;
    position: fixed;
    margin: 0 auto;
    width: 100%;
}

#header {
    z-index: 1000 !important;
}

#topbar {
    border-bottom: 1px solid #fbfbfb;
}

#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #5569AF;
}
.heading-text.heading-section h2:before {
    background-color: #fad000ff;
}

button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
    background-color: #5569AF;
    border-color: #5569AF;
}

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active {
    background-color: #384f9f;
    border-color: #384f9f;
    color: #fff;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #384f9f;
    border-color: #384f9f;
    color: #fff;
}