// Variables custom
//
//##
// Table of Contents
//
// Colors
// Options
// Body
// Links
// Fonts
// Typography
// Forms
// Owl Carousel
// Colors
//
//##
// Colors Custom
/*$cmb-blue: #1e3547 !default;
$cmb-orange: #da7818 !default;
$cmb-bluesky: #5193de !default;
$cmb-red: #ce1836 !default;
$cmb-green: #3e8c58 !default;*/
// Colors Insitucionals
$brand-institucional-primary: #003fa2 !default;
$brand-institucional-secondary: #4ba6de !default;
// Grayscale and brand colors for use across Bootstrap.
$gray-darker: #151515 !default;
$gray-dark: #353535 !default;
$gray: #55595c !default;
$gray-light: #818a91 !default;
$gray-lighter: #ccc !default;
$gray-lightest: #ddd !default;
// Brand Bootstrap
$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
$brand-success: #4eba74 !default;
$brand-info: #5bc0de !default;
$brand-warning: #f1bd4a !default;
$brand-danger: #dd463c !default;
$brand-inverse: $gray-dark !default;
// Other Colours
$cmb-purple: #8c78cf;
$cmb-purple-bright: lighten(saturate($cmb-purple, 5%), 15%);
$cmb-purple-light: #cdbfe3;
$cmb-graphite: #2a2730;
$cmb-graphite-light: lighten($cmb-graphite, 40%);
$cmb-yellow: #ffe484;
$cmb-danger: #d9534f;
$cmb-warning: #f0ad4e;
$cmb-info: #5bc0de;
// Social Color
$brand-social: $brand-institucional-secondary !default;
$brand-facebook: #3b5998 !default;
$brand-twitter: #1da1f2 !default;
$brand-instagram: #982187 !default;
$brand-whatsapp: #25d366 !default;
//offline
$cmb-offline-color: white;
$cmb-offline-background-color: lighten($brand-warning, 10%);
$cmb-offline-border-color: lighten($brand-warning, 10%);
//error
$cmb-error-color: lighten($cmb-danger, 80%);
$cmb-error-background-color: $cmb-danger;
$cmb-error-border-color: $cmb-danger;
// Options
//
//$enable-flex: false !default;
$enable-rounded: true !default;
$enable-shadows: false !default;
$enable-gradients: false !default;
$enable-transitions: false !default;
$enable-hover-media-query: false !default;
$enable-grid-classes: true !default;
$enable-print-styles: true !default;
// Spacing
//
//##
$spacer: 1rem !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
$spacers: (
0: (
x: 0,
y: 0,
),
1: (
x: $spacer-x,
y: $spacer-y,
),
2: (
x: (
$spacer-x * 1.5,
),
y: (
$spacer-y * 1.5,
),
),
3: (
x: (
$spacer-x * 3,
),
y: (
$spacer-y * 3,
),
),
) !default;
$border-width: 1px !default;
// Body
//
//##
$body-bg: #fff !default;
$body-color: $gray-dark !default;
// Links
//
//##
$link-color: $brand-institucional-primary !default;
$link-decoration: none !default;
$link-hover-color: $brand-institucional-primary !default;
$link-hover-decoration: underline !default;
$link-focus-color: $brand-institucional-primary !default;
$link-focus-decoration: underline !default;
// Code
//
//##
$code-color: #c7254e !default;
$code-bg: #f9f2f4 !default;
$kbd-color: #fff !default;
$kbd-bg: #333 !default;
$pre-bg: #f5f5f5 !default;
$pre-color: $gray-dark !default;
$pre-border-color: #ccc !default;
$pre-scrollable-max-height: 340px !default;
// Fonts
//
//##
@import url("https://fonts.googleapis.com/css?family=Asap:400,500");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
// Typography
//
//##
$font-family-sans-serif: "Asap", sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
// Pixel value used to responsively scale all typography. Applied to the `` element.
$font-size-root: 16px !default;
$font-size-base: 15px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-medium: ceil(($font-size-base * 1.1)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
$line-height-base: 1.5 !default;
$line-height-computed: floor(($font-size-base * $line-height-base)) !default;
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-medium: 1.4 !default;
$line-height-small: 1.5 !default;
$padding-base-vertical: 6px !default;
$padding-base-horizontal: 12px !default;
$font-size-h1: 2.5rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.75rem !default;
$font-size-h4: 1.5rem !default;
$font-size-h5: 1.25rem !default;
$font-size-h6: 1rem !default;
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;
$headings-color: darken($brand-institucional-primary, 0%) !default;
//== Components
//
//##
$padding-base-vertical: 6px !default;
$padding-base-horizontal: 12px !default;
$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;
$padding-medium-vertical: 7px !default;
$padding-medium-horizontal: 10px !default;
$padding-small-vertical: 4px !default;
$padding-small-horizontal: 4px !default;
$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;
$border-radius-base: 3px !default;
$border-radius-small: 2px !default;
$border-radius-medium: 4px !default;
$border-radius-large: 5px !default;
//** Global color for active items (e.g., navs or dropdowns).
$component-active-color: #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default;
//** Width of the `border` for generating carets that indicate dropdowns.
$caret-width-base: 4px !default;
//** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default;
//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.
//** Padding for `| `s and ` | `s.
$table-cell-padding: 8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px !default;
//** Default background color used for all tables.
$table-bg: transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent: #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
//** Border color for table and cell borders.
$table-border-color: #ddd !default;
//== Type
//
//##
$text-muted: $gray-light !default;
$headings-small-color: $gray-light !default;
$blockquote-small-color: $gray-light !default;
$blockquote-font-size: ($font-size-base * 1.25) !default;
$blockquote-border-color: $gray-lighter !default;
//== Buttons
//
//##
$btn-font-weight: normal !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-link-disabled-color: $gray-light !default;
// Allows for customizing button radius independently from global border radius
$btn-border-radius-base: $border-radius-base !default;
$btn-border-radius-large: $border-radius-large !default;
$btn-border-radius-medium: $border-radius-medium !default;
$btn-border-radius-small: $border-radius-small !default;
$btn-font-weight: normal !default;
$btn-brand-color: #fff !default;
$btn-brand-bg: $brand-institucional-primary !default;
$btn-brand-border: darken($btn-brand-bg, 5%) !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default;
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
$btn-success-color: #fff !default;
$btn-success-bg: $brand-success !default;
$btn-success-border: darken($btn-success-bg, 5%) !default;
$btn-info-color: #fff !default;
$btn-info-bg: $brand-info !default;
$btn-info-border: darken($btn-info-bg, 5%) !default;
$btn-warning-color: #fff !default;
$btn-warning-bg: $brand-warning !default;
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
$btn-danger-color: #fff !default;
$btn-danger-bg: $brand-danger !default;
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
$btn-link-disabled-color: $gray-light !default;
// socials
$btn-social-color: #fff !default;
$btn-social-bg: $brand-social !default;
$btn-social-border: darken($btn-social-bg, 5%) !default;
$btn-facebook-color: #fff !default;
$btn-facebook-bg: $brand-facebook !default;
$btn-facebook-border: darken($btn-facebook-bg, 5%) !default;
$btn-twitter-color: #fff !default;
$btn-twitter-bg: $brand-twitter !default;
$btn-twitter-border: darken($btn-twitter-bg, 5%) !default;
$btn-instagram-color: #fff !default;
$btn-instagram-bg: $brand-instagram !default;
$btn-instagram-border: darken($btn-instagram-bg, 5%) !default;
$btn-whatsapp-color: #fff !default;
$btn-whatsapp-bg: $brand-whatsapp !default;
$btn-whatsapp-border: darken($btn-whatsapp-bg, 5%) !default;
//== Images
//
//##
//figure
$images-height: 330px !default;
$images-bg-image-pos-x: center !default;
$images-bg-image-pos-y: center !default;
$images-bg-size: cover !default;
// slides
$images-height-slides-lg: 330px !default;
$images-height-slides-md: 330px !default;
$images-height-slides-sm: 330px !default;
$images-height-slides-xs: 330px !default;
// article
$images-height-article-lg: 400px !default;
$images-height-article-md: 300px !default;
$images-height-article-sm: 400px !default;
$images-height-article-xs: 250px !default;
// gallery
$images-height-gallery-lg: 130px !default;
$images-height-gallery-md: 130px !default;
$images-height-gallery-sm: 130px !default;
$images-height-gallery-xs: 130px !default;
//++ speciales template
// last-news
$images-height-last-news-lg: 330px !default;
$images-height-last-news-md: 330px !default;
$images-height-last-news-sm: 330px !default;
$images-height-last-news-xs: 330px !default;
//== Forms
//
//##
$input-bg: #fff !default;
$input-bg-disabled: $gray-lighter !default;
$input-color: $gray !default;
$input-border: #ccc !default;
$input-border-radius: 0px !default;
$input-border-radius-large: 5px !default;
$input-border-radius-small: 3px !default;
$input-border-focus: $brand-institucional-secondary !default;
$input-color-placeholder: #999 !default;
$input-height-base: (
$line-height-computed + ($padding-base-vertical * 2) + 2
) !default;
$form-group-margin-bottom: 15px !default;
$legend-color: $gray-dark !default;
$legend-border-color: #e5e5e5 !default;
$input-group-addon-bg: $gray-lighter !default;
$input-group-addon-border-color: $input-border !default;
$cursor-disabled: not-allowed !default;
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
$state-brand-text: lighten($brand-institucional-primary, 20%) !default;
$state-brand-bg: lighten($brand-institucional-primary, 60%) !default;
$state-brand-border: darken(adjust-hue($state-brand-bg, -10), 10%) !default;
$state-success-text: #3c763d !default;
$state-success-bg: #dff0d8 !default;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
$state-info-text: #31708f !default;
$state-info-bg: #d9edf7 !default;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
$state-warning-text: #8a6d3b !default;
$state-warning-bg: #fcf8e3 !default;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
$state-danger-text: #a94442 !default;
$state-danger-bg: #f2dede !default;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
//== Alerts
//
//## Define alert colors, border radius, and padding.
$alert-padding: 10px !default;
$alert-border-radius: $border-radius-base !default;
$alert-link-font-weight: 500 !default;
$alert-brand-bg: $state-brand-bg !default;
$alert-brand-text: $state-brand-text !default;
$alert-brand-border: $state-brand-border !default;
$alert-success-bg: $state-success-bg !default;
$alert-success-text: $state-success-text !default;
$alert-success-border: $state-success-border !default;
$alert-info-bg: $state-info-bg !default;
$alert-info-text: $state-info-text !default;
$alert-info-border: $state-info-border !default;
$alert-warning-bg: $state-warning-bg !default;
$alert-warning-text: $state-warning-text !default;
$alert-warning-border: $state-warning-border !default;
$alert-danger-bg: $state-danger-bg !default;
$alert-danger-text: $state-danger-text !default;
$alert-danger-border: $state-danger-border !default;
//== List group
//
//##
//** Background color on `.list-group-item`
$list-group-bg: #fff !default;
//** `.list-group-item` border color
$list-group-border: #ddd !default;
//** List group border radius
$list-group-border-radius: $border-radius-base !default;
//** Background color of single list items on hover
$list-group-hover-bg: #f5f5f5 !default;
//** Text color of active list items
$list-group-active-color: $component-active-color !default;
//** Background color of active list items
$list-group-active-bg: $component-active-bg !default;
//** Border color of active list elements
$list-group-active-border: $list-group-active-bg !default;
//** Text color for content within active list items
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
//** Text color of disabled list items
$list-group-disabled-color: $gray-light !default;
//** Background color of disabled list items
$list-group-disabled-bg: $gray-lighter !default;
//** Text color for content within disabled list items
$list-group-disabled-text-color: $list-group-disabled-color !default;
$list-group-link-color: #555 !default;
$list-group-link-hover-color: $list-group-link-color !default;
$list-group-link-heading-color: #333 !default;
//== Panels
//
//##
$panel-bg: #fff !default;
$panel-body-padding: 15px !default;
$panel-heading-padding: 10px 15px !default;
$panel-footer-padding: $panel-heading-padding !default;
$panel-border-radius: $border-radius-large !default;
//** Border color for elements within panels
$panel-inner-border: #ddd !default;
$panel-footer-bg: #f5f5f5 !default;
$panel-brand-text: $brand-institucional-primary !default;
$panel-brand-border: lighten($brand-institucional-primary, 60%) !default;
$panel-brand-heading-bg: lighten($brand-institucional-primary, 70%) !default;
$panel-default-text: $gray-dark !default;
$panel-default-border: #ddd !default;
$panel-default-heading-bg: #f5f5f5 !default;
$panel-primary-text: #fff !default;
$panel-primary-border: $brand-primary !default;
$panel-primary-heading-bg: $brand-primary !default;
$panel-success-text: $state-success-text !default;
$panel-success-border: $state-success-border !default;
$panel-success-heading-bg: $state-success-bg !default;
$panel-info-text: $state-info-text !default;
$panel-info-border: $state-info-border !default;
$panel-info-heading-bg: $state-info-bg !default;
$panel-warning-text: $state-warning-text !default;
$panel-warning-border: $state-warning-border !default;
$panel-warning-heading-bg: $state-warning-bg !default;
$panel-danger-text: $state-danger-text !default;
$panel-danger-border: $state-danger-border !default;
$panel-danger-heading-bg: $state-danger-bg !default;
//== Atajo
//
//##
$color-test: false !default;
$atajo-size: $font-size-base !default;
$atajo-padding: 20px 0 0 0 !default;
$atajo-padding-sm: 10px 0px !default;
$atajo-padding-lg: 30px 0px !default;
$atajo-border-radius: $border-radius-large !default;
$atajo-icon-height: 60px !default;
$atajo-vector-height: 60px !default;
$atajo-image-height: 60px !default;
$atajo-logo-height: 107px !default;
$atajo-text: $brand-institucional-primary !default;
$atajo-bg: lighten($brand-institucional-primary, 70%) !default;
$atajo-brand-text: darken($brand-institucional-secondary, 20%) !default;
$atajo-brand-bg: lighten($brand-institucional-secondary, 70%) !default;
$atajo-brand-border: $state-brand-bg !default;
$atajo-default-text: $gray-dark !default;
$atajo-default-border: #ccc !default;
$atajo-default-bg: #fff !default;
$atajo-primary-text: #fff !default;
$atajo-primary-border: $brand-primary !default;
$atajo-primary-bg: $brand-primary !default;
$atajo-success-text: $state-success-text !default;
$atajo-success-border: $state-success-border !default;
$atajo-success-bg: $state-success-bg !default;
$atajo-info-text: $state-info-text !default;
$atajo-info-border: $state-info-border !default;
$atajo-info-bg: $state-info-bg !default;
$atajo-warning-text: $state-warning-text !default;
$atajo-warning-border: $state-warning-border !default;
$atajo-warning-bg: $state-warning-bg !default;
$atajo-danger-text: $state-danger-text !default;
$atajo-danger-border: $state-danger-border !default;
$atajo-danger-bg: $state-danger-bg !default;
//== Pagination
//
//##
//== Pagination
//
//##
$pagination-color: $link-color !default;
$pagination-bg: #fff !default;
$pagination-border: #ddd !default;
$pagination-hover-color: #fff !default;
$pagination-hover-bg: $gray-lighter !default;
$pagination-hover-border: #ddd !default;
$pagination-active-color: #fff !default;
$pagination-active-bg: $brand-institucional-secondary !default;
$pagination-active-border: $brand-institucional-secondary !default;
$pagination-disabled-color: $gray-light !default;
$pagination-disabled-bg: #fff !default;
$pagination-disabled-border: #ddd !default;
// Owl Carousel
//
//##
//nav
$owl-nav-color: white !default;
$owl-nav-color-hover: white !default;
$owl-nav-font-size: 14px !default;
$owl-nav-rounded: 5px !default;
$owl-nav-margin: 5px !default;
$owl-nav-padding: 4px 7px !default;
$owl-nav-radius: 5px !default;
$owl-nav-background: $gray-lighter !default;
$owl-nav-background-hover: $gray !default;
$owl-nav-disabled-opacity: 0.4 !default;
//dots
$owl-dot-width: 14px !default;
$owl-dot-height: 14px !default;
$owl-dot-rounded: 50px !default;
$owl-dot-margin: 5px 5px !default;
$owl-dot-background: $gray-lighter !default;
$owl-dot-background-active: $gray !default;
//item
$owl-item-link-color: white !default;
$owl-item-img-padding: 1px !default;
$owl-item-img-margin: 0px !default;
$owl-item-img-bg: $gray-lighter !default;
//figure
$owl-figure-height: 367px !default;
$owl-figure-bg-image-pos-x: center !default;
$owl-figure-bg-image-pos-y: bottom !default;
$owl-figure-bg-size: cover !default;
//caption
$owl-caption-bg: rgba($brand-institucional-primary, 0.9) !default;
$owl-caption-title-size: 1.5em !default;
$owl-caption-title-padding: 0px !default;
$owl-caption-title-margin: 0px !default;
$owl-caption-desc-size: 1em !default;
$owl-caption-desc-padding: 0px !default;
$owl-caption-desc-margin: 0px !default;
|