/*!
 Theme Name:     DLI SewerMan rmtheme child
 Theme URI:      http://www.dreamlight.com
 Version:        1.4.5
 Date:           12/10/21
 Description:    DreamLight Inc's custom SewerMan child theme extending rmtheme foundation based theme.
 Author:         Michael Scaramozzino
 Author URI:     http://www.dreamlight.com
 Template:       rmtheme
 Template Vers:  3.0 Last Modified 3-27-19 (rmtheme version number not updated)

 History:
 v1.4.5 12/10/21 - Additional update to form for spam
 v1.4.0 12/01/21 - Revising custom contact form to help reduce spam.
 v1.3.0 04/06/21 - Revising templates changing 40 yrs. to 50 yrs. throughout
 v1.2.7 01/21/21 - Revising and expanding the Contact form, updated sidebar.
                    Also fixed a typo on old 404 page button.
                    Also updated the ppc-contact and ppc-sidebar.
 v1.2.6 07/08/20 - Updated the YouTube ID in subsitehome.php
 v1.2.5 06/12/20 - Updated the YouTube links.
                      Channel URL in footer.php, Video URL in homepage.php
 v1.2.4 05/20/20 - Tweaked footer.php login link while resolving login issuses
 v1.2.3 02/20/20 - Revised meta titles to use SewerMan rather than Sewer-Man
                    Because most would search without the dash.
                    Also overrode Google Analytics function to update
                    the GA code for SewerMan in header-footer-scripts.php
 v1.2.2 02/14/20 - Removed extra space at start of
                    assets/functions/header-footer-scripts.php
                    that was causing a blank line on output of
                    sitemapindex.xml and sitemap.xml from
                    broadcast sitemaps that was hard to debug.
 v1.2.1 11/11/19 - Overrode hard rooterman link for NS Cloner
                    in Rooterman Dashboard plugin
                    Removed Franchise buton from footer.php
                    Added admin-style.css to hide portal/video on sewerman
 v1.1.1 09/12/19 - Rolled out live
*/
/******************************************************************
Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file.

After compiling copy resulting style.css to root of child theme
******************************************************************/
/* WRITING INITIAL SCSS HERE AND WILL MODULARIZE & IMPORT LATER  */
/******************************************************************
Variables
******************************************************************/
/******************************************************************
Mixins
******************************************************************/
/******************************************************************
Parent theme style overrides
******************************************************************/
/* Layout Overrides */
@media only screen and (min-width: 10em) {
  .column, .columns {
    padding-left: 1rem;
    padding-right: 1rem; } }
@media only screen and (min-width: 40.063em) {
  .column, .columns {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
@media only screen and (min-width: 64.063em) {
  .column, .columns {
    padding-left: 2rem;
    padding-right: 2rem; } }

/* GUI Elements */
a {
  color: #ED1C24;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

a:hover, a:focus {
  color: #A51419; }

a:link, a:visited:link {
  -webkit-tap-highlight-color: transparent; }

button, .button, input[type="submit"].button, input#plainview_sdk_broadcast_wordpress_form2_inputs_primary_button_send_contact {
  /* top | right | bottom | left */
  /* vertical | horizontal */
  padding: 0.625rem;
  border-radius: 0.375rem;
  background-color: #0066B3;
  color: white;
  border: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.button:hover, input[type="submit"].button:hover, input#plainview_sdk_broadcast_wordpress_form2_inputs_primary_button_send_contact:hover {
  background-color: #003E6B; }

.button.alert {
  background-color: #ED1C24;
  border-radius: 0.375rem; }

a:hover.button.alert {
  color: #0066B3;
  background-color: #F4D305; }

@media only screen and (min-width: 64.063em) {
  .button.expand.header-phonecallout.shrink-phonecallout {
    font-size: 1.5rem; } }

button.secondary, .button.secondary {
  background-color: #F4D305;
  border: none;
  color: #0066B3; }

button.secondary:hover, button.secondary:focus,
.button.secondary:hover, .button.secondary:focus {
  background-color: #ED1C24;
  color: white; }

.hp {
  display: none; }

/******************************************************************
Header + Top Nav Bar style overrides
******************************************************************/
#navfullerparent {
  background: #0066B3; }

.header {
  border-bottom: 4px solid #ED1C24;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); }
  .header .rm-ppc-header-phone {
    color: #ED1C24; }
  .header .rm-ppc-header-phone:hover {
    color: #A51419; }
  .header .rm-ppc-header-subtext {
    color: #0066B3; }

@media only screen and (min-width: 64.063em) {
  .shrink-logo {
    max-height: 80px !important; } }

.top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
  background: transparent; }

.top-bar-section ul li > a, .desk-nav-ppc .top-bar-section ul li > a {
  text-transform: uppercase;
  font-size: 1em;
  /* Fixes a problem where Safari on Mac draws some fonts
    too thin like the Arial normal in the main menu */
  -webkit-font-smoothing: subpixel-antialiased; }
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover, .desk-nav-ppc .top-bar-section li:not(.has-form) a:hover:not(.button),
.desk-nav-ppc .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.desk-nav-ppc .top-bar-section li.active:not(.has-form) a:not(.button),
.desk-nav-ppc .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.desk-nav-ppc .top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: #ED1C24; }
.top-bar-section ul li:hover:not(.has-form) > a, .desk-nav-ppc .top-bar-section ul li:hover:not(.has-form) > a {
  background: #ED1C24; }
.top-bar-section .dropdown, .desk-nav-ppc .top-bar-section .dropdown {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0; }
  .top-bar-section .dropdown li.active:not(.has-form) a:not(.button),
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button), .desk-nav-ppc .top-bar-section .dropdown li.active:not(.has-form) a:not(.button),
  .desk-nav-ppc .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
    color: #0066B3;
    background: #F4D305; }
.top-bar-section li:hover .dropdown, .desk-nav-ppc .top-bar-section li:hover .dropdown {
  opacity: 1; }
.top-bar-section li.menu-item a[href*="photos"], .desk-nav-ppc .top-bar-section li.menu-item a[href*="photos"] {
  display: none; }

@media only screen and (min-width: 40.063em) {
  .desk-nav-ppc .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 1.25rem; } }
@media only screen and (min-width: 64.063em) {
  .desk-nav-ppc .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 3.5rem; } }

.rm-ppc-marketing-hero {
  height: 500px;
  background-image: url("assets/images/sewerman-banner-mobile.jpg"); }
  @media only screen and (min-width: 40.063em) {
    .rm-ppc-marketing-hero {
      background-image: url("assets/images/sewerman-banner.jpg"); } }
  .rm-ppc-marketing-hero .rm-ppc-hero-callout {
    background: #B3D2E8; }
  .rm-ppc-marketing-hero .rm-ppc-hero-a {
    background: #0066B3; }
  .rm-ppc-marketing-hero .rm-ppc-hero-c {
    background: #ED1C24; }

.ppc-icon-steps {
  background: #DCDCDC; }

@media only screen and (min-width: 64.063em) {
  .rm-home-banner {
    margin-top: 160px; } }

#content.subsite {
  margin-top: auto; }

.content-section {
  padding: 2rem 0; }

h1, h2, h3, h4, h5 {
  color: #0066B3; }

@media only screen and (min-width: 10em) {
  h1 {
    font-size: 1.5rem; } }
@media only screen and (min-width: 40.063em) {
  h1 {
    font-size: 1.75rem; } }
@media only screen and (min-width: 64.063em) {
  h1 {
    font-size: 2rem; } }

@media only screen and (min-width: 10em) {
  h2 {
    font-size: 1.25rem; } }
@media only screen and (min-width: 40.063em) {
  h2 {
    font-size: 1.5rem; } }
@media only screen and (min-width: 64.063em) {
  h2 {
    font-size: 1.75rem; } }

@media only screen and (min-width: 10em) {
  h3 {
    font-size: 1.125rem; } }
@media only screen and (min-width: 40.063em) {
  h3 {
    font-size: 1.25rem; } }
@media only screen and (min-width: 64.063em) {
  h3 {
    font-size: 1.5rem; } }

@media only screen and (min-width: 10em) {
  h4, h5 {
    font-size: 1.0625rem; } }
@media only screen and (min-width: 40.063em) {
  h4, h5 {
    font-size: 1.125rem; } }
@media only screen and (min-width: 64.063em) {
  h4, h5 {
    font-size: 1.25rem; } }

@media only screen and (min-width: 10em) {
  p, ul {
    font-size: 1.0625rem; } }
@media only screen and (min-width: 40.063em) {
  p, ul {
    font-size: 1.125rem; } }
@media only screen and (min-width: 64.063em) {
  p, ul {
    font-size: 1.25rem; } }

.note {
  opacity: 0.5; }
  @media only screen and (min-width: 10em) {
    .note {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 40.063em) {
    .note {
      font-size: 1rem; } }
  @media only screen and (min-width: 64.063em) {
    .note {
      font-size: 1.125rem; } }

/******************************************************************
 Zip Code Search Bar Section
******************************************************************/
.rmzip-search-bar {
  height: auto;
  text-align: center;
  background: #F4D305;
  padding-top: 0.625em;
  border-top: 4px solid #ED1C24;
  border-bottom: 4px solid #ED1C24;
  position: relative;
  /* so box-shadow shows on adjacent divs */
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25); }
  @media only screen and (min-width: 60.063em) {
    .rmzip-search-bar {
      padding-top: 1.25rem; } }
  .rmzip-search-bar .rkv-zipcode-search-field {
    width: 9rem;
    height: 2.5rem;
    padding: 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25); }
  .rmzip-search-bar .button.zip-submit {
    height: 2.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #ED1C24; }
  .rmzip-search-bar .button.zip-submit:hover {
    background: #A51419; }
  .rmzip-search-bar h3.hp-inline-font {
    font-weight: bold; }
    @media only screen and (min-width: 10em) {
      .rmzip-search-bar h3.hp-inline-font {
        font-size: 1.125rem !important; } }
    @media only screen and (min-width: 40.063em) {
      .rmzip-search-bar h3.hp-inline-font {
        font-size: 1.25rem !important; } }
    @media only screen and (min-width: 64.063em) {
      .rmzip-search-bar h3.hp-inline-font {
        font-size: 1.5rem !important; } }

/******************************************************************
 Intro Section
******************************************************************/
.intro-section {
  background-color: white; }
  .intro-section h1 {
    text-align: center; }

/******************************************************************
 Service Section with Service Boxes
******************************************************************/
.services-section {
  background-color: #B3D2E8; }
  .services-section h2 {
    text-align: center;
    text-transform: uppercase; }

.servicebox, .rmhp-servicebox {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 2px solid;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: #0066B3;
  border-color: #003E6B;
  text-align: center; }
  .servicebox a, .rmhp-servicebox a {
    color: white;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .servicebox img, .rmhp-servicebox img {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-border-top-left-radius: 0.65rem;
    -webkit-border-top-right-radius: 0.65rem; }
  .servicebox .servicebox-title, .rmhp-servicebox .servicebox-title {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0; }
    @media only screen and (min-width: 10em) {
      .servicebox .servicebox-title, .rmhp-servicebox .servicebox-title {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 0.5rem 0.25rem; } }
    @media only screen and (min-width: 40.063em) {
      .servicebox .servicebox-title, .rmhp-servicebox .servicebox-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: 0.75rem 0.5rem; } }
    @media only screen and (min-width: 64.063em) {
      .servicebox .servicebox-title, .rmhp-servicebox .servicebox-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 0.75rem 0.5rem; } }

.servicebox:hover, .rmhp-servicebox:hover {
  cursor: pointer;
  color: #0066B3;
  background-color: #F4D305; }
  .servicebox:hover a, .rmhp-servicebox:hover a {
    color: #0066B3; }
  .servicebox:hover img, .rmhp-servicebox:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60); }

/******************************************************************
 Conversion Booster Section
******************************************************************/
.conversion-booster-section {
  background: #DCDCDC; }

.conversion-booster-box {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid #0066B3;
  background: white; }
  @media only screen and (min-width: 10em) {
    .conversion-booster-box {
      margin-bottom: 1.125rem; } }
  @media only screen and (min-width: 40.063em) {
    .conversion-booster-box {
      margin-bottom: 0; } }
  .conversion-booster-box.video-booster-box {
    background: black; }
  .conversion-booster-box h3 {
    text-align: center;
    background: #B3D2E8;
    padding: .5rem;
    margin-top: 0; }
  .conversion-booster-box .conversion-booster-box-content {
    padding: 1rem; }
    .conversion-booster-box .conversion-booster-box-content.list-booster-box {
      padding-left: 2rem; }
    .conversion-booster-box .conversion-booster-box-content ul {
      display: table;
      margin: 0 auto;
      list-style-type: none; }
    .conversion-booster-box .conversion-booster-box-content ul li:before {
      font-family: "foundation-icons";
      content: "\f1ee";
      margin: 0 5px 0 -15px;
      color: #F4D305; }
  .conversion-booster-box .testimonial img.rm-testimonial-quote {
    width: 1.875rem;
    height: auto;
    float: left;
    margin-right: 0.625rem; }
  .conversion-booster-box .rm-testimonials-text {
    font-style: italic;
    margin-bottom: 0.5rem; }
  .conversion-booster-box li .rm-testimonials-customer {
    margin-left: 30px;
    margin-right: 0;
    width: auto; }
  .conversion-booster-box .rm-testimonials-customer img {
    height: 4rem;
    margin-right: 1rem;
    width: auto;
    max-width: none; }
  .conversion-booster-box .rm-tesimonials-stars {
    height: 1.5rem;
    width: auto;
    max-width: none; }

.calltoaction {
  background: #0066B3;
  height: auto;
  text-align: center;
  padding-top: 1.5em;
  border-top: 1px solid #B3D2E8;
  border-bottom: 1px solid black;
  position: relative;
  /* so box-shadow shows on adjacent divs */
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25); }

/******************************************************************
 Other Pages - Articles, Services, etc.
******************************************************************/
.article-header h1.page-title {
  text-align: center; }

.article-image {
  width: 375px;
  border: 2px solid #DCDCDC;
  border-radius: 0.5rem;
  padding: 0.5rem;
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1rem; }

article ul li {
  margin-bottom: 0.5rem; }

div#location-flags {
  width: 100%;
  height: 180px; }

.entry-content img.locations-flag {
  height: 100%;
  border: 1px solid #DCDCDC;
  float: left;
  margin: 0 0.4rem;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25); }

.form-confirmation .entry-content, .no-locations {
  text-align: center; }

body.single-cctor_coupon .calltoaction, body.single-cctor_coupon .icon-bar.mobile, body.single-cctor_coupon .mapper {
  display: none !important; }

.rm-coupon h6 {
  display: none; }

.page-template-contactus form#contact_form_2, .contact_form form#contact_form_2 {
  display: grid;
  grid-template-columns: auto;
  clear: both; }
  .page-template-contactus form#contact_form_2 select, .contact_form form#contact_form_2 select {
    max-width: 250px; }
  @media only screen and (min-width: 40.063em) {
    .page-template-contactus form#contact_form_2, .contact_form form#contact_form_2 {
      grid-template-columns: repeat(3, minmax(100px, 1fr));
      grid-column-gap: 1em; }
      .page-template-contactus form#contact_form_2 .input_send_contact, .contact_form form#contact_form_2 .input_send_contact {
        margin-top: 1.25em; } }

/******************************************************************
 Sidebars
******************************************************************/
.sidebar-inner-container {
  padding: 0;
  margin: 0 auto;
  max-width: 300px; }
  @media only screen and (min-width: 64.063em) {
    .sidebar-inner-container {
      margin: 0;
      max-width: 100%; } }

@media only screen and (min-width: 10em) {
  .page-template-services #inner-content {
    display: flex;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse; } }
@media only screen and (min-width: 64.063em) {
  .page-template-services #inner-content {
    display: block; } }
.page-template-services #sidebar1 {
  text-align: center; }
  .page-template-services #sidebar1 .widget {
    display: table;
    text-align: left;
    margin: 0 auto; }
    .page-template-services #sidebar1 .widget ul {
      margin-bottom: 1rem; }
    .page-template-services #sidebar1 .widget li {
      margin-left: 10%; }
@media only screen and (min-width: 64.063em) {
  .page-template-services #sidebar1 {
    width: 33%; }
  .page-template-services #main {
    width: 66%; } }

.rmsb-zipper-searcher {
  background-image: url("assets/images/sewerman-sidebar-zip-locator-bg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 232px; }

.rmsb-sidebargirl {
  background-image: url("assets/images/sewerman-callback-bg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 320px;
  padding: 3.5rem 6rem 1rem 1rem; }
  .rmsb-sidebargirl p {
    line-height: 1.5rem; }

input.rkv-zipcode-search-field {
  border-radius: 0.375rem; }

.widget.rm-widget-regular {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid #DCDCDC;
  background: white; }
  .widget.rm-widget-regular h4 {
    text-align: center;
    background: #DCDCDC;
    padding: .5rem;
    margin-top: 0; }
  .widget.rm-widget-regular ul {
    display: table;
    margin: 0 auto 1rem;
    list-style-type: none; }
  .widget.rm-widget-regular ul li:before {
    font-family: "foundation-icons";
    content: "\f1ee";
    margin: 0 5px 0 -15px;
    color: #F4D305; }
  .widget.rm-widget-regular div.rm-widget-content {
    padding: 0 1rem; }
    .widget.rm-widget-regular div.rm-widget-content p {
      font-size: 1.125rem; }

/******************************************************************
 Footer Section
******************************************************************/
.footer {
  background: #003E6B; }
  .footer p {
    color: #B3D2E8; }
  .footer a {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .footer a:hover {
    color: #FBED9B; }
  .footer .button:hover {
    background-color: #B3D2E8;
    color: #0066B3; }
  .footer .rm-footer-flags, .footer .rmf-social-icons {
    max-height: 3.4375rem;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    margin-bottom: 0.5rem;
    width: auto;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .footer a:hover .rm-footer-flags, .footer a:hover .rmf-social-icons {
    opacity: 0.6; }
  @media only screen and (min-width: 10em) {
    .footer #inner-footer {
      padding-bottom: 3em; } }
  @media only screen and (min-width: 64.063em) {
    .footer #inner-footer {
      padding-bottom: 0; } }

.ppc-footer .ppc-copyright {
  padding-top: 0.5rem;
  background: #003E6B;
  color: #B3D2E8; }
  .ppc-footer .ppc-copyright p {
    text-align: center;
    font-size: .9rem; }

/******************************************************************
 Bottom Mobile Menu
******************************************************************/
.icon-bar .item.rm-bottom-menu, .icon-bar .item.emailer {
  background: #0066B3; }
.icon-bar .item.rm-bottom-menu:hover, .icon-bar .item.emailer:hover {
  background: #003E6B; }
.icon-bar .item.caller {
  background: #ED1C24; }
.icon-bar .item.caller:hover {
  background: #A51419; }

/******************************************************************
 Plugins
******************************************************************/
.scrollup-button {
  bottom: 20px !important;
  right: 20px !important;
  background-color: #ED1C24 !important;
  border-radius: 32px !important;
  -moz-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  -webkit-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }
  @media only screen and (min-width: 10em) {
    .scrollup-button {
      cursor: auto !important;
      visibility: hidden;
      opacity: 0; } }
  @media only screen and (min-width: 64.063em) {
    .scrollup-button {
      cursor: pointer !important;
      visibility: visible;
      opacity: 0.5; } }
  .scrollup-button .scrollup-svg-icon {
    fill: white !important; }
  .scrollup-button:hover {
    background-color: #ED1C24 !important;
    opacity: 0.8; }
    .scrollup-button:hover .scrollup-svg-icon {
      fill: white !important; }