//
// EdGEL-specific Variables
// --------------------------------------------------
//

// Colours
@disabled-text-color:      #aaa;
@descriptive-text-color:   #526973;

@page-content-bg:          #f5f5f5;
@footer-discover-fg:       #8c8c8c;
@footer-discover-bg:       #252525;
@footer-fg:                #ccc;
@footer-bg:                #333;
@footer-hover:             #fff;
@footer-panel-dark:        #666;
@footer-panel-light:       #fff;

@cookie-fg:                #ccc;
@cookie-bg:                #333;
@cookie-link:              #19b5fe;
@cookie-btn1-fg:           #333;
@cookie-btn1-bg:           #fff;
@cookie-btn1-bd:           #ccc;
@cookie-btn1-fg-hover:     #333;
@cookie-btn1-bg-hover:     #e6e6e6;
@cookie-btn1-bd-hover:     #adadad;
@cookie-btn1-bg-active:    #d4d4d4;
@cookie-btn1-bd-active:    #8c8c8c;
@cookie-btn2-fg:           #ccc;
@cookie-btn2-bg:           #333;
@cookie-btn2-bd:           #ccc;
@cookie-btn2-fg-hover:     #ccc;
@cookie-btn2-bg-hover:     #444;
@cookie-btn2-bd-hover:     #adadad;
@cookie-btn2-bg-active:    #555;
@cookie-btn2-bd-active:    #8c8c8c;

// Bootstrap variables for use in cookie banner
@cookie-input-focus-border-color:    lighten(@component-active-bg, 25%);
@cookie-input-btn-focus-width:       .2rem;
@cookie-input-btn-focus-color:       rgba(@component-active-bg, 25%);
@cookie-input-btn-focus-box-shadow:  0 0 0 @cookie-input-btn-focus-width @cookie-input-btn-focus-color;

@form-check-input-width:   1.25em;
@form-check-min-height:    (@font-size-base * @line-height-base);
@form-check-padding-left:  (@form-check-input-width + .5em);
@form-check-margin-bottom: .125rem;
@form-check-label-cursor:  null;

@form-check-input-active-filter:          brightness(90%);

@form-check-input-bg:                     @body-bg;
@form-check-input-border:                 1px solid rgba(0, 0, 0, 25%);
@form-check-input-border-radius:          .25em;
@form-check-radio-border-radius:          50%;
@form-check-input-focus-border:           @cookie-input-focus-border-color;
@form-check-input-focus-box-shadow:       @cookie-input-btn-focus-box-shadow;

@form-check-input-checked-color:          @component-active-color;
@form-check-input-checked-bg-color:       @component-active-bg;
@form-check-input-checked-border-color:   @form-check-input-checked-bg-color;
@form-check-input-checked-bg-repeat:      no-repeat;
@form-check-input-checked-bg-position:    center center;
@form-check-input-checked-bg-size:        1em;
@form-check-radio-checked-bg-image:       url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
@form-check-inline-margin-right:          1rem;

// Page head settings
@page-head-padding:        .px-rem(20px)[];
@page-head-padding-xs:     .px-rem(5px)[];

@page-head-font-size:      .px-rem(16px)[];
@page-head-line-height:    .px-rem(28px)[];
@page-head-input-height:   (.px-rem(45px)[] / 1.15);

// Contact settings
@contact-list-line-height: 1.75;

// Hero panel settings
@panel-hero-padding:       .px-rem(45px)[];
@panel-hero-dark-link:     #19b5fe;

// Feature panels
@feature-link:             #19b5fe;
@feature-bg:               #333;
@feature-fg:               #fff;

@edgel-nav-tabs-bg:        @input-group-addon-bg;

@btn-white-space:          normal;
