/* Add here all your css styles (customizations) */
.breadcrumbs {
border-top: solid 1px #eee;
}

.oneline {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clamp {
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:7em;
    overflow:hidden;
}

.clamp::after {
    content: "";
  	text-align: right;
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 70%;
  	height: 1.4em;
  	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.clamp-3 {
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow:hidden;
}

.clamp-3::after {
    content: "";
  	text-align: right;
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 70%;
  	height: 1.4em;
  	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.clamp-small {
	font-size :smaller;
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:2.8em;
    overflow:hidden;
}

.clamp-small::after {
    content: "";
  	text-align: right;
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 70%;
  	height: 1.4em;
  	background: linear-gradient(to right, rgba(247, 247, 247, 0), rgba(247, 247, 247, 1) 50%);
}

.pre-white {
	border-bottom: 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	line-height: 1.8em;
	color: #555;
	background-color: white;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}

.pre-clamp {
	border-bottom: 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	color: #666;
	background-color: white;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}

.fans-q {
	font-size: 1.2em;
	color: #18ba9b;
}

.fans-a {
	font-size: 1.3em;
}

.shop-p {
	font-size: 1.2em;
	color: #ffffff;
}

.narrow-hr-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-line-inversed {
  background-color: #00b900;
  border-color: #00b900;
  color: white; }
  .btn-line-inversed:hover {
    background-color: transparent;
    color: #00b900; }

/* FULLCALENDAR 
------------------------------------*/
.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: #333333;
  text-shadow: none;
}
.fc-button {
  color: inherit;
  border: 1px solid #18ba9b;
}
.fc-state-active {
  background-color: #18ba9b;
  border-color: #18ba9b;
  color: #ffffff;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  padding: 4px 6px;
  background-color: #18ba9b;
  /* background color */
  border-color: #18ba9b;
  /* border color */
}

/* selected highlight */
div.club-highlight {
	border: 2px solid #18ba9b;
}

.block-description .right-inner img {
	width: 100%;
}

.job-description .right-inner img {
	width: 100%;
}

.content {
	padding-top: 20px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}

.revolution-ch2:after {
  width: 0;
  height: 0;
}

.pricing-head h3 {
	background:#18ba9b;
}
.pricing-mega-v1 .pricing:hover h4 i {
	color: #18ba9b;
}
.pricing-mega-v1 .pricing-content li i {
	color: #18ba9b; 
}
.pricing-mega-v1 .btn-group .dropdown-menu  li a:hover { 
	background: #2cd5b6;
}

.row-gutter-5 > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}

.row-gutter-10 > [class*='col-'] {
    padding-right:8px;
    padding-left:8px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.customMarker {
  position: absolute;
  cursor: pointer;
  background: #E84D3C;
  width: 50px;
  height: 50px;
  /* -width/2 */
  margin-left: -25px;
  /* -height + arrow */
  margin-top: -60px;
  border-radius: 50%;
  padding: 0px;
}

.customMarker:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 20px;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: #E84D3C transparent;
  display: block;
  width: 0;
}

.customMarker img {
  width: 40px;
  height: 40px;
  margin: 5px;
  border-radius: 50%;
}

/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner {
	background: #2cd5b629;
}

.blog-twitter .blog-twitter-inner:after {
	border-top: 15px solid #1abc9c;
}

.blog-twitter .blog-twitter-inner:before {
	border-bottom: 15px solid #fff;
}

.blog-twitter .blog-twitter-inner:hover:after {
	border-top-color: #1abc9c;
}

.blog-twitter .blog-twitter-inner i.fa {
	color: #1abc9c;
}