/*
 Theme Name:   Epic Theme
 Description:  A custom child theme
 Author:       Rahat A
 Author URI:   http://rahatalam.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  epictheme
*/
.sticky {
 	position: fixed;
    top: 35px;
	z-index:999;
    left: inherit;
    width: 100%;
    margin-left: 61em;
}

.sticky + .content {
  padding-top: 102px;
}

.h-100{
	 height: 100%;
}
.mb-5{
	margin-bottom:10px;
}
.view-all-btn{
	font-size: 16px;
    float: right;
	color: #c40505;
}
.featured-events-sec{
	
}
.featured-events-sec .title{
	width:100%;
	line-height:70px;
}
.epic-events-wrap{
	margin: -5px;
}
.events-filter-wrap{
	padding: 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #00000026;
    border: 1px solid #e5e5e5;
}
.events-filter-wrap h3{
	border-bottom: 1px solid #6e6e6e36;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 800;
    color: #c40505;
    margin-bottom: 10px;
}
.events-filter-wrap label{
	font-weight: 600;
}
.events-filter-wrap select{
	border-radius: 5px;
    background: #ffffff !important;
}
.events-filter-wrap input{
	border-radius: 5px;
    background: #ffffff !important;
}
.events-filter-wrap .searchBtn{
	margin-top: 25px;
	background: #c40505;
	border-radius: 5px;
	min-width: 110px;
	font-size: 16px;
	color: #ffffff;
}
.events-filter-wrap .searchBtn:hover{
	background: #c40505cf;
}

.epic-events-wrap .epic-event-item {
    background: #fff;
    border-radius: 10px;
    margin: 5px;
    border: 1px solid #dfdfdf;
}

.epic-events-wrap .epic-event-item .event_thumbnail{
    padding: 5px;
    background: #fdf9f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.epic-events-wrap .epic-event-item .event_thumbnail img{
    border-radius: 6px;
}
.epic-event-item-footer{
    padding: 10px 15px;
}
.epic-event-item-footer h3{
    font-size: 17px;
    margin: 0;
}
.epic-event-item-footer .category-name{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #4444447d;
    height: 24px;
    display: block;
}
.epic-single-event {
}
.epic-single-event .epic-single-event-body{padding: 5px;}
.epic-single-event .featured_image{
	/* max-height: 400px; */
	height:100%;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 10px;
	padding: 5px;
}
.epic-single-event .featured_image img{
	border-radius: 10px;
	margin-right: 10px;
	object-fit: cover;;
	border: 1px solid #4444441f;
	width: 100%;
	max-height: 450px;
}

.epic-single-event .featured_image .details_image{
  display: block;
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.epic-single-event .event-gallery-wrap{
	margin-bottom: 20px;
}
.epic-single-event .event-gallery{
	
}
.epic-single-event .event-gallery .gallery_img_wrap{
	padding:5px;
}
.epic-single-event .event-gallery .gallery_img_wrap .gallery_img{
	width: 100%;
	border-radius: 10px;
	border: 1px solid #4444441f;
}
.epic-single-event .epic-single-event-head{
    margin-bottom: 30px;
}
.epic-single-event .event-title{
    font-size: 42px;
    font-weight: 800;
    margin:0;
}
.epic-single-event-body p{
    color:#000000;
}
.epic-single-event .category-name{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #4444447d;
    height: 20px;
    display: block;
}
.epic-single-event .event_datetime{
    background: #c40505;
    padding: 4px 15px;
    border-radius: 20px;
    color: #fff;
}
.epic-single-event .section_wrap{
    margin-bottom: 30px;
}
.epic-single-event .highlighted_section{
    padding: 10px 15px;
    background: #fff3e9;
    border-radius: 8px;
    color: #c40505;
}
.epic-single-event .highlighted_section .highlighted_title{
    font-weight: 900;
    color: #c40505;
    border-bottom: 1px solid #d3d0d0a3;
    padding: 5px 0;
}
.epic-single-event .tickets_wrap{
    border: 1px solid #97979747;
    padding: 27px;
    border-radius: 8px;
    background: #fdf9f6;
}
.epic-single-event .tickets_wrap .from_label{
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 1px solid #4444441a;
    margin-bottom: 15px;
}
.epic-single-event .tickets_wrap .ticket_starts_from{
    display: block;
    font-size: 44px;
    font-weight: 600;
    color: #000;
    line-height: 44px;
    margin-bottom: 20px;
}
.epic-single-event .tickets_wrap .booking_btn{
    background: #c40505;
    color: #fff;
    font-size: 20px;
    height: 50px;
    border-radius: 51px;
    padding: 10px 50px;
    margin: 20px 0px;
}
.epic-single-event .tickets_wrap .ticket-item{
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
}
.epic-single-event .tickets_wrap .ticket-item .ticket-label{
    display: block;
    float: left;
    width: 70%;
}
.epic-single-event .tickets_wrap .ticket-item .price{
    display: block;
    float: right;
    width: 30%;
}
.epic-single-event .list_items{list-style: none;padding: 0;}
.epic-single-event .list_items .list_item{margin: 0px 0px 6px 0px;}
.epic-single-event .list_items .list_item .item_ico{display: inline-block;}
.epic-single-event .list_items .list_item .item_ico img{width: 18px;border-radius: 100%;/* background: #dbdbdb; *//* padding: 3px; */}
.epic-single-event .list_items .list_item .item_label{

}
.epic-single-event .highlighted_title{
	font-size:18px; 
}

/* event border */
/* .epic-single-event .sec_border{
	border-top: 1px solid #d3d3d3;
	padding-top:15px;
} */

.breadcrumb-wrap{
    margin: 10px 0px 20px 0px;
    font-size: 16px;
}
.breadcrumb .home-ico{
    font-size: 23px;
    color: #444;
    content: "\f144";
    font-family: "woodmart-font";
    font-weight: 400;
}
.pagination{
	padding:25px 10px;
}
.pagination .page-numbers{
	font-size:16px;
	background:#444;
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	margin-right:5px;
	border-radius:5px;
	line-height: 30px;
	color: #fff;
}
.pagination .current{
	background:#870303;
}
.info_custom_full_height{
	min-height:100%;
}
.info_custom_full_height .elementor-widget-container,
.info_custom_full_height .elementor-widget-container .info-box-wrapper,
.info_custom_full_height .elementor-widget-container .info-box-wrapper .wd-info-box{
	height:100%;
}

a.location_colar {
	color: #1a2b49 !important;
    text-decoration-line: underline!important;
    font-family: sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}



@media only screen and (max-width: 600px) {
  .stick_order_btn{
		position: fixed;
		bottom: 0%;
		z-index: 1000;
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		filter: progid: dximagetransform.microsoft.basicimage(rotation=3);
		text-align: center;
		text-decoration: none;
	}
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");


   body{

    background-color: #eee;
    font-family: "Poppins", sans-serif

   }

.card {
    background-color: #fff;
    padding: 14px;
    border: none
}

.demo {
    width: 100%
}

ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

img {
    display: block;
    height: auto;
    width: 100%
}

.stars i {
    color: #f6d151
}

.stars span {
    font-size: 13px
}

hr {
    color: #d4d4d4
}

.badge {
    padding: 5px !important;
    padding-bottom: 6px !important
}

.badge i {
    font-size: 10px
}

.profile-image {
    width: 35px
}

.comment-ratings i {
    font-size: 13px
}

.username {
    font-size: 12px
}

.comment-profile {
    line-height: 17px
}

.date span {
    font-size: 12px
}

.p-ratings i {
    color: #f6d151;
    font-size: 12px
}

.btn-long {
    padding-left: 35px;
    padding-right: 35px
}

.buttons {
    margin-top: 15px
}

.buttons .btn {
    height: 46px
}

.buttons .cart {
    border-color: #ff7676;
    color: #ff7676
}

.buttons .cart:hover {
    background-color: #e86464 !important;
    color: #fff
}

.buttons .buy {
    color: #fff;
    background-color: #ff7676;
    border-color: #ff7676
}

.buttons .buy:focus,
.buy:active {
    color: #fff;
    background-color: #ff7676;
    border-color: #ff7676;
    box-shadow: none
}

.buttons .buy:hover {
    color: #fff;
    background-color: #e86464;
    border-color: #e86464
}

.buttons .wishlist {
    background-color: #fff;
    border-color: #ff7676
}

.buttons .wishlist:hover {
    background-color: #e86464;
    border-color: #e86464;
    color: #fff
}

.buttons .wishlist:hover i {
    color: #fff
}

.buttons .wishlist i {
    color: #ff7676
}

.comment-ratings i {
    color: #f6d151
}

.followers {
    font-size: 9px;
    color: #d6d4d4
}

.store-image {
    width: 42px
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.bullet-text {
    font-size: 12px
}

.my-color {
    margin-top: 10px;
    margin-bottom: 10px
}

label.radio {
    cursor: pointer
}

label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none
}

label.radio span {
    border: 2px solid #8f37aa;
    display: inline-block;
    color: #8f37aa;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-transform: uppercase;
    transition: 0.5s all
}

label.radio .red {
    background-color: red;
    border-color: red
}

label.radio .blue {
    background-color: blue;
    border-color: blue
}

label.radio .green {
    background-color: green;
    border-color: green
}

label.radio .orange {
    background-color: orange;
    border-color: orange
}

label.radio input:checked+span {
    color: #fff;
    position: relative
}

label.radio input:checked+span::before {
    opacity: 1;
    content: '\2713';
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    left: 4px
}

.card-body {
    padding: 0.3rem 0.3rem 0.2rem
}



  font-family: Arial;
  margin: 0;
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}