/**********************
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");
@font-face {
  font-family: 'GOTHICB';
  src: url("../../../fonts/GOTHICB.TTF") format("truetype"); }

/****************
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 */
/* Teal Blue - Light */
/* 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 */
/*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
***********************************/
#SWModalSDS {
  display: table;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border: 1px solid;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

#SWModalSDS .modal-header {
  background-color: #2E3955;
  color: #FFF; }

#SWModalSDS .modal-header-issue {
  background-color: #BE1D31;
  color: #FFF; }

.modal-footer {
  text-align: center; }

#SWModalSDS .close {
  color: #fff;
  opacity: .8; }

#SWModalSDS .close:hover {
  color: #fff;
  opacity: 1; }

#SWModalSDS {
  display: none; }

.SWSDSInputGroup {
  width: 200px; }

.SWSDSInputUppercase {
  text-transform: uppercase; }

/*********************
Device - Large - Begin 
*********************/
@media only screen and (min-width: 1281px) {
  .SWTextSDSInstructions {
    height: 400px; }
  .SWTextSDSInstructions p {
    font-size: 18px !important; }
  .SWFloatInvoiceNonMobile {
    float: right;
    padding-left: 80px; }
  .SWFloatInvoiceMobile img {
    display: none; } }

/* Device - Large - End */
/**********************
Device - Medium - Begin 
**********************/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .SWTextSDSInstructions {
    height: 340px; }
  .SWTextSDSInstructions p {
    font-size: 18px !important; }
  .SWFloatInvoiceNonMobile {
    float: right;
    padding-left: 65px; }
  .SWFloatInvoiceNonMobile img {
    width: 425px;
    height: auto; }
  .SWFloatInvoiceMobile img {
    display: none; } }

/* Device - Medium - End */
/*********************
Device - Small - Begin 
*********************/
@media only screen and (max-width: 767px) {
  .SWFloatInvoiceNonMobile {
    display: none; }
  .SWFloatInvoiceMobile {
    padding-top: 15px;
    text-align: center; }
  .SWFloatInvoiceMobile img {
    width: 85%;
    height: auto; }
  #SWDivMsgMain {
    height: 200px;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url("../../../images/home/slide-people-sm.jpg") no-repeat transparent;
    padding-top: 85px;
    padding-left: 10px; } }

/* Device - Medium - Small */
/* End Media Classes */