/**
 * @file
 * Variables
 */

// layout
@width-page: 1000px;
@width-sidebar-first: 20%;
@width-sidebar-second: 20%;
@width-tablet-sidebar-first: 33.333%;
@width-tablet-sidebar-second: 33.333%;

@mobile: ~"(max-width: 767px)";
@tablet: ~"(max-width: 959px)";
@desktop: ~"(max-width: 1400px)";

// fonts

//font awesome
@font-awesome: 'FontAwesome';
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal; font-style: normal;
}

@font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
@font-family-semibold: 'open_sanssemibold', Helvetica, Arial, sans-serif;
@family-header-font: 'open_sans_condensedbold', Helvetica, Arial, sans-serif;
@family-header-alternate-font: 'open_sansbold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
@font-family-light: 'open_sanslight', Helvetica, Arial, sans-serif;
@family-light-font: 'open_sanscondensed_light', Helvetica, Arial, sans-serif;
@font-size: 1.6rem;
@font-size-small: unit(unit(11px)/unit(@font-size), em);
@font-size-medium: unit(unit(18px)/unit(@font-size), em);
@font-size-large: unit(unit(23px)/unit(@font-size), em);
@line-height: 24px;
@weight-bolder: bold;
@weight-regular: normal;
@weight-text: normal;

// color variables
@color-button-bkg: #004C97;
@color-button-bkg-hover: #15214D;
@color-button-disabled-bkg: #99d2e7;
@color-button-success-bkg: #88a753;
@color-button-error-bkg: #d64637;
@color-button-warning-bkg: #e48735;
@color-button-secondary-bkg: #a82e8f;
@color-button-text: #FFF;
@color-button-text-hover: #FFF;
@color-font: #333333;
@color-placeholder: #999;
@color-header: #4A4A4A;
@color-input-border: #C4BCB7;
@color-input-label: #4A4A4A;
@color-input-text: #666;
@color-link: #005794;
@color-link-bkg: transparent;
@color-link-hover: #005794;
@color-link-text: #333;
@color-footer-link: #0088cc;
@color-footer-link-bkg: transparent;
@color-footer-link-hover: #003366;
@color-footer-link-text: #333;
@color-pagination-bkg: transparent;
@color-pagination-bkg-hover: #004C97;
@color-pagination-text: #666666;
@color-pagination-text-hover: #fff;
@color-padination-text-active: #004C97;
@color-page-title: #4A4A4A;
@color-date-field: #888888;
@color-green-link: #007672;
@color-subheadline-text: #666666;

// background variables
@background-body: #ffffff;
@background-body-sidebar: #eeeeee;


// Main nav
@color-main-nav-bkg: #2c3e50;
@color-main-nav-text: #fff;
@color-main-nav-bkg-hover: #1a242f;
@color-accordion-menu-bkg: #004C97;

// Sliders (flex slider)
@color-slider-view-bkg: #000000;
@color-slider-view-text: #ffffff;
@color-slider-copy-bkg: #000000;
@color-slider-copy-text: #ffffff;
@color-sider-control-navi: #dddddd;
@color-sider-control-navi-hover: #31a3d1;

// Sliders (Slick carousel)
@color-slick-dots: #004C97;

//tables
@color-tables-border: #cccccc;
@color-tables-bkg-even: #EEEEEE;
@color-tables-bkg-odd: #FFF;
@color-tables-header-bkg: #CCCCCC;

//accordion
@color-header-accordion: #485b69;

//school colors
@color-school-green: #035d55;
@color-school-maroon: #803224;
@color-school-blue: #143b87;
@color-school-red: #a80912;
@color-school-olive: #72682e;
@color-school-purple: #642d7a;

//text background color
@color-text-bkg: #ECEBE1;
@color-text-blue-bkg: #e2edf8;
@color-search-bkg: #003178;

// Site Alert colors
@color-content-site-alert-text:#000000;
@color-content-site-alert-bg:#FFEAEA;



// Theme colors
/** Body **/
@color-main-wrapper-h2-color: #4a4a4a;
@radius-button-border: 32px;
@color-footer-outer-wrapper-bg: transparent;

/** Header **/
@color-bg-header: #004c97;
@color-bg-header-transparent: rgba(0, 76, 151, 0.85);
@color-header-menu-link: #FFFFFF;

/** Sidebar Menu **/
@color-sidebar-first-level-link: #004c97;
@color-sidebar-first-level-link-hover: #004c97;
@color-sidebar-first-level-link-active: #FFFFFF;
@color-sidebar-first-level-bg: #EEEEEE;
@color-sidebar-first-level-bg-active: #004C97;
@color-sidebar-first-level-bg-hover: #DEDEDE;
@color-sidebar-first-level-left-border-color: #004c97;
@color-sidebar-first-level-left-border-hover: #004c97;
@color-sidebar-first-level-top-border: #fff;
@color-sidebar-second-level-link: #4a4a4a;
@color-sidebar-second-level-link-hover: #4a4a4a;
@color-sidebar-second-level-link-active: #FFFFFF;
@color-sidebar-second-level-bg: #EEEEEE;
@color-sidebar-second-level-bg-active: #3679bc;
@color-sidebar-second-level-bg-hover: #DEDEDE;
@color-sidebar-second-level-left-border-color: #3679bc;
@color-sidebar-second-level-left-border-hover: #3679bc;
@color-sidebar-third-level-link: #4a4a4a;
@color-sidebar-third-level-link-hover: #333333;
@color-sidebar-third-level-link-active: #333333;
@color-sidebar-third-level-bg: #EEEEEE;
@color-sidebar-third-level-bg-hover: #DEDEDE;
@color-sidebar-third-level-bg-active: #ABCAE9;
@color-sidebar-third-level-left-border-color: #ABCAE9;
@color-sidebar-third-level-left-border-hover: #ABCAE9;
@color-sidebar-fourth-level-link: #4a4a4a;
@color-sidebar-fourth-level-link-hover: #4a4a4a;
@color-sidebar-fourth-level-link-active: #4a4a4a;
@color-sidebar-fourth-level-bg: #EEEEEE;
@color-sidebar-fourth-level-bg-hover: #DEDEDE;
@color-sidebar-fourth-level-bg-active: #c7e4ff;
@color-sidebar-fourth-level-left-border-color: #c7e4ff;
@color-sidebar-fourth-level-left-border-hover: #c7e4ff;

/** Content CTA **/
@color-content-cta-text: @color-font;
@color-content-cta-bg: #E8E8E8;
@color-content-cta-title: #fff;
@color-content-cta-bg-title: #007672;
@color-content-cta-bg-title-border: #fff;

/** Slideshow **/
@color-slideshow-main-wrapper-down-arrow: #007672;
@color-slideshow-arrows: #ABCAE9;
@color-slideshow-arrow-border: #ABCAE9;
@color-slideshow-dot-bg: #004c97;
@color-slideshow-dot-bg-active: #ABCAE9;
@color-slideshow-dot-bg-border: #000;
@color-slideshow-dot-bg-border-active: #ABCAE9;
@image-slideshow-waves: url("../images/bkg-slide-waves.png");
@image-slideshow-waves-transparent: url("../images/bkg-transparent-slides.png");
@color-slideshow-waves-transparent: transparent;

/** Simple Paragraph **/
@color-simple-paragraph-title: #FFFFFF;
@color-simple-paragraph-text: #FFFFFF;
@color-simple-paragraph-quick-link-bg-hover: #E2EDF8;

/** Tabbed Paragraph **/
@color-tabbed-paragrpah-bg: #e8e8e8;
@color-tabbed-paragraph-tab-active: #0b5693;
@color-grid-item-bg: #fff;
@color-grid-item-border-top: #abcae9;
@color-grid-item-link: #005794;

/** Two Row Paragraph **/
@color-first-row-bg: rgba(0, 39, 37, 0.8);
@image-first-row-top-bg: url("../images/bkg-first-row-wave.png");
@image-first-row-bottom-bg: url("../images/bkg-two-row-bottom-wave.png");
@color-first-row-links-border: #A1D884;
@color-first-row-links-border-hover: #A1D884;
@color-first-row-links-bg-hover: #007672;
@color-first-row-links-text-hover: #FFFFFF;
@color-second-row-bg: #A1D884;
@color-second-row-title: #4A4A4A;
@color-second-row-text: #4A4A4A;
@color-second-row-links: #4A4A4A;
@color-second-row-links-border: #4A4A4A;
@color-second-row-links-hover: #fff;
@color-second-row-links-bg-hover: #007672;
@color-second-row-links-border-hover: #007672;

/** Where to Find Paragraph **/
@color-where-to-find-bg: transparent;
@color-where-to-find: #004C97;
@color-where-to-find-title: #004C97;
@color-where-to-find-link: #fff;
@color-where-to-find-text: #fff;
@color-where-to-find-hover: #001659;
@color-where-to-find-border: #ABCAE9;

/** Department Header Paragraph **/
.color-department-header-gradient {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(199,199,199,0) 22%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(199,199,199,0) 22%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(199,199,199,0) 22%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
@image-department-header-wave: url("../images/bkg-department-banner-wave.png");

/** Department News and Events **/
@color-department-news-events-bg: transparent;
@image-department-news-events: url("../images/bkg-department-news-events.png");
@color-department-news-items-list: rgba(0,0,0,0.15);
@color-department-news-item-active-bg: rgba(0,0,0,0.4);
@color-department-news-items-active-border: #004C97;
@color-department-news-footer-link: #fff;
@color-department-news-footer-link-bg: #B7312C;
@color-department-news-footer-link-border: #B7312C;
@color-department-news-footer-link-hover: #B7312C;
@color-department-news-footer-link-bg-hover: transparent;
@color-department-news-footer-link-border-hover: #B7312C;

/** Department News and Events **/
@color-grid-text-wrapper-border: #f0eae6;
@color-grid-text-wrapper-bg: #FFFFFF;
@color-grid-text-wrapper-bg-hover: #e8e8e8;

/** Testimonial Paragraph **/
@image-testimonial-paragraph-bg: url("../images/bkg-blue-paragraph-wave.jpg");
@color-testimonial-paragraph-bg: #007672;
@color-testimonial-paragrpah-slick-arrow: #002F74;
@color-testimonial-paragrpah-slick-arrow-border: #002F74;
@color-testimonial-paragrpah-slick-dot-bg: #fff;
@color-testimonial-paragrpah-slick-dot-active-border: #fff;

/** Accordion Paragraph **/
@color-accordion-paragraph-bg: #007672;
@image-accordion-paragraph-bg: #e8e8e8 url("../images/bkg-green-wave.png");

/** Advising Paragraph **/
@color-paragrpah-advising-bg: #f5f4f4;
@color-paragrpah-advising-title: #004C97;
@color-paragrpah-advising-bg: #E8E8E8;
@color-paragrpah-advising-title: #4A4A4A;
@color-paragrpah-advising-link: #FFFFFF;
@color-paragrpah-advising-link-bg: #004c97;
@color-paragrpah-advising-link-after: #abcae9;

/** Degrees Paragraph **/
@image-paragraph-degrees-bg: #e8e8e8 url("../images/bkg-degrees-programs.png");
@color-paragraph-degrees-title: #FFFFFF;
@color-paragraph-degrees-item-bg: transparent;
@color-paragraph-degrees-item-border: #fff;

/** Sidebar Links **/
@color-sidebar-link-border: #007672;
@color-sidebar-link: #007672;
@border-sidebar-link-border: 32px;

/** Slide Menu **/
@color-slide-menu-bg: #004c97;
@color-slide-menu-input-bg: #003178;
@color-slide-menu-input-text: #FFFFFF;
@color-slide-menu-submit-bg: #003178;
@image-slide-menu-search-icon: url("../images/search-mobile.png");
@color-slide-menu-ul-menu-link: #fff;
@color-slide-menu-ul-menu-child-link: #fff;
