:root {
    --marato-theme-color: #0066CC;   
    --bg-ressaltar: #3e64ff0d;
}

.region-pagetitle h1.page_title {
    border-bottom: 3px solid var(--marato-theme-color);
}

h1,h2,h3,h4 {color:var(--marato-theme-color) !important;}

h2.block-title{
    letter-spacing: 0.3em;
    font-weight: 800;
    margin-bottom: 0.5em;
    text-align: center;
}

h2.block-title:before {    
    width: 100px !important;    
    background-color: var(--marato-theme-color) !important;    
    left: 50% !important;
    transform: translateX(-50%);
}

.btn-lg {
    border-radius: 6px !important;
}

.btn-portada {color:#FFF !important;}

.title-white > h2 {color:white !important}

a:not(.btn) { color: var(--marato-theme-color);}

.block-subtitle span {
    background-color: var(--bg-ressaltar);
}

.milestone-counter .highlight {
    color: var(--marato-theme-color);
}

@media (min-width:992px)
{
    #section-header .dexp-menu > ul.menu > li > a::before { background-color: var(--marato-theme-color)}
    #section-header .dexp-menu ul.menu li a:hover,
    #section-header .dexp-menu ul.menu li a.active
    { color: var(--marato-theme-color);
    }
    #section-header .dexp-menu > ul.menu > li{
        font-size:14px;
    }
}

#edit-submitted-data-naixament-day,#edit-submitted-data-naixament-month ,#edit-submitted-data-naixament-year{
    width:auto;
}
.webform-component--disponibilitat{
    clear:both;
}
#edit-submitted-disponibilitat > .form-type-checkbox{
    float:left;
    padding-right: 2em;
}

.panel-custom {    
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07) !important;
    border-radius: 4px;
    padding:0px !important;
}

.panel-group {
    margin-bottom: 10px;
}
.panel-custom > .panel-heading{
    background-color: var(--marato-theme-color) !important;
    font-weight: bold;        
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-custom > .panel-heading > .panel-title {
    padding: 10px 15px!important;   
     color: #fff !important; 
}

.panel-custom > .panel-body {
    padding: 15px;
}

.panel-default .panel-heading a:hover {
    color: var(--marato-theme-color);
}

.panel-default .panel-heading:hover {
    border-color: var(--marato-theme-color);
}

.block h3 {
    font-size: 18px !important;
}