//********************************************************************************/
//*      GLOBAL THEME COLORS                                                     */
//*                                                                              */
//*      Naming:                                                                 */
//*      @less-name: HEX color code;     // Official name*   - description       */
//*                                                                              */
//*      *check on http://www.colblindor.com/color-name-hue/,                    */
//*       finds the closest match.                                               */
//*                                                                              */
//********************************************************************************/

// FV2014 COLORS:
@background: 	        #9BB6BB;
@dark-blue: 	        #0d3945;
@blue-font:		        #224B55;
@light-blue: 	        #466b74;
@blue-grey: 	        #668289;
@light-grey: 	        #bdc9cc;
@near-white-fallback:   #f5f8f8;
@near-white:	        rgba(255,255,255, 0.6);

@bottom-border: #d0d2d2;
@accent:		rgba(171, 173, 173, 1.0);
@accent-50:		rgba(171, 173, 173, 0.5);

@accent-fallback: rgb(171, 173, 173);
@accent-50-fallback: rgb(208, 210, 210);

@dark-blue-30:	rgba(37,76, 87, 0.3);
@dark-blue-30-fallback: rgb(175, 190, 194);

@dark-blue-70:	rgba(13,57,69, 0.7);
@dark-blue-70-fallback: rgb(56, 94, 105);

@white-90:	rgba(255,255,255, 0.9);
@white-90-fallback: rgb(255, 255, 255);

// ID COLORS:
@primary: #FF1E00; //rød
@primary-hover:#AF1D08; //rød

// IDENTITY COLORS (ID, BLÅ)
@primary-100: rgba(113, 126, 141, 1.0);
@primary-60: rgba(113, 126, 141, 0.6);
@primary-30: rgba(113, 126, 141, 0.3);
@primary-10: rgba(113, 126, 141, 0.1);
@banner-bg-80: rgba(69, 69, 70, 0.8);
@banner-bg-80-bottom: rgba(108, 117, 136, 0.8);

// PROFILE PAGE
@primary-profile-30: rgba(255, 255, 255, 0.8);
@primary-profile-30-fallback: rgb(255, 255, 255);

@primary-100-fallback: rgb(113, 126, 141);
@primary-60-fallback: rgb(167, 176, 185);
@primary-30-fallback: rgb(212, 216, 221);
@primary-10-fallback: rgb(212, 216, 221);
@banner-bg-80-fallback: rgb(69, 69, 70);
@banner-bg-80-bottom-fallback: rgb(108, 117, 136);

@secondary: #3C4750; // mørkeblå
@secondary-light: #BBCAD3; //Blysblå
@secondary-nature: #0d3945; // blå before it was grøn - 28892F 

@news-overview-primary: #ef3f23;

// GREYSCALE:
@grey-95: #f2f2f2;
@grey-90: #e6e6e6;
@grey-80: #cccccc;
@grey-70: #b2b2b2;
@grey-60: #999999;
@grey-50: #808080;
@grey-40: #676767;
@grey-30: #4d4d4d;
@grey-20: #343434;
@grey-10: #1a1a1a;

// CRAZY COLORS


// KIND OF BLUE - I just love that place, ohhh and the record too:
@findpolitiker-bg:#E5EDEF;


// PARTI FARVEKODER
// PARTI FARVER Ø BLIVER 0E, Å AA, Æ AE:
@party-oe: #ef801a; // orange
@party-aa: #2b9138; // grøn
@party-f: #df0a78; // pink
@party-a: #b32722; // rød
@party-b: #723280; // lilla
@party-k: #8e8a76; // grå
@party-i: #22c8d1; // turkies
@party-c: #a1bc28; // lime
@party-v: #234263; // blå
@party-d: #127c80; // i mellem blå og turkies
@party-o: #f5d040; // gul
@party-other: #FFF; // hvid


@party-icon-size-large: 32px;
@party-icon-size-medium: 24px;
@party-icon-size-small: 16px;

.letter-color {
	background-image: url("/nyheder/politik/valg2016/content/images/fv15-party-sprite.png");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-color: @party-other;
	display: none;

	&.large {
		width: @party-icon-size-large;
		height: @party-icon-size-large;
		.letter-attributes(0, @party-icon-size-large)
	}
	&.medium {
		width: @party-icon-size-medium;
		height: @party-icon-size-medium;
		.letter-attributes(-@party-icon-size-large, @party-icon-size-medium)
	}
	&.small {
		width: @party-icon-size-small;
		height: @party-icon-size-small;
		@party-position-x: -(@party-icon-size-large + unit(@party-icon-size-medium));
		.letter-attributes(@party-position-x, @party-icon-size-small)
	}	
	&.other {
		width: 90px;
		height: @party-icon-size-large;
		background-image: url("../images/fv15-party-other.jpg");
	}	
}

.letter-attributes (@party-position-x, @party-icon-size)
{
    &
    {
        display: block;
    }

    &.party-a
    {
        @index: 0;
        background-color: @party-a;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-b
    {
        @index: 1;
        background-color: @party-b;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-c
    {
        @index: 2;
        background-color: @party-c;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-d
    {
        @index: 3;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-e
    {
        @index: 4;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-f
    {
        @index: 5;
        background-color: @party-f;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-g
    {
        @index: 6;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-h
    {
        @index: 7;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-i
    {
        @index: 8;
        background-color: @party-i;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-j
    {
        @index: 9;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-k
    {
        @index: 10;
        background-color: @party-k;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-l
    {
        @index: 11;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-m
    {
        @index: 12;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-n
    {
        @index: 13;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-o
    {
        @index: 14;
        background-color: @party-o;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-p
    {
        @index: 15;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-q
    {
        @index: 16;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-r
    {
        @index: 17;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-s
    {
        @index: 18;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-t
    {
        @index: 19;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-u
    {
        @index: 20;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-v
    {
        @index: 21;
        background-color: @party-v;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-w
    {
        @index: 22;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-x
    {
        @index: 23;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-y
    {
        @index: 24;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-z
    {
        @index: 25;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-ae
    {
        @index: 26;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-oe
    {
        @index: 27;
        background-color: @party-oe;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-aa
    {
        @index: 28;
        background-color: @party-aa;
        //background-image: none;
        //text-indent: initial !important;
        //font-size: 22px;
        background-position: @party-position-x (@party-icon-size * -@index);

        &:hover
        {
            text-decoration:none;
        }
    }

    &.party-1
    {
        @index: 29;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-2
    {
        @index: 30;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-3
    {
        @index: 31;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-4
    {
        @index: 32;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-5
    {
        @index: 33;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-6
    {
        @index: 34;
        background-position: @party-position-x (@party-icon-size * -@index);
    }

    &.party-7
    {
        @index: 35;
        background-position: @party-position-x (@party-icon-size * -@index);
    }
}