/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.widgets-area{
  color:white;
}

.main-footer .widgets-area h4{
 color:#ffffff;
}


.widgets-area a{
 color:white;
 text-decoration: underline;
}

.wbc-photo-up, .wbc-shop-cart{
display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select{
  border: 1px solid rgba(0,0,0,0.5);
  padding:0 7px;
  height:35px;
  line-height: 35px;
  line-height: normal;
  border-radius: 2px;
  width: 100%;
}
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus{
  
}
textarea{
  border:1px solid rgba(0,0,0,0.5);
  padding:7px;
  border-radius: 2px;
  width: 100%;
}
.widget-title{
  line-height:1.0em;
}
.widget{
  font-size:14px;
}
h2{
  font-size:23px;
  font-weight:bold;
}
h3{
  font-size:20px;
  font-weight:normal;
}

/* Added 1.19.2024 */

@media only screen and (min-width: 768px) and (max-width: 1199px){	 
.container{	 
width: 100%;	 
}	 
}

@media (max-width: 1080px) {
  .blog-style-2 .post-featured {
      float: none;
      width: auto;
      margin-right: 0;
  }
  .has-top-bar .page-wrapper{padding:83px 0 0;}

  /*MenuBar*/
  .menu-icon{
    display: block;
  }

  .top-extra-bar{display: none;}

  .has-top-bar .page-wrapper{padding:83px 0 0;overflow: hidden;}

  /*Mobile Menu*/
  .mobile-menu .header-inner{
    position: inherit;
  }

  .mobile-menu .site-logo-title.has-logo{
    padding-left: 15px;
  }

  .mobile-menu .wbc_menu li > ul{
    position: relative;
    top:0;
    left:0 !important;
    width: 1080px;
  }
  .mobile-menu .primary-menu .wbc_menu a{
    line-height: 1.4em;
    font-size: 15px;
    color:#999999;
    text-decoration: none;
    padding:10px 14px;
  }
  .mobile-menu .wbc_menu li a:hover,
  .mobile-menu .wbc_menu li.mega-menu ul li a:hover{
    color:#fa8322;
  }
  .mobile-menu .primary-menu{
    position: absolute;
    top:100%;
    left:0;
    width: 1080px;
    display: none;
  }
  .mobile-menu .primary-menu ul li,
  .mobile-menu .wbc_menu li.mega-menu ul li{
    float: none;
    width: 1080px;
  }
  .mobile-menu .wbc_menu li.mega-menu > ul{
    padding:0;
  }
  .mobile-menu .wbc_menu li ul{
    display: block;
  }
  .mobile-menu .primary-menu{
    padding:5px 0 20px;
    height: auto;
  }
  .mobile-menu .primary-menu,
  .mobile-menu .wbc_menu a{
    background-color:/*BGCOLOR*/
    color: #999999;

  }
  .mobile-menu .wbc_menu li.mega-menu > ul > li{
    margin:0;
    padding:0;
  }
  .mobile-menu .wbc_menu li.mega-menu ul a{
    font-weight: inherit;
    color: inherit;
  }

  .mobile-menu .wbc_menu li a{
    border-bottom:1px solid #2b2b2b !important;
  }

  .mobile-menu .wbc_menu > li:last-child a{
    /*border:none !important;*/
  }
	
}