/* Changes transition hover time in cusotm html menu */
.customhtml-menu a {transition: all 0.0s ease-out;}
/* Adds rounded border to CB images */
.cb_template .border {border-radius: 15px;}
.cb_template .img-thumbnail {border-radius: 15px;}
.cb_template .galleryContainer .galleryContainerTop {border-radius: 15px}
/* Changes CB links to green with orange hover */
.cb_template a {color: #67bd4a;}
.cb_template a:hover {color: #f15a40; text-decoration: none;}
/* Removes CB Gallery search field */
/*.galleryHeader.row {display: none;}*/
/* For LULa social media module */
.social-column {float: left;width: 25%;}
.social-row::after {content: ""; clear: both; display: table;}

#pier {display: none;}
/* Removes weekly, monthly, veiws header from jevents lists */
jev_header {
    display: none;
}
/* Styling for CB headlines */
h3.m-0.p-0.mb-2.cb-page-header-title {
  margin-top: 0;font-weight: normal;font-size: 200% !important;padding: 0;letter-spacing: normal;text-transform: lowercase;color: #f15a40;
}
/* Removes drop down CB list changer and search */
.text-right.cbUserListChanger {display: none;}

/* Removes number of registered users from displaying on list page */
.cbUserListResultCount {
  display: none;
}

li.ev_td_li {
  list-style: none !important;
}
#events ul li {
  list-style: none !important;
}
li.ev_td_li {
  list-style-type: none !important;
}

ul.ev_ol {
  list-style-type: none !important;
}

img.jev_image1 {
  max-width: 250px;
}
.mod_events_latest_table {font-size: 14px;}
.jev_back {
  display: inline-block;
  padding: 15px 30px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  color: #ffffff !important;
  background-color: #66bc49 !important;
  border: 2px solid transparent;
  background-image: none;
  text-shadow: none;}
.jevtt_title, .jevtt_text {width: 232px !important;}
.featured-events td.mod_events_latest_first {border-color: #fff !important;}
.featured-events img {border-radius: 10px; width: 194px;}

/*Rounds corners of cb headline images */
img.cb-list-header {margin: 0 0 15px 15px; float: right; border-radius: 10px;}
.cb-list-header-clear {clear: both;}
.img-fulltext-left img {border-radius: 10px;}

/*Rounds corners of cbGallery thumbnails */
.pglightbox img {border-radius: 10px;}

/*Rounds cb thumbnails and lowers them inside frame */
.cbThumbPict {margin: 5px; border-radius: 8px; border: solid 1px #a6a6a6;}

/*Rounds cb profile page main image */
.cbPosCanvasPhoto .cbCanvasLayoutPhoto img {border-radius: 20px;}


/*Rounds image corners inside "Featured" modules and decreases font size */
.featured img {border-radius: 10px; border: solid 1px #a6a6a6;}
.featured  a {font-size: 90%;}

/*Increases radius of rounded corners on module boxes */
[class*=" box"] {
  border-radius: 10px;}

/*Changes subcategory headings to Gray */
.subheading-category  {color: #a6a6a6;}

/*Changes Component Titles to lowercase/orange */
.component-content h2 {margin-top: 0;font-weight: normal;font-size: 200% !important;padding: 0;letter-spacing: normal;text-transform: lowercase;color: #f15a40;}

/*Changes RokSproket News Title to orange */
.index-news .module-title .title {font-size: 200% !important; color: #f15a40 !important;}

/* Changes Front Page Headline to lowercase/color */
.items-leading .leading-0 [itemprop="name"]  {margin-top: 0;font-weight: normal;font-size: 200% !important;padding: 0;letter-spacing: normal;text-transform: lowercase; color: #f15a40;}

/*.leading-0 h2 {margin-top: 0;font-weight: normal;font-size: 200% !important;padding: 0;letter-spacing: normal;text-transform: lowercase; color: #ccc !important;}*/


/*Hide Main Menu so as to still use split menus in sidebar */
/*.menu-block {display: none;}*/
.menu-block {position: relative; top: -10px; left: -50px;}

/* Over ride Paradigm Title4 wierd underline */
.title4 .title:after {border-bottom: 2px solid #ccc;}
.title4 .title  {border-bottom: 2px solid #ccc;}

div.rt-block.title4 {margin: 0; padding: 0;}

/*-----New slideshow ------------*/

#jmslideshow-139 img {

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

padding:0!important;

}

.slide-0 {background:url("../images/bg-slide0.png") no-repeat bottom;top:-20px!important;left:-20px!important;height:158px;

}

.slide-1 {background:url("../images/bg-slide1.png") no-repeat bottom;top:-20px!important;left:609px!important;height:118px;

}

.slide-2 {background:url("../images/bg-slide2.png") no-repeat bottom;top:-20px!important;left:295px!important;height:166px;

}

.slide-3 {background:url("../images/bg-slide3.png") no-repeat bottom;top:-20px!important;left:609px!important;height:142px;

}

.slide-4 {background:url("../images/bg-slide4.png") no-repeat bottom;top:-20px!important;left:-20px!important;height:158px;

}

.jmslideshow .slideshow-content p {color:#fff;padding-left:10px;    font-family: 'Lato',san-serif;

    font-size: 24px;

    font-weight: bold;

    line-height: 100%;

}

.jmslideshow .slideshow-content span a { font-family: 'Lato',san-serif;color:#fff;padding-left:10px;font-size: 24px;padding-top:10px;display:table;

    line-height: 100%;

}

#phpweb24-readmore a {

    background: url("../images/morearrow.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);

    bottom: 36px;

    color: #ffffff;

    padding-right: 10px;

    position: absolute;

    right: 15px;

    text-transform: uppercase;

font-size:10px;

}

#phpweb24-readmore a:hover {color:#fff!important;

}

.jmslideshow .pager-number span{ background:url("../images/bullets.png") no-repeat;

    height: 24px !important;

    text-align: center !important;

    width: 21px !important;

}

.pager-number {bottom:0!important;

}

.slideshow-content span {display:table;margin-bottom:10px;

}

/*-----------end slide----------*/

.connectionBox.cbpgIbox {

    float: left;

  background: url("../../../images/profile-pic-bg.gif") no-repeat;

}



.contentpane, .contentpaneopen {

    float: left;

    }






  /****** Custom by Trieu Anh Tu ******/

.jmslideshow .slideshow-content p {color:#fff;padding-left:10px;    font-family: 'Lato',san-serif;

    font-size: 24px;

    font-weight: bold;

    line-height: 100%;

}

.jmslideshow .slideshow-content span a { font-family: 'Lato',san-serif;color:#fff;padding-left:10px;font-size: 24px;padding-top:10px;display:table;

    line-height: 100%;

}
/* Modules */

.module-title .title {margin-top: 0;font-weight: normal;font-size: 180%;padding: 0;letter-spacing: normal;text-transform: lowercase; color: #a6a6a6 !important;}

.contact-name {margin-top: 0;font-weight: normal;font-size: 130%;padding: 0;letter-spacing: normal;text-transform: lowercase; color: #f15a40 !important;}



.footer-menu h2 {font-size: initial;}

#phpweb24-readmore a {

    background: url("../images/morearrow.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);

    bottom: 36px;

    color: #ffffff;

    padding-right: 10px;

    position: absolute;

    right: 15px;

    text-transform: uppercase;

font-size:10px;

}

#phpweb24-readmore a:hover {color:#fff!important;

}

.jmslideshow .pager-number span{ background:url("../images/bullets.png") no-repeat;

    height: 24px !important;

    text-align: center !important;

    width: 21px !important;

}

.pager-number {bottom:0!important;

}

.slideshow-content span {display:table;margin-bottom:10px;

}

/*-----------end slide----------*/


/*#Adds "What's Up" background to search bar*/ 
#rt-header div.rt-container div.rt-block{
    background: url("../images/search.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    float: right;
    height: 60px;
    margin-bottom: 0;
    padding: 0 45px 0 210px;
}
/*expands size of search box...it strangely shrank after j upgrade */
div.mod_search122 input[type="search"] {
  width: 206px !important;}

.form-inline {height: 20px !important; }

.rt-container div.nopill ul.menutop{

	list-style: none outside none;

    margin: 0;

    padding: 15px 190px 0;

    position: relative;

}

.rt-container div.nopill ul.menutop li {

	margin-bottom:0;

}

.rt-container div.nopill ul.menutop li .item{

	color: #7c7a7a;

}

.rt-container div.nopill ul.menutop > li.active, .rt-container div.nopill ul.menutop > li.active:hover{

	border-bottom: 4px solid #f15941;

}

.rt-container div.nopill ul.menutop > li:hover{

	border-bottom: 4px solid #892a92;

}

.rt-container div.nopill ul.menutop li.active .item, .rt-container div.nopill ul.menutop li.active:hover .item{

	color: #872d91;

}

.rt-container div.nopill ul.menutop li:hover >.item{

	color:#f15941;

}

div#rt-bottom{

	padding:0;

}



div#rt-footer-surround {

	background:#892a92;

	

}

div#rt-footer-surround  div#rt-copyright{

	background:#fff;

}
.search .button {width:26px;height:19px;
background:url('../images/searchButton.gif') no-repeat top;
background-color:none;
border:none;
font-size:0;
  cursor:pointer;}

.search #mod-search-searchword { margin-top: 3px; height: 15px; 
}
#rt-footer a:hover {color:#fff!important;
}
#rt-footer a {background:none!important;color: #f15840;!important;text-transform:inherit!important;font-size: 100%!important;padding: 0 0 8px!important;
}





/* CUSTOM css rollover menu module in navigation position */
#lula-logo {
display: block;
width: 330px;
height: 160px;
}

#events {
float: right;
width: 118px;
height: 116px;
background: url("../images/menu-events.gif") no-repeat 0 0;
}
#shops {
float: right;
width: 119px;
height: 116px;
background: url("../images/menu-shops.gif") no-repeat 0 0;

}
#food {
float: right;
width: 119px;
height: 116px;
background: url("../images/menu-food.gif") no-repeat 0 0;
}
#digs {
float: right;
width: 116px;
height: 116px;
background: url("../images/menu-digs.gif") no-repeat 0 0;
}

#music {
float: right;
width: 117px;
height: 116px;
background: url("../images/menu-music.gif") no-repeat 0 0;
} 
#art {
float: right;
width: 119px;
height: 116px;
background: url("../images/menu-art.gif") no-repeat 0 0;
}

 
 
 
 

#events span {
  position: absolute;
  top: -999em;
}
#events:hover { 
  background-position: 0 -116px;
}

#shops:hover { 
  background-position: 0 -116px;
}
#shops span {
  position: absolute;
  top: -999em;
}

#food:hover { 
  background-position: 0 -116px;
}
#food span {
  position: absolute;
  top: -999em;
}

#digs:hover { 
  background-position: 0 -116px;
}
#digs span {
  position: absolute;
  top: -999em;
}

#music:hover{ 
  background-position: 0 -116px;
}
#music span {
  position: absolute;
  top: -999em;
}


#art:hover { 
  background-position: 0 -116px;
}
#art span {
  position: absolute;
 top: -999em;
}








/* Module tab backgrounds */

.tab1 .title {color: #fff;text-shadow: 1px 1px 1px #555;}

.tab2 .title {color: #fff;text-shadow: 1px 1px 1px #555;}

.tab3 .title {color: #fff;text-shadow: 1px 1px 1px #555;}

.tab1 .title span, .tab2 .title span, .tab3 .title span {color: #fff;}
.tab1 .rt-module-surround, .tab2 .rt-module-surround, .tab3 .rt-module-surround {margin: -65px -16px -16px -16px;padding: 65px 15px 15px 15px;position: relative;z-index: 1;}

.tab1 .module-title-surround, .tab2 .module-title-surround, .tab3 .module-title-surround {margin-left: -5px;position: relative;z-index: 2;}

.tab1 .module-title, .tab2 .module-title, .tab3 .module-title {height: 61px;margin-bottom: 15px;display: inline-block;margin-left: 11px;}

.tab1 .module-title .title, .tab2 .module-title .title, .tab3 .module-title .title {margin-bottom: 0;padding: 0 20px 0 15px;height: 61px;line-height: 61px;font-size: 150%;margin-left: -11px;overflow: hidden;}

/* .tab1 .rt-module-surround, .tab2 .rt-module-surround, .tab3 .rt-module-surround {border: 1px solid #ddd;} */

 .tab1 .module-title {background: url(../images/module-tab-r.png) 100% 0 no-repeat ;} 

.tab1 .rt-module-surround, .tab2 .rt-module-surround, .tab3 .rt-module-surround {background: url("../images/module-bg-1.jpg") no-repeat; !important} 

.tab1 .rt-module-surround, .tab2 .rt-module-surround, .tab3 .rt-module-surround {background-size: 100% 100%;}

 .tab1 .module-title {background: url(../images/module-tab-r.png) 100% 0 no-repeat; margin-top: -27px;} 
 
.tab1 .module-title .title {background: url(../images/module-tab-l.png) 0 0 no-repeat;}

.tab2 .module-title {background: url(../images/module-tab-r.png) 100% -104px no-repeat; margin-top: -27px;}

.tab2 .module-title .title {background: url(../images/module-tab-l.png) 0 -104px no-repeat;}

.tab3 .module-title {background: url(../images/module-tab-r.png) 100% -208px no-repeat; margin-top: -27px;}

.tab3 .module-title .title {background: url(../images/module-tab-l.png) 0 -208px no-repeat;}

/* Puts gray reverse box in feature3 module */
/* Emphasis Styles*/
em.italic {font-style: italic;font-weight: bold;}
em.bold {font-weight: bold;}
em.bold, em.rt-typoblock {font-size: 100%;line-height: 175%;font-style: normal;}
em.bold2 {font-size: 135%;font-weight: bold;line-height: 120%;font-style: normal;}
em.rt-typoblock {display: block;padding: 3px 5px;margin-bottom: 15px;background: #666;color: #fff;}
.rt-upper {text-transform: uppercase;}
.rt-center {text-align: center;}

/* Drop Cap 
p.dropcap {overflow: hidden;}*/
span.dropcap {font-size: 400%;margin: 0 5px 0 0;line-height: 110%;float: left;display: block; color: #ec0089;}



/* Footer Text 

#rt-footer, #rt-copyright {color: #ccc;}

#rt-footer a:hover, #rt-copyright a:hover {color: #fff;}

#rt-footer .title, #rt-copyright .title {color: #ccc;}

#rt-footer .title span {color: #fff;}

#rt-copyright .title span {color: #333;}*/

#rt-extension h2.title { color: #ccc !important; font-size: 160% !important;}

#rt-extension a {
  color: #f1593f !important;}
 

/* Orange bg on cb and event selector */

.listsubmenu {background: url('../../../images/list-org-bg.jpg'); padding:15px; height: 28px; color: white;margin-bottom: -3px; width: 634px;}

.listsubmenu strong {margin-right: 8px 15px; font-size: 18px;}

.listsubmenu a {

color: white;

font-size: 18px;

background: clear; 

border-bottom: 4px solid #e5452d; 

padding: 10px;

}



.listsubmenu a:hover {

*/ background: url('../../../images/list-org-bg-hover.jpg') repeat-x; */

background: clear;

color: #white;

font-size: 18px;

border-bottom: 4px solid #892A92;

}

/* Lines below hide jEvents bogus toolbar */

tr.icon_labels {display: none;}

div.nav_bar_cal img, div.nav_bar_cal a {display: none;}

div.ev_navigation table  { position: relative; top: 57px;} 

#cal_title {padding-top: 25px;}

 .items-leading [itemprop="name"] h2 {color: #dd0302 !important;}

/* Smartphones */
@media (max-width: 480px) {
.search {visibility: hidden;} 
.listsubmenu {display: none;}
.html-menu {display: none;}
.lula-slideshow {display: none;}
.welcome-image img {max-width: 50%;}
.no-phone {display: none;}
#rt-footer, #rt-extension {display: none;}
}
 
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 
.jevents-image img {margin-right: 40px !important; margin-bottom: 30px;}
.listsubmenu {display: none;}
.html-menu {display: none;}
.lula-slideshow {display: none;}
.welcome-image img {max-width: 50%;}
#rt-footer, #rt-extension {display: none;}
.no-phone {display: none;}
} 
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { 
  .listsubmenu {display: none;}
  #events {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-event.gif") no-repeat 0 0;}
#shops {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-shop.gif") no-repeat 0 0;
}
#food {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-dine.gif") no-repeat 0 0;
}
#digs {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-digs.gif") no-repeat 0 0;
}
#music {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-music.gif") no-repeat 0 0;
} 
#art {
float: right;
width: 79px;
height: 73px;
background: url("/images/sml-art.gif") no-repeat 0 0;
}
#events span {
  position: absolute;
  top: -999em;
}
#events:hover { 
  background-position: 0 -73px;
}
#shops:hover { 
  background-position: 0 -73px;
}
#shops span {
  position: absolute;
  top: -999em;
}
#food:hover { 
  background-position: 0 -73px;
}
#food span {
  position: absolute;
  top: -999em;
}
#digs:hover { 
  background-position: 0 -73px;
}
#digs span {
  position: absolute;
  top: -999em;
}
#music:hover{ 
  background-position: 0 -73px;
}
#music span {
  position: absolute;
  top: -999em;
}
#art:hover { 
  background-position: 0 -73px;
}
#art span {
  position: absolute;
 top: -999em;
}
 
}

  
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }
 
/* Large Display */
@media (min-width: 1200px) { ... }