/*
Theme Name: HudsonInk
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Amy Greene
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.brand {
    color: #00498e !important;
}

.brand-lt {
    background-color: #007abb;
}

.brand-2 {
    background-color: #f36e20 !important;
}

.nectar-button {
    min-width: 200px;
    text-align: center;
 	font-size:24px !important;
    text-transform: uppercase;
}

.block {
    display: block;
}

.nectar-animated-title .nectar-animated-title-outer:after,
.nectar-animated-title-inner:after {
    width: 100%;
}

.white {
    color: white !important;
}

.smaller h2 {
    font-size: 28px !important;
}

.flex {
    display: flex !important;
}

.flex.services {
    display: inline-flex !important;
    text-align: left;
    text-transform: uppercase;
    color: white;
}
span.larger{
	font-weight:400;
	line-height: 1.25 !important;
	text-transform: none;
	display: block;
	margin-bottom:8px;
}
h4 span.larger{
	font-family: 'lato', sans-serif !important;
}
.flex.services a {
    color: white;
    margin-bottom: 15px !important;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
}

.flex.services a:first-child {
    margin-top: 25px;
}

.flex.services a i {
    padding-right: 8px;
}

.flex-column {
    flex-direction: column !important;
}

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

h1.brand {
    text-transform: uppercase;
    font-weight: 400;
}
.services h4{
	margin-bottom:10px;
}

#buttons {
    margin-top: 50px;
    gap: 20px;
}

.row .col h4 {
    font-weight: 800;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.325;
    
}
.nectar-animated-title.completed{
	text-align: center;
}
.no-bottom{
	margin-bottom: 0;
}
#emergency {
    margin-bottom: 30px;
}

#emergency h4{
	margin-bottom:0;
	margin-top:20px;
}
#emergency p{
	padding-bottom:0;
	margin-top:5px;
}
.smaller p.strong {
    display: block;
}

.smaller p a {
    color: white;
    text-decoration: underline;
}

.smaller p {
    line-height: 1.75;
    margin-bottom: 8px;
}

p a {
    font-weight: 600 !important;
}

.services a {
    font-weight: 700;
}
.nectar-animated-title-inner::after{
	width: 100%;
}
h1 span.larger{
	font-size:150% !important;
	font-weight:400 !important;
}
@media only screen and (max-width:1160px) {
    .smaller h2 {
        font-size: 24px !important;
    }
}

@media only screen and (min-width:1000px) {
    .smaller h2 {
        font-size: 26px !important;
    }
}




p { font-weight: 400; line-height: 28px; margin: 0 auto !important; color: black; }
@media only screen and (min-width: 375px) { p { font-size: 16px; } }
@media only screen and (min-width: 1025px) { p { font-size: 16px; } }
p.bottom-text { color: white !important; font-size: 24px !important; }



nav ul li a { font-size: 30px; }
@media only screen and (min-width: 1025px) { nav ul li a { font-size: 28px; } }
nav ul li a span { text-transform: uppercase; font-size: 30px; }
@media only screen and (min-width: 1025px) { nav ul li a span { font-size: 17px;  } }
nav ul li.button_solid_color a span { margin: 10px 25px !important; color: white !important; }


@media only screen and (min-width: 1025px) { h1 { font-size: 64px; } }

h2 { font-family: 'Roboto', sans-serif; font-weight: 700; color: #1e598f; line-height: 1 !important; }
@media only screen and (min-width: 375px) { h2 { font-size: 24px !important; } }
@media only screen and (min-width: 767px) { h2 { font-size: 28px !important; } }
@media only screen and (min-width: 1025px) { h2 { font-size: 40px !important; } }
@media only screen and (min-width: 375px) { h2.vc_custom_heading.cta-headline { font-size: 28px !important; } }

.headline-featured h2 { font-size: 30px !important; }
@media only screen and (min-width: 375px) { .headline-featured h2 { font-size: 30px !important; } }
@media only screen and (min-width: 1025px) { .headline-featured h2 { font-size: 50px !important; } }

div.homesense h2 { color: #EB001C !important; line-height: 1.325 !important; border-bottom: 1px solid #444 !important; }
@media only screen and (min-width: 767px) { div.homesense h2 { font-size: 28px !important; } }
@media only screen and (min-width: 1025px) { div.homesense h2 { font-size: 36px !important; } }

@media only screen and (min-width: 1025px) { #Retention-Content h2 { font-size: 28px !important; } }


@media only screen and (min-width: 1025px) { h3 { font-size: 28px; } }



@media only screen and (min-width: 375px) { img.logo { max-width: 200px !important; } }
@media only screen and (min-width: 1025px) { img.logo { max-width: 265px !important; } }

.inline-block { display: inline-block !important; }

.block { display: block !important; }


@media only screen and (min-width: 375px) { .nectar-button { padding: 5px !important; width: 180px; } }
@media only screen and (min-width: 767px) { .nectar-button { width: 180px; padding: 8px 20px !important; } }
@media only screen and (min-width: 1025px) { .nectar-button { width: 220px; } }

@media only screen and (min-width: 375px) { .nectar-button span { font-size: 16px !important; } }
@media only screen and (min-width: 1025px) { .nectar-button span { font-size: 18px; } }

@media only screen and (min-width: 1025px) { .nectar-header-text-content a { font-size: 22px !important; } }
@media only screen and (min-width: 1025px) { .nectar-header-text-content a strong { font-size: 22px !important; } }
.nectar-header-text-content.mobile-only { padding: 50px 0 !important; }
.nectar-header-text-content.mobile-only a { color: white !important; font-size: 20px !important; padding-top: 30px !important; }
.nectar-header-text-content.mobile-only p { color: white !important; padding-bottom: 0 !important; font-size: 18px !important; }
.nectar-header-text-content.mobile-only p a strong { font-size: 20px !important; }

.services { margin: 0 auto; }
.services a { color: white !important; }
.services.flex { padding: 3%; }
@media only screen and (min-width: 1025px) { .services.flex { padding: 3% 5%; max-width: 400px; } }
.services.flex .flex-item { display: flex; align-items: center; font-size: 16px; padding: 10px 0; flex-direction: row !important; }
@media only screen and (min-width: 1025px) { .services.flex .flex-item { font-size: 18px; padding: 25px 0; } }
.services.flex .flex-item i { padding-right: 10px; }

.hero-content .flex.flex-column { align-items: flex-start; }
.hero-content .flex-inline { column-gap: 25px; }
.hero-content h2 { font-family: 'Bebas Neue', cursive; color: white !important; }

.transparent { opacity: 0 !important; }

#hero { display: flex; flex-direction: column !important; }
@media only screen and (min-width: 767px) { #hero { display: flex; flex-direction: row-reverse !important; justify-content: flex-end !important; } }
@media only screen and (min-width: 1025px) { #hero { justify-content: flex-end !important; } }
#hero img { margin: 0 !important; }
@media only screen and (min-width: 767px) { #hero img { max-width: 300px !important; } }
@media only screen and (min-width: 1025px) { #hero img { max-width: 500px !important; } }
@media only screen and (min-width: 1367px) { #hero img { max-width: 600px !important; } }
#hero-row-home .row-bg-wrap .row-bg { background-size: cover; background-repeat: no-repeat; }
@media only screen and (min-width: 375px) { #hero-row-home .row-bg-wrap .row-bg { background-image: url("/wp-content/uploads/2021/09/waveherobg-1.jpg"); } }
@media only screen and (min-width: 767px) { #hero-row-home .row-bg-wrap .row-bg { background-position: left center !important; } }
@media only screen and (min-width: 1025px) { #hero-row-home .row-bg-wrap .row-bg { background-position: center !important; } }
#hero-home { margin: 0  !important; padding-top: 40px; }
@media only screen and (min-width: 375px) { #hero-home { justify-content: center; }
  #hero-home h2 { padding-top: 35px; padding-bottom: 20px; text-align: center; font-size: 38px !important; line-height: 1.325 !important; }
  #hero-home .flex { gap: 20px !important; } }
@media only screen and (min-width: 767px) { #hero-home { flex-direction: column !important; height: auto !important; padding-right: 20px !important; padding-bottom: 20px; justify-content: center !important; }
  #hero-home span.inline-block { display: block !important; }
  #hero-home .flex { justify-content: flex-end; }
  #hero-home h2 { color: #EB001C !important; } }
@media only screen and (min-width: 1025px) { #hero-home { flex-direction: column !important; flex-basis: 80%; }
  #hero-home .flex { justify-content: center; } }
#hero-home h2 { text-transform: uppercase; font-family: 'Bebas Neue', cursive; line-height: 1.15; font-weight: 400 !important; }
@media only screen and (min-width: 767px) { #hero-home h2 { font-size: 40px !important; } }
@media only screen and (min-width: 1025px) { #hero-home h2 { font-size: 55px !important; } }
@media only screen and (min-width: 1367px) { #hero-home h2 { font-size: 70px !important; } }
#hero-home .flex { align-items: center; flex-direction: row; }
#hero-home .flex.flex-item { justify-content: space-between; }
@media only screen and (min-width: 767px) { #hero-home .flex.flex-item { gap: 20px !important; } }
@media only screen and (min-width: 1025px) { #hero-home .flex.flex-item { gap: 30px !important; } }
#hero-home .flex.flex-item .nectar-button { background-color: transparent !important; }
@media only screen and (min-width: 375px) { #hero-home .flex.flex-item .nectar-button { width: 180px !important; color: #EB001C !important; border-color: #EB001C !important; }
  #hero-home .flex.flex-item .nectar-button span { color: #EB001C !important; } }
@media only screen and (min-width: 767px) { #hero-home .flex.flex-item .nectar-button { width: 210px !important; } }
@media only screen and (min-width: 1025px) { #hero-home .flex.flex-item .nectar-button { width: 220px !important; } }
#hero-home .flex.flex-item .nectar-button span { font-size: 14px !important; }
@media only screen and (orientation: landscape) { #hero-home .flex.flex-item .nectar-button { max-width: 220px !important; } }
#hero-home .flex.flex-item .nectar-button:hover { background-color: #EB001C !important; color: white !important; }
#hero-home .flex.flex-item .nectar-button:hover span { color: white !important; }
@media only screen and (min-width: 767px) { #hero-home .flex.flex-item .nectar-button.only-desktop { display: block !important; } }
@media only screen and (min-width: 767px) { #hero-home .flex.flex-item { flex-direction: row; }
  #hero-home .flex.flex-item .nectar-button span { font-size: 16px !important; } }
@media only screen and (min-width: 1025px) { #hero-home .flex.flex-item { justify-content: center; gap: 25px; } }

.clients.five-cols > div { margin: 0 !important; }

.cta-headline { border-bottom: 2px solid white; margin: 0 auto; }
@media only screen and (min-width: 375px) { .cta-headline { font-size: 28px !important; } }
@media only screen and (min-width: 1025px) { .cta-headline { font-size: 45px; } }
.cta-relative { position: relative; }
@media only screen and (min-width: 1025px) { .cta-relative { top: -90px; } }
.cta p { font-family: 'Roboto', sans-serif; padding-bottom: 0; }
@media only screen and (min-width: 375px) { .cta p { text-align: center; } }
@media only screen and (min-width: 1025px) { .cta p { font-size: 18px; text-align: left; } }

@media only screen and (min-width: 1025px) { .cta p strong { font-size: 18px; } }

@media only screen and (min-width: 1025px) { #cta-mainservices { padding: 4%; margin: 0 auto; position: absolute; width: 100%; }
  #cta-mainservices .wpb_wrapper { position: absolute; width: 100%; } }

.heading-line { text-align: center; }
@media only screen and (min-width: 1025px) { .heading-line { text-align: left; } }
.heading-line h3 { color: #EB001C; font-weight: 700; }
.heading-line h4 { font-weight: bolder; }
@media only screen and (min-width: 1025px) { .heading-line h4 { font-size: 26px; } }

.flex { display: flex; flex-direction: column; align-content: center; align-items: center; }
@media only screen and (min-width: 767px) { .flex { flex-direction: row !important; } }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-evenly { justify-content: space-evenly; }
.flex-around { justify-content: space-around; }
.flex-between { justify-content: space-evenly; }
.flex-center { justify-content: center; }
.flex-inline { display: inline-flex; }
.flex.gap-20 { column-gap: 20px !important; }
.flex-item { margin-bottom: 10px; }
.flex-item img { margin: 5px auto !important; }
@media only screen and (min-width: 767px) { .flex-item { padding: 0; margin: 0px auto !important; } }

.flex-info { flex-direction: column !important; }

.add-gradient { background: #0f4373; background: linear-gradient(to bottom, #0f4373 0%, #25649d 100%); opacity: 0.95; padding: 40px 20px !important; align-items: center !important; border-radius: 20px; width: 100%; }
@media only screen and (min-width: 1025px) { .add-gradient { padding: 30px; } }
.add-gradient-square { border-radius: 0px !important; }

#r2 { padding-top: 30px; }
@media only screen and (min-width: 375px) { #r2 { padding-top: 30px; } }
@media only screen and (min-width: 767px) { #r2 { flex-direction: column !important; padding-top: 40px; gap: 20px; } }
@media only screen and (min-width: 1025px) { #r2 { flex-direction: row !important; gap: 40px; align-items: flex-start; padding-top: 25px; } }
#r2-c1 { flex-direction: column !important; padding-bottom: 20px; align-items: center; }
@media only screen and (min-width: 767px) { #r2-c1 { padding-bottom: 0px; flex-direction: row !important; gap: 20px; justify-content: space-between; align-items: center; width: 100%; } }
@media only screen and (min-width: 1025px) { #r2-c1 { justify-content: space-evenly; width: 33%; gap: 20px; padding-top: 0px; flex-direction: column !important; } }
#r2-c1-one { text-align: center; }
@media only screen and (min-width: 1025px) { #r2-c1-one { text-align: left; } }
#r2-c1 .flex-item.flex-inline { flex-direction: column !important; }
#r2-c1 p { margin: 0 !important; }
#r2-c1 h3 { color: #EB001C !important; font-size: 24px; }
@media only screen and (min-width: 375px) { #r2-c1 h3 { font-size: 24px; } }
@media only screen and (min-width: 767px) { #r2-c1 h3 { font-size: 25px; } }
#r2-c1 .flex-inline { display: inline-flex !important; width: 100%; }
#r2-c1 p { display: inline-block; }
@media only screen and (min-width: 375px) { #r2-c1 p { font-size: 16px !important; } }
@media only screen and (min-width: 1025px) { #r2-c1 p { font-size: 16px !important; padding-bottom: 15px !important; } }
@media only screen and (min-width: 1367px) { #r2-c1 p { font-size: 16px !important; } }
#r2-c1 p strong { display: block; color: #1e598f; }
@media only screen and (min-width: 1025px) { #r2-c1 p strong { font-size: 18px !important; } }
#r2-c1 h4 { font-weight: 700 !important; }
@media only screen and (min-width: 375px) { #r2-c1 h4 { font-size: 22px; } }
@media only screen and (min-width: 1025px) { #r2-c1 h4 { font-size: 24px; } }
#r2-c2 { justify-content: space-evenly; margin: 0; display: inline-flex; width: 100%; }
@media only screen and (min-width: 767px) { #r2-c2 { flex-direction: row !important; align-items: center; margin: 0px auto; display: flex; } }
@media only screen and (min-width: 1025px) { #r2-c2 { flex-direction: column !important; justify-content: center;  flex-direction: column !important; align-self: stretch; position: relative; left: 0; right: 0; top: -60px; } }
@media only screen and (min-width: 767px) { #r2-c2 .flex { flex-direction: row !important; } }
@media only screen and (min-width: 1025px) { #r2-c2 .flex { flex-direction: column !important; } }
#r2-c2 .services { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding-top: 30px; }
#r2-c2 .services a { font-size: 16px; }
@media only screen and (min-width: 767px) { #r2-c2 .services a { font-size: 16px; } }
#r2-c2 .services a i { padding-right: 10px; }
#r2-c3 { padding-top: 30px !important; padding-bottom: 0px !important; }
#r2-c3 .flex-item { flex-direction: column !important; }
@media only screen and (min-width: 375px) { #r2-c3 p { margin-top: 0 !important; } }
@media only screen and (min-width: 1025px) { #r2-c3 { width: 33% !important; padding-top: 0px !important; padding-bottom: 0px !important; } }
#r2-c3 h3 { padding-top: 30px; font-size: 24px; }
@media only screen and (min-width: 767px) { #r2-c3 h3 { padding-top: 0; font-size: 25px; } }

#r3 { flex-direction: column !important; gap: 20px !important; }
@media only screen and (min-width: 767px) { #r3 { flex-direction: row !important; } }
@media only screen and (min-width: 1025px) { #r3 { flex-direction: row !important; padding-top: 15px; } }
#r3 .flex-item { align-self: center; }
#r3 h2 { text-align: center; }
@media only screen and (min-width: 375px) { #r3 h2 { text-align: center; font-size: 36px !important; } }
@media only screen and (min-width: 767px) { #r3 h2 { text-align: left; } }
#r3 h2 span { font-size: 26px !important; color: #444; }
@media only screen and (min-width: 1025px) { #r3 h2 span { padding-top: 15px !important; color: #444; } }
#r3 h2 span.block { padding-top: 15px !important; }
@media only screen and (min-width: 375px) { #r3 p { text-align: center; } }
@media only screen and (min-width: 767px) { #r3 p { text-align: left; } }

.headline-featured h2 { font-weight: 900; font-size: 22px; line-height: 28px; }
@media only screen and (min-width: 767px) { .headline-featured h2 { font-size: 30px; line-height: 38px; } }

@media only screen and (min-width: 1025px) { .absolute .vc_column-inner { position: absolute; left: 0; right: 0; top: -90px; } }

.row .col img:not([srcset]) { width: 100%; height: auto; margin: 0 auto; }

@media only screen and (min-width: 767px) { .transparent-tablet { opacity: 0 !important; } }

@media only screen and (min-width: 375px) { .only-mobile { display: block; } }
@media only screen and (min-width: 767px) { .only-mobile { display: none !important; } }
@media only screen and (min-width: 375px) { .only-desktop { display: none; } }
@media only screen and (min-width: 1025px) { .only-desktop { display: block; } }

@media only screen and (min-width: 375px) { .hide-mobile { display: none !important; } }
@media only screen and (min-width: 767px) { .hide-mobile { display: unset !important; } }
@media only screen and (min-width: 767px) { .hide-tablet { display: none !important; } }
@media only screen and (min-width: 1025px) { .hide-desktop { display: none !important; } }

ol.flickity-page-dots { display: none !important; }

blockquote span.testimonial-name { font-weight: 700; text-transform: uppercase; color: #1e598f; font-family: 'Roboto', sans-serif; line-height: 1.5 !important; font-size: 24px !important; }
@media only screen and (min-width: 1025px) { blockquote span.testimonial-name { font-size: 28px !important; } }
blockquote span.title { font-family: 'Roboto', sans-serif; font-weight: 600; color: #3C3C3C !important; font-size: 22px !important; }
@media only screen and (min-width: 1025px) { blockquote span.title { font-size: 18px !important; } }
@media only screen and (min-width: 375px) { blockquote p { font-size: 15px !important; font-weight: 400 !important; } }
@media only screen and (min-width: 375px) { blockquote .inner { padding: 30px !important; } }

.contact-social { flex-direction: row; justify-content: center; justify-content: center; }
.contact-social a { color: #007abb; font-size: 20px; padding: 8px; }
.contact-social a:hover { color: #1e598f; }
@media only screen and (min-width: 375px) { .contact-pg-social { justify-content: center; } }
@media only screen and (min-width: 767px) { .contact-pg-social { justify-content: space-between; align-items: center; } }
@media only screen and (min-width: 1025px) { .contact-pg-social { justify-content: space-between; max-width: 500px !important; } }
.contact-pg-social .icon { padding: 8px; }

#user-name { display: flex; gap: 20px; }
#user-phone { gap: 20px; }
#user-services { position: relative; }
#user-services::after { content: '\2304'; font-size: 22px; top: 6px; right: 10px; position: absolute; }

form input, form textarea { background-color: white !important; font-size: 14px !important; border-bottom: 2px solid #ccc !important; border-radius: 0 !important; color: #333 !important; }
form input::placeholder, form textarea::placeholder { color: #333 !important; }
form input[type="submit"], form textarea[type="submit"] { background-color: #007abb !important; min-width: 200px; color: white !important; }
form input[type="submit"]::placeholder, form textarea[type="submit"]::placeholder { color: white !important; }
form input:focus, form textarea:focus { border-bottom: 2px solid #007abb !important; }
form .fieldset { margin-bottom: 10px; }
form button { background-color: #007abb !important; }
form select { border-radius: 0 !important; font-size: 14px !important; -webkit-appearance: none; appearance: none; box-shadow: none; border-bottom: 2px solid #ccc; color: #333 !important; background-color:white !important; }
form select:after { padding-right: 10px; }
form select:placeholder { color: #333 !important; }


@media only screen and (min-width: 767px) { #Specials-HVAC h2 { font-size: 24px; } }
@media only screen and (min-width: 1025px) { #Specials-HVAC h2 { font-size: 30px !important; } }
#Specials-HVAC h3 { color: #EB001C; }
@media only screen and (min-width: 767px) { #Specials-HVAC h3 { font-size: 20px; font-weight: 600; } }
#Specials-HVAC img:not([srcset]) { width: unset !important; }

@media only screen and (min-width: 375px) { #header-outer { padding: 20px 0 !important; } }
@media only screen and (min-width: 1025px) { #header-outer { padding: 0 !important; } }

#slide-out-widget-area { background-color: #007abb !important; padding-top: 80px !important; }
#slide-out-widget-area ul li { line-height: 2 !important; padding-bottom: 15px; }
#slide-out-widget-area ul li a { opacity: 1 !important; color: white !important; padding-bottom: 10px !important; }
#slide-out-widget-area ul li a:hover { text-decoration: underline !important; }
#slide-out-widget-area .inner { padding-top: 80px !important; }

#footer { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; flex-direction: column; }
@media only screen and (min-width: 767px) { #footer { gap: 20px; grid-gap: 20px; flex-direction: row; flex-wrap: nowrap; } }
#footer .flex-item { padding: 10px 0 !important; }
#footer .flex-item.one { color: white !important; }
@media only screen and (min-width: 375px) { #footer .flex-item.one { width: 100%; order: 2 !important; }
  #footer .flex-item.one p { text-align: center; margin: 0 auto !important; font-size: 18px !important; } }
@media only screen and (min-width: 767px) { #footer .flex-item.one { order: 1 !important; width: 33%; }
  #footer .flex-item.one p { text-align: left; } }
#footer .flex-item.one p { line-height: 1.5 !important; font-size: 14px !important; }
@media only screen and (min-width: 375px) { #footer .flex-item.two { width: 100%; text-align: center; order: 1; } }
@media only screen and (min-width: 767px) { #footer .flex-item.two { width: 33%; order: 2; } }
#footer .flex-item.two img { max-width: 200px; margin: 0 auto !important; }
#footer .flex-item.three { order: 3 !important; display: flex; align-items: center; width: 100%; justify-content: center; gap: 20px; }
@media only screen and (min-width: 767px) { #footer .flex-item.three { width: 33%; order: 3 !important; justify-content: flex-end; } }
#footer .flex-item.three a { font-size: 20px !important; }

.posts-container { display: flex; flex-wrap: wrap; }

@media only screen and (min-width: 1025px) { .post-content a { font-size: 36px; } }

div.homesense h2 { color: #EB001C !important; line-height: 1.325 !important; border-bottom: 1px solid #444 !important; }
@media only screen and (min-width: 767px) { div.homesense h2 { font-size: 28px !important; } }
@media only screen and (min-width: 1025px) { div.homesense h2 { font-size: 36px !important; } }

@media only screen and (min-width: 1025px) { #Retention-Content h2 { font-size: 28px !important; } }

#contact-numbers p { padding-bottom: 15px; }
@media only screen and (min-width: 767px) { #contact-numbers p { padding-bottom: 0; } }

#hvac-brands img { max-width: 100px; }
@media only screen and (min-width: 767px) { #hvac-brands img { max-width: 130px; } }
@media only screen and (min-width: 1025px) { #hvac-brands img { max-width: 150px; } }

body .carousel-wrap { margin: 0 auto !important; }

@media only screen and (min-width: 767px) { .social { gap: 20px; justify-content: flex-end !important; } }
.social a { color: #444; padding: 10px !important; }
@media only screen and (min-width: 767px) { .social a { padding: 0px !important; } }
.social a:hover { color: #EB001C; }
.social a i { font-size: 18px !important; }
@media only screen and (min-width: 767px) { .social a i { font-size: 20px !important; } }
@media only screen and (min-width: 1025px) { .social a i { font-size: 24px !important; } }

@media only screen and (min-width: 1025px) { #Demo-Email-Web-Messages table tr td { vertical-align: top !important; } }
#Demo-Email-Web-Messages table tr { display: flex !important; flex-direction: column-reverse; }
#Demo-Email-Web-Messages table tr td { width: 100%; }
@media only screen and (min-width: 1025px) { #Demo-Email-Web-Messages table tr { display: table-row !important; }
  #Demo-Email-Web-Messages table tr td { width: inherit !important; } }