/**********************
Import Dependency Files
**********************/
/*************************
Media Query Mins and Maxes
*************************/
/**********************************************************************
Purpose:    Codifies styling attributes of website common elements,
            mainly nav related, for large, medium and small devices.
Author:     SpectraWorx
Version:    1.0 
Date:       02/10/2018
Comments:   Any use of 'none' means inherit existing styling

Change Log: DATE        LOG
            XX/XX/XXXX  XXXXXXXXXXX
            YY/YY/YYYY  YYYYYYYYYYY
            ZZ/ZZ/ZZZZ  ZZZZZZZZZZZ
**********************************************************************/
/***********
Import Fonts
***********/
@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap");
/****************
Common Type Sizes
****************/
/************
Common Colors
************/
/*White*/
/*Black*/
/*Grey - Dark*/
/*Grey - Medium*/
/*Grey - Light*/
/*Grey - Lighter*/
/*Grey - Lightest*/
/*Fuchsia*/
/*Green*/
/*Green - Light*/
/*Yello - Ultra Pale*/
/*************
Special Colors
*************/
/* Teal Blue */
/* Cornflower Blue - Light */
/******************************
Small (Mobile) Device Only Vars
******************************/
/*Indentation Points*/
/****************
Banner Image Vars
****************/
/*Large*/
/*Medium*/
/*Small*/
/*************
Common Shadows
*************/
/*$shadow-box: 10px 10px 5px #E5E5E5;*/
/***************
Corporate Colors
***************/
/* Blue */
/* Red */
/* Green */
/*Contact Us Button*/
/***********
Common Links
***********/
/******
Buttons
******/
/*Medium*/
/*Small*/
/*$button-text-font-size-sm: 12px;
$button-text-font-weight-sm: 300;
$button-padding-sm: 3px 5px;*/
/********************
Nav "Common" Elements 
********************/
/* Divider */
/* Icon Spacer */
/****************************************************
* Nav Major - Container - Background Color and Border
****************************************************/
/* Medium */
/* Small */
/****************************************
* Nav Major - Background Color and Border
****************************************/
/* Small */
/**********************
* Nav Major - List Item
**********************/
/* Medium */
/* Small */
/***********************
* Nav Major - Typography
***********************/
/*Medium*/
/* Small */
/**************************
* Nav Major - Dropdown Menu
**************************/
/*Medium*/
/*Small*/
/**************************************
* Nav Major - Dropdown Menu - List Item
**************************************/
/*Medium*/
/*Small*/
/*********************************************
* Nav Major - Dropdown Menu - List Item - Open
*********************************************/
/***************************************
* Nav Major - Dropdown Menu - Typography
***************************************/
/*Medium*/
/*Small*/
/***********************************
* Nav Major - Dropdown Menu - Header
***********************************/
/*Medium*/
/************************************
* Nav Major - Dropdown Menu - Divider
************************************/
/*******************************************
* Nav Major - Dropdown Menu Beyond 1st Level
*******************************************/
/****************************************************
* Nav Minor - Container - Background Color and Border
****************************************************/
/****************************************
* Nav Minor - Background Color and Border
****************************************/
/* Small */
/**********************
* Nav Minor - List Item
**********************/
/*Medium*/
/*Small*/
/***********************
* Nav Minor - Typography
***********************/
/*Medium*/
/*Small*/
/**************************
* Nav Minor - Dropdown Menu
**************************/
/*Medium*/
/*Small*/
/**************************************
* Nav Minor - Dropdown Menu - List Item
**************************************/
/*Medium*/
/***************************************
* Nav Minor - Dropdown Menu - Typography
***************************************/
/*Medium*/
/*********************************************
* Nav Minor - Dropdown Menu - List Item - Open
*********************************************/
/*Small*/
/***********************************
* Nav Minor - Dropdown Menu - Header
***********************************/
/*$nav-minor-dropdown-menu-header-bg-color: $color-corp-blue;
$nav-minor-dropdown-menu-header-font-family: Arial;
$nav-minor-dropdown-menu-header-font-size: 13px;
$nav-minor-dropdown-menu-header-font-weight: 500;
$nav-minor-dropdown-menu-header-text-align: left;
$nav-minor-dropdown-menu-header-font-color: $color-corp-red;
$nav-minor-dropdown-menu-header-margin-left: 10px;
$nav-minor-dropdown-menu-header-letter-spacing: 3px;*/
/************************************
* Nav Minor - Dropdown Menu - Divider
************************************/
/*******************************************
* Nav Minor - Dropdown Menu Beyond 1st Level
*******************************************/
/**********************
SWNavAllElementsWrapper
**********************/
/* Small */
/************
Misc Settings
************/
/***********************************
Popular Colors - possibly to be used
***********************************/
/*********************
Device - Large - Begin 
*********************/
@media only screen and (min-width: 1281px) {
  #ControlDropDownClient {
    display: none; }
  .SWNavPillClient li a {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #205D7A !important; }
  .SWNavPillClient > .active > a, .SWNavPillClient > .active > a:hover {
    background-color: #0069C9 !important;
    color: white !important; }
  .SWDivTriPart {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    text-align: center; }
  .SWDivTriPart1 {
    /*IE 11 fix: Reinstate display type to FlexBox to ensure pills don't fill entire FlexBox column width*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-basis: 15%;
    ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    /*IE 11 fix: Specify column here for pills - depends on display type reinstatement specified above to FlexBox to ensure pills don't fill entire FlexBox column width*/
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-left: 100px;
    margin-right: 50px;
    text-align: right; }
  .SWDivTriPart2 {
    flex-basis: 30%; }
  .SWDivTriPart2 img {
    border: 2px solid #CCC; }
  .SWDivTriPart3 {
    flex-basis: 35%;
    /*-webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;*/
    ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-height: 300px;
    overflow-y: auto;
    margin-right: 100px;
    margin-left: 50px;
    text-align: left; } }

/*******************
Device - Large - End 
*******************/
/**********************
Device - Medium - Begin 
**********************/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  #ControlDropDownClient {
    display: none; }
  .SWNavPillClient li a {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #205D7A !important; }
  .SWNavPillClient > .active > a, .SWNavPillClient > .active > a:hover {
    background-color: #0069C9 !important;
    color: white !important; }
  .SWDivTriPart {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: center;
    text-align: center; }
  .SWDivTriPart1 {
    /*IE 11 fix: Reinstate display type to FlexBox to ensure pills don't fill entire FlexBox column width*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-basis: 15%;
    ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    /*IE 11 fix: Specify column here for pills - depends on display type reinstatement specified above to FlexBox to ensure pills don't fill entire FlexBox column width*/
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-left: 100px;
    margin-right: 50px;
    text-align: right; }
  .SWDivTriPart2 {
    flex-basis: 30%; }
  .SWDivTriPart2 img {
    border: 2px solid #CCC; }
  .SWDivTriPart3 {
    flex-basis: 35%;
    /*-webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;*/
    ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-height: 300px;
    overflow-y: auto;
    margin-right: 100px;
    margin-left: 50px;
    text-align: left; } }

/**********************
Device - Medium - End 
**********************/
/*********************
Device - Small - Begin 
*********************/
@media only screen and (max-width: 767px) {
  #ControlDropDownClient {
    width: 300px;
    font-size: 16px;
    padding: 15px 5px; } }

/*******************
Device - Small - End 
*******************/