/**********************
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
***********************************/
a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  background: #27AE61 url("/images/misc/up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/*********************
Device - Large - Begin 
*********************/
@media only screen and (min-width: 1281px) {
  .SWSection {
    padding-top: 30px !important;
    padding-bottom: 90px !important; }
  .SWImageForParagraphWrap {
    float: left;
    margin-right: 20px;
    width: 175px;
    height: auto; }
  #SWDivImgBackServices {
    height: 750px;
    background: url("/images/services/services-l.jpg") no-repeat center; }
  .SWDivWithTextAnim {
    width: 100%;
    /*display: none;*/
    /*height: 200px;*/ }
  .SWDivWithTextAnim span {
    padding-top: 310px;
    padding-left: 339px;
    color: white;
    font-size: 45px;
    font-weight: bold; }
  .SWFlexContainerServices {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 100%;
    background-color: transparent; }
  .SWNavSvcs {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 1250px;
    background-color: transparent; }
  .SWNavSvcsItemBox {
    /*background: transparent;*/
    text-align: center;
    margin-right: 25px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWNavSvcsItemBoxLast {
    /*background: transparent;*/
    text-align: center;
    margin-right: 0px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWBtnSvcs {
    display: inline;
    background-color: #337AB7;
    font-size: 26px;
    font-weight: 500; }
  .SWBtnSvcs:hover {
    background-color: #3b87c8; }
  .SWBtnSvcs:focus {
    background-color: #3b87c8 !important; }
  .SWPadTopDynaServicesButtons {
    padding-top: 500px; } }

/*******************
Device - Large - End 
*******************/
/**********************
Device - Medium - Begin 
**********************/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .SWSection {
    padding-top: 20px !important;
    padding-bottom: 40px !important; }
  .SWImageForParagraphWrap {
    float: left;
    margin-right: 20px;
    width: 125px;
    height: auto; }
  #SWDivImgBackServices {
    height: 450px;
    background: url("../../../images/services/services-m.jpg") no-repeat center; }
  .SWDivWithTextAnim {
    width: 100%;
    /*display: none;*/
    /*height: 200px;*/ }
  .SWDivWithTextAnim span {
    padding-top: 310px;
    padding-left: 339px;
    color: white;
    font-size: 45px;
    font-weight: bold; }
  .SWFlexContainerServices {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 100%;
    background-color: transparent; }
  .SWNavSvcs {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 1250px;
    background-color: transparent; }
  .SWNavSvcsItemBox {
    /*background: transparent;*/
    text-align: center;
    margin-right: 25px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWNavSvcsItemBoxLast {
    /*background: transparent;*/
    text-align: center;
    margin-right: 0px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWBtnSvcs {
    display: inline;
    background-color: #337AB7;
    font-size: 26px;
    font-weight: 500; }
  .SWBtnSvcs:hover {
    background-color: #3b87c8; }
  .SWBtnSvcs:focus {
    background-color: #3b87c8 !important; }
  .SWPadTopDynaServicesButtons {
    padding-top: 500px; } }

/**********************
Device - Medium - End 
**********************/
/*********************
Device - Small - Begin 
*********************/
@media only screen and (max-width: 767px) {
  .SWSection {
    padding-top: 20px !important;
    padding-bottom: 30px !important; }
  .SWImageForParagraphWrap {
    float: left;
    margin-right: 15px;
    width: 120px;
    height: auto; }
  #SWDivImgBackServices {
    height: 225px;
    background: url("/images/services/services-s.jpg") no-repeat; }
  .SWDivWithTextAnim {
    width: 100%;
    /*display: none;*/
    /*height: 200px;*/ }
  .SWDivWithTextAnim span {
    padding-top: 310px;
    padding-left: 339px;
    color: white;
    font-size: 45px;
    font-weight: bold; }
  .SWFlexContainerServices {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 100%;
    background-color: transparent; }
  .SWNavSvcs {
    /*display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;*/
    display: flex;
    justify-content: center;
    /* center items horizontally */
    align-items: center;
    /* center items vertically */
    width: 1250px;
    background-color: transparent; }
  .SWNavSvcsItemBox {
    /*background: transparent;*/
    text-align: center;
    margin-right: 25px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWNavSvcsItemBoxLast {
    /*background: transparent;*/
    text-align: center;
    margin-right: 0px;
    /*border: 4px solid #FFF;
        border-radius: 5px;*/ }
  .SWBtnSvcs {
    display: inline;
    background-color: #337AB7;
    font-size: 26px;
    font-weight: 500; }
  .SWBtnSvcs:hover {
    background-color: #3b87c8; }
  .SWBtnSvcs:focus {
    background-color: #3b87c8 !important; }
  .SWPadTopDynaServicesButtons {
    padding-top: 500px; } }

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