source: gs3-installations/eurovision-lod/trunk/interfaces/eurovision/style/core-extra.css

/* Add any new CSS you require for the interface here! */


:root {    
    /* --cc-btn-primary-bg: #459e00; */
    --cc-btn-primary-bg: hsl(284, 84%, 20%);

    /* --cc-btn-primary-hover-bg: #67b021; */    
    --cc-btn-primary-hover-bg: hsl(295, 92%, 30%);
}


:root {
    --gs-primary-fg:       #ffffff;
    --gs-primary-bg:       hsl(284, 84%, 20%);
    --gs-primary-border:   hsl(284, 88%, 35%);
    --gs-primary-hover-bg: hsl(295, 92%, 30%);
    --gs-secondary-bg:     hsla(295, 47%, 24%, 0.7); /* original was without the 0.7 */
    
    --gs-primary-text-fg: var(--gs-primary-fg);
    --gs-tab-bg:          var(--gs-primary-bg);



    
    --gs-bg: #fff;
    --gs-text:#2d4156;
    
    --gs-btn-primary-bg: #459e00;
    --gs-btn-primary-text: var(--cc-bg);
    --gs-btn-primary-hover-bg: #255500;
    --gs-btn-secondary-bg: #eaeff2;
    --gs-btn-secondary-text: var(--cc-text);
    --XX-overlay-bg: rgba(4, 6, 8, .85);
}

/*
#container {
    max-width: 1200px;
}

#topArea {
    max-width: 1200px;
}
*/



/* Basic HTML elements */

/*
body {
    font-family: "Open Sans", sans-serif;
    color: #2D3748;

    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;

    background-color: whitesmoke;
}

h1, h2, h3, h4 {
    font-weight: normal;
    padding-top:    4px;
    padding-bottom: 4px;
}
*/

/* JQuery-UI CSS */


/*
.ui-widget-header {
    background-image: url("images/intermuse-header-banner.png");
    background-color: rgb(100,100,100);
    background-size: cover;
    background-repeat: no-repeat;
}
*/


.ui-widget-header {
    border: 1px solid #d4ccb0;
    background-image: none;
    background-color: var(--gs-primary-bg);
    color: #ffffff;
    font-weight: bold;
}

/*
.ui-widget {
    font-family: "Open Sans", sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Open Sans", sans-serif;
}
*/

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #2d3748;
}
/*
.ui-widget-content a {
    color: #2d3748;
}
.ui-widget-header {
    border: 1px solid #5a5a5a;
    background: #404040;
    color: #2d3748;
    font-weight: bold;
}
.ui-widget-header a {
    color: #2d3748;
}

*/


/* Based on: https://stackoverflow.com/questions/17838380/styling-jquery-ui-autocomplete */

.ui-menu .ui-menu-item {
    background:white;
    color: black;
    font-size:80%;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid var(--gs-primary-border);
    background-image: none;
    /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
    background-color: var(--gs-primary-bg);
    font-weight: bold;
    color: var(--gs-primary-text-fg);
}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid var(--gs-primary-border); 
    background-image: none; 
    /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
    background-color: var(--gs-primary-hover-bg);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--gs-primary-text-fg); /* flash border same colour as text */
    background-color: var(--gs-primary-hover-bg);
    background-image: none; 
    /*background-image: url(images/ui-icons_eeeeee_256x240.png);  */
    font-weight: bold;
    color: var(--gs-primary-text-fg);
}


.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: var(--gs-primary-text-fg);
    background-color: var(--gs-primary-hover);
}


/*
jquery-ui main theme is different image, and tingediwth green :

  background-image: url(images/ui-icons_8DC262_256x240.png);

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(images/ui-icons_eeeeee_256x240.png);
}
*/


#usercommentlink a, #usercommentlogoutlink a {
  color: var(--gs-primary-bg);
}


.navList {
    background-color: var(--gs-primary-bg);
}


/* overriding eurovision custom.css */