/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* Main Menu - YooMonday Default */

.uk-open>.uk-dropdown-navbar {
  background:#fbfbf9;
}

.tm-dropdown-overlay{
height:0px!important;
}

.uk-navbar-nav>li>a {
  font-size: 1.1em;padding: 0 20px;
}


.uk-nav-offcanvas > li > a {
  font-size:1.3rem;
}


.jbd-container .result-item .item-image-cover img{
  position:relative;
}



/* Home Page Video Header */
.mocha-fs3{
background-color:#5d809670;
    background-size: cover;
    color: #fff;
    text-align: center;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%);
    margin-bottom: 50px;
   
    padding: 80px 30px 80px 30px;
}

.mocha-fs7{
background-color:#5d809670;
    background-size: cover;
    color: #fff;
    text-align: center;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%);
    margin-bottom: 0;
   margin-top:-40px;
    padding: 0;
}
</style>


<style type="text/css">.uk-sticky-placeholder {
    margin-bottom: 0 !important;
}

#targetMovie {
    width: 100vw;
    max-width: 100vw;
    height: auto;
}

.vidwrap1 {
    display: block;
    position: relative;
    height: calc(0.52 * 100vw);
    width: 100vw;
    max-height:100vh;
    margin-left: auto;
    margin-right: auto;
}

.unmute-overlay {
    background-image: url(images/unmute-white-cool-bottom-center2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
}


/* Logo */
.tm-navbar .tm-logo {
  margin-right: 10px;
}
.tm-logo-small {
  padding: 0px 0px 0px 5px;
  width:94%;
}

/* .uk-navbar-toggle{width:20vw;} */


@media (min-width: 1460px){
    #jux_memamenu312 #js-mainnav .js-megamenu {
    width: 1088px;
    }
    }


    @media (max-width: 1459px) and (min-width: 979px){
	#jux_memamenu312 #js-mainnav .js-megamenu {
    width: 940px;
    }

    }



.tm-isblog{
overflow-x:hidden;
}

.uk-sticky-placeholder{
height:auto!important;

}

.mocha-full {margin-bottom:50px;}

@media (min-width: 768px){
.simple-header-description{
background: #fff; padding: 30px 60px 10px 60px; text-align: center; color: #777; border: 2px solid rgba(57,100,142,0.67);
}
}

@media (max-width: 767px){
.simple-header-description{
background: #fff; padding: 30px 15px 10px 15px; text-align: center; color: #777; border: 2px solid rgba(57,100,142,0.67);
}
}

/* Blog Image size correction */

@media (min-width:768px){
  .blog-image{
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
  }
  
}

@media (max-width: 767px){
  .blog-image{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
  }
  
  .tm-article-image{
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:15px;
  }
}


/* Sidebar - Latest Articles */
.sidebar-latest > * > .uk-margin-top{
margin-top:0!important;
}

.sidebar-latest > * > * > * > .uk-panel-title{
margin-top: -30px!important;
margin-right:-30px!important;
margin-left:-30px!important;
}



/* Business Titles in Sidebar List */
.list-view > * > * > .company-info{
  font-size:1.5rem;
  padding: 15px 10px 16px 10px;
  background-color:#fff;
  text-align:center;
  border-top-style:solid;
  border-top-width:2px;
  border-top-color:#b1c3c3;
}

.company-info a {
  color:#648395;
  line-height: 1.7rem;
}

/* JBD Sidebar Mods */
.tm-sidebar-a > * > * > * > * > * > .company-address {display:none;}
.tm-sidebar-a > * > .uk-panel-title {background-color:#6f5b5a!important; color:#fff;font-size:28px;text-align:center;}
.list-view > ul {padding-left:0;}
.tm-sidebar-a > .uk-panel-box {background:#a9cacd;}

.latestbusiness .company-name{font-size:22px; color:#fff; text-align:center;}

.latestbusiness .company-info{margin-bottom:25px;}







/* Article font size boost */
.tm-article{
  font-size: 1.2rem;
    line-height: 25px;
}

.uk-panel > * > p{
  font-size:1.2rem;
  line-height:25px;
}

/* Content Margins and Padding on Mobile */

@media (max-width: 768px){
  
  .uk-grid > * > :last-child{
    padding-right:0px;
  }
  
  .uk-container{
    padding:0 15px;
  }
  
  .uk-panel-space{
    padding:30px 0px 30px 0px;
  }
  
  .tm-noblog .tm-content, .tm-isblog .tm-article.tm-article-box, .yoo-zoo .uk-article{
    padding:50px 15px;
  }
  
  .tm-block-footer{
    padding:0 35px;
  }
  
  
}

/* .tm-noblog .tm-content, .tm-isblog .tm-article.tm-article-box, .yoo-zoo .uk-article {
	
	box-shadow:none;
	background:#ffffff00;
	padding:0;

} */

.tm-noblog .tm-content {
	
	box-shadow:none;
	background:#ffffff00;
	padding:0;

}


/* Event Container Mods */

.event-container{
  background:#fff;
  
}

/* Business Listing Style 5 Mods */

#company-style-5-container {
	
	padding:0;
	background-color:#ffffff00;

}

.company-style-box {
	box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3);
}

#company-style-5-header{
	box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3);
}

.company-style-5-header-image{
	background-image:url("https://charleston.com/images/mocha/generic-cover-2.jpg");
    background-size:cover!important;
    box-shadow:inset 0 0 0 600px rgba(0,0,0,.1)!important;
}

.company-container-style-6 .company-header {
    background-image:url("https://charleston.com/images/mocha/generic-cover-2.jpg");
    background-size:cover!important;
    box-shadow:inset 0 0 0 600px rgba(0,0,0,.1)!important;
}



.company-style-5-header-info .first-column h2{
	color:#fff;
}

.company-style-5-header-info .dir-address, .company-style-5-header-info .dir-categories {
  font-size:20px;
}

.company-style-5-header-info .phone {
  font-size:17px;
}

.company-style-5-header-info .website {
    font-size: 17px;
}



.rating-container .filled-stars {color:#f2e004!important;}




.company-info-review {margin-top:20px;}






/* Test Area */

.btn-buslinks {
	background: #4091a9;
    color: #fff;
    padding: 17px 8px 17px 4px!important;
    font-size:17px;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    border-color: #ffffff;
    width: 170px;
    text-align: center;
    margin-top: 15px;

}



.btn-buslinks:hover {
  background-color:#7cb7ce;
}



.btn-buslinks-small {
	background: #4091a9;
    color: #fff;
    padding: 10px 5px 10px 4px!important;
    font-size:15px;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    border-color: #ffffff;
    width: 125px;
    text-align: center;
    margin-top: 15px;

}



.btn-buslinks-small:hover {
  background-color:#7cb7ce;
}

/* End Test Area */






.results-style-6 .result{
	margin-bottom:15px;
	border-bottom:none;
	box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3);
}

.search-header{
	box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3);
	margin-bottom:15px;
}


.tm-tabs-monday .tm-overlay-content {
  background:rgba(90, 90, 90, 0.6);
}


.uk-badge {
  margin-top:20px;
}

.slider-item {
  
  border:none;
  background-color:#fff;
  box-shadow:0 5px 8px 0 rgba(160, 166, 168, 0.35);
  margin-left:15px;
  margin-right:15px;
  margin-top:15px;
  margin-bottom:15px;
  padding:0px;
}



.slider-item-name{
  padding: 20px 20px;
 
}

.slider-item-name h3{
  font-size: 17px;
  line-height:22px;
  letter-spacing:1px;
}

/* Offers Slider Mods */
.view-all-offers {font-size:2em; margin-bottom:30px;}






/* JBD Search Results List */
.result-item{
  margin-bottom:20px;
  box-shadow:0 4px 4px 0 rgb(160 166 168 / 35%);
}

#companies-map-container{
  margin-bottom:20px!important;
}




/* Move Menu to Right 
.tm-navbar .tm-headerbar > div.uk-flex {
    width: 100%;
}

.tm-navbar .tm-headerbar nav.uk-visible-large {
    margin-left: auto;
}
.tm-navbar .tm-headerbar .uk-flex-right {
                display: none;
}*/



/* Search Bar */

.mocha-search{
  background:#a9cacd;
}

.jbd-container .btn-success{
  background:#4eafcc linear-gradient(180deg, #4eafcc, #4eafcc) repeat-x;
  border-color:#4eafcc;
}

/* Box Styling */
.uk-panel-box{
box-shadow:0 5px 8px 0 rgba(160, 166, 168, 0.35);
}
#gallery{
	display:block !important;
}

@media (min-width: 768px){
.jbd-container .col-md-6  h1 {
    color: #000!important;
}
}
#mocha-fs-1 {
    background-image: url(/images/mocha/ji-bridge-2-header1920x500.webp);
    background-size: cover;
    color: #fff;
    text-align: center;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%);
    min-height: 400px;
    padding: 30px 30px 30px 30px;
}

/*.jbd-container .place-card-body {
    min-height: 180px !important;
    
}
*/

.bussiness-slider{
  height:280px;
}

.headerpadding  {
		margin-top: -30px;
	}






@media (max-width: 576px){
.latestbusiness li {
    width: 100%;
}
  .tm-sidebar-a{padding-left:25px;}
  
  .uk-panel-space > h3{margin-right: 0px!important; margin-left:0px!important;}
  .uk-panel-box{padding: 30px 20px 20px 20px;}
  
  .jbd-container .jitem-img-wrap>img, .jbd-container .place-card-body>img{
    height:55vw!important;
  }
  
  
  #tm-main{
    margin-right:0px;
  }
  
}

  .view-all-items{
    font-size:1.4rem;
    padding:15px;
    background-color:#fff;
    box-shadow:0 5px 8px 0 rgb(160 166 168 / 35%);
    margin-left:auto; 
    margin-right:auto; 
    margin-top:10px;
    margin-bottom:50px;
    max-width:250px;
  }



/* Filter Styling */
.filter-header {background:#a9cacd;}