/*
// Theme Name: Maytag Dealer's Template
// Theme URI: https://www.mtd.com/
// Author: Boca Pro
// Author URI: http://www.bocapro.com/
// Description: This is a custom theme designed by Boca Pro for Water Dealer's Template.
// Version: 1.0.0
// Template: pro
*/


/* =============================================================================
// STYLE.CSS
// -----------------------------------------------------------------------------
// Main CSS File.
// ========================================================================== */


/* =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   - General Styles
//   - Header
//   - Body
//   - Footer
//   - Plugins
//   - Responsive Styles
// ========================================================================== */

@import url('fonts/stylesheet.css');

/* General Styles
// ========================================================================== */
p { margin: 0 0 1.15em; }
sup { font-size: 60%;top: -0.8em; }
.widget a , .widget p{font-size: 16px;}
ul > li > a:hover{color:#002e5f !important;}
.h1,.h2,.h3,.h4,.h5,.h6, .x-anchor-button span,.h-title, .sub-h-title, .cta-title {  font-family: 'Berthold Akzidenz-Grotesk'!important;}
.h-title, .sub-h-title { text-transform:uppercase;font-weight:600; }
.h-title { font-size:52px;margin-top:0;line-height:62px;}
.sub-h-title { font-size:24px;line-height:35px;}
.sub-h-title:after { content:"";width:50px;height:5px;background:#002e5f;display:inline-block;vertical-align:middle;}
.s-testimonial-wrap .sub-h-title:after {display:none; }
.s-testimonial-wrap .sub-h-title:before{ content:"";width:50px;height:5px;background:#fff;display:block;margin:auto;}
.cta-title {font-size:50px;font-weight:700;color:#fff;line-height:50px;}
.marginless-p > p:last-of-type { margin-bottom: 0; }
.marginless-ul > ul:last-of-type { margin-bottom: 0; }
.marginless-ol > ol:last-of-type { margin-bottom: 0; }
.styled-list { list-style: none; }
.styled-list li:before { content: '\f00c'; font-family: 'fontawesome'; color: #222; font-weight: bold; display: inline-block; width: 1.5em; }
.styled-list li ul li:before { content: '\f101'; }
.styled-list li ul li ul li:before { content: '\f105'; }

/* Buttons */
.x-btn, .x-btn.x-btn-mini, .x-btn.x-btn-small, .x-btn.x-btn-regular, .x-btn.x-btn-large, .x-btn.x-btn-x-large, .x-btn.x-btn-jumbo, .button, [type="submit"] { font-weight:700;font-size:24px!important;text-transform:uppercase;font-family: 'Berthold Akzidenz-Grotesk';text-shadow: none !important; padding: 5px 5px!important; }
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus { outline: none !important; }
.x-anchor-button span{text-transform:uppercase;font-size:20px;font-weight:700!important;}

/* Forms */
form { margin: 0; }
form .required { color: #f00; font-weight: bold; }
.wpcf7-not-valid-tip { color: #f00; font-weight: bold; }
.wpcf7 .screen-reader-response { display: none; }
.wpcf7 input[type="text"],.wpcf7 input[type="email"], .wpcf7 textarea {color:#848484;}
.wpcf7 .x-column,.wpcf7 .wpcf7-list-item-label { font-size:1rem;padding:4px;}
.wpcf7 .wpcf7-list-item {display:block;}
input[type="radio"], input[type="checkbox"]{ vertical-align: baseline;margin-bottom:20px;}
.wpcf7-submit { font-size: 20px!important; padding: 5px 30px!important;}
.x-breadcrumb-wrap, .wpcf7 br {display:none;}

/* Header
// ========================================================================== */
.x-logo-img{ text-align:left;}
.x-brand {position: absolute;  top: -50px;}

/* Topbar */
.x-topbar { margin-bottom:0;text-align:right;background:#002E5F;z-index: 0;}
.x-topbar ul { margin-bottom:0;}
.x-topbar .p-info{letter-spacing: 1px;float:none;color:#fff;font-family: 'Berthold Akzidenz-Grotesk'!important;font-size: 16px;display:inline-block;}
.x-topbar .p-info > li {display:inline-block;}
.x-topbar .p-info a{color:#fff;}
.x-topbar .p-info a:hover { color:#9caab8 !important;}

/* Navbar */
.x-navbar { border:0; border-top:1px solid #848484; }
.x-navbar .desktop .x-nav > li:first-child > a { border-left: none; }
.x-navbar .desktop .x-nav > li.x-menu-item-search { display:none;}
.x-navbar .desktop .x-nav > li > a { border-right: none;}
.x-navbar .desktop .x-nav > li > a > span {font-size:16px;font-family: "Berthold Akzidenz-Grotesk","HelveticaLTW01-Roman",Arial,sans-serif !important;letter-spacing:0.5px;}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {background:#f4f4f4;
-webkit-box-shadow: 0px 6px 0px 0px rgba(0,90,187,1);
-moz-box-shadow: 0px 6px 0px 0px rgba(0,90,187,1);
box-shadow: 0px 6px 0px 0px rgba(0,90,187,1);
    border-bottom: 2px solid #005abb;
}
.x-navbar .desktop .x-nav > li > a > span:after { content: "\f107"; }
.x-navbar .desktop .x-nav > li > .sub-menu > li > a > span:after { content: "\f105"; }
.masthead-inline .x-navbar .desktop .sub-menu { left: 0; right: auto; top: 75px !important; }
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu { right: initial; left: 100%; top: -1.025em !important; }
.x-btn-navbar.collapsed, .x-btn-navbar, .x-btn-navbar.collapsed:hover, .x-btn-navbar:hover { color: #222; }

/* Social menu */
.x-menu-social {list-style:none;display:inline-block;padding-top:5px;}
.x-menu-social li {display:inline-block; padding-right:10px;}
.x-menu-social li > a { font-size:18px; color:#fff;}
.x-menu-social li > a:hover > i { transition:all 400ms ease;}
.x-menu-social li > a:hover > .x-icon-facebook { color:#3B5998; }
.x-menu-social li > a:hover > .x-icon-twitter { color:#00B6F1; }
.x-menu-social li > a:hover > .x-icon-youtube-play { color:#FF0000; }
.x-menu-social li > a:hover > .x-icon-instagram { color:#C32AA3; }
.x-menu-social li > a:hover > .x-icon-linkedin { color:#007BB6; }
.x-menu-social li > a:hover > .x-icon-pinterest { color:#CB2027; }
.x-menu-social li > a:hover > .x-icon-google-plus { color:#DF4A32; }


/* Body
// ========================================================================== */
/* Testimonial */
.s-testimonial-wrap { max-height:500px;height:100%;}
.s-testimonial-wrap .h-title, .s-testimonial-wrap .sub-h-title,.s-testimonial-wrap .testimonial,.s-testimonial-wrap .author {color:#fff;}
.s-testimonial-wrap .author { line-height:24px;font-weight:700;margin-top:20px;}
.s-testimonial-wrap .author .place { font-weight:400;}

.page-id-178 .hms-testimonial-container .testimonial:before,.hms-testimonial-container .testimonial:after  { content:"'' ";}
.page-id-178 .hms-testimonial-container .author{ margin:10px 0 20px 0;text-align:right; font-weight:700;line-height:24px;color:#01346b;border-bottom:1px solid #eaeaea; padding:10px 20px; }

/* List numbers*/
.list-num { list-style:none;margin:0;}
.list-num li:before{ content:"\f043"; font-family:fontAwesome; position:absolute; color:#002e5f; font-size:20px;}
.list-num li{ line-height:2; }
.list-num li span { position:relative; left:20px;}

/* Footer
// ========================================================================== */
.x-colophon.top { background: #e1e1e1!important;padding: 20px 0 40px;}
.x-colophon.top .widget:before {display:none;}
.x-colophon.top .widget .h-widget { font-family: 'Berthold Akzidenz-Grotesk'!important;font-weight:700;font-size:20px;letter-spacing:0.5px; }
.x-colophon.top .widget,.x-colophon.top .widget .h-widget, .x-colophon.top .widget ul > li > a { color:#323232;}
.c-info ul { list-style:none;margin:20px 0;}
.c-info ul > li {margin-bottom:10px;}
.c-info ul > li > i { position:absolute;}
.c-info ul > li > a , .c-info ul > li > span{font-size:16px;text-decoration:none;position:relative;left:20px; line-height:1.5;}
.x-colophon.top .widget ul > li > a:hover{color:#002e5f !important;}

.x-colophon.top .get-in-touch form { max-width:320px;}
.x-colophon.top .get-in-touch .wpcf7-submit {float:right; font-size:20px!important;padding:5px 30px!important;}
.x-colophon.top .get-in-touch input[type="text"], .x-colophon.top .get-in-touch input[type="email"]{ height:42px;padding:5px 10px; }
.x-colophon.top .get-in-touch textarea { height:60px;padding:5px 10px;resize:none;}

.x-colophon.bottom { text-transform:none;padding:20px 0 0;}
.x-colophon.bottom .x-nav {display:none;}
.x-colophon.bottom .x-colophon-content, .x-colophon.bottom .x-colophon-content a {
    color: #fff;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 1px;
    text-decoration:none;
}
.x-colophon.bottom .x-colophon-content a:hover { color:#f4f4f4!important;}

.cta-footer-widget .widget:before{display:none;}
.cta-footer-widget .x-btn {
  background:#fff;
  color:#002E5F;
  text-decoration:none!important;
  padding:10px 35px!important;
  margin:0px auto 0;

}
.cta-footer-widget .x-btn:hover {
    color:#fff!important;
}
/* Plugins
// ========================================================================== */


/* Responsive Styles
// ========================================================================== */

@media screen and (max-width: 767px) {
  /* General Styles */
  .mobile-margin { margin-bottom: 2em; }
  .mobile-margin:last-of-type { margin-bottom: 0; }
  .mobile-center { text-align: center !important; }
  .mobile-hidden { display: none !important; }
  .x-topbar .p-info { border:0;}
  .x-topbar .p-info, .x-topbar ul { border:0;padding-bottom:0;display:none;}
  
  .x-menu-social {margin:auto; width:100%;margin-bottom:10px;}
  .x-menu-social ul { max-width:185px;margin:auto;}
  .x-menu-social li > a { color:#002e5f;font-size:20px;}
  .x-menu-social li {padding-right:20px;} 

  
  .cta-footer-widget .x-btn {display:block;}
}

@media screen and (max-width: 979px) {
 .x-navbar .mobile .x-nav .current-menu-item > a{ background:#002e5f;}
 .x-navbar .mobile .x-nav .current-menu-item > a > span {color:#fff;}
 .x-colophon.top .x-column .widget:first-child { margin-top: 0.5em;}
 .cta-title {line-height:52px;}

}