/**********************
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
***********************************/
/*.modal-backdrop {
    opacity: 0.5 !important;
}

.modal-backdrop.in {
    opacity: 0.9;
}*/
.SWBorderBottom1SolidGreyDark {
  border: none;
  border-bottom: 1px solid #333 !important; }

.dropdown-toggle::after {
  display: none; }

.SWFooterBottom {
  padding: 10px;
  background-color: #333;
  color: #FFF;
  text-align: center; }

/*.container-fluid {
    margin: 10px !important;
    padding: 10px !important;
    border: none !important;
}*/
/*********************
Device - Large - Begin 
*********************/
@media only screen and (min-width: 1281px) {
  .SWIconSpacer {
    display: inline-block;
    width: 8px; }
  .SWBrandHeader {
    height: auto; }
  .SWBtn {
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #34AC00;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    cursor: pointer; }
  .SWBtn:hover, .SWBtn:focus {
    background-color: #6AC600;
    color: #FFF;
    text-decoration: none; } }

/**********************
Device - Medium - Begin 
**********************/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .SWIconSpacer {
    display: inline-block;
    width: 6px; }
  .SWBrandHeader {
    width: 135px;
    height: auto; }
  .SWBtn {
    margin: 0;
    padding: 3px 5px;
    display: inline-block;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #34AC00;
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    cursor: pointer; }
  .SWBtn:hover, .SWBtn:focus {
    background-color: #6AC600;
    color: #FFF;
    text-decoration: none; } }

/*********************
Device - Small - Begin 
*********************/
@media only screen and (max-width: 767px) {
  .SWFooterBottom {
    font-size: 11px; }
  .SWIconSpacer {
    display: inline-block;
    width: 8px; }
  .SWPadRight2-SM {
    padding-right: 2px !important; }
  .SWPadLeft2-SM {
    padding-left: 2px !important; } }
