lubuntu.me/plugins/fruitful-shortcodes/includes/shortcodes/less/original.less

.row, .clearfix {
	zoom: 1;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*-------------------------------------------------------------------------------------------*/
/* Columns */
/*-------------------------------------------------------------------------------------------*/
.ffs-two-one		{width:48%;}
.ffs-three-one		{width:30.66%;}
.ffs-three-two		{width:65.33%;}
.ffs-four-one		{width:22%;}
.ffs-four-two		{width:48%;}
.ffs-four-three		{width:74%;}
.ffs-five-one		{width:16.8%;}
.ffs-five-two		{width:37.6%;}
.ffs-five-three		{width:58.4%;}
.ffs-five-four		{width:67.2%;}
.ffs-six-one		{width:13.33%;}
.ffs-six-two		{width:30.66%;}
.ffs-six-three		{width:47.99%;}
.ffs-six-four		{width:65.33%;}
.ffs-six-five		{width:82.67%;}

.ffs-two-one, .ffs-three-one, .ffs-three-two, .ffs-four-one, .ffs-four-two, .ffs-four-three, .ffs-five-one, .ffs-five-two, .ffs-five-three, .ffs-five-four, .ffs-six-one, .ffs-six-two, .ffs-six-three, .ffs-six-four, .ffs-six-five{
  float:left;
  margin-right:4%;
  margin-bottom:4%;
  position:relative;
}

.last{
  clear:right;
  margin-right:0 !important;
}

@media only screen and (max-width: 768px) {
  .ffs-two-one, .ffs-three-one, .ffs-three-two, .ffs-four-one, .ffs-four-two, .ffs-four-three, .ffs-five-one, .ffs-five-two, .ffs-five-three, .ffs-five-four, .ffs-six-one, .ffs-six-two, .ffs-six-three, .ffs-six-four, .ffs-six-five {
	  margin-right: 0; 
	  width: 100% !important;
  }
}


.info-box-row {
    display: block;
    float: left;
    margin: 30px 0 25px;
    width: 100%;
}

.info-box-row .ffs-info-box .infobox-title {
    margin: 0 0 5px;
    font-weight:300
}

.info-box-row .ffs-info-box .infobox-text {
	padding:0;
}

.info-box-row .ffs-info-box  img.icon {
    display:block;
    min-height:51px;
    margin:0 auto 15px;
    min-width:51px;
}

.info-box-row .ffs-info-box .ffs-icon-container {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: auto;
}

.info-box-row .ffs-info-box .ffs-icon-container i {
	text-align: center;
	font-size: 26px;
	padding: 10px;
	margin: 5px 0;
}

.ffs-info-box.center .ffs-icon-box,
.ffs-info-box.center .ffs-content-box {
	width:100%;
}

.ffs-info-box.left .ffs-icon-box, 
.ffs-info-box.right .ffs-icon-box {
	width:20%;
	display:block;
}

.ffs-info-box.left .ffs-content-box, 
.ffs-info-box.right .ffs-content-box {
	width:80%;
	display:block;
}

.ffs-info-box.left .ffs-icon-box,
.ffs-info-box.right .ffs-content-box {
	float:left;
}

.ffs-info-box.right .ffs-icon-box,
.ffs-info-box.left .ffs-content-box {
	float:right;
}

.btn .ffs-icon-container {
	font-size:inherit;
}

.btn .ffs-icon-container.left {
	padding:0 8px 0 0;
	text-align:left;
}

.btn .ffs-icon-container.right {
	padding:0 0 0 8px;
	text-align:right;
}


/*-------------------------------------------------------------------------------------------*/
/* Description box */
/*-------------------------------------------------------------------------------------------*/

.fruitful_description_box {
  position:relative;
  z-index:0;
}

.fruitful_description {
  float:left;
  width:100%;
  min-height:50px;
  margin:10px 0 20px 0;
  position:relative;       
  display:block;
  background:#fff;
}

.fruitful_description.shadow-type-4:before ,
.fruitful_description.shadow-type-5:before  {
  position: absolute;
  width: 80%;
  height: 45%;
  left: 10%;
  border-radius: 50%;
  z-index: -1;
  top: 0%;
  content: "";
  -moz-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
}

.fruitful_description.shadow-type-4:after,
.fruitful_description.shadow-type-5:after  {
 position: absolute;
  width: 80%;
  height: 45%;
  left: 10%;
  border-radius: 50%;
  z-index: -1;
  bottom: 0%;
  content: "";
  -moz-box-shadow: 0 2px 16px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.4);
  box-shadow: 0 2px 16px rgba(0,0,0,0.4);
}	  


.fruitful_description.shadow-type-1:before,
.fruitful_description.shadow-type-1:after {
	display:none; 
}

.fruitful_description.shadow-type-1 .top_line{
  z-index: 2;
  display: block;
  width: 100%;
  height: 15px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.fruitful_description.shadow-type-1 .top_line:before,
.fruitful_description.shadow-type-1 .top_line:after{
  z-index: 1;
  position: absolute;
  content: "";
  top: -20px;
  left: 10px;
  width: 50%;
  bottom: 31px;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 13px 16px #777;
  -moz-box-shadow: 0 13px 16px #777;
  box-shadow: 0 13px 16px #777;
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}

.fruitful_description.shadow-type-1 .top_line:after{
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
  right: 10px;
  left: auto;
}

.fruitful_description.shadow-type-1 .bottom_line{
  z-index: 2;
  display: block;
  width: 100%;
  height: 15px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fruitful_description.shadow-type-1 .bottom_line:before,
.fruitful_description.shadow-type-1 .bottom_line:after{
  z-index: 1;
  position: absolute;
  content: "";
  top: 31px;
  left: 10px;
  width: 50%;
  bottom: -20px;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 -13px 16px #777;
  box-shadow: 0 -13px 16px #777;
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}

.fruitful_description.shadow-type-1 .bottom_line:after{
  -webkit-transform: rotate(-1.5deg);
  -moz-transform: rotate(-1.5deg);
  -o-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
  right: 10px;
  left: auto;
}

.fruitful_description.shadow-type-2:before,
.fruitful_description.shadow-type-2:after {
  display:none;
}

.fruitful_description.shadow-type-2 .top_line{
  position: absolute;
  width: 100%;
  height: 10px;
  overflow: hidden;
}
.fruitful_description.shadow-type-2 .top_line:before{
  position: absolute;
  width: 50%;
  height: 45%;
  overflow: hidden;
  left: 25%;
  border-radius: 50%;
  z-index: 1;
  top: -38%;
  content: "";
  -moz-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  box-shadow: 0 0px 16px rgba(0,0,0,0.4);
}

.fruitful_description.shadow-type-2 .bottom_line{
  position: absolute;
  width: 100%;
  height: 10px;
  overflow: hidden;
  bottom: 0px;
}

.fruitful_description.shadow-type-2 .bottom_line:before{
  position: absolute;
  width: 50%;
  height: 45%;
  overflow: hidden;
  left: 25%;
  border-radius: 50%;
  z-index: 1;
  top: 100%;
  content: "";
  -moz-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 -2px 16px rgba(0,0,0,0.4);
  box-shadow: 0 0 16px rgba(0,0,0,0.4);
}

.fruitful_description.shadow-type-3:before,
.fruitful_description.shadow-type-3:after {
  display:none; 
}

.fruitful_description.shadow-type-3 .top_line:before,
.fruitful_description.shadow-type-3 .top_line:after,
.fruitful_description.shadow-type-5 .top_line:before,
.fruitful_description.shadow-type-5 .top_line:after{
  z-index: -1;
  position: absolute;
  content: "";
  top: 15px;
  left: 10px;
  width: 50%;
  bottom: 80%;
  max-width: 300px;
  min-height:4px;
  background: #777;
  -webkit-box-shadow: 0 -13px 16px #777;
  box-shadow: 0 -13px 16px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.fruitful_description.shadow-type-3 .top_line:after,
.fruitful_description.shadow-type-5 .top_line:after{
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  right: 10px;
  left: auto;
}

.fruitful_description.shadow-type-3 .bottom_line:before,
.fruitful_description.shadow-type-3 .bottom_line:after,
.fruitful_description.shadow-type-5 .bottom_line:before,
.fruitful_description.shadow-type-5 .bottom_line:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 75%;
  max-width:300px;
  min-height:4px;
  background: #777;
  -webkit-box-shadow: 0 13px 16px #777;
  -moz-box-shadow: 0 13px 16px #777;
  box-shadow: 0 13px 16px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.fruitful_description.shadow-type-3 .bottom_line:after,
.fruitful_description.shadow-type-5 .bottom_line:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.fruitful_description .text {
    margin:0 auto;
	width: 90%;
	padding: 10px 0;
}

/*Separator*/
.ffs-sep {
	display:block;
	margin: 0 0 30px;
}

/*Bootstrap fixed*/
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0 !important;
  border: 0;
  float: right;
}

.ffs-bs .btn {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border:0 none;
}

.resp-arrow {
  margin-top:8px;
}
.fruitful_tab{
  a{
    margin: auto;
  }
}

@media only screen and (max-width: 480px) {
	.fruitful_description .text{font-size:20px !important;}
}