// /*==============================
// =            $config           =
// --------------------------------
// *
// *
// * Framework configuration file.
// *
// *
// ==============================*\


// /*==========  $Features  ==========*\
// Direction
// Configure text direction and float direction to address LTR and RTL languages
$text-direction:      ltr;  // Options: 'ltr' (default) | 'rtl'
$float-default:       left; // Options: 'left' (default) | 'right'

// /*==========  $Modules  ==========*\
// Enable or disable framework components according to your needs
$usePrint:             true;
$useNormalize:         true;
$useBase:              true;
  $useGrid:            true;
  $useLayout:          true;
$useCore:              true;
  $styleButtons:       true;
  $styleCode:          true;
  $styleForms:         true;
  $styleHeadings:      true;
  $styleLinks:         true;
  $styleLists:         true;
  $styleMain:          true;
  $styleMedia:         true;
  $styleOther:         true;
  $styleQuotes:        true;
  $styleTables:        true;
  $styleText:          true;
$useHelpers:           true;
  $useAccessibility:   true;
  $useBrowser:         true;
  $useButtonsHelpers:  true;
  $useClearfix:        true;
  $useClearing:        true;
  $useDisplay:         true;
  $useFormsHelpers:    true;
  $useHeadingsHelpers: true;
  $useImgreplace:      true;
  $useListsHelpers:    true;
  $useMediaHelpers:    true;
  $useOtherHelpers:    true;
  $useTablesHelpers:   true;
$useObjects:           true;
  $useAlerts:          true;
  $useMediaObj:        true;
  $useProgress:        true;
  $useNav:             true;
    $useBreadcrumbs:   true;
    $useMenus:         true;
    $usePagination:    true;
    $useTabs:          true;
  $useStats:           true;
  $useDropdown:        true; // READ WARNING BELOW!
  $useFlyout:          true; // READ wARNING BELOW!
$useIcons:             true;

// /***************************************************************************
// *  WARNING:
// *  Seelva's dropdown and flyout objects *DO NOT WORK* with touchscreen
// *  devices because they use the ':hover' pseudo-class to display submenus.
// *  Be aware that if you want to use dropdowns with touchscreen devices you
// *  should use a Javascript-based alternative.
// ****************************************************************************\

// /*====  $Media-queries Config  ====*\
// Default widths
$s-sm: 480px;
$s-sms:767px;
$s-md: 768px;
$s-tb: 1024px;
$s-lg: 1200px;

// Devices ( name  ( [abbreviation]  size  [ type: min | max ]  [ alias: true | false  ] ) )
$devices-list: (
  'small':      ( 'abbr': sm,  'size': 0      $s-sm ),
  'medium':     ( 'abbr': md,  'size': $s-sm  $s-md ),
  'tablet':     ( 'abbr': tb,  'size': $s-md  $s-tb ),
  'large':      ( 'abbr': lg,  'size': $s-md  $s-lg ),

  // Device Aliases
  'portable':   ( 'abbr': pt,  'size': $s-sms,  'type': max,  'alias': true ),
  'mup':        ( 'abbr': mup, 'size': $s-md,  'type': min,  'alias': true ),
  'xlg':        ( 'abbr': xlg, 'size': $s-tb,  'type': min,  'alias': true ),
);


// /*=========  $Grid Config  =========*\
// If grid module is enabled, these settings modifies the grid:
$colAmount:           12;     // How many columns should the grid have?
$gutterWidth:         20px;     // Separation between columns, In px
$contentWidth:        1200px; // Max-width of the main content area?

// /*========  $Custom Colors  ========*\
// Brand Colors
$c-brand-error:       $c-crimson;
$c-brand-info:        $c-steelblue;
$c-brand-notice:      $c-goldenrod;
$c-brand-success:     $c-limegreen;

$c-brand-green:         #729E00;
$c-brand-green-dark:    #007336;
$c-brand-green-dark-a:  #1a7f64;
$c-brand-green-dark-b:  #007153;
$c-brand-green-dark-c:  #156742;
$c-brand-green-light:   #4FA800;
$c-brand-green-light-a: #62b38e;
$c-brand-green-lawn:    #009A48;
$c-brand-green-pale:    #91A663;
$c-brand-green-pager:   #007153;
$c-brand-orange:        #CB5229;
$c-brand-blue:          #009ACD;
$c-brand-yellow:        #D9A300;
$c-brand-green-hover:   #07A953;
$c-brand-whitesmoke:    #F1F1F1;
$c-fringe-green:        #316900;
$c-fringe-magazine:     #007832;
$c-gray:                #A7A5A8;
$c-b-gray:              #777777;
$c-d-gray:              #C1C1C1;
$c-l-gray:              #F5F5F5;
$c-t-gray:              #D9D9D9;
$c-h-gray:              #EEEEEE;
$c-aqua:                #008e8e;
$c-a-blue:              #8CB8DE;

$c-menu-observatory: #1E935E;
$c-brand-main:        $c-brand-green;

$c-blue-menu:         #00B2B2;
$c-orange-menu:       #FF5C26;
$c-yellow-menu:       #FFBF00;
$c-expanded-menu:     #FFEFBF;
$c-expanded-borde:    #717171;
$c-expanded-active:   #363636;


$c-color-event:       #17766E;
$c-color-event-two:   #1D9489;
$c-color-event-social:#1D9388;


$c-header-polired:    #008C69;
// /*=========  $Font config  =========*\
// Default stacks
$fstack-sans:         $fstack-arial;
$fstack-serif:        $fstack-cambria;
$fstack-mono:         $fstack-consolas;

$fstack-oxygen:       'Oxygen', sans-serif;

// Custom stacks
$fstack-body:         $fstack-oxygen;
$fstack-headings:     $fstack-oxygen;
$fstack-code:         $fstack-consolas;
$fstack-forms:        $fstack-oxygen;
$fstack-buttons:      $fstack-oxygen;

// /*=======  $Text properties  =======*\
$textColor:           $c-black;

$textSize:            1em;
$textLineHeight:      1.5em;

$h1-size:             294%;
$h2-size:             192%;
$h3-size:             171%;
$h4-size:             150%;
$h5-size:             128%;
$h6-size:             107%;

// /*==========  $Variables  ==========*\
// Px unit
$baseUnit1:           3px;

// Border radius
$radius1:             3px;
$radius2:             6px;
$radius3:             9px;

// /*==========  $Social  ==========*\

// List
$items-social: (
    twitter: #00BFFF, 
    facebook: #265CFF,
    googleplus: #FF0000,
    chat: #007336, 
    flickr: #FFFFFF, 
    instagram: #00BFFF, 
    pinterest: #FF0000, 
    youtube: #D90000,
);

// /*==========  $Blocks Color museum ==========*\
$items-color-museum: (
    1: #E35858,
    2: #C158E3,
    3: #22A9D6,
    4: #D67D22,
    5: #197A9B,
);

// /*==========  $Blocks Color tourist ==========*\
$items-color-tourist: (
    1: #FF2626,
    2: #C926FF,
    3: #00A3D9,
    4: #D96D00,
    5: #698C00,
);

// /*==========  $icons contact  ==========*\


// $items-unida-page: (
//   productos,
//   capacitacion,
//   uniforme,
//   evento-internacional,
//   cooperacion-internacional,
//   inv-criminologica,
//   bases-aereas,
//   funciones,
//   perfil,
//   objetivo,
//   estudio-criminologia,
//   analisis-criminologico,
//   medios-tecnicos,
//   distribucion,
//   misiones-de-paz,
//   asesoria-y-acompanamiento,
//   roles-y-uniformes,
//   educacion-continuada,
//   investigacion,
//   bienestar-universitario,
//   directorio,
//   mapa,
//   doctrina,
//   componente-aeronautico,
// );