/*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 .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;} 

/*Custom css*/
.categories-panel {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.categories-panel .category-box {
  width: 50%;
  padding: 15px;
}

.categories-panel .category-box a {
	width: 100%;
  height: 415px;
  position: relative;
  z-index: 1;
  padding: 20px;
  justify-content: center;
  align-items: end;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.category-box .bg-stretch {
 	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  transition: 1s ease;
}

.categories-panel .category-box a:hover .bg-stretch {
  transform: scale(1.1);
}

.categories-panel .category-box h3 {
  color: #fff;
}

.category-box a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
  opacity: 0.8;
  z-index: -1;
  transition: 0.6s ease;
}

.categories-panel .category-box a:hover:after {
  opacity: 0.5;
}

.category-box .elementor-button {
  padding: 13px 25px;
  margin-top: 10px;
}

.category-box .elementor-button:hover {
  background-color: #D8232A !important;
  color: #fff !important;
}

.category-box .content-holder {
  text-align: center;
}

.category-box .btn-holder {
  transition: 0.5s ease;
  height: 0;
  overflow: hidden;
}

.category-box a:hover .btn-holder {
	height: 60px;
}

.button.woof_submit_search_form {
  font-family: "4077th", Sans-serif !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  color: var( --e-global-color-6edcd894 ) !important;
  background-color: var( --e-global-color-accent ) !important;
  box-shadow: 3px 3px 0px 0px #949594 !important;
  border-style: solid !important;
  border-width: 2px 2px 2px 2px !important;
  border-color: var( --e-global-color-accent ) !important;
  border-radius: 6px 6px 6px 6px !important;
  padding: 16px 42px 16px 42px !important;
}

.button.woof_submit_search_form:hover {
  box-shadow: none !important;
}

.button.woof_reset_search_form {
  color: #fff !important;
  transition: 0.4s ease;
}

.button.woof_reset_search_form:hover {
  opacity: 0.7;
}

@media (max-width: 1200px) {
  .categories-panel .category-box a {
    height: 315px;
  }
}
  
 @media (max-width: 1024px) {
  .categories-panel .category-box a {
    height: 275px;
   }
}
   
@media (max-width: 767px) {
  .categories-panel .category-box a {
    height: 240px;
  }
  
  .categories-panel .category-box {
    width: 100%;
    padding: 10px 15px;
  }
}