/* Simple overrides for jQuery Mobile's collapsible elements */

/* Style for the projects button */
#projectsCollapsible .ui-collapsible-heading a,
#catedreCollapsible .ui-collapsible-heading a {
    background-color: #002147 !important; 
    color: white !important;
    border-color: #002147 !important;
    text-shadow: none !important;
}

/* Make sure content doesn't have animation transitions */
#projectsCollapsible .ui-collapsible-content,
#catedreCollapsible .ui-collapsible-content {
    -webkit-transition: none !important;
    transition: none !important;
    padding: 0 0 0 0 !important;
    border: none !important;
}

/* Make links look better */
#projectsCollapsible ul li a,
#catedreCollapsible ul li a {
    background-color: #f6f6f6 !important;
    border-color: #ddd !important;
    text-shadow: none !important;
    padding-left: 0em !important;
}

/* Active link style */
#projectsCollapsible ul li a:active,
#catedreCollapsible ul li a:active {
    background-color: #ededed !important;
    color: #333 !important;
}

/* Make the arrow icon better */
#projectsCollapsible .ui-collapsible-heading-toggle:after,
#catedreCollapsible .ui-collapsible-heading-toggle:after {
    background-color: rgba(0,33,71,0.3) !important;
}