/*!
Theme Name: ULOUDMOUTH
Theme URI: http://underscores.me/
Author: Uloudmouth Media
Author URI: http://uloudmouth.com
Description: Uloudmouth v2 framework
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uloudmouth
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ULOUDMOUTH is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,500;1,600&display=swap')

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

html {
	box-sizing: border-box;
}
body {
    
  }

  main {
	display: block;
}
  /* Header Styles*/
.subhead {background-color: #F0F0F0;}
.subhead .phone {background-color: #D83521; color: #FFFFFF; font-size: 18px;}
.navbar-style {background-color: #FFFFFF;}
.navbar-style .navbar-nav a {text-decoration: none; display: block; padding: 14px 20px; font-size: 18px; color: #2c2c2c;}
.navbar-style .navbar-nav a:hover {color: #7e42cc;}
.bannerWrap .bgImg {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;}
.bgCover {background-size: cover; background-position: center; background-repeat: no-repeat;}


/* General */
.page-header {padding: 15px 0 0 0; height: 220px;}
.page-title {background-color: rgba(0, 0, 0, 0.5);}
.page-title h1 {color:#FFFFFF !important; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; line-height: 52px; font-size: 32px; margin: 0;}
.entry-content {font-size: 16px; line-height: 28px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}
.entry-content h1 {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 28px; font-size: 28px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 22px 0;}
.page-childnav {}
.page-childnav ul {list-style: none; padding: 0; margin: 0;}
.page-childnav ul li {list-style: none; padding: 0; margin: 0; margin-bottom: 8px;}
.page-childnav ul li a {display: inline-block; text-decoration: none; padding-left: 20px; background-color: #5c5c5c; color: #FFFFFF; width: 100%; line-height: 58px;}
.page-childnav ul li a.active {background-color: #eeeeee; color: #494949;}
.page-childnav ul li a.active:hover {background-color: #eeeeee; color: #494949;}
.page-childnav ul li a:hover {background-color: #797979; color: #FFFFFF;}


/* Home */
.site-home {background-color: #FFFFFF;}

.carousel .carousel-item>img {max-width: 100%; height: auto;}
.home-callout {margin: 0 -12px; color: #FFFFFF;}
.home-callout .container {background-color: #696969; }
.home-callout h3 {border-right: 6px solid #CCCCCC; margin: 0; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; line-height: 36px; font-size: 20px; color: #FFFFFF;}
.home-callout p {font-size: 18px; line-height: 24px; margin: 0;}
.home-callout .btn-lg {background-color: #FFFFFF !important; border: solid 1px #FFFFFF; color: #353535;}

.home-content {}
.home-content h1 {font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; line-height: 28px; font-size: 28px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 22px 0;}
#wpforms-widget-3 {background-color: #FFFFFF; padding: 15px;}
#wpforms-widget-3 .widget-title {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 20px; font-size: 20px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 20px 0;}
div.wpforms-container-full {margin: 0 auto 24px 0 !important;}
.home-accessory {background: url(images/accessory-img.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; background-color: #002e4f; color: #FFFFFF;}
.home-accessory .overlay {background: rgba(17, 17, 17, 0.7); padding: 100px 0;}
.home-accessory h4 a {text-decoration: none; color: #FFFFFF;}
.homepage-form .wpforms-submit-container {text-align: center;}
.homepage-form .wpforms-submit {border-radius: 25px !important; background-color: #D83521 !important; padding: 8px 16px !important;}

.home-service {}
.home-service h2 {background: url(images/title-shim.png) no-repeat center bottom; padding: 0 0 20px 0;}
.home-service .item {background-color: #FFFFFF;}
.home-service .item .img a {background: none !important; margin: 0; padding: 0;}
.home-service .item img {width: 100%; height: auto;}
.home-service .item a {text-decoration: none; color: #353535; font-size: 20px;font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; display: block; text-align: center; padding-bottom: 10px; background: url(images/footer-shim.png) no-repeat center bottom; margin-bottom: 16px;}
.home-service .btn-group-lg>.btn, .btn-lg {border-radius: 25px !important; background-color: #D83521 !important; border: 1px solid #D83521;}

/* Services */
#custom_html-2 {background-color: #FFFFFF; padding: 15px;}
#custom_html-2 .widget-title {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 20px; font-size: 20px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 20px 0;}
#custom_html-3 {background-color: #FFFFFF; padding: 0 0 20px 0;}
#custom_html-3 .widget-title {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 20px; font-size: 20px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 20px 0;}
#wpforms-widget-4 {background-color: #FFFFFF; padding: 15px 0;}
#wpforms-widget-4 .widget-title {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 20px; font-size: 20px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 20px 0;}
.service-item {border: solid 1px #e3e3e3 !important; border-radius: 8px; box-shadow: 0 5px 20px rgba(99,98,97,.08); line-height: 24px;}
.service-item .image img {border-radius: 6px;}
.service-item h2 {line-height: 22px !important;}
.service-item h2 a {text-decoration: none; color: #474747; font-weight: 600; font-size: 22px;}
.service-item a {text-decoration: none; color: #f84701;}

/* Area */
.area-item {border: solid 1px #cccccc; border-radius: 6px; position: relative; height: 200px;}
.area-item .city {display: block;}
.area-item .city a {background-color: rgba(0, 0, 0, 0.5); display: block; width: 100%; text-align: center; text-decoration: none; line-height: 48px; color: #FFFFFF;}
.area-item .city a:hover {background-color: rgba(75, 117, 208, 1); color: #FFFFFF;}

/* contact */
.contact-content {border: solid 1px #e3e3e3 !important; border-radius: 8px; box-shadow: 0 5px 20px rgba(99,98,97,.08);}
.contact-content .wpforms-field-medium {width: 60% !important;}
.contact-content .wpforms-container-full {margin: 0;}
#custom_html-2 {padding: 30px 0;}
#custom_html-2 .widget-title {font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; line-height: 52px; font-size: 22px; border-bottom:  #d4d4d4 solid 1px;}
#wpforms-widget-5 {background-color: #FFFFFF; padding: 15px 0;}
#wpforms-widget-5 .widget-title {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 20px; font-size: 20px; border-bottom: 1px solid #cdcdcd;background: url(images/title-shim.png) no-repeat left bottom; padding: 0 0 20px 0;}
/* slider cta */
.slider-cta {background-color: #ffcc00;}

/* footer */
.site-footer {}
.foot-widget .hr {border-top: 1px solid #494949;}
.foot-widget .hr span {width: 60px; display: inline-block; border-bottom: #aa0000 solid 3px; line-height: 0px; font-size: 0; margin: 0 !important; padding: 0 !important; height: 0 !important;}
.foot-accessory {background-color: #f0f0f0;}
.foot-widget-all {background-color: #4a4a4a;}
.foot-widget {background-color: #4a4a4a; color:#dedede;}
.foot-widget .widget {list-style-image: url('images/foot-arrow.png');}
.foot-widget .widget li {line-height: 22px; padding: 5px 0 5px 5px;}
.foot-widget .widget li a {text-decoration: none; color: #dedede;}
.foot-widget .widget li a:hover {text-decoration: underline; color: #f59185;}
.foot-widget .contact {padding: 0;}
.foot-widget .icon {padding: 10px 0;}
.foot-widget .content {padding: 10px 0;}
.foot-widget-title {color:#FFFFFF; font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 400; line-height: 42px; }
.copyright {background-color: #5c5c5c; color: #ffffff; line-height: 24px;}  
.copyright a {color: #dedede; line-height: 24px;}  
.copyright a:hover {color: #f59185;}




/* Partners Slider */
.slick-slider {
    position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative; display: block; overflow: hidden; margin: 0; padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer; cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table; content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none; float: left; height: 100%; min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block; height: auto; border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {position: fixed; top: 80px; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #f5f5f5; transition: transform .3s ease-in-out, visibility .3s ease-in-out;}
    .offcanvas-collapse.open {visibility: visible; transform: translateX(-100%);}
  }

/* Media queries */
@media screen and (max-width: 576px) {
    body {background-image: none;}
    .home-welcome .home-callout span {display: none;}
    .home-callout {margin: 0; background-color: #696969;}
    .home-callout h3 {border: 0;}
    .logo-desktop {display: none;}
  }
  @media screen and (min-width: 577px) and (max-width: 767px) {
    .home-callout {margin: 0; background-color: #696969;}
    body {background-image: none;}
    .home-callout h3 {border: 0;}
    .logo-desktop {display: none;}
  }  
  @media screen and (min-width: 768px) and (max-width: 991px){
    body {background-image: none;}
    .home-callout {margin: 0; background-color: #696969;}
    .home-callout h3 {border: 0;}
    .logo-mobile {display: none;}
  }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    body {background: url(images/site-bg.png) repeat-x;}
    .home-callout {margin: 0; background-color: #696969;}
    .home-callout h3 {line-height: 30px; font-size: 18px; border-right: 6px solid #CCCCCC; font-weight: 500;}
    .home-callout p {font-size: 16px; line-height: 26px; margin: 0;}
    .logo-mobile {display: none;}
  }
  @media screen and (min-width: 1200px) {
    .logo-mobile {display: none;}
    .home-callout {margin: 0; background-color: #FFFFFF;}
    .home-callout h3 {line-height: 30px; font-size: 20px; border-right: 6px solid #CCCCCC;font-weight: 600; font-style: normal; line-height: 32px;}
    
  }