Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/plugins/visual-composer.css |
/* --------------------------------------------------
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: 0.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%, #3a2e3a 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #3a2e3a 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #3a2e3a 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;
}