body{
	padding-top:20px;
	padding-bottom:20%;
}

p{
	font-family: 'Open Sans', sans-serif;
	
}

.x-color,.h1{
/*color: #ffbc2d;*/
color:#F5B405;
font-size: 18px;
}

.w-color,.h1{
color: #ffffff;
font-size: 22px;
}

.b-color,.h1{
color: #000000;
font-size: 18px;
}

.courasel-color-2{
background-color: #F5B405;
/*width:100%;
margin-left: 2%;
margin-right: 2%;*/

  padding-right: 0px;
  padding-left: 0px;
   padding-bottom: 25px;
   margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
}


.navbar-Lookali {
  background-color: #f7ba13;
  border-color: #080808;
  text-color:ffffff;
}

.rel-pos {
  position: relative;
}

.over-text {
  width: 100%;
  position: absolute;
  top: 300px;
  text-align: center;
  z-index: 10;
}


header[role="banner"]{

	#logo-main{

		display:block;
		margin:20px auto;
	}

}

.responsive-width {
    font-size: 1.5vw;
}

#navbar-primary.navbar-default {
  background: transparent;
  border: none;
  .navbar-nav { 
    width: 100%;
    text-align: center;
    > li {
      display: inline-block;
      float: none;
      > a {
        padding-left: 30px;
        padding-right: 30px;
        }
    }
  }
}
.btn-light-green{
	color:#fff;
	background-color: #75b843;
	border-color: #75b843;
}

.btn-dark-green{
	color:#fff;
	background-color: #37742f;
	border-color: #37742f;
}
.btn-yellow{
	color:#fff;
	background-color: #fdc643;
	border-color: #fdc643;
}
.btn-Brown{
	color:#fff;
	background-color: #d07e0f;
	border-color: #d07e0f;
}
.btn-orange{
	color:#fff;
	background-color: #ec6608;
	border-color: #ec6608;
}
.btn-Red{
	color:#fff;
	background-color: #c51718;
	border-color: #c51718;
}

.row .thumbnail {
    border:0;
    box-shadow:0;
    border-radius:0;
}

.jumbotron-search-form{
margin-right: 0px;
margin-left: 0px;
position:; background-color:#323232; width:45%; height:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}

.jumbotron {
   /* background: #000 url("images/banner.jpg") no-repeat center center;*/
   min-height: 300px;
   max-height: 900px;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
  
}



#bgimg {
    background-image: url('img/Events.PNG');
}
 
 /*css for the carousel for small-sm screens 2 images at a time*/

.multi-item-carousel-for-sm{
  .carousel-inner{
    > .item{
      transition: 50ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}



.carousel-inner img {
  margin: auto;
} 

/*This is now the css for the carousel with 3 images for large and medium screens.*/

.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 50ms ease-in-out left;
    }
    .active{
      &.left{
        left:-50%;
      }
      &.right{
        left:50%;
      }
    }
    .next{
      left: 50%;
    }
    .prev{
      left: -50%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}


/*this is the font family that is needed for the home page*/
.sans-font{

font-family: 'Open Sans Condensed', sans-serif;

}

/*carousel with 2 border-collapse: */

@media (min-width: 508px) {
  .carousel-inner .active.left {
      left: -50%;
  }
   .carousel-inner .active.right {
      left: 50%;
  }
   .carousel-inner .next {
      left: 50%;
  }
   .carousel-inner .prev {
      left: -50%;
  }
}
.carousel-control.left, .carousel-control.right {
  background-image:none;
}
/*this class is for the buttons on the home page*/
.home-page-buttons{
 font-family: 'Open Sans' sans-serif; 
 position:relative; 
 color:#fff; 
 font-size:40em; 
 margin-top:-65px; 
 width:100%; 
 height:100px; 
 text-align:center;
}


/*to manage the padding on image and menu*/

.object-fit_fill {
  object-fit: fill
}

.object-fit_contain {
  object-fit: contain
}

.object-fit_cover {
  object-fit: cover
}

.object-fit_none {
  object-fit: none
}

.object-fit_scale-down {
  object-fit: scale-down
}

.image {
  width: 350px;
  height: 350px;
}

.carousel_head{
font-size: 16px;

}

td,
th {
  /*padding: 0;*/
    padding-left: 2% !important;
    padding-right: 2% !important;
}
/*this is for the woocomerce vendrlist page*/
.vendor_list.woocommerce{
    width: 100%;
}