@font-face {
  font-family: Brown;
  src:url(../fonts/Brown-Regular.otf);
}

@font-face {
  font-family: BrownThin;
  src:url(../fonts/Brown-Thin.otf);
}

@font-face {
  font-family: BrownLight;
  src:url(../fonts/Brown-Regular.otf);
}

@font-face {
  font-family: BrownLightItalic;
  src:url(../fonts/Brown-Light-Italic.otf);
}

@font-face {
  font-family: BrownBold;
  src:url(../fonts/Brown-Bold.otf);
}

/**
* UPEDO
* page-id-145 : upcoming events page
* page-id-147 : past events page
**/
body.home .section.the_content, body.home .section_wrapper, body.page-id-145 .section_wrapper, body.page-id-145 .section.the_content, body.page-id-147 .section_wrapper, body.page-id-147 .section.the_content, body.page-id-227 .section_wrapper{
  max-width:100%;
  background:#4b0306;
}

/* About Page */
body.page-id-21 .section, body.page-id-198 .section, body.page-id-192 .section, body.page-id-187 .section, body.page-id-227 .section{
  background:url('/wp-content/uploads/2016/06/about_img.jpg');
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  max-width:100%;
}
body.page-id-21 .section_wrapper, body.page-id-198 .section_wrapper, body.page-id-192 .section_wrapper, body.page-id-187 .section_wrapper, body.page-id-227 .section_wrapper {color:#fff; border-color:#fff;}
body.page-id-21 .section_wrapper hr{background-color:#fff;}
body.page-id-21 .h3s {
  font-family: BrownBold;
  text-transform: uppercase;
  color: inherit;
  font-size: 20px;
}
body.page-id-21 .pdesc, body.page-id-198 .pdesc, body.page-id-192 .pdesc, body.page-id-187 .pdesc, body.page-id-227 .pdesc {
  font-family: BrownLight;
}
body.page-id-192 h2, body.page-id-187 h2{color:#fff;}

#menu > ul > li > a{
  font-size:14px !important;
  font-family: BrownBold !important;
}
.pmail {
  font-family: BrownLight;
  font-size: 16px;
  text-transform: uppercase;
}

/* Subscribe tick box Start */
#contentsubs checkbox{
  vertical-align:top;
}
/* Subscribe tick box End */

body.single-event #description{
  text-align:left !important;
}

.section_wrapper .boxshadow {
  box-shadow: 5px 5px 2px #0F0F0F;
}

body.home .section_wrapper .contentinfo {
  background: white;
  margin: 0;
  padding: 3%;
  color: black;
  min-height: 180px;
  width: 100%;
}

.event-item{
  padding:1% 0; 
}

body.home .event-item .boxshadow{
  background-color:rgba(255,255,255,1) !important;
}

body.home .event-item .boxshadow .img-container{
  vertical-align: middle;  text-align:center;
}
body.home .event-item .boxshadow .img-container img{
  max-height:218px;
}

.pdesc span{text-align:right;}


.upcoming-contentup .img-container{
  vertical-align:middle; text-align:center; height:450px;
}
.upcoming-contentup .img-container img{
  max-height:450px;
}

body.home .event-item .boxshadow .helper, .upcoming-contentup span.helper{
  display:inline-block;
  height: 100%;
  vertical-align: middle;
}

body.home .section_wrapper p {
  text-transform: uppercase;
  font-family: BrownBold;
}

.section_wrapper .h3s {
  font-family: BrownBold;
  text-transform: uppercase;
  color: inherit;
  font-size: 20px;
}

#Top_bar .container-fluid{padding-right:0; padding-left:0;}
#Top_bar .container-fluid .one.column{width:100%; margin: 0;}
.header-stack #Top_bar .logo{border-bottom: 2px solid #d3292a !important;}

#Content {
  padding-top: 0px !important;
  clear:both;
}

/* Upcoming Events */
.upcoming-contentup{
  height: 100%;
  width:500px;
  background: white;
  margin:0 auto;
}
.upeventsinfo {
  margin: 0 auto;
  padding: 0 8% 0 8%;
  color: black;
}
.upcoming-desc, body.single-event #description{
  text-align:justify !important;
}

/* Past Events */
.pasteventsinfo {
  background: white;
  margin: 0;
  padding: 3%;
  color: black;
  min-height: 150px;
}
.pasteventsinfo p{
  text-transform: uppercase;
  font-family: BrownBold;
}


#Footer {
  background-color: #840200 !important;
}
#Footer a{
  color:#fff !important;
  text-transform: uppercase;
  font-family: Brown;
  font-size:14px;
}
.h5s {
  text-transform: uppercase;
  font-family: BrownBold;
  color: inherit;
}
.one-fourth .social{margin-top:15px;}
.one-fourth .social i{font-size:18px;}



.socmed {
  vertical-align: top;
  top: 0;
  padding:1%;
  position:absolute;
  right:0px;
}




/* ----------- Home Featured Start End ----------------- */
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;

  overflow: hidden;
}


.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor:pointer;
  text-align:left;
}


h4.close-overlay.hidden {
  display: none;
}

h4.expand {
  display: block;
  position: absolute;
  z-index: 100;


  text-align: center;
  color: #fff;
}

#effect-3 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
}
#effect-3 .overlay h4.expand {
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto 0 auto -30px;
}
#effect-3 .img.hover .overlay {
  width: 100%;
}
.h4sr{
  font-family: Brown;	
  text-transform:uppercase;
  color:#EE1C25;
  margin-left:10%;
  margin-right:auto;
  display: block;
  z-index: 100;
  font-size:15px;
}


.h4sw{
  font-family: BrownLight;	
  text-transform:uppercase;
  color:white;
  margin-left:10%;
  margin-right:auto;
  font-size:15px;
}
.videohome {
  width: 100%;

}
/* ----------- Home Featured Video End ----------------- */


.wpb_content_element{
  background: rgba(0,0,0,0.5); padding:20px; font-size:16px;
}

#pastevent-filter, #filtercontent{
  max-width:100%;
}

.infinite-carousel{
  text-align:center;
}
.infinite-carousel i{
  color:#fff;
}
.infinite-carousel .list_infinite{
  width:245px;
  height:1100px;
  overflow:visible;
}
.infinite-carousel .viewport_infinite{
  width:245px;
  height:330px;
  overflow:hidden;
}
.item_infinite{
  width:245px;
  height:110px;
  text-align: center;
  vertical-align: middle;
  line-height: 110px;
  float: left;
}

.infinite-carousel .viewport_infinite, .infinite-carousel .list_infinite, .item_infinite{
  max-width:100% !important; 
}

.infinite-carousel .viewport_infinite{
  margin:0 auto;
}

.upcoming-contentup .col-lg-6.col-sm-12{
  background:#fff; 
}

.h2s{
    line-height:30px !important;
  }
  
@media only screen and (max-width: 480px){
  
  .upcoming-contentup{max-width:100%;}
  body.single-event #description{padding:5% 10% !important;}

  .videohome{
    height: 358px;
  }

  .upcoming-contentup .img-container{
    height:auto;
  }
  .container .row{margin-bottom:8px;}
  .upeventsinfo{
    padding: 0 2% 0 2%;
  }
  #pastevent_container, body.page-id-145 .section_wrapper, .container{
    max-width:90% !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }
  #pastevent_container .row{margin-bottom:0px;}

  #pastevent_container .col-sm-4{
    margin-bottom:8px;
  }

  body.home .section_wrapper{max-width:100% !important;}
  .videohome {
    margin-top:15px;
  }

  #pastevent-filter li{
    display:block;
    float:none;
    margin:5px 0 !important;
  }

  footer .container .column.one-fourth:last-child .text-right{text-align:left !important; margin-top:8px;}
  footer .container .column.one-fourth:nth-child(3) .h5s{display:none;}
  #contentsubs .row .col-sm-5{text-align:left !important; padding-left:0px;}
  #contentsubs .row .col-sm-5 ul li{float:left;}
}

@media only screen and (max-width:768px){
  .h2sh{
    line-height:30px !important;
  }
  
  .centreupcoming{
    padding:5% 0 !important;
    margin-top:0 !important;
  }
}

@media only screen and (min-width: 768px){  
  .infinite-carousel .list_infinite{
    width:206px;
    height:920px;
  }
  .infinite-carousel .viewport_infinite{
    width:206px;
    height:276px;
  }
  .item_infinite{
    width:206px;
    height:92px;
    line-height: 92px;
  }
  .videohome {
    margin-top:90px;
    height:458px;
  }


  #Top_bar a.responsive-menu-toggle {
    display: none !important;
  }
  .header-stack.header-center #Top_bar #menu {
    display: inline-block !important; 
    position:relative;
    width:auto;
  }
  #Top_bar #menu ul li {
    width: auto !important;
  }
  #menu-main-menu{margin-bottom:0px;}
}


.carousel-indicators li{
  margin-bottom: 0px !important;
  width:12px;
  height:12px;
}
.carousel-indicators{
  margin-left:-30% !important;
}

.carousel-inner .item img{margin:0 auto;}

#pastevent-filter li.active a, #pastevent-filter li.active a:focus, #pastevent-filter li.active a:hover{
  color:#EE1C25;
  background-color:#fff;
}
#pastevent-filter li a{
  color:#fff;
  background-color:#EE1C25;
  border-radius:0px;
} 
#pastevent-filter{
  margin:0 auto;
  width:445px;
  max-width:100%;
  padding:30px 0;
}
#pastevent-filter li{
  margin:0 5px;
}
#filtercontent {
  width:435px;
  margin:0 auto;
  color:#fff;
}
#filtercontent .tab-pane button{
  margin-bottom: 19px;
  padding: 6px 12px;
  background:transparent;
  border:1px solid #fff;
  color:#fff;
}

#pastevent-filter-container{
  display:none;
}

#btn-close-filter-event{
  color:#fff;
  position:absolute;
  top:2px;
  right:5px;
}
#btn-search-filter-event{
  color:#fff;
  padding-left:15px;
  text-align:center;
  padding:15px 0;
  cursor:pointer;
}

.modal-content{
  background-color: #403c3d !important;
  color:#fff;
}

#past-carousel-sosmed{
  padding: 15px 0;
  position: absolute;
  right: 12px;
  bottom: 6px;
  z-index:9999;
}
#past-carousel-sosmed a, #past-carousel-sosmed a img{
  height:25px !important;
  width:25px !important;
}
#pastevent_container .carousel-caption{
  /*min-height:60px;*/
  text-align:left;
  padding:0 8px;
}
#pastevent_container .carousel-caption, #pastevent_container .carousel-indicators {
  position: relative !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  padding-top: 10px !important;
  width:auto !important;
  margin-left: 0px !important;
  padding-bottom:10px !important;
}

@media only screen and (min-width: 992px){
  .h2s{
    line-height:18px !important;
  }

  body.home .event-item .boxshadow .img-container{
    height:218px; 
  }
  .infinite-carousel .list_infinite{
    width:310px;
    height:1400px;
  }
  .infinite-carousel .viewport_infinite{
    width:310px;
    height:420px;
  }
  .item_infinite{
    width:310px;
    height:140px;
    line-height: 140px;
  }
  .videohome{
    margin-top: 124px;
  }
}

@media (min-width:1024px) and (max-width:1024px){
  #pastevent-filter{
    max-width:none !important;
  }
  body.home .event-item .boxshadow .img-container{height:auto;}
  
}

@media (min-width:1140px){
  .upcoming-contentup{
    float: left;
    width:auto;
  }
}