/*Global*/
img{max-width:100%;height:auto;}
body{/*font-family: 'Lato', sans-serif !important;*/}
body h1,body h2,body h3,body h4{/*font-family: 'Raleway', sans-serif !important;*/}
body h1,body h2{margin-bottom:20px;}
.padding-topbottom{padding:60px 0px;}

/*Blog*/
.blog-container{max-width: 1260px !important;}
.blog-post img{margin-bottom:20px; width:100%;}
.blog-post .the-excerpt a{display:none;}
.featured-image-post{margin-bottom:20px;}  

/* Navigation */
@media only screen and (max-width: 767px) {
  li.nav-item.dropdown{position:relative;}
  li.nav-item.dropdown::before{content: "\f067"; font-family: "Font Awesome 5 Free"; right: 10px; position: absolute; top: 10px; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size:13px; color:white; }
  li.nav-item.dropdown.minus::before{content: "\f068"; font-family: "Font Awesome 5 Free"; right: 10px; position: absolute; top: 10px; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size:13px; color:white; }
  a.mobile-nav-button{border: 1px solid #b1b1b1;padding: 10px;border-radius: 5px; margin-right:10px; flex:none;}
  a.mobile-nav-button span{height: 20px;width: 20px;display: block;text-align: center;line-height: 20px;color: #444444;}    
  a.navbar-brand{flex-grow:6;}  
}

@media only screen and (min-width: 768px) {
  li.nav-item.dropdown:hover > ul {display:block;margin-top: 0px;}
  li ul li.nav-item.dropdown:hover > ul {display:block;left: 100%;top: 0px;}
  body .navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}  
}

body .my-navbar{padding-left: 0px; padding-right: 0px;}
.my-navbar img{max-height: 79px;}
.my-navbar a.mobile-nav-button {flex-grow:1;justify-content: center;display: flex;}
.my-navbar a.mobile-nav-button-menu .fa-times{display:block;}
.my-navbar a.mobile-nav-button-menu .fa-bars{display:none;}
.my-navbar a.mobile-nav-button-menu.collapsed{background: #eb1c24;border-color: #d0151c;}
.my-navbar a.mobile-nav-button-menu.collapsed .fa-times{display:none;}
.my-navbar a.mobile-nav-button-menu.collapsed .fa-bars{display:block;}
.my-navbar a.mobile-nav-button-menu{background: #000;border-color: #000;}
.my-navbar a.mobile-nav-button-menu span {color:white;}
.my-navbar .mobile-nav-button-phone{background: linear-gradient(white,#f3f1f1);;}
.my-navbar .mobile-nav-button-phone span {color: #eb1c24;}
.my-navbar .navbar-nav{padding: 10px;}
.my-navbar .navbar-nav a{color:black;position: relative; z-index: 2;}
.my-navbar .navbar-nav .dropdown ul{background: #fbfbfb;padding: 10px;}
.my-navbar .navbar-nav .dropdown .dropdown ul{background: #2a4582;}
body .dropdown-menu{min-width: 13rem;}

/*Sticky Nav*/
@media (min-width: 991px){
  body {padding-top:81px;}
  body .fixed-top-header{position:fixed;top:0px;left:0px;width:100%;z-index: 99;}
  body.admin-bar .fixed-top-header{top:32px;}
  body .navbar-brand img{height:55px; transition:all 0.5s;}
  body .navbar-brand img.small-logo {height:40px; transition:all 0.5s;}
  body .drop-shadow{box-shadow:0px 4px 5px rgba(0,0,0,0.15);}
}

/*---Blog---*/
.blog-bg{background: #eaeaea;}
.blog-post{background:white; padding: 0 !important; border-radius: 10px; overflow: hidden;}
.blog-post .blog-image{border-bottom: 2px solid #181834;}
.blog-post h2{margin-bottom: 10px; font-size: 32px; padding: 10px 20px; text-align: left;}
.blog-post .the-excerpt{padding: 20px; padding-top: 0px; padding-bottom: 10px;}
.blog-post a{display: inline-block; padding: 10px 20px; background: white; margin: 0px 0px 20px 20px; color: #4a4a4a; transition: all 0.5s; border: 2px solid #b9b9b9;}
.blog-post a:hover{background:#2e2e61;text-decoration:none;color:white; border: 2px solid #202042;}
.blog-sidebar{padding: 20px; background: white; border-radius: 10px; padding-bottom: 40px;}
.blog-sidebar h2{margin-bottom: 20px; text-align: left; font-size: 32px;}
.blog-sidebar a{display: block; padding: 10px; border-bottom: 1px solid #eaeaea;transition:all 0.5s;}
.blog-sidebar a:hover{background: #efefef;text-decoration:none;}

.navigation.pagination{padding:40px 0px;}
.page-numbers{background: white; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 5px;}
.page-numbers:hover{text-decoration:none;}    
.page-numbers.current{background:#231834;color:white;}   
.page-numbers.next, .page-numbers.prev{width:auto;padding:0px 10px;}

.single-post-container{background: #eaeaea; padding-top: 200px;}
.container.blog-single-post-container{max-width: 900px !important; background: white; padding: 20px;}
.blog-container .featured-image-post img{    margin: 0 auto 40px auto; display: block;}
.back-to-blog-button{display: block; padding: 10px 20px; background: white; color: #4a4a4a; transition: all 0.5s; border: 2px solid #b9b9b9; margin: 40px auto; width: 160px;text-align:center;}
.back-to-blog-button:hover{background:#2e2e61;text-decoration:none;color:white; border: 2px solid #202042;} 


/*Contact*/
.contact-info{position:relative;padding-left:20px;}
.contact-info i{position: absolute;
    top: 5px;
    left: 0;
    color: #03adef;}
body input[type="text"], body input[type="email"], body textarea {    width: 100%;display:block;
    margin-bottom: 10px;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #d9d9d9;width:100%;}
    body input[type="submit"]{    color: white;
    background: #03adef;
    padding: 10px 40px;
    display: inline-block;
    border-bottom: 3px solid #0f80ac;
    border-radius: 5px;
    border-top: 1px solid #1abbfa;
    border-left: none;
    border-right: none;}
    body input[type="submit"]:hover{cursor:pointer;}

.inner-container p a:hover{
  text-decoration:none;
  background-color:#1db7f3;
  transition: all 0.5s;
}
.inner-container h2{
  color: #0574a0;
}


/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body{
  background-image:url("http://ultimatedrainage.dev.cc/wp-content/uploads/2019/07/bg.jpg");
  -webkit-background-size:cover;
  background-size:cover;
  background-attachment:fixed;
  padding-bottom:80px;
}

body .container .outer-container{
  background-color:rgba(255,255,255,0.74);
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}

body .container .inner-container{
  background-color:#ffffff;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}

body .inner-container div p{
  max-width:720px;
}

body .container .outer-container .inner-container div .container p{
  margin-left:auto !important;
  margin-right:auto !important;
}

body .inner-container p a{
  display:inline-block;
  background-color:#04adef;
  color:#ffffff;
  padding-left:60px;
  padding-right:60px;
  padding-top:20px;
  padding-bottom:20px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#0574a0;
  margin-top:40px;
  font-size:20px;
}

body .outer-container img{
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
}



/*-----------------------------------------------*/
/*  "Contact" Page                               */
/*-----------------------------------------------*/
body.page-id-11 .row p{
  text-align:left;
}

body.page-id-11 .outer-container .contact-info-container{
  margin-bottom:38px;
  max-width:700px;
  margin-top:40px;
}

body.page-id-11 .inner-container .contact-info-container h2{
  text-align:left;
  color:#0574a0;
}

body.page-id-11 .inner-container .contact-us-form h2{
  text-align:left;
  color:#0574a0;
}

body.page-id-11 .container .outer-container .inner-container .contact-info-container{
  margin-right:auto !important;
  margin-left:auto !important;
}

body.page-id-11 .outer-container .contact-us-form{
  max-width:700px;
  text-align:left;
}

body.page-id-11 .container .outer-container .inner-container .contact-us-form{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.page-id-11 .wpcf7 p label{
  width:100%;
  display:block;
}

body.page-id-11 .container .outer-container .inner-container .contact-us-form .wpcf7 form p label .your-name input[type=text]{
  width:100% !important;
}