Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/plugins/visual-composer.less

/* --------------------------------------------------
    Visual composer - KLEO Compatibility
----------------------------------------------------- */

body.compose-mode .section-container.container > .row {overflow: inherit;}
body.compose-mode .vc-element:hover .row > .vc-element:before,
body.compose-mode .vc-element.vc-hover .row > .vc-element:before,
body.compose-mode .vc-element.vc-hold-hover .row > .vc-element:before {
    content: "";
    height: 100%;
    left: 0;
    margin: 0;
    outline: 1px dashed rgba(125, 125, 125, 0.4);
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
body.compose-mode .vc-element .row {margin-left: 0; margin-right: 0;}

i.icon {
    height: auto;
    line-height: inherit;
    margin-left: 0;
    vertical-align: baseline;
    width: 1em;
}

.vc_message_box > p:first-of-type {
    margin-top: 0;
}
.vc_row-o-full-height {
    min-height: 100vh;
}
/*.vc_row-o-content-middle {
	align-items: center;
	box-sizing: border-box;
	display: flex;
}*/

/* 5 columns layout */
.wpb_row .vc_1-5, .row .col-sm-1-5,
.wpb_row .vc_2-5, .row .col-sm-2-5,
.wpb_row .vc_3-5, .row .col-sm-3-5,
.wpb_row .vc_4-5, .row .col-sm-4-5 {
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media (min-width: 768px) {
    .wpb_row .vc_1-5, .row .col-sm-1-5 {
        float: left;
        width: 20%;
    }

    .wpb_row .vc_2-5, .row .col-sm-2-5 {
        float: left;
        width: 40%;
    }

    .wpb_row .vc_3-5, .row .col-sm-3-5 {
        float: left;
        width: 60%;
    }

    .wpb_row .vc_4-5, .row .col-sm-4-5 {
        float: left;
        width: 80%;
    }
}

.wpb_column>.vc_column-inner>.wpb_wrapper > :last-child {
    margin-bottom: 0;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}
/*.vc_row-has-fill>.vc_column_container>.vc_column-inner*/

/* No paddings in columns */
.no-col-gap .row {
    margin-left: 0;
    margin-right: 0;
}
.no-col-gap .col-sm-1,
.no-col-gap .col-sm-2,
.no-col-gap .col-sm-3,
.no-col-gap .col-sm-4,
.no-col-gap .col-sm-5,
.no-col-gap .col-sm-6,
.no-col-gap .col-sm-7,
.no-col-gap .col-sm-8,
.no-col-gap .col-sm-9,
.no-col-gap .col-sm-10,
.no-col-gap .col-sm-11,
.no-col-gap .col-sm-12 {
    padding: 0;
}

.no-col-gap .vc_row > .vc_column_container,
.no-col-gap .vc_row > .vc_column_container > .vc_column-inner {
    padding: 0;
}


.vertical-col .section-container .vc_row {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.vertical-col .section-container .vc_row .vc_column_container {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.vertical-col .section-container .vc_row .vc_column_container .vc_column-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.vertical-col .vc_row::after, .vertical-col .vc_row::before {
    display: none;
}


/* Keep this block only for back-end user compatibility  */
.vertical-col .col-sm-1 .wpb_single_image img,
.vertical-col .col-sm-2 .wpb_single_image img,
.vertical-col .col-sm-3 .wpb_single_image img,
.vertical-col .col-sm-4 .wpb_single_image img,
.vertical-col .col-sm-5 .wpb_single_image img,
.vertical-col .col-sm-6 .wpb_single_image img,
.vertical-col .col-sm-7 .wpb_single_image img,
.vertical-col .col-sm-8 .wpb_single_image img,
.vertical-col .col-sm-9 .wpb_single_image img,
.vertical-col .col-sm-10 .wpb_single_image img,
.vertical-col .col-sm-11 .wpb_single_image img,
.vertical-col .col-sm-12 .wpb_single_image img,
.vertical-col .vc_column_container .wpb_single_image img {
    width: 100%;
}
/* End keep this */

.bg-center > .vc_column-inner {
    background-position: center !important;
}

.bg-no-repeat > .vc_column-inner {
    background-repeat: no-repeat !important;
}


.vc_row.vc_row-flex > .section-container::after,
.vc_row.vc_row-flex > .section-container::before {
    display:none;
}

.vc_row.vc_row-flex > .section-container {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.vc_row.vc_row-flex > .section-container {
    width: 100%;
}


.vc_row.vc_row-flex > .section-container > .vc_column_container {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
}

.vc_row.vc_row-flex > .section-container > .vc_column_container {
    display: flex
}

.vc_row.vc_row-flex > .section-container > .vc_column_container > .vc_column-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.vc_row.vc_row-flex > .section-container > .vc_column_container > .vc_column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}


.vc_row.vc_row-o-content-top > .section-container > .vc_column_container > .vc_column-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vc_row.vc_row-o-content-bottom > .section-container > .vc_column_container > .vc_column-inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vc_row.vc_row-o-content-middle > .section-container > .vc_column_container > .vc_column-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vc_row.vc_row-o-equal-height > .section-container > .vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.vc_row.vc_column-gap-1 > .section-container > .vc_column_container {
    padding: .5px
}
.vc_row.vc_column-gap-2 > .section-container > .vc_column_container {
    padding: 1px
}
.vc_row.vc_column-gap-3 > .section-container > .vc_column_container {
    padding: 1.5px
}
.vc_row.vc_column-gap-4 > .section-container > .vc_column_container {
    padding: 2px
}
.vc_row.vc_column-gap-5 > .section-container > .vc_column_container {
    padding: 2.5px
}
.vc_row.vc_column-gap-10 > .section-container > .vc_column_container {
    padding: 5px
}
.vc_row.vc_column-gap-15 > .section-container > .vc_column_container {
    padding: 7.5px
}
.vc_row.vc_column-gap-25 > .section-container > .vc_column_container {
    padding: 12.5px
}
.vc_row.vc_column-gap-30 > .section-container > .vc_column_container {
    padding: 15px
}
.vc_row.vc_column-gap-35 > .section-container > .vc_column_container {
    padding: 17.5px
}


@media (max-width: 767px) {
    .vc_custom_heading {
        word-wrap: break-word;
    }
}
.kleo-gradient {
    position:relative;
}
.kleo-gradient:before {
    content:"";
    display:block;
    position:absolute;
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,3a2e3a+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(58,46,58,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(58,46,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(58,46,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#3a2e3a',GradientType=0 ); /* IE6-9 */
}

/* TEMP until VC fixes it */
.vc_gitem-col > .wpb_single_image.wpb_animate_when_almost_visible {
    opacity: 1;
    filter: alpha(opacity=1);
}

/* ZoomIn & Shadow Style for Single Image */
.zoomin-shd-singleimg .vc_figure {
  transition: box-shadow 0.4s;
}
.zoomin-shd-singleimg .vc_figure:hover {
  box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
}
.zoomin-shd-singleimg .vc_figure .vc_single_image-img {
  transition: transform 0.4s;
}
.zoomin-shd-singleimg .vc_figure:hover .vc_single_image-img {
  transform: scale(1.05);
}

.zoomin-shd-singleimg.wpb_single_image .vc_figure {
  overflow: hidden;
}

/* Progress bar slim style */
.slim-style .vc_single_bar {
  border-radius:10px;
  height:10px;
  margin-bottom: 54px;
  margin-top: 50px;
}
.slim-style .vc_single_bar .vc_label {
  position: absolute;
  top: -40px;
  left: 0;
}
.slim-style .vc_single_bar .vc_bar {
  border-radius:10px;
  height:10px;
}


.kleo-transform .vc_editor .animated.animate-when-visible,
.kleo-transform .vc_editor .animated.animate-when-almost-visible {
  opacity: 1;
}

/* --------------------------------------------------
    Ultimate Addons for Visual Composer - KLEO Compatibility
----------------------------------------------------- */
.article-content .container-wrap {
    position: relative;
}


/* --------------------------------------------------
	TS Visual composer extend - KLEO Compatibility
----------------------------------------------------- */
.ts-icon-title-text {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    padding: 0 20px;
}

/* Comapbility for example VC ADDONS*/

.vc-row-translate-wrapper {
    background: transparent;
}