/*
Theme Name: Respond JR
Theme URI: http://www.jerryrobinette.com/
Author: Jerry Robinette
Author URI: http://www.jerryrobinette.com/
Description: Description
Version: 2.0.0
Text Domain: respond-jr
Tags:

Respond JR is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.



/* Table of Contents
================================================================

    -> Theme Colors (Reference)
    -> Theme Fonts (Reference)
    -> Load Font Awesome
    -> Load Animations
    -> Load CSS Filters
    -> Fluid Grid
        -> Column Grid
        -> Clears
    -> Structure
        -> Page Header Intro
        -> Home Page
        -> News Page
        -> Post Listing Elements
        -> Error 404 Page
        -> Page Adjustments
    -> Typography
        -> Links
        -> Heading Styles
        -> Paragraphs, List Styles & Definitions
        -> Remove Top Margins
        -> Font Weight & Style
        -> Super & Sub Script
        -> Horizontal Rule
        -> Tables
        -> Pullquotes, Blockquotes, Pre, Code, etc.
    -> Adding Font Awesome Icons to HTTP, PDF, DOC, DOCX, UL within #Main
    -> Global Elements
        -> Colored Text Styles
        -> Bleeding Backgrounds
        -> Full Width
        -> Color Schemes (For Bleeding and Full-Width Content)
        -> Skip to Links & Screen Reader Text
        -> Fluid Images & iFrames
        -> Media
        -> Captions
        -> Galleries
        -> Alignments
        -> Text Alignments
        -> Margins and Paddings
        -> Action Buttons
        -> Call to Action
        -> Infinite Scroll Link
        -> Custom Pagination
    -> Section Designs
        -> Search Box (in Masthead)
        -> Error404 and Nothing Found Search
        -> Social Media
            -> Enlargements & Overrides For #main and #footer Icons
            -> Hover and Focus Background Effects
        -> Google Map
        -> Contact Info (Footer)
        -> Copyrights
        -> Fine Print Menu
        -> Comments
    -> Smartmenus
        -> Core CSS
        -> Menu box
        -> Sub-Menu
        -> Menu items
        -> Sub menu indicators
        -> Menu Button On Small Screens
        -> Responsiveness
    -> Flexslider
        -> Browser Resets
        -> Icon Fonts
        -> Container for "Slide" animation setups
        -> Necessary Styles
        -> Default Theme
        -> Caption styles
        -> Direction Nav
        -> Pause/Play
        -> Control Nav
        -> Features Slider
        -> Testimonials Slider
        -> Vendors Slider
        -> Responsiveness
    -> Plugin Overrides
        -> Ninja Form Elements
            -> Core
            -> Overrides
        -> Colorbox
    -> Media Queries

--------------------------------------------------------------*/
/* Theme Colors
================================================================

Steel Gray:             #3f4743
Dk Gray                 #222
Med Gray                #444
Warm Gray           #ddc
Lt Warm Gray            #eed
Med Warm Gray           #bba
Pale Yellow             #f6d69e
Gold                #f0b82d

Fluro Yellow            #eaf57b


-------------------------------------------------------------- */
/* =Theme Fonts
==============================================================


    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;

    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;

    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: normal;

    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;

    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-style: normal;

    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-style: italic;

    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-style: normal;

    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-style: italic;


-------------------------------------------------------------- */
/* =Load Font Awesome
=========================================================================================================*/
@import url('css/font-awesome.css');
/* =Load Animations
=========================================================================================================

@import url('css/css3-animations.css');

*/
/* =Load CSS Filters
=========================================================================================================

@import url('css/css-filters.css');

*/
/* =Load Fonts
============================================================== */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,900,900italic|Roboto+Condensed:700,700italic,400,400italic);

/* =Fluid Grid
=========================================================================================================*/
/* =Columns
----------------------------------------------------------- */
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths {
  position: relative;
  padding: 0 2%;
  margin: 0 -4px 0 0;
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: top;
}

.vcenter .one-half,
.vcenter .one-third,
.vcenter .two-thirds,
.vcenter .one-fourth,
.vcenter .three-fourths,
.vcenter .one-fifth,
.vcenter .two-fifths,
.vcenter .three-fifths,
.vcenter .four-fifths {
  vertical-align: middle;
}

.one-half {
  width: 46%;
}

.one-third {
  width: 29.33%;
}

.two-thirds {
  width: 62.6%;
}

.one-fourth {
  width: 21%;
}

.three-fourths {
  width: 71%;
}

.one-fifth {
  width: 16%;
}

.two-fifths {
  width: 36%;
}

.three-fifths {
  width: 56%;
}

.four-fifths {
  width: 76%;
}

.whole {
  width: 100%;
}

.columns {
  position: relative;
  margin: 2.5% -2% 0 -2%;
  padding: 0;
  height: 100%;
}

.subsidiary .columns {
  margin: 0;
  padding: 0;
}

/* =Clears
----------------------------------------------------------- */
.clearfix:before, .clearfix:after,
.columns:before, .columns:after,
.blocks:before, .blocks:after,
.boxes:before, .boxes:after,
.gallery:before, .gallery:after {
  content: "";
  display: table;
}

.clearfix:after,
.columns:after,
.blocks:after,
.boxes:after,
.gallery:after {
  clear: both;
}

/* =Structure
=========================================================================================================*/
header, section, footer, aside, nav, main, article, figure {
  display: block;
}

html {
  overflow-x: hidden;
}

body {
  background: #fff;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

#page {
  position: relative;
  margin: 0 auto;
  padding: 0;
  /* max-width: 1680px; */
}

#masthead,
#footer {
  position: relative;
  z-index: 0;
  margin: 0 -600em;
  padding: 0 600em;
}

#masthead {
  position: relative;
  z-index: 99999;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  color: #3f4743;
  border-bottom: solid 4px #f0b82d;
}

#footer {
  background: #f0b82d;
  color: #fff;
  position: relative;
  z-index: 0;
  text-align: center;
}

#masthead:before,
#footer:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 600em;
  right: 600em;
  margin: 0;
  padding: 0;
}

.subsidiary {
  position: relative;
  margin: 0 auto;
  padding: 0 3em;
  max-width: 1200px;
}

#masthead .subsidiary {
  padding: 1.5% 0;
}

#footer .subsidiary {
  padding: 2em 3em 0 3em;
}

#branding {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5% 0 0;
  padding: 0;
}

#branding img {
  margin: 0;
  padding: 0;
  min-width: 156px;
}

#branding a:link,
#branding a:visited,
#branding a:active,
#branding a:hover,
#branding a:focus {
  text-decoration: none;
  color: #fff;
}

#action-calls-n-nav {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

#social-media-navigation {
  position: relative;
  margin: .25em 1em .25em 1.25em;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

#call-to-action-buttons {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
}

#site-navigation {
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 0;
}

#main-menu {
  position: relative;
  top: 0;
  border: 0;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  text-align: left;
  max-width: 1200px;
}

#content-wrap {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  padding: 0 3em;
  max-width: 1200px;
}

#primary {}

#main {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#content {
  margin: 0 auto;
  padding: 5% 0 0 0;
  width: 100%;
}

#secondary {
  margin: 0 auto;
  padding: 5% 2.5% 5% 0;
  width: 25%;
  float: left;
}

#tertiary {
  margin: 0 auto;
  padding: 5% 0 5% 2.5%;
  width: 25%;
  float: left;
}

#lcdm-plug {
  position: relative;
  margin: 5% -600em 0 -600em;
  padding: 1.5% 600em;
  background: #f6d69e;
  text-align: center;
  color: #3f4743;
}

.home #lcdm-plug {
  margin: 0 -600em;
}

#lcdm-plug p {
  margin: 0;
  padding: 0;
}

#lcdm-plug img {
  margin: 0;
  padding: 0;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

/* =Page Header Intro
-------------------------------------------------------------- */
.entry-header {
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}

.page-template-page-header-image .entry-header,
.page-template-page-projects .entry-header,
.page-template-default .entry-header,
.page-template-page-news .entry-header,
.page-template-page-contact .entry-header,
.page-template-page-testimonials .entry-header {
  position: relative;
  z-index: 0;
  margin: 0 -100%;
  padding: 0 100%;
}

.page-template-page-header-image .entry-header,
.page-template-page-projects .entry-header,
.single-testimonial .entry-header {
  height: 500px;
}

.home .entry-header,
.search .entry-header {
  position: relative;
  z-index: 0;
  margin: 2.5% 0 0 0;
  padding: 0;
  background: none;
  text-align: center;
}

.search .entry-header {
  margin: 0;
}

.page-template-page-header-image .page-header,
.single-testimonial .page-header,
.page-template-page-projects .page-header,
.page-template-default .page-header,
.page-template-page-news .page-header,
.page-template-page-contact .page-header,
.page-template-page-testimonials .page-header {
  background-color: rgba(63, 71, 67, 0.7);
  margin: 0 -100%;
  padding: 2em 100%;
  text-align: center;
}

.page-template-page-header-image .page-header,
.single-testimonial .page-header,
.page-template-page-projects .page-header {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.single .entry-header {
  position: relative;
  z-index: 0;
  margin: 5% 0 2.5% 0;
  padding: 0;
}

.single-testimonial .entry-header {
  background-position: top center;
  position: relative;
  z-index: 0;
  margin: 0 -600em 3em -600em;
  padding: 0 600em;
  height: 500px;
}

.home .entry-header .page-header {
  background-color: #fff !important;
  position: relative;
  bottom: 0%;
  left: 0;
  right: 0;
  padding: 0;
  text-align: center;
}

.page-header-intro>p {
  margin: .25em 0 0 0;
  padding: 0;
  color: #fff;
  font-size: 1.25em;
  font-style: italic;
}

/* =Home Page
-------------------------------------------------------------- */
.fb-page {
  margin: 5% 0 0 0;
  padding: 0;
}

#recent-projects {
  margin: 7.5% -600em 0 -600em;
  padding: 7.5% 600em;
  background: #f6d69e;
  color: #3f4743;
}

#recent-projects h2 {
  margin: 0;
}

#time-laps-video {
  margin: 0 -600em;
  padding: 7.5% 600em;
  background: #3f4743;
  color: #fff;
}

#time-laps-video h2 {
  color: #f0b82d;
}

#time-laps-video .columns {
  margin-top: 0;
}

/* =Testimonials Page
-------------------------------------------------------------- */
.page-template-page-testimonials .testimonial {
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  background-size: cover;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1rem;
  width: 46%;
  margin: 5% 2% 0 2%;
  padding: 0;
  float: left;
}

.page-template-page-testimonials .testimonial-quote {
  background-color: rgba(63, 71, 67, 0.7);
  margin: 0;
  padding: 2em;
  border: solid 2px #45494b;
  min-height: 300px;
}

.page-template-page-testimonials .testimonial-quote:hover {
  background-color: rgba(63, 71, 67, 0.9);
}

.page-template-page-testimonials blockquote {
  font-weight: normal;
  font-style: normal;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 1em;
  margin: 0;
  padding: 0;
  line-height: 1.25em;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.page-template-page-testimonials cite {
  position: relative;
  display: block;
  font-weight: bold;
  font-style: normal;
  font-size: 1.75em;
  line-height: 1.15em !important;
  text-align: center;
  margin: .75em 0 0 0;
  padding: 0;
}

.page-template-page-testimonials .job-title {
  font-size: .75em;
  line-height: 1em;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  margin: .25em 0 0 0;
  padding: 0;
  display: block;
}

.page-template-page-testimonials .read-more-link {
  margin: .25em 0;
  padding: 0;
  text-align: center;
}

.page-template-page-testimonials .read-more-link .action-button {
  padding: .5em .5em .5em .75em !important;
}

/* =News Page
-------------------------------------------------------------- */
#post-listing {
  margin: 0 auto;
  padding: 0 2.5%;
  width: 35%;
  float: left;
}

#post-listing>h3 {
  margin: .5em 0 0 0;
  padding: 0;
}

/* =News Sidebar & Widgets
-------------------------------------------------------------- */
.sidebar {
  margin: 0 auto;
  padding: 0;
  width: 30%;
  float: left;
  text-align: center;
}

.widget-box {
  margin: 1em 0 0 0;
  padding: 1em .5em;
  text-align: center;
  border: solid 1px #aaa;
}

.news-promotions {
  margin: 5% 0 2.5% 0;
  padding: 0;
  text-align: center;
}

.promotion-box {
  margin: 0;
  padding: 1em 2em;
  text-align: center;
  display: inline-block;
  border: solid 2px #eaa700;
}

.widget-box h2,
.widget-box h3,
.widget-box h4,
.widget-box h5,
.widget-box h6 {
  margin: 0;
}

.promotion-box h2,
.promotion-box h3,
.promotion-box h4,
.promotion-box h5,
.promotion-box h6,
.promotion-box p {
  margin: 0;
  padding: 0;
}

#facebook-follow {
  margin: 2.5% 0;
  padding: 0;
}

.fb-page {
  width: 100% !important;
}

/* =Press Coverage Elements
-------------------------------------------------------------- */
#press-coverage {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

#press-coverage li {
  margin: 1em 0 0 0 !important;
  padding: 1em .5em !important;
  text-align: center;
  border: solid 1px #aaa;
}

#press-coverage li:before {
  content: '' !important;
}

.media-name {
  font-size: .85rem;
  font-style: italic;
  margin: .5em 0 0 0;
  padding: 0;
  display: block;
}

/* =Post Listing Elements
-------------------------------------------------------------- */
.post-item,
.search .hentry {
  margin: 1em 0;
  padding: 1em 0 2em 0;
  border-bottom: solid 1px #aaa;
}

.post-item:hover {}

.post-thumbnail {
  margin: 0 0 1em 0;
  padding: 0;
}

.post-thumbnail a:link,
.post-thumbnail a:visited,
.post-thumbnail a:hover,
.post-thumbnail a:active,
.post-thumbnail a:focus {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1em !important;
}

.post-header h2 {
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
}

.post-summary {}

.read-more-link {
  margin: 1em 0;
  padding: 0;
  text-align: center;
}

.entry-meta {
  margin: 2em 0;
  padding: 0;
}

/* =Events
-------------------------------------------------------------- */
#events-listing {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.event-item {
  margin: 1em 0 0 0 !important;
  padding: 0 .5em 1em .5em !important;
  text-align: center;
  border: solid 1px #aaa;
}

.event-item h3 {
  font-size: 1.125em;
  margin: 0 0 .5em 0;
}

.event-item p {
  margin: 0;
  padding: 0;
}

.event-date {
  font-weight: bold;
}

li.event-item:before {
  content: '' !important;
  margin-right: 0;
  margin-left: 0;
}

/* =Error 404 Page
-------------------------------------------------------------- */
.error-404,
.no-results,
.not-found {
  text-align: center;
}

/* =Page Adjustments
-------------------------------------------------------------- */
.search #content-wrap,
.archive #content-wrap,
.error404 #content-wrap {
  margin: 5% auto;
}

/* =Testimonial Single
---------------------------------- */
.single-testimonial .entry-content {
  margin: 0 15%;
}

/* =Typography
=========================================================================================================*/
body {
  font-weight: 300;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  font-size: 110%;
  line-height: 1em;
  color: #888;
}

/* =Links
-------------------------------------------------------------- */
#main a:link, #main a:visited, #main a:active, #main a:hover, #main a:focus {
  text-decoration: none;
  font-weight: 700;
  color: #f0b82d;
  padding: 0;
  border-bottom: solid 1px #ccc;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

#main a:active, #main a:hover, #main a:focus {
  color: #000;
  padding: .15em .5em;
  background: #f0b82d;
  border-bottom: none;
  border-radius: 3px;
}

.page-id-2963 #main a:hover {
    padding: 0;
    background: transparent;
}

a:link img, a:visited img, a:active img, a:hover img, a:focus img {
  border: none;
  outline: none;
}

/* =Heading Styles
------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.125em;
  letter-spacing: -.02em;
  margin: 1.25em 0 0 0;
  padding: 0;
  text-align: center;
}

h2,
h4,
h6,
h2 a,
h4 a,
h6 a {
  color: #3f4743;
}

h1,
h3,
h5,
h1 a,
h3 a,
h5 a,
.home .entry-header h1 {
  color: #f0b82d;
}

h1 {
  font-size: 2.25em;
  margin-top: 0;
}

h2 {
  font-size: 1.85em;
}

h3 {
  font-size: 1.65em;
}

h4 {
  font-size: 1.35em;
}

h5 {
  font-size: 1.25em;
}

h6 {
  font-size: 1em;
}

.entry-header h1 {
  color: #fff;
  font-size: 4em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

.home .entry-header h1 {
  font-size: 3.5em;
  text-shadow: 0 0 0 rgba(0, 0, 0, 1);
}

.single .entry-header h1 {
  font-size: 2.5em;
  color: #3f4743;
  text-shadow: 0 0 0 rgba(0, 0, 0, 1);
}

.single-testimonial .entry-header h1 {
  color: #fff;
  font-size: 4em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

/* =Paragraphs, List Styles & Definitions
------------------------------------------ */
p, ul, ol, dd, dt, dl, pre {
  line-height: 1.75em;
  margin: 1em 0 0 0;
}

#main ul,
#main ol {
  list-style-type: none;
  list-style: none;
}

#main ul {
  margin: 1em 0 0 3em;
  padding: 0;
}

#main ol {
  margin: 1em 0 0 3.5em;
  padding: 0;
}

#main ul li {
  margin: .25em 0 0 .5em;
  padding: 0;
}

#main ol li {
  margin: .25em 0 0 0;
  padding: 0;
}

#main ul li:before {
  content: '\f0a9';
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 1em;
  margin-left: -1.75em;
}

#main form ul li:before {
  content: none;
}

#main ol li {
  counter-increment: step-counter;
}

#main ol li::before {
  content: counter(step-counter);
  margin-right: .5em;
  margin-left: -2.25em;
  background-color: #444;
  color: #fff;
  font-weight: bold;
  padding: .4em .6em .2em .6em;
  border-radius: 3px;
}

dt {
  font-weight: normal;
  font-style: normal;
}

.entry-content>p:first-child {
  font-weight: normal;
  font-style: italic;
  font-size: 1.25em;
  line-height: 1.75em;
  margin: 1.5em 0 !important;
  padding: 0;
  color: #eaa700;
}

.entry-content>p:first-child strong {
  font-style: italic;
}

/*=Remove Top Margins
Removes margin-top from all headine as
first children with bleed, columns and full-width
------------------------------------------ */
.bleed h2:first-child,
.bleed h3:first-child,
.bleed h4:first-child,
.bleed h5:first-child,
.bleed h6:first-child,
.bleed p:first-child,
.bleed ul:first-child,
.bleed ol:first-child,
.columns div h2:first-child,
.columns div h3:first-child,
.columns div h4:first-child,
.columns div h5:first-child,
.columns div h6:first-child,
.columns div p:first-child,
.columns div ul:first-child,
.columns div ol:first-child,
.boxes div h2:first-child,
.boxes div h3:first-child,
.boxes div h4:first-child,
.boxes div h5:first-child,
.boxes div h6:first-child,
.boxes div p:first-child,
.boxes div ul:first-child,
.boxes div ol:first-child,
.full-width h2:first-child,
.full-width h3:first-child,
.full-width h4:first-child,
.full-width h5:first-child,
.full-width h6:first-child,
.full-width p:first-child,
.full-width ul:first-child,
.full-width ol:first-child,
.full-width div h2:first-child,
.full-width div h3:first-child,
.full-width div h4:first-child,
.full-width div h5:first-child,
.full-width div h6:first-child,
.full-width div p:first-child,
.full-width div ul:first-child,
.full-width div ol:first-child {
  margin: 0;
}

/* =Font Weight & Style
------------------------------------------ */
strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

em {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: italic;
}

/* =Super & Sub Script
------------------------------------------ */
sup, sub {
  font-size: .85em;
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}

sup {
  top: -.125em;
  margin-right: .125em;
}

sub {
  top: .5ex;
}

/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
  background-color: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  margin-top: 1.25em;
}

/* =Tables
-------------------------------------------------------------- */
table {
  font-size: 1em;
  line-height: 1.25em;
  margin: 1em 0;
  padding: 0;
  text-align: left;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  width: 100%;
  border-collapse: inherit;
  border-spacing: 0;
}

th {
  background-color: #444;
  color: #fff;
}

tr {}

th, td {
  padding: .7em 1.25em;
  border-left: 1px solid #222;
}

tr:nth-child(2n) {
  background-color: #f0b82d;
}

tr:hover, tr:focus {
  background-color: #f0b82d;
  color: #fff;
}

/* =Pullquotes, Blockquotes, Pre, Code, etc.
-------------------------------------------------------------- */
abbr, acronym {
  border-bottom: 1px dotted #333;
  cursor: help;
}

ins {
  text-decoration: none;
}

cite, em, i {
  font-weight: bold;
  font-style: italic;
}

blockquote {
  font-size: 1.125em;
  line-height: 1.5em;
  margin: 1em 2em;
  padding: 0 1em;
  color: #999;
  border-left: solid 2px #f0b82d;
  border-right: solid 2px #f0b82d;
}

blockquote p {
  margin: 0;
  padding: 0;
}

blockquote.left {
  border-left: none;
  border-right: solid 2px #f0b82d;
}

blockquote.right {
  border-left: solid 2px #f0b82d;
  border-right: none;
}

cite {
  margin: .5em 2em;
}

pre, code {
  font: 1em Monaco, monospace;
  line-height: 1.25em;
  margin-bottom: 1.125em;
}

blockquote.left {
  float: left;
  text-align: right;
  width: 33%;
}

blockquote.right {
  float: right;
  text-align: left;
  width: 33%;
}

/* =Adding Font Awesome Icons to HTTP, PDF, DOC, DOCX, UL within #Main
=========================================================================================================*/
#main a[href^="http"]:after,
#main a[href^="https"]:after,
#main a[href$=".pdf"]:before,
#main a[href$=".doc"]:before,
#main a[href$=".docx"]:before {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  font-size: 1em;
  line-height: 0.75em;
}

#main a[href^="http"]:after,
#main a[href^="https"]:after {
  font-size: .85em;
  left: .4em;
  margin-right: .25em;
  padding-right: .15em;
  content: "\f08e";
}

.page-id-2963 #main a[href^="http"],
.page-id-2963 #main a[href^="https"] {
    width: 33.333%;
    position: relative;
}

.page-id-2963 #main a[href^="http"]:after,
.page-id-2963 #main a[href^="https"]:after {
    display:none;
}

.page-id-2963 #main a[href^="http"]:hover:after,
.page-id-2963 #main a[href^="https"]:hover:after {
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    z-index: 11;
    background: #f0b82d;
}

#main a[href^="http://tamsystemsinc.dev"]:after,
#main a[href^="http://www.tamsystemsinc.dev"]:after,
#main a[href^="http://50.87.249.158/~tamsyste"]:after,
#main a[href^="http://tamsystems.dev"]:after,
#main a[href^="http://www.tamsystems.dev"]:after,
#main a[href^="http://tamsystems.com"]:after,
#main a[href^="http://www.tamsystems.com"]:after,
#main a[href^="http://222.87e.myftpupload.com"]:after {
  font-size: 1em;
  left: 0;
  margin-right: 0;
  padding-right: 0;
  content: "";
}

#main a[href$=".pdf"]:before,
#main a[href$=".doc"]:before,
#main a[href$=".docx"]:before {
  right: 0;
  margin-right: .25em;
  padding-right: .15em;
}

#main a[href$=".pdf"]:before {
  content: "\f1c1";
}

#main a[href$=".doc"]:before,
#main a[href$=".docx"]:before {
  content: "\f1c2";
}

/* =Global Elements
=========================================================================================================*/
/* =Center Vertically
------------------------------------------ */
.vertically-centered {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* =Bleeding Backgrounds
-------------------------------------------------------------- */
.bleed {
  position: relative;
  z-index: 0;
  margin: 5% -600em;
  padding: 5% 600em;
  background: #f6d69e;
}

.bleed:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 600em;
  right: 600em;
  margin: 0;
  padding: 0;
}

/* =Full Width
-------------------------------------------------------------- */
.full-width {
  position: relative;
  z-index: 0;
  margin: 0 -3em;
  padding: 2.5% 0;
}

/* =Margin Overrides for Bleed, Columns, and Full Width
-------------------------------------------------------------- */
.bleed .columns,
.full-width .columns {
  margin: 0 -2%;
  padding: 0;
}

h1+.columns,
h2+.columns,
h3+.columns,
h4+.columns,
h5+.columns,
h6+.columns {
  margin: 1.5em -2% 0 -2%;
  padding: 0;
}

/* =Color Schemes (For Bleeding and Full-Width Content)
-------------------------------------------------------------- */
.positive {
  background: #f6d69e;
  color: #222 !important;
}

.negative {
  background: #3f4743;
  color: #fff !important;
}

.negative h2,
.negative h3,
.negative h4,
.negative h5,
.negative h6 {
  color: #fff !important;
}

.positive a:link, .positive a:visited, .positive a:active, .positive a:hover, .positive a:focus {
  color: #f0b82d !important;
}

.negative a:link, .negative a:visited, .negative a:active, .negative a:hover, .negative a:focus {
  color: #fff !important;
}

/* =Skip to Links & Screen Reader Text
-------------------------------------------------------------- */
.screen-reader-text,
.home .screen-reader-text {
  position: absolute;
  margin: 0 0 0 -9999em;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.skip-to {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.skip-to li {
  position: relative;
  display: inline-block;
  text-align: left;
  margin: 0;
  padding: 0;
}

.skip-to li a:link, .skip-to li a:visited,
.skip-to li a:active, .skip-to li a:hover, .skip-to li a:focus {
  outline: none;
  background: none;
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.skip-to li a:link,
.skip-to li a:visited,
.skip-to li a:active {
  position: absolute;
  padding: .5em 1em;
  background: #cfdc4c;
  color: #fff;
  font-size: 1em;
  display: block;
  z-index: 2;
  text-decoration: none;
  left: -9999em;
  border: solid 1px #fff;
  width: 10em;
}

.skip-to li a:focus, .skip-to li a:active {
  position: absolute;
  left: 2em;
  background: #f0b82d;
  font-size: 1.125em;
  z-index: 9999999;
}

.skip-to li a:hover {
  cursor: default
}

/* =Fluid Images & iFrames
-------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
}

iframe, embed, object, video {
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 9999999999;
}

/* =Media
-------------------------------------------------------------- */
.site .avatar {
  border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

audio,
canvas {
  display: inline-block;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
  padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
  margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
  border-bottom: 0;
  padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
  top: 10px;
}

/* =Captions
-------------------------------------------------------------- */
.wp-caption {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

#main .wp-caption a:link,
#main .wp-caption a:visited,
#main .wp-caption a:active,
#main .wp-caption a:hover,
#main .wp-caption a:focus {
  outline: none;
  background: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#main .wp-caption a[href^="http"]:after {
  content: '';
  margin: 0;
  padding: 0;
  left: 0;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption-text {
  font-style: italic;
  font-size: .85em;
  line-height: 1.25em;
  padding: 0;
  margin: 0;
}

/* =Galleries
-------------------------------------------------------------- */
#main .gallery {
  margin: 2.5% 0 !important;
  padding: 0;
}

#main .gallery-icon a:link,
#main .gallery-icon a:visited,
#main .gallery-icon a:active,
#main .gallery-icon a:hover,
#main .gallery-icon a:focus {
  outline: none;
  background: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#main .gallery-icon a[href^="http"]:after {
  content: '';
  margin: 0;
  padding: 0;
  left: 0;
}

.gallery-item {
  float: left;
  padding: 1%;
  margin: 0 1%;
  text-align: center;
  vertical-align: top;
}

.gallery-columns-2 .gallery-item {
  max-width: 46%;
}

.gallery-columns-3 .gallery-item {
  max-width: 29.3%;
}

.gallery-columns-4 .gallery-item {
  max-width: 21%;
}

.gallery-columns-5 .gallery-item {
  max-width: 16%;
}

.gallery-columns-6 .gallery-item {
  max-width: 12.65%;
}

.gallery-icon img {
  margin: 0 auto;
  border: none !important;
}

.gallery-caption {
  display: block;
  padding: 0;
  margin: 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  margin: 0 0 0 -9999em;
  padding: 0;
}

/* =Alignments
-------------------------------------------------------------- */
.alignleft {
  display: inline;
  float: left;
}

.alignright {
  display: inline;
  float: right;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 1em 1.5em 1.5em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 1em 0 1.5em 1.5em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em;
}

/* =Text Alignments
-------------------------------------------------------------- */
.flush-left {
  text-align: left;
}

.flush-right {
  text-align: right;
}

.centered {
  text-align: center;
}

/* =Margins and Paddings
-------------------------------------------------------------- */
.no-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =Action Buttons
-------------------------------------------------------------- */
.action-button {
  font-weight: 700;
  display: inline-block;
  margin: 0;
  padding: .25em .5em .25em .75em !important;
  background-color: #f0b82d;
  color: #3f4743 !important;
  text-decoration: none;
  text-align: center;
  outline: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-top: solid 3px #3f4743 !important;
  border-right: solid 3px #3f4743 !important;
  border-bottom: solid 3px #3f4743 !important;
  border-left: solid 3px #3f4743 !important;
  border-radius: 5px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

.action-button:hover,
.action-button:focus,
.action-button:active {}

.action-button:after {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  font-size: 1em;
  line-height: 0.75em;
  margin-left: -.4em;
  content: '\f138' !important;
  color: #000 !important;
  opacity: 0;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

.action-button:hover:after,
.action-button:focus:after,
.action-button:visited:after,
.action-button:active:after {
  margin-left: .5em !important;
  opacity: 1 !important;
}

/* =Call to Action Buttons
-------------------------------------------------------------- */
.call-to-action-buttons {
  margin: 0;
  padding: 0;
}

.calls-to-action {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.calls-to-action li {
  margin: 0 .25em;
  padding: 0;
  display: inline-block;
}

.calls-to-action li a:link,
.calls-to-action li a:visited,
.calls-to-action li a:active,
.calls-to-action li a:hover,
.calls-to-action li a:focus {
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .03em;
  font-size: 2.25em;
  line-height: 1em;
  color: #f0b82d !important;
  margin: 0;
  padding: 0;
  z-index: 999;
  text-decoration: none;
  vertical-align: middle;
  border-bottom: none !important;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

.calls-to-action li a:active,
.calls-to-action li a:hover,
.calls-to-action li a:focus {
  font-size: 2.5em;
  color: #000 !important;
  text-decoration: none;
  position: relative;
}

.calls-to-action li a[href*="tel:"]:before,
.calls-to-action li a[href*="tel:800"]:before,
.calls-to-action li a[href*="mailto:"]:before,
.calls-to-action .donate a:before {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  line-height: 0.75em;
  margin-right: 0;
  text-align: right;
  color: #f0b82d;
}

.calls-to-action li a[href*="tel:"]:before {
  content: '\f095';
}

.calls-to-action li a[href*="tel:800"]:before {
  content: '\f0f7';
}

.calls-to-action li a[href*="mailto:"]:before {
  content: "\f0e0";
}

.calls-to-action .donate a:before {
  content: "\f155";
}

/* =Infinite Scroll Link
-------------------------------------------------------------- */
.infinite-scroll-link {
  margin: 5% 0 0 0;
  padding: 0;
  text-align: center;
}

.infinite-scroll-link a,
.infinite-scroll-link a:hover,
.infinite-scroll-link a:focus,
.infinite-scroll-link a:active {
  position: relative;
  background: #333;
  font-size: 1.125em;
  color: #fff !important;
  margin: .5em 0;
  padding: .5em .25em .5em .5em !important;
  z-index: 999;
  text-decoration: none;
  vertical-align: middle;
  border-bottom: none !important;
  border-radius: 5px;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

.infinite-scroll-link a:hover,
.infinite-scroll-link a:focus,
.infinite-scroll-link a:active {
  color: #fff;
  background: #f0b82d !important;
  padding: .5em .75em .5em .5em;
  text-decoration: none;
  position: relative;
}

.infinite-scroll-link a:after {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  line-height: 0.75em;
  margin-left: -.4em;
  content: '\f078' !important;
  opacity: 0;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

.infinite-scroll-link a:hover:after,
.infinite-scroll-link a:focus:after {
  margin-left: .5em !important;
  opacity: 1 !important;
}

/* =Custom Pagination
-------------------------------------------------------------- */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}

.custom-pagination a {
  background-color: #ebebeb;
  color: #ff3c50;
}

.custom-pagination a:hover {
  background-color: #ff3c50;
  color: #fff;
}

.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}

.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}

.custom-pagination span.current {
  background-color: #ff3c50;
  color: #fff;
}

/* =Section Designs
=========================================================================================================*/
/* =Search Box (in Masthead)
-------------------------------------------------------------- */
#search-form {
  position: relative;
  margin: 0 0 0 .15em;
  padding: 0;
  top: -1em;
  display: inline-block;
}

.search-box {
  font-size: 1em;
  line-height: 1em;
  width: 1em;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: .5em;
  background: none;
  border-radius: 5px;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
}

.search-box:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 200px;
  border-radius: auto;
  color: 333;
  background: #fff;
}

.search-box:hover {
  color: #333;
  background: #fff;
}

.search-box:not(:focus) {
  text-indent: -5000px;
}

.search-box+label {
  font-size: 1.25em;
  position: relative;
  left: 0;
  cursor: pointer;
}

.search-box+label:after {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  content: '\f002';
  position: relative;
  left: -1.5em;
  cursor: pointer;
  color: #ddd;
}

.search-box:hover+label:after,
.search-box:focus+label:after {
  color: #333;
}

#search-submit {
  position: relative;
  left: -5000px;
}

/* =Error404 and Nothing Found Search
-------------------------------------------------------------- */
#error-404-search-form {
  position: relative;
  margin: 1em 0 0 6em;
  padding: 0;
  display: block;
}

.error-404-search-box {
  background-color: #f0b82d;
  color: #aaa;
  font-size: 1.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #aaa;
  padding: .5em .75em;
  margin: 0px;
  width: 50%;
  border-radius: 5px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.error-404-search-box:hover,
.error-404-search-box:focus {
  color: #222;
  background-color: #fff;
  width: 80%;
  border: 2px solid #f0b82d;
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(85, 85, 85, 1);
  box-shadow: 0px 0px 5px 0px rgba(85, 85, 85, 1);
}

.error-404-search-box:not(:focus) {
  text-indent: 0;
}

.error-404-search-box+label {
  font-size: 1.5em;
  width: 1.5em;
  left: -1.5em;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.error-404-search-box+label:after {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  content: '\f002';
  position: relative;
  cursor: pointer;
  color: #000;
}

.error-404-search-box:hover+label:after,
.error-404-search-box:focus+label:after {
  color: #000;
}

/* =Social Media
-------------------------------------------------------------- */
.social-media-icons {
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#social-media-share {
  margin: 2.5% auto;
  padding: 0;
  text-align: center;
}

.social-media-icons li {
  display: inline-block;
  margin: .25em .25em .25em 0;
  padding: 0;
}

/* Removes any list icons. */
.social-media-icons li:before,
.social-media-icons li:after,
.social-media-icons li a[href^="http"]:after,
.social-media-icons li a[href^="https"]:after {
  content: '' !important;
  margin: 0 !important;
  padding: 0 !important;
}

.social-media-icons li a:link,
.social-media-icons li a:visited,
.social-media-icons li a:active,
.social-media-icons li a:hover,
.social-media-icons li a:focus {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border-bottom: none !important;
  margin: 0;
  padding: .5em !important;
  width: 1.25rem;
  font-size: 1.25rem;
  color: #fff !important;
  background-color: #222;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  /*
    -webkit-border-radius: 5px 20px 5px 20px;
    -moz-border-radius: 5px 20px 5px 20px;
    border-radius: 5px 20px 5px 20px;
*/
}

.social-media-icons li a[href*="facebook.com"]:before {
  content: "\f09a";
}

.social-media-icons li a[href*="twitter.com"]:before {
  content: "\f099";
}

.social-media-icons li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.social-media-icons li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.social-media-icons li a[href*="youtube.com"]:before {
  content: "\f167";
}

.social-media-icons li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.social-media-icons li a[href*="vine.co"]:before {
  content: "\f1ca";
}

.social-media-icons li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.social-media-icons li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.social-media-icons li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.social-media-icons li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.social-media-icons li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.social-media-icons li a[href*="/feed/"]:before {
  content: "\f09e";
}

.social-media-icons li a[href*="mailto:"]:before {
  content: "\f0e0";
}

/* =Hover and Focus Background Effects
--------------------------------------------------------- */
.social-media-icons li a:hover,
.social-media-icons li a:focus {
  font-size: 1.5rem;
  width: 1.5rem;
}

.social-media-icons li a[href*="facebook.com"]:link,
.social-media-icons li a[href*="facebook.com"]:visited,
.social-media-icons li a[href*="facebook.com"]:active,
.social-media-icons li a[href*="facebook.com"]:hover,
.social-media-icons li a[href*="facebook.com"]:focus {
  background-color: #3e5b98 !important;
}

.social-media-icons li a[href*="twitter.com"]:link,
.social-media-icons li a[href*="twitter.com"]:visited,
.social-media-icons li a[href*="twitter.com"]:active,
.social-media-icons li a[href*="twitter.com"]:hover,
.social-media-icons li a[href*="twitter.com"]:focus {
  background-color: #4da7de !important;
}

.social-media-icons li a[href*="plus.google.com"]:link,
.social-media-icons li a[href*="plus.google.com"]:visited,
.social-media-icons li a[href*="plus.google.com"]:active,
.social-media-icons li a[href*="plus.google.com"]:hover,
.social-media-icons li a[href*="plus.google.com"]:focus {
  background-color: #d93e2d !important;
}

.social-media-icons li a[href*="pinterest.com"]:link,
.social-media-icons li a[href*="pinterest.com"]:visited,
.social-media-icons li a[href*="pinterest.com"]:active,
.social-media-icons li a[href*="pinterest.com"]:hover,
.social-media-icons li a[href*="pinterest.com"]:focus {
  background-color: #c92619 !important;
}

.social-media-icons li a[href*="youtube.com"]:link,
.social-media-icons li a[href*="youtube.com"]:visited,
.social-media-icons li a[href*="youtube.com"]:active,
.social-media-icons li a[href*="youtube.com"]:hover,
.social-media-icons li a[href*="youtube.com"]:focus {
  background-color: #e02a20 !important;
}

.social-media-icons li a[href*="vimeo.com"]:link,
.social-media-icons li a[href*="vimeo.com"]:visited,
.social-media-icons li a[href*="vimeo.com"]:active,
.social-media-icons li a[href*="vimeo.com"]:hover,
.social-media-icons li a[href*="vimeo.com"]:focus {
  background-color: #51b5e7 !important;
}

.social-media-icons li a[href*="vine.com"]:link,
.social-media-icons li a[href*="vine.com"]:visited,
.social-media-icons li a[href*="vine.com"]:active,
.social-media-icons li a[href*="vine.co"]:hover,
.social-media-icons li a[href*="vine.co"]:focus {
  background-color: #00b389 !important;
}

.social-media-icons li a[href*="flickr.com"]:link,
.social-media-icons li a[href*="flickr.com"]:visited,
.social-media-icons li a[href*="flickr.com"]:active,
.social-media-icons li a[href*="flickr.com"]:hover,
.social-media-icons li a[href*="flickr.com"]:focus {
  background: rgb(2, 95, 223);
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml !important;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMjVmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZjAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(2, 95, 223, 1) 51%, rgba(255, 0, 128, 1) 51%);
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(51%, rgba(2, 95, 223, 1)), color-stop(51%, rgba(255, 0, 128, 1)));
  background: linear-gradient(to right, rgba(2, 95, 223, 1) 51%, rgba(255, 0, 128, 1) 51%);
  /* W3C */
}

.social-media-icons li a[href*="linkedin.com"]:link,
.social-media-icons li a[href*="linkedin.com"]:visited,
.social-media-icons li a[href*="linkedin.com"]:active,
.social-media-icons li a[href*="linkedin.com"]:hover,
.social-media-icons li a[href*="linkedin.com"]:focus {
  background-color: #3371b7 !important;
}

.social-media-icons li a[href*="instagram.com"]:link,
.social-media-icons li a[href*="instagram.com"]:visited,
.social-media-icons li a[href*="instagram.com"]:active,
.social-media-icons li a[href*="instagram.com"]:hover,
.social-media-icons li a[href*="instagram.com"]:focus {
  background-color: #3f729b !important;
}

.social-media-icons li a[href*="stumbleupon.com"]:link,
.social-media-icons li a[href*="stumbleupon.com"]:visited,
.social-media-icons li a[href*="stumbleupon.com"]:active,
.social-media-icons li a[href*="stumbleupon.com"]:hover,
.social-media-icons li a[href*="stumbleupon.com"]:focus {
  background-color: #EB4823 !important;
}

.social-media-icons li a[href*="reddit.com"]:link,
.social-media-icons li a[href*="reddit.com"]:visited,
.social-media-icons li a[href*="reddit.com"]:active,
.social-media-icons li a[href*="reddit.com"]:hover,
.social-media-icons li a[href*="reddit.com"]:focus {
  background-color: #ff5700 !important;
}

.social-media-icons li a[href*="/feed/"]:link,
.social-media-icons li a[href*="/feed/"]:visited,
.social-media-icons li a[href*="/feed/"]:active,
.social-media-icons li a[href*="/feed/"]:hover,
.social-media-icons li a[href*="/feed/"]:focus {
  background-color: #f26109 !important;
}

.social-media-icons li a[href*="mailto:"]:link,
.social-media-icons li a[href*="mailto:"]:visited,
.social-media-icons li a[href*="mailto:"]:active,
.social-media-icons li a[href*="mailto:"]:hover,
.social-media-icons li a[href*="mailto:"]:focus {
  background-color: #444 !important;
}

/* =Google Map (On Contact Page)
-------------------------------------------------------------- */
#google-map {
  margin: 0;
  padding: 0;
}

#google-map p {
  margin: 0;
  padding: 0;
}

/* =Contact Info (Footer)
-------------------------------------------------------------- */
.contact-info {
  position: relative;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.contact-info li {
  position: relative;
  display: inline-block;
  margin: 0 .5em;
}

.contact-info li:last-child {
  display: block;
}

.contact-info a:link,
.contact-info a:visited,
.contact-info a:active,
.contact-info a:hover,
.contact-info a:focus {
  text-decoration: none;
  color: #3f4743;
  padding: .15em;
  font-weight: 400;
  border-bottom: none;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.contact-info a:active,
.contact-info a:hover,
.contact-info a:focus {
  color: #fff;
  background: #3f4743;
  border-bottom: none;
  padding: .15em .5em;
  border-radius: 5px;
}

.contact-info a[href*="tel:"]:before,
.contact-info a[href*="tel:800"]:before,
.contact-info a[href*="fax:"]:before,
.contact-info a[href*="mailto:"]:before,
.contact-info a[href*="goo.gl/maps/"]:before,
.contact-info a[href*="google.com/maps/"]:before,
.contact-info a[href*="google.com.au/maps/"]:before {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  font-size: 1.25em;
  line-height: 0.75em;
  width: 1.25em;
  left: 0;
  margin-right: .25em;
  text-align: center;
}

.contact-info a[href*="tel:"]:before {
  content: '\f095';
}

.contact-info a[href*="tel:800"]:before {
  content: '\f0f7';
}

.contact-info a[href*="fax:"]:before {
  content: "\f1ac";
}

.contact-info a[href*="mailto:"]:before {
  content: "\f0e0";
}

.contact-info a[href*="goo.gl/maps/"]:before,
.contact-info a[href*="google.com/maps/"]:before,
.contact-info a[href*="google.com.au/maps/"]:before {
  content: "\f041";
}

/* =Copyrights
-------------------------------------------------------------- */
#copyrights {
  position: relative;
  z-index: 0;
  margin: 2.5% -600em 0 -600em;
  padding: 0.75em 601em;
  background: #3f4743;
  color: #fff;
  font-size: .75em;
  text-align: center;
}

#copyrights:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 600em;
  right: 600em;
  margin: 0;
  padding: 0;
}

/* =Fine Print Menu
-------------------------------------------------------------- */
#fine-print-navigation {
  margin: 0;
  padding: 0;
  display: inline-block;
}

#fine-print-navigation ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

#fine-print-navigation ul li {
  display: inline-block;
  margin: 0 0 0 .5em;
  padding: 0 0 0 .5em;
  color: #fff;
  border-left: solid 1px #f0b82d;
}

#fine-print-navigation a:link,
#fine-print-navigation a:visited,
#fine-print-navigation a:active,
#fine-print-navigation a:hover,
#fine-print-navigation a:focus {
  color: #fff;
  text-decoration: none;
  padding: .15em;
  border-bottom: solid 1px #ccc;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

#fine-print-navigation a:active,
#fine-print-navigation a:hover,
#fine-print-navigation a:focus {
  color: #000;
  background: #f0b82d;
  border-bottom: none;
  padding: .15em .5em;
  border-radius: 5px;
}

/* =Comments
-------------------------------------------------------------- */
.comments-area {
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  padding: 7.6923%;
}

.comments-area> :last-child {
  margin-bottom: 0;
}

.comment-list+.comment-respond {
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list+.comment-respond,
.comment-navigation+.comment-respond {
  padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333;
}

.comments-title {
  margin-bottom: 1.3333em;
}

.comment-list {
  list-style: none;
  margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  padding: 1.6em 0;
}

.comment-list .children {
  list-style: none;
  margin: 0;
}

.comment-list .children>li {
  padding-left: 0.8em;
}

.comment-author {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  margin-bottom: 0.4em;
}

.comment-author a:hover {
  border-bottom: 1px solid #707070;
  border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
  float: left;
  height: 24px;
  margin-right: 0.8em;
  width: 24px;
}

.bypostauthor>article .fn:after {
  content: "\f304";
  position: relative;
  top: 5px;
  left: 3px;
}

.comment-metadata,
.pingback .edit-link {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.comment-metadata a,
.pingback .edit-link a {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
  border-bottom: 1px solid #333;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
  color: #333;
}

.comment-metadata {
  margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
  margin-left: 1em;
}

.pingback .edit-link {
  margin-left: 1em;
}

.pingback .edit-link:before {
  top: 5px;
}

.comment-content ul,
.comment-content ol {
  margin: 0 0 1.6em 1.3333em;
}

.comment-content li>ul,
.comment-content li>ol {
  margin-bottom: 0;
}

.comment-content> :last-child {
  margin-bottom: 0;
}

.comment-list .reply {
  margin: 2em 0;
}

.comment-form {
  padding-top: 1.6em;
}

.comment-form label {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form textarea,
.comment-form input[type="email"],
.comment-form input[type="url"] {
  background-color: #f0b82d;
  color: #aaa;
  font-size: 1.125em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #aaa;
  padding: .5em .75em;
  margin: 0px;
  width: 100%;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus,
.comment-form input[type="checkbox"],
.comment-form input[type="radio"] {
  color: #222;
  background-color: #fff;
  border: 1px solid #f0b82d;
  outline: none;
}

.comment-list .reply a:link,
.comment-list .reply a:active,
.comment-list .reply a:visited,
.comment-list .reply a:hover,
.comment-list .reply a:focus,
.comment-form input[type="button"],
.comment-form input[type="reset"],
.comment-form input[type="submit"] {
  font-weight: normal;
  font-style: normal;
  position: relative;
  font-size: 1.125em !important;
  padding: .5em 1em !important;
  background: #f0b82d;
  color: #fff !important;
  margin: 0;
  z-index: 999;
  text-decoration: none;
  vertical-align: middle;
  border: none;
  border-bottom: none;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -ms-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus,
.comment-form input:hover[type="button"],
.comment-form input:hover[type="reset"],
.comment-form input:hover[type="submit"],
.comment-form input:focus[type="button"],
.comment-form input:focus[type="reset"],
.comment-form input:focus[type="submit"] {
  background: #f0b82d !important;
  color: #fff !important;
  font-size: 1.35em;
  text-decoration: none;
  position: relative;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 2em;
}

.logged-in-as a:hover {
  border-bottom: 1px solid #333;
}

.no-comments {
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-weight: 700;
  padding-top: 1.6em;
}

.comment-navigation+.no-comments {
  border-top: 0;
}

.form-allowed-tags code {
  font-family: monospace;
}

.form-submit {
  margin-bottom: 0;
}

.required {
  color: #f0b82d;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 26px;
}

.comment-reply-title small a:before {
  content: "\f405";
  font-size: 32px;
  position: relative;
  top: -3px;
}

/* =Smartmenus
=========================================================================================================*/
/* SmartMenus Core CSS (it's not recommended editing this)
-------------------------------------------------------------- */
.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr;
}

.sm li {
  position: relative;
}

.sm li a {
  position: relative;
  display: block;
}

.sm li a.disabled {
  cursor: default;
}

.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px;
}

.sm li {
  float: left;
}

.sm-rtl {
  direction: rtl;
}

.sm-rtl li {
  float: right;
}

.sm ul li, .sm-vertical li {
  float: none;
}

.sm li a {
  white-space: nowrap;
}

.sm ul li a, .sm-vertical li a {
  white-space: normal;
}

* html .sm-vertical li {
  float: left;
  width: 100%;
}

* html .sm-vertical ul li {
  float: none;
  width: auto;
}

*:first-child+html .sm-vertical>li {
  float: left;
  width: 100%;
}

.sm .sm-nowrap>li>a {
  white-space: nowrap;
}

.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

* html .sm {
  height: 1px;
}

*:first-child+html .sm {
  min-height: 1px;
}

.sm {
  -webkit-tap-highlight-color: #f0b82d;
}

/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-clean > li > a { ... } instead of .sm-clean a { ... }
---------------------------------------------------------------*/
/* Menu box
-------------------------------------------------------------- */
.sm-clean {
  padding: 0;
}

.sm-clean-vertical {
  padding: 0;
}

/* Sub-Menu
-------------------------------------------------------------- */
.sm-clean ul {
  background: #f6d69e;
}

.sm-clean ul ul {
  background: #f6d69e;
}

/* Menu items
-------------------------------------------------------------- */
.sm-clean li a:link,
.sm-clean li a:visited,
.sm-clean li a:active,
.sm-clean li a:hover {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  margin: 0 .3em 0 0;
  padding: .25em .4em;
  color: #3f4743;
  font-size: 1.15em;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sm-clean li a:hover,
.sm-clean li a:focus,
.sm-clean li a:active,
.sm-clean li a.highlighted {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .03em;
  font-style: normal;
  color: #000;
  background: #f0b82d;
  border-radius: 3px;
}

.sm-clean-vertical li a:hover,
.sm-clean-vertical li a:focus,
.sm-clean-vertical li a:active,
.sm-clean-vertical li a.highlighted {
  background: #fff;
}

.sm-clean li a.has-submenu {
  padding-right: 15px;
}

.sm-clean-vertical li a,
.sm-clean ul li a {
  padding: 10px 20px;
}

.sm-clean-vertical a.has-submenu,
.sm-clean ul a.has-submenu {
  padding-right: 40px;
}

.sm-clean ul li a:link,
.sm-clean ul li a:visited,
.sm-clean ul li a:active,
.sm-clean ul li a:hover,
.sm-clean ul li a:focus {
  border-bottom: #3f4743 1px solid;
  margin: 0;
  border-radius: 0;
  color: #3f4743;
}

.sm-clean ul li a:hover,
.sm-clean ul li a:focus,
.sm-clean ul li a:active,
.sm-clean ul li a.highlighted {
  color: #fff;
  background: #3f4743;
}

/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-clean li.current-menu-item>a,
.sm-clean li.current-menu-item>a:hover,
.sm-clean li.current-menu-item>a:focus,
.sm-clean li.current-menu-item>a:active,
.sm-clean li.current-menu-parent>a,
.sm-clean li.current-menu-parent>a:hover,
.sm-clean li.current-menu-parent>a:focus,
.sm-clean li.current-menu-parent>a:active {
  color: #000;
  background: #f0b82d;
  border-radius: 3px;
}

/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-clean ul li.current-menu-item>a,
.sm-clean ul li.current-menu-item>a:hover,
.sm-clean ul li.current-menu-item>a:focus,
.sm-clean ul li.current-menu-item>a:active,
.sm-clean ul li.current-menu-parent>a,
.sm-clean ul li.current-menu-parent>a:hover,
.sm-clean ul li.current-menu-parent>a:focus,
.sm-clean ul li.current-menu-parent>a:active {
  color: #fff;
  background: #000;
}

/* Sub menu indicators
-------------------------------------------------------------- */
/* we will use one-side border to create a triangle so that
we don't use a real background image, of course, you can
use a real image if you like too */
.sm-clean a span.sub-arrow {
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 5px;
  border-style: solid dashed dashed dashed;
  border-color: #3f4743 transparent transparent transparent;
}

.sm-clean-vertical a span.sub-arrow,
.sm-clean ul a span.sub-arrow {
  right: 15px;
  top: 50%;
  margin-top: -7px;
  border-width: 7px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #3f4743;
}

/* Scrolling arrows containers for tall sub menus - test sub menu:
    "Sub test" -> "more..." -> "more..." in the default download package
-------------------------------------------------------------- */
.sm-clean span.scroll-up,
.sm-clean span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  background: #fff;
  height: 20px;
  /* width and position will be automatically set by the script */
}

.sm-clean span.scroll-up:hover,
.sm-clean span.scroll-down:hover {
  background: #f0b82d;
}

.sm-clean span.scroll-up-arrow,
.sm-clean span.scroll-down-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
  /* we will use one-side border to create a triangle so that we don't use
    a real background image, of course, you can use a real image if you like too */
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 6px;
  /* tweak size of the arrow */
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #f0b82d transparent;
}

.sm-clean span.scroll-up:hover span.scroll-up-arrow {
  border-color: transparent transparent #fff transparent;
}

.sm-clean span.scroll-down-arrow {
  top: 8px;
  border-style: solid dashed dashed dashed;
  border-color: #f0b82d transparent transparent transparent;
}

.sm-clean span.scroll-down:hover span.scroll-down-arrow {
  border-color: #fff transparent transparent transparent;
}

/* Menu Button On Small Screens
-------------------------------------------------------------- */
#menu-button {
  position: relative;
  display: none;
  cursor: pointer;
}

#menu-button:before {
  position: relative;
  line-height: inherit;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: none;
  font-size: 1em;
  line-height: 0.75em;
  content: '\f0c9';
  margin-right: .5em;
}

/* Smartmenu Responsiveness
    These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/
@media screen and (max-width: 800px) {
  .sm-clean:not(.sm-clean-vertical)>li>a {
    padding-left: .35em;
    padding-right: .35em;
  }

  .sm-clean:not(.sm-clean-vertical)>li>a.has-submenu {
    padding-right: 20px;
  }
}

@media screen and (max-width: 700px) {

  /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
  .sm-clean {
    width: auto !important;
  }

  .sm-clean ul {
    display: none;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .sm-clean>li {
    float: none;
  }

  .sm-clean>li>a, .sm-clean .sm-nowrap>li>a {
    white-space: normal;
  }

  .sm-clean iframe {
    display: none;
  }

  /* Uncomment this rule to disable completely the sub menus for small screen devices */
  /*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
        display:none !important;
    }*/
  /* Menu box
---------------------------------------------------------------*/
  #main-menu {
    display: block;
    text-align: left;
    width: 100%;
  }

  .sm-clean {
    padding: 0;
    background: #444444;
  }

  .sm-clean ul {
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /* no carets */
  .sm-clean>li>ul:before, .sm-clean>li>ul:after {
    display: none;
  }

  /* Menu items
---------------------------------------------------------------*/
  .sm-clean li a {}

  .sm-clean li a:link,
  .sm-clean li a:visited,
  .sm-clean li a:active,
  .sm-clean li a:hover,
  .sm-clean li a:focus {
    padding: 13px 5px 13px 28px !important;
    border-left: none !important;
    border-top: #ddd 1px solid !important;
    color: #fff;
    border-radius: 0;
  }

  .sm-clean li a:hover,
  .sm-clean li a:focus,
  .sm-clean li a:active,
  .sm-clean li a.highlighted {
    color: #3f4743;
    background: #f0b82d;
    border-radius: 0;
  }

  .sm-clean ul li a:link,
  .sm-clean ul li a:visited,
  .sm-clean ul li a:active,
  .sm-clean ul li a:hover,
  .sm-clean ul li a:focus {}

  .sm-clean ul li a:hover,
  .sm-clean ul li a:focus,
  .sm-clean ul li a:active,
  .sm-clean ul li a.highlighted {
    color: #3f4743;
    background: #f0b82d;
  }

  .sm-clean li.current-menu-item>a,
  .sm-clean li.current-menu-item>a:hover,
  .sm-clean li.current-menu-item>a:focus,
  .sm-clean li.current-menu-item>a:active,
  .sm-clean li.current-menu-parent>a,
  .sm-clean li.current-menu-parent>a:hover,
  .sm-clean li.current-menu-parent>a:focus,
  .sm-clean li.current-menu-parent>a:active {
    color: #000;
    background: #f0b82d;
    border-radius: 0;
  }

  .sm-clean ul li.current-menu-item>a,
  .sm-clean ul li.current-menu-item>a:hover,
  .sm-clean ul li.current-menu-item>a:focus,
  .sm-clean ul li.current-menu-item>a:active,
  .sm-clean ul li.current-menu-parent>a,
  .sm-clean ul li.current-menu-parent>a:hover,
  .sm-clean ul li.current-menu-parent>a:focus,
  .sm-clean ul li.current-menu-parent>a:active {
    color: #fff;
    background: #000;
    border-radius: 0;
  }

  .sm-clean ul {
    background: #f6d69e;
  }

  .sm-clean ul ul {
    background: #f6d69e;
  }

  /* add some text indentation for the 2+ level sub menu items */
  .sm-clean ul a {
    border-left: 20px solid transparent !important;
  }

  .sm-clean ul ul a {
    border-left: 40px solid transparent !important;
  }

  .sm-clean ul ul ul a {
    border-left: 60px solid transparent !important;
  }

  .sm-clean ul ul ul ul a {
    border-left: 60px solid transparent !important;
  }

  .sm-clean ul ul ul ul ul a {
    border-left: 60px solid transparent !important;
  }

  /* Sub menu indicators
---------------------------------------------------------------*/
  .sm-clean a span.sub-arrow,
  .sm-clean ul a span.sub-arrow {
    left: 12px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
  }

  /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
  .sm-clean a.highlighted span.sub-arrow {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -3px;
    /* we will use one-side border to create a triangle so that
        we don't use a real background image, of course, you can
        use a real image if you like too */
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 4px;
    /* tweak size of the arrow */
    border-style: solid dashed dashed dashed;
    border-color: #3f4743 transparent transparent transparent;
  }

  /* Items separators
---------------------------------------------------------------*/
  .sm-clean li {}

  .sm-clean>li:first-child {
    border-top: 0;
  }

  /* Menu Button On Small Screens
---------------------------------------------------------------*/
  /* show the button on small screens */
  #menu-button {
    background: #222;
    font-size: 1.25em;
    color: #fff;
    display: block;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    padding: .5em;
  }

  /* hide the menu when it has the "collapsed" class set by the script */
  #main-menu.collapsed {
    display: none;
  }
}

/* =Flexslider
=========================================================================================================*/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
---------------------------------------------------------------*/
.flex-control-nav a:link,
.flex-control-nav a:visited,
.flex-control-nav a:active,
.flex-control-nav a:hover,
.flex-control-nav a:focus,
.flex-direction-nav a:link,
.flex-direction-nav a:visited,
.flex-direction-nav a:active,
.flex-direction-nav a:hover,
.flex-direction-nav a:focus {
  outline: none !important;
  background: none !important;
  background-color: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.slides,
#main .slides {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.slides li {
  margin: 0 !important;
  padding: 0 !important;
}

.flex-control-nav,
.flex-direction-nav,
.flex-direction-nav li {
  margin: -4px !important;
  /*changed from 0 */
  padding: 0 !important;
  list-style: none !important;
  line-height: 0;
}

.flexslider li {
  padding: 0;
  margin: 0;
}

.flexslider li:before {
  content: '' !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: none !important;
}

/* Icon Fonts
---------------------------------------------------------------*/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url('css/fonts/flexslider-icon.eot');
  src: url('css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('css/fonts/flexslider-icon.woff') format('woff'), url('css/fonts/flexslider-icon.ttf') format('truetype'), url('css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =Container for "Slide" animation setups
---------------------------------------------------------------*/
.flex-container {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
}

/* FlexSlider Necessary Styles
---------------------------------------------------------------*/
.flexslider {
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the
JS is loaded. Avoids image jumping */
.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin: 0;
  padding: 0;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
  display: block;
}

/* FlexSlider Default Theme
---------------------------------------------------------------*/
.flexslider {
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides,
.flexslider .slides li {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}

.flexslider .slides li {}

.flexslider .slide-video iframe {
  -webkit-backface-visibility: hidden;
}

/* =Caption styles
---------------------------------------------------------------*/
.flex-caption {}

/* =Flex Excerpt (Vertically & Horzionally Centered)
---------------------------------------------------------------*/
.flex-excerpt {}

/* Direction Nav
---------------------------------------------------------------*/
.flex-direction-nav a:link {
  text-decoration: none;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 1em;
  margin: -20px 0 0;
  position: absolute;
  top: 40%;
  z-index: 9999999999;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border-bottom: none !important;
  -webkit-backface-visibility: hidden;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 10px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 10px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0;
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 3em;
  line-height: 1;
  display: inline-block;
  content: '\f001';
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* Pause/Play
---------------------------------------------------------------*/
.flex-pauseplay a {
  display: block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  position: absolute;
  bottom: 1em;
  right: 1em;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 1.25em;
  display: inline-block;
  content: '\f004';
  color: #fff;
}

.flex-pauseplay a:hover,
.flex-pauseplay a:active,
.flex-pauseplay a:focus {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav
---------------------------------------------------------------*/
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 1em;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 .25em !important;
  display: inline-block;
}

.flex-control-paging li a {
  width: 1em;
  height: 1em;
  display: block;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 1em;
  border: solid 2px #fff;
}

.flex-control-paging li a:hover,
.flex-control-paging li a:focus {
  background: rgba(255, 255, 255, 1);
}

.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 1);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .6;
  cursor: pointer;
}

.flex-control-thumbs img:hover,
.flex-control-thumbs img:focus {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* Features Slider
---------------------------------------------------------------*/
#features {
  position: relative;
  z-index: 0;
  margin: 0 -600em;
  padding: 0 600em;
  background: #fff;
  color: #fff;
}

#features .flexslider .slides img {
  width: 100%;
  display: block;
}

#features .flexslider .slides li {
  max-height: 760px;
  overflow: hidden;
}

#features .flex-direction-nav li a:link {
  color: rgba(255, 255, 255, 0.8);
}

#features .flex-control-paging li a:link {
  background: rgba(255, 255, 255, 0.4);
  border: solid 2px #fff;
}

#features .flex-control-paging li a:hover,
#features .flex-control-paging li a:focus {
  background: rgba(255, 255, 255, 0.7);
}

#features .flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 1);
  cursor: default;
}

/* =Caption styles
---------------------------------------------------------------*/
#features .flex-caption {
  width: 40%;
  padding: 1.5% 2.5% 2% 2.5%;
  text-align: left;
  position: absolute;
  bottom: 10%;
  left: 15%;
  color: #fff;
}

#features .flex-caption h2,
#features .flex-caption h2 a:link {
  font-size: 2.4em;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}

#features .flex-caption>p {
  font-size: 1.25em;
  margin: 1em 0 0 0;
  padding: 0;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
}

#features .flex-caption .read-more-link {
  text-align: left;
}

/* Testimonials Slider
---------------------------------------------------------------*/
#testimonials {
  position: relative;
  z-index: 0;
  color: #fff;
}

#testimonials .flexslider .slides li {
  position: relative;
}

#testimonials .testimonial-quote {
  width: 35%;
  padding: 1%;
  text-align: center;
  position: absolute;
  color: #fff;
  background: rgba(63, 71, 67, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

#testimonials .testimonial-image {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

#testimonials .caption-pos-top {
  top: 10%;
}

#testimonials .caption-pos-bottom {
  bottom: 10%;
}

#testimonials .caption-pos-left {
  left: 10%;
}

#testimonials .caption-pos-right {
  right: 10%;
}

#testimonials blockquote {
  font-weight: normal;
  font-style: normal;
  border-left: none;
  border-right: none;
  font-size: 1.25em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

#testimonials .slides li cite {
  position: relative;
  display: block;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1em;
  margin: .5em 0 0 0;
  padding: 0;
}

#testimonials .job-title {
  font-size: .75em;
  line-height: 1em;
  font-weight: normal;
  font-style: normal;
  margin: .125em 0 0 0;
  padding: 0;
  display: block;
}

#testimonials .flex-direction-nav li a:link {
  color: rgba(255, 255, 255, 0.8);
}

#testimonials .flex-control-paging li a:link,
#testimonials .flex-control-paging li a:hover,
#testimonials .flex-control-paging li a:focus,
#testimonials .flex-control-paging li a:visited,
#testimonials .flex-control-paging li a:active {
  background: rgba(255, 255, 255, 0) !important;
  border: solid 2px #fff !important;
}

#testimonials .flex-control-paging li a:hover,
#testimonials .flex-control-paging li a:focus,
#testimonials .flex-control-paging li a:active {
  background: rgba(255, 255, 255, 0.7) !important;
}

#testimonials .flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 1);
  cursor: default;
}

/* Vendors Slider
---------------------------------------------------------------*/
#vendors-bleed {
  position: relative;
  z-index: 0;
  margin: 0 -600em;
  padding: 0 600em;
  background: #fff;
}

#vendors {
  margin: 0 auto;
  padding: 7.5% 0 5% 0;
  text-align: center;
  max-width: 1200px;
}

#vendors .flexslider {
  padding: 0 6%;
  width: 88%;
}

#vendors .flex-direction-nav li a:link {
  color: rgba(225, 225, 225, 0.1) !important;
}

#vendors h2 {
  margin: 0;
}

#vendors .flexslider .slides img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
}

#vendors .flexslider .slides img:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

/* Project Thumbnail Slider
---------------------------------------------------------------*/
.thumb-slides .flex-direction-nav li a:link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.project {
  background-color: #fff;
  width: 46%;
  margin: 2%;
  padding: 0 0 1em 0;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #eaa700;
  text-align: center;
}

.home .project {
  width: 29%;
}

.project p {
  margin: 0;
  padding: 0;
}

.project a:link,
.project a:visited,
.project a:active,
.project a:hover,
.project a:focus {
  outline: none !important;
  background: none !important;
  background-color: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Responsiveness
---------------------------------------------------------------*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* =Plugin Overrides
=========================================================================================================*/
/* =Ninja Form Elements
=================================================================================*/
/* =Core
-------------------------------------------------------------- */
.ninja-forms-form-wrap *,
.ninja-forms-form-wrap *:after,
.ninja-forms-form-wrap *:before {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a.tooltip {
  outline: none;
  text-decoration: none;
}

a.tooltip strong {
  line-height: 30px;
}

a.tooltip:hover {
  text-decoration: none;
}

a.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -10px;
  margin-left: 28px;
  width: 240px;
  line-height: 16px;
  z-index: 1;
  position: relative;
}

a.tooltip span:before {
  border-top: 10px solid transparent;
  border-right: 15px solid #ccc;
  border-bottom: 10px solid transparent;
  content: "";
  position: absolute;
  left: -15px;
}

a.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #333;
  border: 1px solid #ccc;
  background: #f1f1f1;
}

/*CSS3 extras*/
a.tooltip span {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 5px 5px 8px #CCC;
  box-shadow: 5px 5px 8px #CCC;
}

#ui-datepicker-div {
  background: #f1f1f1;
  border-radius: 3px;
}

#ui-datepicker-div a {
  text-decoration: none;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td {
  padding: 5px;
  text-align: center;
}

#ui-datepicker-div .ui-icon {
  text-indent: 0px;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ninja-forms-no-display {
  display: none;
}

.ninja-forms-form .wp-switch-editor {
  height: auto;
}

.ninja-forms-form .mceIframeContainer {
  background: #fff;
}

.ninja-forms-req-symbol {
  color: #ff0000;
}

.ninja-forms-form .label-above label,
.ninja-forms-form .label-below label {
  display: block;
}

.field-wrap,
#ninja_forms_required_items {
  margin-bottom: 20px;
}

#pass-strength-result {
  background-color: #f0b82d;
  border-color: #ddd !important;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 13px 5px 5px 1px;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
}

#pass-strength-result.bad {
  background-color: #ffb78c;
  border-color: #ff853c !important;
}

#pass-strength-result.good {
  background-color: #ffec8b;
  border-color: #fc0 !important;
}

#pass-strength-result.short {
  background-color: #f0b82d0a0;
  border-color: #f04040 !important;
}

#pass-strength-result.strong {
  background-color: #c3ff88;
  border-color: #8dff1c !important;
}

.ninja-forms-cont {
  position: relative;
}

.ninja-forms-cont:after {
  clear: both;
  content: "";
  display: block;
}

.ninja-forms-field-error {
  color: red;
}

.ninja-forms-form-wrap input,
.ninja-forms-form-wrap select,
.ninja-forms-form-wrap textarea {
  width: auto;
  height: auto;
  vertical-align: inherit;
}

.ninja-forms-form-wrap label {
  font-weight: bold;
}

.ninja-forms-form-wrap .list-checkbox-wrap ul label,
.ninja-forms-form-wrap .list-radio-wrap ul label {
  font-weight: normal;
}

.field-wrap:after {
  clear: both;
  content: "";
  display: block;
}

.field-wrap.label-left .ninja-forms-field,
.field-wrap.label-left .ninja-forms-star-rating-control {
  margin-left: 8px;
}

.field-wrap.label-right .ninja-forms-field,
.field-wrap.label-right .ninja-forms-star-rating-control {
  margin-right: 8px;
}

.field-wrap.label-right label,
.field-wrap.label-left label {
  display: inline;
}

.label-above label {
  margin-bottom: 5px;
}

.MultiFile-wrap {
  display: inline-block;
}

/* ---------------------------------
TEXT FIELDS & TEXTAREAS
----------------------------------*/
.text-wrap.label-left input,
.profile_pass-wrap.label-left input,
.textarea-wrap.label-left textarea {
  margin-left: 10px;
}

.text-wrap.label-right input,
.profile_pass-wrap.label-right input,
.textarea-wrap.label-right textarea {
  margin-right: 10px;
}

.text-wrap.label-above label,
.textarea-wrap.label-above label {
  display: block;
  width: 100%;
}

.text-wrap.label-above input,
.text-wrap.label-below input,
.text-wrap.label-inside input,
.textarea-wrap.label-above textarea,
.textarea-wrap.label-below textarea,
.textarea-wrap.label-inside textarea,
.list-dropdown-wrap.label-above select,
.list-dropdown-wrap.label-below select {
  width: 100%;
}

.textarea-wrap textarea {
  height: 200px;
}

.profile_pass-wrap input {
  margin-bottom: 10px;
}

/* ---------------------------------
RADIO & CHECKBOX LISTS
----------------------------------*/
.list-radio-wrap span ul li input,
.list-checkbox-wrap span ul li input {
  margin-right: 5px;
}

.list-radio-wrap ul,
.list-checkbox-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  list-style: none;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  margin: 0;
  padding: 0;
}

.list-radio-wrap.label-left label,
.list-radio-wrap.label-left ul,
.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right label,
.list-radio-wrap.label-right ul,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left label,
.list-checkbox-wrap.label-left ul,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right label,
.list-checkbox-wrap.label-right ul,
.list-checkbox-wrap.label-right ul li {
  float: left;
}

.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right ul li {
  padding: 0 8px;
}

.list-radio-wrap.label-above ul li,
.list-radio-wrap.label-below ul li,
.list-checkbox-wrap.label-above ul li,
.list-checkbox-wrap.label-below ul li {
  padding: 0 0 0 10px;
}

/* ---------------------------------
MULTI FIELD
----------------------------------*/
.list-multi-wrap.label-left label {
  float: left;
}

.list-multi-wrap.label-right select {
  float: left;
}

/* ---------------------------------
CREDIT CARD BLOCK
----------------------------------*/
.credit_card-wrap div label,
.credit_card-wrap div input {
  display: block;
  width: 100%;
}

.credit_card-wrap div {
  margin-bottom: 10px;
}

.credit_card-wrap div span {
  font-size: 0.8em;
}

/* ---------------------------------
HONEYPOT
----------------------------------*/
.honeypot-wrap {
  display: none;
}

/* =Overrides
-------------------------------------------------------------- */
.ninja-forms-form-wrap form h2,
.ninja-forms-form-wrap form h3,
.ninja-forms-form-wrap form h4,
.ninja-forms-form-wrap form h5,
.ninja-forms-form-wrap form h6 {
  margin: .25em 0 0 0;
}

.ninja-forms-form-wrap form {
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.ninja-forms-form-wrap fieldset {
  margin: 0 0 .75em 0;
  padding: 0 2em;
  border: 1px solid #ddd;
}

.ninja-forms-form-wrap fieldset legend {
  color: #aaa;
  background: #fff;
  padding: .75em;
  font-weight: normal;
}

.ninja-forms-form-wrap label {
  cursor: pointer;
  display: block;
  font-size: 1.125em;
  font-weight: normal !important;
  margin: 2em 0 .25em 0;
  padding: 0;
  line-height: 1em;
  width: 100%;
}

.ninja-forms-form-wrap .list-radio-wrap label,
.ninja-forms-form-wrap .list-checkbox-wrap label {
  margin: .5em 0 .5em 0;
}

.ninja-forms-form-wrap .nf-desc {
  margin: 0 0 .5em 0;
  padding: 0;
}

.ninja-forms-form-wrap input,
.ninja-forms-form-wrap select,
.ninja-forms-form-wrap textarea {
  background-color: #eee;
  color: #aaa;
  font-size: 1.125em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #aaa;
  padding: .5em .75em;
  margin: 0px;
  width: 100%;
  border-radius: 5px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

.ninja-forms-form-wrap select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  line-height: normal;
  /*padding: .25em 1.125em .25em .5em;*/
  border-radius: 5px;
  height: 2.3125em;
}

.ninja-forms-form-wrap select::-ms-expand {
  display: none;
}

.ninja-forms-form-wrap select:disabled {
  background-color: #f0b82d;
  cursor: default;
}

.ninja-forms-form-wrap select[multiple] {
  height: auto;
}

.ninja-forms-form-wrap input:focus,
.ninja-forms-form-wrap select:focus,
.ninja-forms-form-wrap textarea:focus,
.ninja-forms-form-wrap input[type="checkbox"],
.ninja-forms-form-wrap input[type="radio"] {
  color: #222;
  background-color: #fff;
  border: 2px solid #f0b82d;
  outline: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(85, 85, 85, 1);
  box-shadow: 0px 0px 5px 0px rgba(85, 85, 85, 1);
}

.ninja-forms-form-wrap ::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.ninja-forms-form-wrap ::-webkit-input-placeholder {
  color: #999;
}

.ninja-forms-form-wrap input[type="button"],
.ninja-forms-form-wrap input[type="reset"],
.ninja-forms-form-wrap input[type="submit"] {
  position: relative;
  width: 100%;
  background: #f0b82d;
  font-size: 1.125em;
  color: #fff !important;
  margin: 0;
  padding: .5em .75em .5em .5em;
  z-index: 999;
  text-decoration: none;
  vertical-align: middle;
  border-bottom: none !important;
  border-radius: 5px;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

.ninja-forms-form-wrap input:hover[type="button"],
.ninja-forms-form-wrap input:hover[type="reset"],
.ninja-forms-form-wrap input:hover[type="submit"],
.ninja-forms-form-wrap input:focus[type="button"],
.ninja-forms-form-wrap input:focus[type="reset"],
.ninja-forms-form-wrap input:focus[type="submit"] {
  background: #f0b82d !important;
  color: #000 !important;
  padding: .5em 1em;
  text-decoration: none;
  position: relative;
}

.ninja-forms-req-symbol,
.ninja-forms-req-symbol strong {
  font-weight: normal;
  font-size: 1em;
}

.ninja-forms-field-error {
  position: relative;
  background: #f0b82d;
  color: #fff !important;
  margin: 15px 0 1em 0;
  padding: .25em 1em;
  border-radius: 5px;
  display: inline-block;
}

.ninja-forms-field-error p {
  margin: 0;
  padding: 0;
}

.ninja-forms-field-error:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px;
  border-color: #f0b82d transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 41px;
}

.field-wrap br,
.ninja-forms-form-wrap input[type="hidden"] {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none;
}

  /* =Parts Request Form Page + Service Request Form Page
------------------------------------------- */
#ninja_forms_form_14 p,
#ninja_forms_form_16 p {
    display: none;
    margin: 0;
    line-height: initial;
    font-size: initial;
}

#nf_submit_14,
#nf_submit_16 {
    margin: 2em 0 0.25em 0;
}

@media (min-width: 768px) {
    #ninja_forms_form_14,
    #ninja_forms_form_16 {
        max-width: 70%;
    }
}

/* =Colorbox
=========================================================================================================*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #999;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/* =Media Queries
=========================================================================================================*/
@media only screen and (max-width: 1024px) {

  /* =Typography Headings
------------------------------------------- */
  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.75em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.35em;
  }

  h5 {
    font-size: 1.125em;
  }

  h6 {
    font-size: 1em;
  }

  .entry-header h1 {
    font-size: 3em;
  }

  .home .entry-header h1 {
    font-size: 2.5em;
  }

  .single .entry-header h1 {
    font-size: 2.5em;
  }

  .single-testimonial .entry-header h1 {
    font-size: 3em;
  }

  /* =Testimonials Page
------------------------------------------- */
  .page-template-page-testimonials .testimonial {
    width: 100%;
    margin: 5% 0 0 0;
    float: none;
  }

  .page-template-page-testimonials .testimonial-quote {
    padding: 1em;
    min-height: 0;
  }

  /* =Testimonials Slider (Home Page)
------------------------------------------- */
  #testimonials .testimonial-quote {
    width: 40%;
  }

  #testimonials blockquote {
    font-size: 1em;
    line-height: 1em;
  }

  #testimonials .slides li cite {
    font-size: 1.5em;
    margin: .5em 0 0 0;
    padding: 0;
  }

  #testimonials .job-title {
    font-size: .75em;
    margin: .25em 0 0 0;
    padding: 0;
  }

  #testimonials .caption-pos-top {
    top: 5%;
  }

  #testimonials .caption-pos-bottom {
    bottom: 15%;
  }

  #testimonials .caption-pos-left {
    left: 6%;
  }

  #testimonials .caption-pos-right {
    right: 6%;
  }
}

@media only screen and (max-width: 800px) {

  /* Smartmenu Menu items
-------------------------------------------------------------- */
  .sm-clean li a:link,
  .sm-clean li a:visited,
  .sm-clean li a:active,
  .sm-clean li a:hover {
    margin: 0 .2em 0 0;
    padding: .25em;
    font-size: 1em;
  }

  /* =Structure
------------------------------------------- */
  #content-wrap {
    padding: 0 2em;
  }

  #main, #secondary, #tertiary {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    float: none;
  }

  .page-template-page-header-image .entry-header,
  .page-template-page-projects .entry-header,
  .single-testimonial .entry-header {
    height: 400px;
  }

  .entry-header {
    background-size: 70%;
  }

  /* =Typography Headings
------------------------------------------- */
  h1 {
    font-size: 1.75em;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.35em;
  }

  h4 {
    font-size: 1.125em;
  }

  h5 {
    font-size: 1.15em;
  }

  h6 {
    font-size: 1em;
  }

  /* =Testimonials Slider (Home Page)
------------------------------------------- */
  #testimonials .testimonial-quote {
    background: rgba(63, 71, 67, 0.85);
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 2.5% 5% 5% 5%;
    border-radius: 0;
  }

  #testimonials .caption-pos-top,
  #testimonials .caption-pos-bottom {
    top: 0;
    bottom: 0;
  }

  #testimonials .caption-pos-left {
    left: 0;
  }

  #testimonials .caption-pos-right {
    right: 0;
  }
}

@media only screen and (max-width: 600px) {

  /* =Structure
------------------------------------------- */
  #masthead, #footer, #access {
    margin: 0;
    padding: 0;
  }

  #masthead .subsidiary {
    padding: 0;
  }

  #footer .subsidiary {
    padding: 1em 1em 0 1em;
  }

  #branding {
    display: block;
    margin: 0;
    padding: 2.5% 0;
  }

  /* =Branding
------------------------------------------ */
  #branding img {
    margin: 0;
    padding: 0;
  }

  .site-title {
    display: block;
  }

  #action-calls-n-nav {
    display: block;
    text-align: center;
  }

  .page-template-page-header-image .entry-header,
  .page-template-page-projects .entry-header,
  .single-testimonial .entry-header {
    height: 300px;
  }

  /* =Testimonials Slider (Home Page)
------------------------------------------- */
  #testimonials .testimonial-quote {
    padding: 5% 10% 10% 10%;
  }

  /* =Sliders
------------------------------------------- */
  .flex-direction-nav a:link {
    width: 2em;
    height: 2em;
    line-height: 1em;
    top: 40%;
  }

  .flex-direction-nav a:before {
    font-size: 2em;
  }

  /* =News Page
-------------------------------------------------------------- */
  #post-listing {
    margin: 0 auto;
    padding: 0 0 4em 0;
    width: 100%;
    float: none;
  }

  .sidebar {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
  }

  /* =Recent Projects
------------------------------------------- */
  .home .project,
  .project {
    width: 100%;
    margin: 1em 0;
    padding: 1em;
    float: none;
  }

  /* =Typography Headings
------------------------------------------- */
  .entry-header h1 {
    font-size: 2.5em;
  }

  .home .entry-header h1 {
    font-size: 2em;
  }

  .single .entry-header h1 {
    font-size: 2.5em;
  }

  .single-testimonial .entry-header h1 {
    font-size: 2.5em;
  }

  .entry-content>p:first-child {
    font-size: 1.125em;
    line-height: 1.65em;
    margin: .5em 0 !important;
  }

  .search #content-wrap,
  .archive #content-wrap,
  .error404 #content-wrap {
    margin: 0;
  }

  .page #main,
  .single #main,
  .search #main,
  .archive #main,
  .error404 #main {
    padding: 0 2.5%;
    width: 95%;
  }

  /* =Soft Break
------------------------------------------ */
  .soft-break {
    display: block;
  }

  /* =Grid
------------------------------------------- */
  .one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
    float: none;
    margin: 2.5% 0;
    padding: 2.5% 0;
    width: 100%;
    text-align: center;
  }

  /* =Galleries
------------------------------------------- */
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item {
    float: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 480px) {

  /* =Structure
------------------------------------------- */
  #content-wrap {
    padding: 0 1em;
  }

  body.single #main {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    float: none;
  }

  .page-template-page-header-image .entry-header,
  .page-template-page-projects .entry-header,
  .single-testimonial .entry-header {
    height: 240px;
  }

  /* =Error404 and Nothing Found Search
------------------------------------------- */
  .error-404-search-box {
    font-size: 1em;
  }

  .error-404-search-box+label {
    font-size: 1em;
  }
}

/*  NEW: SLIDER; */
.slick-arrow {
  position: absolute;
  top: 45%;
  border: none;
  width: 30px;
  height: 45px;
  opacity: 0.4;
  font-size: 0;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.slick-arrow:hover {
    opacity: .8;
    cursor: pointer;
}

.slick-arrow:focus {
  outline: 2px solid #f0b82dde!important;
}

.slick-prev {
  left: 1rem;
  background: center / contain no-repeat url(/wp-content/themes/respond-jr/images/left-arrow_white.png);
  z-index: 1;
}

.slick-next {
  background: center / contain no-repeat url(/wp-content/themes/respond-jr/images/right-arrow_white.png);
  right: 1rem;
}

.home-slider__content {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-slider__img, .home-slider__video {
  height: 100%;
  width: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  z-index: -1;
  opacity: .8;
}
.home-slider__img--mobile {
  display: none!important;
}

.home-slider--new, .home-slider__slide {
  height: 560px !important;
}

.slick-list.draggable {
  height: 100%;
}

.home-slider__title {
  color: #fff;
  max-width: 70%;
  padding: 0;
  font-size: 3rem;
  text-shadow: 0px 0px 40px rgb(0 0 0);
}

.home-slider__content span {
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    padding-top: 10px;
    text-align: center;
    line-height: 1.25em;
    text-shadow: 0px 0px 40px rgb(0 0 0);
}

.slick-dots {
  position: absolute;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0 auto;
  bottom: 1rem;
  list-style: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0;
}

.slick-dots li {
  margin: 0 .2rem;
}

.home-slider__cta {
  background: #f0b82d;
  color: #3e4743;
  text-decoration: none;
  font-weight: bold;
  padding: 1rem 1.2rem;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin: 2rem 0 0 0;
}

.home-slider__cta:hover {
  background: #dc9d00;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: 2px #ffffff solid;
  outline: none;
  background: transparent;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

li.slick-active button {
  background: #fff;
}

.home-slider--new {
  background: #222;
}

.fluid-width-video-wrapper {
    /*z-index: -1!important;*/
    z-index: 9999!important;
}
.ytp-gradient-top, .ytp-chrome-top.ytp-show-cards-title {
  display: none!important;
}

@media (max-width: 1025px) {
  .home-slider__content {
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    bottom: 0;
    min-height: 30%;
    background: #222;
    height: auto;
  }

  .home-slider__title {
    max-width: 90%;
  }

  .home-slider__title {
    font-size: 1.5rem;
  }

  .home-slider__content span {
    font-size: 1em;
  }

  .slick-dots {
    display: none !important;
  }

  .slick-arrow {
    top: 31%;
  }

}

@media (max-width:415px) {
  .home-slider__video.--hidden-mobile {
    display: none;
  }
  .home-slider__img--mobile {
    display: block!important;
  }
}


/*
* BLOG
*/

.blog-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
/*  background-color: green; */
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.blog #lcdm-plug,
.search #lcdm-plug,
.archive #lcdm-plug,
.single #lcdm-plug{
    margin-top: 0;
}

.blog-content{
/*  background-color: yellow; */
    width: 100%;
    margin: 0;
}

/* Hero */
.blog-hero{
    position: relative;
}

.blog-hero img{
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -o-object-fit: cover;
       object-fit: cover;
}

.blog-hero h1{
    color: #fff;
    background-color: #2e3332db;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 60px 0;
    text-transform: uppercase;
}

.blog-hero h1:after{
    content: "";
    display: block;
    width: 200px;
    height: 4px;
    background-color: #f0b82d;
    margin: 0 auto;
    margin-top: 10px;
}


/* Blog feed */
.blog-feed-post *,
.blog-feed-post{
    margin: 0;
    padding: 0;
}

.blog-feed-post{
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px #f1f1f1;
    -webkit-box-shadow: 1px 2px 8px #f1f1f1a3;
            box-shadow: 1px 2px 8px #f1f1f1a3;
    border-radius: 5px;
    position: relative;
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

.blog-feed-post:hover{
    -webkit-box-shadow: 1px 2px 8px #e5e5e5;
            box-shadow: 1px 2px 8px #e5e5e5;
}

.blog-feed-post img{
    height: 240px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1;
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

.blog-feed-post_content{
/*  background-color: pink; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
}


.blog-feed-post_content a:after{
    display: none !important;
}

.blog-feed-post_content h2{
    margin-bottom: 20px;
    font-size: 28px;
    text-align: center;
}

.blog-feed-post_content h2:after{
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    background-color: #f0b82d;
    margin: 0 auto;
    margin-top: 10px;
}

.blog-feed-post_content h2 a{
    border: none !important;
    font-weight: 400 !important;
    color: #3f4743 !important;
}

.blog-feed-post_content h2 a:hover,
.blog-feed-post_content h2 a:focus,
.blog-feed-post_content h2 a:active{
    color: #f0b82d !important;
    padding: 0 !important;
    background: none !important;
}

.blog-feed-post_content p{
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
}

.blog-feed-post_content .action-button{
    padding: 12px !important;
    border: none !important;
    font-size: 16px;
}


/* Blog sidebar */
#blogSidebar{
/*  background-color: orange; */
    background-color: #fff;
    border: solid 1px #f1f1f1;
    -webkit-box-shadow: 1px 2px 8px #f1f1f1a3;
            box-shadow: 1px 2px 8px #f1f1f1a3;
    width: calc(100% - 40px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px 20px 0 20px;
    border-radius: 5px;
}

#blogSidebar *{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

#blogSidebar .widget-box{
    border: none;
    border-bottom: solid 1px #f2f2f2;
    margin-bottom: 20px;
    padding-bottom: 26px;
}

#blogSidebar .widget-box:last-child{
    margin-bottom: 0;
    padding-bottom: 20px;
    border: none;
}

#blogSidebar .widget-box:first-child form{
/*  background-color: red; */
    position: relative;
}

#blogSidebar .widget-box:first-child form input{
    width: 100%;
    height: 40px;
    border: solid 1px #ececec;
    padding: 10px;
    border-radius: 5px;
}

#blogSidebar .widget-box:first-child form input::-webkit-input-placeholder{
    color: #3f4743;
    font-family: 'Roboto', sans-serif;
}

#blogSidebar .widget-box:first-child form input::-moz-placeholder{
    color: #3f4743;
    font-family: 'Roboto', sans-serif;
}

#blogSidebar .widget-box:first-child form input:-ms-input-placeholder{
    color: #3f4743;
    font-family: 'Roboto', sans-serif;
}

#blogSidebar .widget-box:first-child form input::-ms-input-placeholder{
    color: #3f4743;
    font-family: 'Roboto', sans-serif;
}

#blogSidebar .widget-box:first-child form input::placeholder{
    color: #3f4743;
    font-family: 'Roboto', sans-serif;
}

#blogSidebar .widget-box:first-child form input.search-submit{
    width: 40px;
    height: 40px;
    color: transparent;
    background-color: #f0b82d;
    -webkit-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    border: none;
    position: absolute;
    right: 0;
    border-radius:  0 5px 5px 0;
    background-image: url('https://www.tamsystems.com/wp-content/uploads/icon-search.png');
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
}

#blogSidebar .widget-box:first-child form input.search-submit:hover,
.blog-feed-post_content .action-button:hover{
    background-color: #f7ca5c !important;
}

#blogSidebar .widget-box h3{
    margin-bottom: 10px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
}

#blogSidebar .widget-box select{
    width: 100%;
    height: 40px;
    padding: 10px;
    border: solid 1px #ececec;
    color: #3f4743;
  border-radius: 5px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat;
    background-position: right 5px top; /* Change the px value here to change the distance */
    -moz-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding : 4px 20px
}


/* Single */
.single #main{
    padding: 0;
    width: 100%;
}

.single .blog-content{
    border: solid 1px #f1f1f1;
    /* font-size: 16px; */
    border-radius: 5px;
}

.single .entry-header{
    position: relative;
    margin: 0;
}

.single .entry-header img{
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0;
}

.single .entry-header_content:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(4,4,4);
background: -o-linear-gradient(bottom, rgba(4,4,4,1) 0%, rgba(15,15,15,0) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(4,4,4,1)), to(rgba(15,15,15,0)));
background: linear-gradient(0deg, rgba(4,4,4,1) 0%, rgba(15,15,15,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.single .entry-header_content{
    position: relative;
    margin: 0;
    padding: 40px;
    height: 240px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.single .entry-header_content h1{
    color: #fff;
    text-align: center;
    width: 100%;
}

.single .entry-header .categories-container{
    margin-top: 6px;
    width: 100%;
}

.single .entry-header .categories-container a{
    font-weight: 400 !important;
    font-size: 13px;
    border-bottom: none !important;
    margin: 0 10px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    text-align: center !important;
    border-bottom: solid 1px transparent !important;
    display: inline-block;
}

.single .entry-header .categories-container a:hover,
.single .entry-header .categories-container a:active,
.single .entry-header .categories-container a:focus{
    background: transparent !important;
    color: #f0b82d !important;
    border-bottom: solid 1px #f0b82d !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.entry-content>p:first-child{
    font-size: 16px;
    color: #000;
    font-style: normal;
}

.entry-content{
    padding: 20px 20px 40px;
    color: #000;
    font-size: 16px;
}

.entry-footer{
    display: none;
}

/* Search */
.post-item, .search .hentry{
    padding: 0;
  border-bottom: solid 1px #f1f1f1;
  margin-top: 0;
}


/* Navigation */
.wp-pagenavi{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.wp-pagenavi .pages{
    display: none;
}

.wp-pagenavi a,
.wp-pagenavi .current{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding: 10px !important;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    font-size: 16px;
    margin: 0 10px;
    border: solid 1px #f1f1f1 !important;
}

.wp-pagenavi a:after{
    display: none !important;
}

.wp-pagenavi .nextpostslink{
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}

/* Social Share*/
.single .entry-header .post-social-share{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
}

.single .entry-header .post-social-share a{
    width: 20px;
    height: 20px;
    background: #f0b82d;
    display: block;
    border-bottom: none !important;
    padding: 6px 10px !important;
  border-right: solid 1px #d9a014 !important;
  border-radius: 0 !important;
}

.single .entry-header .post-social-share a:after{
    display: none !important;
}

.single .entry-header .post-social-share a:hover{
    background-color: #f8d170 !important;
    border-radius: 0 !important;
}

.single .entry-header .post-social-share a:last-child{
    border-right: none !important;
}

.single .entry-header .post-social-share a img{
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    -o-object-fit: contain;
       object-fit: contain;
    top: unset;
    left: unset;
    border: unset;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.single .entry-header .post-social-share a:hover img{
    -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08);
}

/* Tablet */
@media (min-width:768px){
  .blog-content{
    width: 60%;
  }

  #blogSidebar{
    width: 30%;
    margin-top: 0;
  }

  .blog-container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .blog-hero h1{
    padding: 120px 0;
  }

  .blog-feed-post_content h2{
    text-align: left;
  }

  .blog-feed-post_content h2:after{
    margin-left: 0;
  }

  .categories-container,
  .single .entry-header_content h1{
    text-align: left !important;
    width: 100%;
  }

  .single .entry-header .categories-container a{
    margin: 0 20px 0 0;
  }

  .single .entry-header_content{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}


/* Desktop */
@media (min-width:1024px){
    .blog-content{
        width: 69%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #blogSidebar{
        width: 25%;
        margin-top: 0;
    }

    .blog-feed-post img{
        width: 240px;
        height: 240px;
        max-height: unset;
        border-radius: 5px 0 0 5px;
    }

    .blog-feed-post{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
    }

    .blog-feed-post_content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-left: solid 2px #f0b82d;
        border-radius: 0 5px 5px 0;
    }

    .blog-feed-post_content h2,
    .blog-feed-post_content p{
        margin-bottom: 10px;
    }

    .blog-feed-post_content .action-button{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px 20px !important;
    }

    .blog-hero h1{
        font-size: 52px;
    }

    .entry-content p,
    .entry-content>p:first-child{
        font-size: 18px;
    }
    .entry-content{
        padding: 20px 40px 60px;
    }
}

/*------------------------------------*\
    call-us-bar
\*------------------------------------*/
.call-us-bar--mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    background: #ffffff;
    margin-bottom: 1rem;
    gap: 1px;
}

.call-us-bar--desktop {
    display: none;
}

.call-us-bar__tap {
    padding: 1rem 0;
    text-decoration: none;
    color: #3e4543;
    font-weight: 900;
    text-transform: uppercase;
    background: #f5a81b;
}

.call-us-bar__tap.dark {
  background: #3e4543;
  color: #f5a81b;
}

#menu-item-3200 {
    display: none;
}

#menu-item-3196 .ubermenu-submenu {
    min-width: 160px;
}

@media (min-width: 1025px) {
     .call-us-bar--mobile {
        display: none;
    }

    .ubermenu-main .ubermenu-item-normal > .ubermenu-target {
          padding-block: 11px!important;
    }

    .ubermenu-submenu-type-flyout {
        padding-block: 16px!important;
    }

    #menu-item-3200 {
      display: block;
      margin-top: -11px;
    }

    .call-us-bar--desktop {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        max-width: 1200px;
        margin-inline: auto;
        gap: .5rem;
        margin-top: 0.5rem;
        border-left: 0;
    }

    .call-us-bar__label {
        background: #f0b82d;
        color: #3e4843;
        font-weight: bold;
        padding: 0.6rem;
        line-height: 1;
        display: inline-block;
    }

    .call-us-bar__wrap {
        padding: 0 .5rem 0 0;
        display: flex;
        border-radius: 3px;
        align-items: center;
        gap: 0.8rem;
        border: 1px solid #f0b82d;
    }

    .call-us-bar__link {
        font-weight: bold;
        text-decoration: none;
        color: #3e4843;
    }
}


/*------------------------------------*\
    UBER
\*------------------------------------*/

#action-calls-n-nav,
li#ubermenu-main-843 {
    position: static;
}

.ubermenu-item-header a {
    text-transform: uppercase!important;
    font-size: 20px!important;
    font-family: Roboto Condensed;
    line-height: 1!important;
}

#menu-item-3178 > div {
   display: none;
}

.ubermenu-sub-indicator:before {
    content: ""!important;
    display: block;position: relative;
    top: 0;
    width: 9px;
    height: 8px;
    transform: rotate(209deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI2My4zNzQgMjYzLjM3NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMjM4LjE2MywxMTUuNTdsLTY4LjEyNy0zOS43NDFjLTE1LjIwMS04Ljg5OS00MC4wNjQtMjMuMzkzLTU1LjI5Ni0zMi4yNTZMNDQuMTE1LDMuODMxICAgIEMyOC45MTktNS4wNjcsMTMuOTc0LDIuMDcsMTMuOTc0LDE5LjY5OHYyMjRjMCwxNy41NjcsMTQuOTQ1LDI0LjczNSwzMC4xNDcsMTUuODcybDY5LjM3Ni0zOS43NDEgICAgYzE1LjIzMi04Ljg2Myw0MC43MzUtMjMuMzU3LDU1LjkzNi0zMi4yNTZsNjguNDQ5LTM5Ljc0MUMyNTMuMDQ3LDEzOC45MzMsMjUzLjMzNCwxMjQuNDMzLDIzOC4xNjMsMTE1LjU3eiIgZmlsbD0iI2Y1YTgxYyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=);
}

.ubermenu-active .ubermenu-sub-indicator:before  {
    transform: rotate(-90deg);
    top: 1px;
}

.site-header-new__container:before {
  display: none!important;
}

.site-header-new__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


@media (min-width: 1025px) {

  #menu-item-3178 > div {
      padding: 0 0 0 10px;
      display: block;
  }

   .ubermenu-submenu-type-mega {
      width: 100%!important;
      padding: 25px 25px!important;
      left: 0!important;
  }

  .site-header-new__container {
      display: flex;
      justify-content: space-between;
      padding-inline: 0!important;
      padding-block: 0.8rem 0.3rem!important;
      position: relative!important;
  }

    .ubermenu-submenu {
        top: 86px!important;
    }

    .ubermenu-submenu .ubermenu-submenu {
        top: -16px !important;
    }
}

.ubermenu-item-level-0 > a,
.ubermenu-item-header.ubermenu-target-title {
    font-family: Roboto Condensed!important;
}

nav#ubermenu-main-843 {
    margin-left: auto;
    position: static!important;
}

.site-header-new__branding {
    margin-top: -5px!important;
    margin-bottom: 5px!important;
    margin-inline: 1rem!important;
}

.site-header-new__branding img {
    /* padding-right: 1rem!important; */
    margin: 0!important;
}

@media (max-width: 1025px) {
  .ubermenu-responsive-toggle {
      display: flex!important;
      flex-direction: column;
      align-items: center;
      font-size: 12px!important;
      text-align: center!important;
      text-transform: uppercase!important;
      font: normal normal bold 18px/21px Roboto Condensed;
      color: #3e4543;
      margin-left: 0!important;
      padding: 1rem 0.5rem 0!important;
  }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
      right: 23px!important;
  }

  .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
      right: 12px!important;
  }

  .ubermenu-responsive.ubermenu {
    grid-column: 1 / 3;
  }

  .ubermenu-responsive-toggle i {
      font-size: 30px;
      margin: 0!important;
  }

/*   .ubermenu-item-level-0 > a {
     padding-left: 0!important;
  } */

  .ubermenu-main .ubermenu-item-normal > .ubermenu-target {
      font-size: 18px!important;
  }
}


/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/


/**
 * Wrappers
 */

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px; /* TODO: Update paddings to match your needed grid sizing */
    padding-right: 10px;
}

    .container { max-width: 1366px; }

/**
 * Grid System
 *
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 * Base setup 20px gutters
 *
 * Phones         - xxs - <  600px    ** Default **
 * Small Tablets  - xs - >=  600px
 * Tablets        - sm - >= 768px
 * Desktop        - md - >= 1025px
 * Large Desktop  - lg - >= 1200px
 * --------------------------------------------------------------------------
 * Learn more here: http://getbootstrap.com/css/#grid
 * -------------------------------------------------------------------------- */

.row {
    margin-left: -10px; /* TODO: Update margin number to match container padding */
    margin-right: -10px;
}

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }

.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9  { width: 75%; }
.col-xxs-8  { width: 66.66666667%; }
.col-xxs-7  { width: 58.33333333%; }
.col-xxs-6  { width: 50%; }
.col-xxs-5  { width: 41.66666667%; }
.col-xxs-4  { width: 33.33333333%; }
.col-xxs-3  { width: 25%; }
.col-xxs-2  { width: 16.66666667%; }
.col-xxs-1  { width: 8.33333333%; }

.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9  { right: 75%; }
.col-xxs-pull-8  { right: 66.66666667%; }
.col-xxs-pull-7  { right: 58.33333333%; }
.col-xxs-pull-6  { right: 50%; }
.col-xxs-pull-5  { right: 41.66666667%; }
.col-xxs-pull-4  { right: 33.33333333%; }
.col-xxs-pull-3  { right: 25%; }
.col-xxs-pull-2  { right: 16.66666667%; }
.col-xxs-pull-1  { right: 8.33333333%; }
.col-xxs-pull-0  { right: auto; }

.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9  { left: 75%; }
.col-xxs-push-8  { left: 66.66666667%; }
.col-xxs-push-7  { left: 58.33333333%; }
.col-xxs-push-6  { left: 50%; }
.col-xxs-push-5  { left: 41.66666667%; }
.col-xxs-push-4  { left: 33.33333333%; }
.col-xxs-push-3  { left: 25%; }
.col-xxs-push-2  { left: 16.66666667%; }
.col-xxs-push-1  { left: 8.33333333%; }
.col-xxs-push-0  { left: auto; }

.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9  { margin-left: 75%; }
.col-xxs-offset-8  { margin-left: 66.66666667%; }
.col-xxs-offset-7  { margin-left: 58.33333333%; }
.col-xxs-offset-6  { margin-left: 50%; }
.col-xxs-offset-5  { margin-left: 41.66666667%; }
.col-xxs-offset-4  { margin-left: 33.33333333%; }
.col-xxs-offset-3  { margin-left: 25%; }
.col-xxs-offset-2  { margin-left: 16.66666667%; }
.col-xxs-offset-1  { margin-left: 8.33333333%; }
.col-xxs-offset-0  { margin-left: 0%; }

/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
    [class*="col-xs-"] {float:left;}

    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9  { width: 75%; }
    .col-xs-8  { width: 66.66666667%; }
    .col-xs-7  { width: 58.33333333%; }
    .col-xs-6  { width: 50%; }
    .col-xs-5  { width: 41.66666667%; }
    .col-xs-4  { width: 33.33333333%; }
    .col-xs-3  { width: 25%; }
    .col-xs-2  { width: 16.66666667%; }
    .col-xs-1  { width: 8.33333333%; }

    .col-xs-pull-12 { right: 100%; }
    .col-xs-pull-11 { right: 91.66666667%; }
    .col-xs-pull-10 { right: 83.33333333%; }
    .col-xs-pull-9  { right: 75%; }
    .col-xs-pull-8  { right: 66.66666667%; }
    .col-xs-pull-7  { right: 58.33333333%; }
    .col-xs-pull-6  { right: 50%; }
    .col-xs-pull-5  { right: 41.66666667%; }
    .col-xs-pull-4  { right: 33.33333333%; }
    .col-xs-pull-3  { right: 25%; }
    .col-xs-pull-2  { right: 16.66666667%; }
    .col-xs-pull-1  { right: 8.33333333%; }
    .col-xs-pull-0  { right: auto; }

    .col-xs-push-12 { left: 100%; }
    .col-xs-push-11 { left: 91.66666667%; }
    .col-xs-push-10 { left: 83.33333333%; }
    .col-xs-push-9  { left: 75%; }
    .col-xs-push-8  { left: 66.66666667%; }
    .col-xs-push-7  { left: 58.33333333%; }
    .col-xs-push-6  { left: 50%; }
    .col-xs-push-5  { left: 41.66666667%; }
    .col-xs-push-4  { left: 33.33333333%; }
    .col-xs-push-3  { left: 25%; }
    .col-xs-push-2  { left: 16.66666667%; }
    .col-xs-push-1  { left: 8.33333333%; }
    .col-xs-push-0  { left: auto; }

    .col-xs-offset-12 { margin-left: 100%; }
    .col-xs-offset-11 { margin-left: 91.66666667%; }
    .col-xs-offset-10 { margin-left: 83.33333333%; }
    .col-xs-offset-9  { margin-left: 75%; }
    .col-xs-offset-8  { margin-left: 66.66666667%; }
    .col-xs-offset-7  { margin-left: 58.33333333%; }
    .col-xs-offset-6  { margin-left: 50%; }
    .col-xs-offset-5  { margin-left: 41.66666667%; }
    .col-xs-offset-4  { margin-left: 33.33333333%; }
    .col-xs-offset-3  { margin-left: 25%; }
    .col-xs-offset-2  { margin-left: 16.66666667%; }
    .col-xs-offset-1  { margin-left: 8.33333333%; }
    .col-xs-offset-0  { margin-left: 0%; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [class*="col-sm-"] {float:left;}

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9  { width: 75%; }
    .col-sm-8  { width: 66.66666667%; }
    .col-sm-7  { width: 58.33333333%; }
    .col-sm-6  { width: 50%; }
    .col-sm-5  { width: 41.66666667%; }
    .col-sm-4  { width: 33.33333333%; }
    .col-sm-3  { width: 25%; }
    .col-sm-2  { width: 16.66666667%; }
    .col-sm-1  { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-8  { right: 66.66666667%; }
    .col-sm-pull-7  { right: 58.33333333%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-5  { right: 41.66666667%; }
    .col-sm-pull-4  { right: 33.33333333%; }
    .col-sm-pull-3  { right: 25%; }
    .col-sm-pull-2  { right: 16.66666667%; }
    .col-sm-pull-1  { right: 8.33333333%; }
    .col-sm-pull-0  { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-8  { left: 66.66666667%; }
    .col-sm-push-7  { left: 58.33333333%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-5  { left: 41.66666667%; }
    .col-sm-push-4  { left: 33.33333333%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-2  { left: 16.66666667%; }
    .col-sm-push-1  { left: 8.33333333%; }
    .col-sm-push-0  { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-8  { margin-left: 66.66666667%; }
    .col-sm-offset-7  { margin-left: 58.33333333%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-5  { margin-left: 41.66666667%; }
    .col-sm-offset-4  { margin-left: 33.33333333%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-2  { margin-left: 16.66666667%; }
    .col-sm-offset-1  { margin-left: 8.33333333%; }
    .col-sm-offset-0  { margin-left: 0%; }

}

/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
  [class*="col-md-"] {float:left;}

  .col-md-12, .col-md-12-wrap { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6, .col-md-6-wrap  { width: 50%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4, .col-md-4-wrap { width: 33.33333333%; }
  .col-md-3  { width: 25%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9  { right: 75%; }
  .col-md-pull-8  { right: 66.66666667%; }
  .col-md-pull-7  { right: 58.33333333%; }
  .col-md-pull-6  { right: 50%; }
  .col-md-pull-5  { right: 41.66666667%; }
  .col-md-pull-4  { right: 33.33333333%; }
  .col-md-pull-3  { right: 25%; }
  .col-md-pull-2  { right: 16.66666667%; }
  .col-md-pull-1  { right: 8.33333333%; }
  .col-md-pull-0  { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9  { left: 75%; }
  .col-md-push-8  { left: 66.66666667%; }
  .col-md-push-7  { left: 58.33333333%; }
  .col-md-push-6  { left: 50%; }
  .col-md-push-5  { left: 41.66666667%; }
  .col-md-push-4  { left: 33.33333333%; }
  .col-md-push-3  { left: 25%; }
  .col-md-push-2  { left: 16.66666667%; }
  .col-md-push-1  { left: 8.33333333%; }
  .col-md-push-0  { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9  { margin-left: 75%; }
  .col-md-offset-8  { margin-left: 66.66666667%; }
  .col-md-offset-7  { margin-left: 58.33333333%; }
  .col-md-offset-6  { margin-left: 50%; }
  .col-md-offset-5  { margin-left: 41.66666667%; }
  .col-md-offset-4  { margin-left: 33.33333333%; }
  .col-md-offset-3  { margin-left: 25%; }
  .col-md-offset-2  { margin-left: 16.66666667%; }
  .col-md-offset-1  { margin-left: 8.33333333%; }
  .col-md-offset-0  { margin-left: 0%; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*="col-lg-"] {float:left;}

  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9  { width: 75%; }
  .col-lg-8  { width: 66.66666667%; }
  .col-lg-7  { width: 58.33333333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-5  { width: 41.66666667%; }
  .col-lg-4  { width: 33.33333333%; }
  .col-lg-3  { width: 25%; }
  .col-lg-2  { width: 16.66666667%; }
  .col-lg-1  { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9  { right: 75%; }
  .col-lg-pull-8  { right: 66.66666667%; }
  .col-lg-pull-7  { right: 58.33333333%; }
  .col-lg-pull-6  { right: 50%; }
  .col-lg-pull-5  { right: 41.66666667%; }
  .col-lg-pull-4  { right: 33.33333333%; }
  .col-lg-pull-3  { right: 25%; }
  .col-lg-pull-2  { right: 16.66666667%; }
  .col-lg-pull-1  { right: 8.33333333%; }
  .col-lg-pull-0  { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9  { left: 75%; }
  .col-lg-push-8  { left: 66.66666667%; }
  .col-lg-push-7  { left: 58.33333333%; }
  .col-lg-push-6  { left: 50%; }
  .col-lg-push-5  { left: 41.66666667%; }
  .col-lg-push-4  { left: 33.33333333%; }
  .col-lg-push-3  { left: 25%; }
  .col-lg-push-2  { left: 16.66666667%; }
  .col-lg-push-1  { left: 8.33333333%; }
  .col-lg-push-0  { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9  { margin-left: 75%; }
  .col-lg-offset-8  { margin-left: 66.66666667%; }
  .col-lg-offset-7  { margin-left: 58.33333333%; }
  .col-lg-offset-6  { margin-left: 50%; }
  .col-lg-offset-5  { margin-left: 41.66666667%; }
  .col-lg-offset-4  { margin-left: 33.33333333%; }
  .col-lg-offset-3  { margin-left: 25%; }
  .col-lg-offset-2  { margin-left: 16.66666667%; }
  .col-lg-offset-1  { margin-left: 8.33333333%; }
  .col-lg-offset-0  { margin-left: 0%; }

}


/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }


/* Career page */
.job_filters {
    background: transparent;
}

.search_jobs {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media (min-width: 600px) {
 .search_jobs {
   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 37px;
 }
}

.job_filters .showing_jobs {
    background: #f1f1f1eb;
    border-top: none;
    margin-inline: 1rem;
    margin-top: 1rem;
    padding-block: 1rem;
}

.job_filters .search_jobs::before,
.job_filters .search_jobs::after {
    display: none;
}

.search_jobs > div {
    width: 100%!important;
    display: flex;
    padding: 0!important;
    float: none!important;
}

.search_jobs input,
.select2-container--default .select2-selection--single {
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 3px;
    padding: 1.1rem;
    font: normal normal normal 18px/21px Roboto;
    letter-spacing: 0px;
    color: #8A9A92;
    line-height: 0;
}

.search_jobs div:nth-child(3) {
    display: none;
}

.search_submit {
    grid-column: 1 / 4;
}

.job_filters .search_jobs input[type="submit"] {
    background: #f0b82d;
    color: #3e4843;
    font-weight: bold;
    line-height: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1!important;
    position: relative;
    top: -3px;
}

span.select2-selection__arrow > b {
    display: none;
}

span.select2-selection__arrow:before {
    content: "";
    display: block;
    width: 7px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('https://www.tamsystems.com/wp-content/uploads/arrow-up-down.svg');
    background-size: contain;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translate(0, -27%);
}

.job_listings {
    margin-top: 40px;
}

@media (min-width: 1024px) {
  .job_listings {
      margin-top: 80px;
  }
}

.job_filters .job_types {
    padding-block: 27px!important;
    border-block: 1px solid #F1F1F1;
    margin: 1rem 1rem 1.2rem!important;
    background: transparent;
}

ul.job_types li label {
    font: normal normal bold 16px/19px Roboto Condensed;
    letter-spacing: 0px;
    color: #3F4743;
    text-transform: uppercase;
}

ul.job_listings {
    margin: 2rem 1rem 0!important;
    border: none!important;
}

ul.job_listings li.job_listing {
    margin: 0!important;
    border: none;
}

ul.job_listings li.job_listing a {
    all: unset;
    box-shadow: 0px 1px 25px #f1f1f1b4!important;
    border: 1px solid #F1F1F1!important;
    border-radius: 6px;
    position: relative;
    margin-bottom: 2rem!important;
    padding: 30px 40px!important;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    visibility: unset;
    cursor: pointer;
    height: auto!important;
}

@media (min-width: 600px) {
  ul.job_listings li.job_listing a {
    padding: 40px 60px!important;
  }
}

@media (min-width: 1200px) {
 ul.job_listings li.job_listing a {
       display: grid!important;
    gap: 0.8rem;
    grid-template-columns: repeat(3, 1fr);
    padding: 40px 88px!important;
 }
}

ul.job_listings li.job_listing:before {
    display: none!important;
}

.position h3 {
    font: normal normal bold 22px/25px Roboto Condensed!important;
    letter-spacing: 0px;
    color: #3F4743;
    text-align: left;
    padding: 0!important;
    margin: 0!important;
}

ul.job_listings li.job_listing a div.position {
    padding: 0!important;
    grid-column: 1 / 4;
    width: 100%;
}

.page-id-3249 .entry-title,
.single-job_listing .entry-title {
    font: bold 36px/1.2 Roboto Condensed;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: none;
    text-transform: uppercase;
}

.page-id-3249 .page-header,
.single-job_listing .page-header {
    min-height: 120px;
    padding-block: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('https://www.tamsystems.com/wp-content/uploads/page-careers-bg-1.jpg');
    background-size: cover;
    background-color: black;
}

@media (min-width: 600px) {
 .page-id-3249 .page-header,
 .single-job_listing .page-header {
    min-height: 312px;
 }

 .page-id-3249 .entry-title,
 .single-job_listing .entry-title {
    font: normal normal bold 52px/61px Roboto Condensed;
    }
}

.job-description {
    grid-column: 1 / 4;
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: 0px;
    color: #3F4743;
}

.type-job_listing button {
    background: #F0B82D;
    border-radius: 6px;
    padding: 0.9rem;
    border: none;
    font: normal normal 900 16px/19px Roboto;
    letter-spacing: 0px;
    color: #3F4743;
    cursor: pointer;
    display: block;
}

@media (min-width: 600px) {

  .type-job_listing button {
      /* display: none; */
  }
}

.location, .job-category, .job-type  {
    font: bold 14px/1.5 Roboto Condensed!important;
    display: flex;
    gap: 5px;
    text-align: left!important;
    padding: 0!important;
    align-items: center;
    letter-spacing: 0px;
    color: #3F4743!important;
    width: 100%!important;
    text-transform: uppercase;
}


ul.job_listings .job-manager-applications-applied-notice {
    text-transform: uppercase;
    font-size: 80%;
}

.location:before, .job-category:before, .job-type:before {
    all: unset;
    content: ""!important;
    display: inline-block!important;
    width: 12px;
    height: 16px;
    margin: 0!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('https://www.tamsystems.com/wp-content/uploads/locations.svg');
}

.job-category:before {
    background-image: url('https://www.tamsystems.com/wp-content/uploads/fi-bs-user.svg');
}

.job-type:before {
    background-image: url('https://www.tamsystems.com/wp-content/uploads/watch.svg');
}

ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus {
    background: transparent!important;
}

.page-id-3249 #main a[href^="http"]:after, #main a[href^="https"]:after,
.single-job_listing #main a[href^="http"]:after, #main a[href^="https"]:after {
    display: none;
}

.page-id-3249 .entry-content,
.single-job_listing .entry-content {
    padding: 0!important;
}


.job-description p {
    margin: 0 0 0;
}

.job_filters .job_types li {
    border-right: none;
    margin-right: 40px!important;
}

.type-job_listing a:hover button {
    display: block;
}

.entry-title:after {content: "";display: block;width: 200px;height: 4px;background: #F0B82D 0% 0% no-repeat padding-box;margin-inline: auto;margin-top: 0.8rem;}


.type-job_listing ul, .type-job_listing ul li {
    margin: 0!important;
}

@media (min-width: 600px) {
 .type-job_listing ul {
    margin: 0 0 0 1rem!important;
}
}

.job-manager-form fieldset input.input-text, .job-manager-form fieldset input.input-date, .job-manager-form fieldset textarea, .job-manager-form fieldset select {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #F1F1F1;
    border-radius: 3px;
    padding: 12px 21px;
    text-align: left;
    font: normal normal normal 18px/21px Roboto;
    letter-spacing: 0px;
    color: #8A9A92;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
    width: 100%;
    font: normal normal bold 16px/19px Roboto Condensed;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
    border-bottom: none!important;
}

.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
    width: 100%;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label) span {
    color: #f0b82d;
}

.form-content {
    font: normal normal bold 22px/25px Roboto Condensed;
    letter-spacing: 0px;
    color: #F0B82D;
    margin: 0;
}

.form-content > * {
    margin: 0!important;
}

.job-manager-form fieldset {
    border-bottom: none;
}

.single.single-job_listing  .entry-header h1 {
    color: #fff;
    text-shadow: none;
}


@media (min-width: 600px) {

.single_job_listing .application .application_details form.job-manager-application-form {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 30px;
    /* border-bottom: none!important; */
}

.fieldset-first-name,
.fieldset-last-name,
.fieldset-name-of-school,
.fieldset-location-of-school-city-state,
.fieldset-resume,
.fieldset-cover-letter,
fieldset[class*="fieldset-name-of-school-"],
fieldset[class*="fieldset-location-of-school-city-state-"],
.fieldset-available-start-date,
.fieldset-starting-salary-requested  {
    grid-column: span 3;
    margin: 0!important;
}

.form-content, .fieldset-address-line-1,
.fieldset-address-line-2,
.fieldset-titles-and-duties,
fieldset[class*="fieldset-titles-and-duties-"],
.fieldset-certify,
.fieldset-authorize,
.fieldset-understand {
    grid-column: span 6;
    margin: 1rem 0!important;
}

.fieldset-email-address, .fieldset-phone,
.fieldset-date-of-birth, .fieldset-city,
.fieldset-state, .fieldset-zip-code,
.fieldset-company-name,
.fieldset-city-state,
.fieldset-reason-for-leaving,
.fieldset-supervisor-name,
.fieldset-telephone-number,
fieldset[class*="fieldset-company-name-"],
fieldset[class*="fieldset-city-state-"],
fieldset[class*="fieldset-reason-for-leaving-"],
fieldset[class*="fieldset-supervisor-name-"],
fieldset[class*="fieldset-telephone-number-"]
 {
    grid-column: span 2;
    margin: 0!important;
}
}

:is(
.fieldset-certify,
.fieldset-authorize,
.fieldset-understand
)
.field.required-field {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    line-height: 1;
    margin: 0!important;
}

.single_job_listing .application .application_details form.job-manager-application-form .form-content {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 1rem;
}

.form-content + .form-content {
    margin-top: 0!important;
    border: none!important;
    padding: 0!important;
    display: none;
}

.button.wp_job_manager_send_application_button {
    height: 47px;
    max-width: 100%;
    margin-inline: auto;
    display: block;
    background: #F0B82D 0% 0% no-repeat padding-box;
    border-radius: 6px;
    border: 0;
    padding: 0 2rem;
    font: normal normal 900 16px/19px Roboto;
    letter-spacing: 0px;
    color: #3F4743;
}

@media (min-width: 600px) {
 .button.wp_job_manager_send_application_button {
    min-width: 436px;
  }
}

p {
    grid-column: span 6;
}

ul.job-listing-meta.meta,
.application_details:before,
input.application_button.button {
    display: none!important;
}

.application_details {
    border: none!important;
}

.single_job_listing .job-manager-applications-applied-notice {
    margin: 0;
}

.field
 input[type="checkbox"]:checked { /* change "blue" browser chrome to yellow */
  filter: invert(100%) hue-rotate(336deg) brightness(1.5);
}

.job-manager-form fieldset small.description {
    margin: 0!important;
    position: relative;
    top: 2px;
}

#state {
  height: 48px;
}


.read-more {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.read-more__wrapper {
  display: inline;
}

.read-more__wrapper * {
  display: block;
}

.read-more.is-expanded {
  -webkit-line-clamp: initial;
}

.expand {
  all: unset;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.2rem;
  font-weight: bold;
  font-size: 80%;
  text-transform: uppercase;
}

.read-more__box a.expand.js-read-more-expand {
    padding: 0!important;
    box-shadow: none!important;
    border: none!important;
    margin-top: 5px;
    margin-bottom: 0!important;
    font-size: 80%;
    text-transform: uppercase;
    color: #a8a8a8!important;
}

table.ui-datepicker-calendar tr:nth-child(2n) {
    background: none;
}

/* Homepage Shortcode */

.outer-short-wrapper {
  position: relative;
  margin-top: 80px;
}

.outer-short-wrapper:before {
  content: "";
  height: 100%;
  width: 80%;
  position: absolute;
  background-image: linear-gradient(90deg, black, transparent);
  z-index: 1;
}

.outer-short-wrapper:after {
  content: "";
  background-image: url("https://www.tamsystems.com/wp-content/uploads/drone.png");
  height: 140px;
  width: 250px;
  position: absolute;
  z-index: 4;
  display: block;
  top: -50px;
  right: -50px;
  background-repeat: no-repeat;
  background-size: contain;
}

img.short-img-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: 'object-fit: cover;';
}

.short-content-inner {
  padding: 50px;
  position: relative;
  text-align: left;
  z-index: 3;
  color: #ffffff;
  max-width: calc(50% - 100px);
}

.short-content-inner h2 {
  text-align: left;
  margin-top: 10px;
  color: #fff;
}

@media (max-width: 800px) {
  .outer-short-wrapper:before {
    width: 100%;
    background-image: linear-gradient(90deg, black, rgba(0,0,0,.4));
  }
  .short-content-inner {
    padding: 30px;
    max-width: calc(100% - 80px);
  }
  .outer-short-wrapper:after{
    right: -25px;
    height: 85px;
    width: 154px;
  }
}

/* Review Acceleration Slider */
#review-acceleration {
    padding: 60px 0;
}

.mcfx-review-author {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #f0b82d;
    text-transform: uppercase;
    text-shadow: 0 0 0 rgba(0, 0, 0, 1);
}

.mcfx-review-date {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.mcfx-review-number-rating {
    display: none;
}

.mcfx-review-description {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    margin-top: 20px;
    display: block;
}

.mcfx-review-stars {
    position: relative;
}

.mcfx-star::before {
    content: '\2B50';
}

.mcfx-review {
    padding: 0 30px;
}

.mcfx-reviews .slick-arrow {
    outline: none !important;
    background: #fff;
    border: none;
    height: auto;
    opacity: 1;
}

.mcfx-reviews .slick-arrow::before {
    color: #f0b82d;
    font-size: 60px;
    font-weight: 600;
}

.mcfx-reviews .slick-arrow:hover::before {
    color: #8f8f8f;
}

.mcfx-reviews .slick-prev {
    left: -1rem;
}

.mcfx-reviews .slick-prev::before {
    content: '\2039';
}

.mcfx-reviews .slick-next {
    right: -1rem;
}

.mcfx-reviews .slick-next::before {
    content: '\203A';
}


.pdf_image a[href$=".pdf"]:before{
  display: none !important;
}

.pdf_image a[href^="http"]:after{
  display: none !important;
}