| Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/modules/base.less |
/* --------------------------------------------------
Table of Contents
----------------------------------------------------- */
/*
Theme Name: Kleo Template
Description: A multipurpose WordPress template
Author: SeventhQueen
Author URI: http://themeforest.net/user/SeventhQueen/portfolio?ref=SeventhQueen
Tags: clean, responsive, creative, minimal, modern, landing page, bootstrap 3
01. Shared Styles
02. Page Template
03. Boxed Page
04. Page Sections
05. WordPress Styles
06. Font Icons Core
07. Visual Composer Extra class names
08. Retina Ready CSS Graphics
09. Media Queries
10. Shortcodes
*/
/* -----------------------------------------
01. Shared Styles
----------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td { direction: ltr; }
html,body { overflow-x: hidden; }
body {
/*background-image: url('../img/bg-body.gif');*/
/*font-family: 'Open Sans', sans-serif;*/
font-size: 13px;
line-height: 22px;
overflow: hidden;
}
/* Typography */
h1,h2,h3,h4,h5,h6 {
margin: 10px 0;
font-weight: 300;
line-height: 22px;
text-rendering: optimizelegibility;
}
h1.title { font-size:46px; line-height:48px; font-weight:300; margin-bottom:25px; }
h2.title { font-size:36px; line-height:48px; font-weight:300; margin-bottom:30px; }
h1 { font-size: 36px; line-height:48px; margin-bottom: 25px; }
h2 { font-size: 28px; line-height:36px; margin-bottom: 20px; }
h3 { font-size: 22px; line-height:28px; margin-bottom: 20px; }
h4 { font-size: 18px; line-height:28px; margin-bottom:10px; }
h5 { font-size: 17px; line-height:27px; margin-bottom:10px; }
h6 { font-size: 16px; line-height:24px; margin-bottom:10px; }
h1.intro { color:#89949b; line-height:40px; font-weight:300; margin-bottom:60px; }
/* Custom color sections*/
section.custom-color h1,
section.custom-color h2,
section.custom-color h3,
section.custom-color h4,
section.custom-color h5,
section.custom-color h6 {
color: inherit !important;
}
section.custom-color h1 a,
section.custom-color h2 a,
section.custom-color h3 a,
section.custom-color h4 a,
section.custom-color h5 a,
section.custom-color h6 a {
color: inherit !important;
}
section.custom-color .hr-title {
border: none !important;
}
section.custom-color .hr-title abbr {
background-color: transparent !important;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
margin-top: 1.5em;
}
p {
margin: 0.85em 0;
}
.btn + .btn {
margin-left: 10px;
}
select + select {
margin-left: 5px !important;
}
.lead {
/*font-family: sans-serif;*/
margin-bottom: 20px;
font-size: 18px;
font-weight: 200;
line-height: 30px;
}
.muted,
h1.muted a {
color: #bbb;
}
a.muted:hover,
a.muted:focus {
color: #7f8c8d;
}
.text-warning {
color: #f1c40f;
}
a.text-warning:hover,
a.text-warning:focus {
color: #f39c12;
}
.text-error {
color: #e74c3c;
}
a.text-error:hover,
a.text-error:focus {
color: #c0392b;
}
.text-info {
color: #3498db;
}
a.text-info:hover,
a.text-info:focus {
color: #2980b9;
}
.text-success {
color: #1abc9c;
}
a.text-success:hover,
a.text-success:focus {
color: #16a085;
}
a:focus,
a:hover {
outline: none;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
.img-full-width,
.img-full-width .vc_figure,
.img-full-width .vc_single_image-wrapper,
.img-full-width a,
.img-full-width img {
width: 100% !important;
}
.vbottom { vertical-align: bottom; }
.wpb_single_image .vc_figure {
max-width: 100% !important;
}
div.wpb_single_image .vc_figure .vc_single_image-wrapper {
margin-bottom: 0;
}
img[alt] {
font-size: 82%;
line-height: 10px;
}
.inline-image {
display: inline-block;
margin: 0 5px;
}
iframe,
object,
embed,
video {
max-width: 100%;
border: none;
/*height: auto;*/
}
.adsbygoogle iframe {
height: inherit;
}
audio,
video { width: 100%; }
pre {
clear:none;
border: 1px solid #f7f7f7;
border-left: 3px solid #e5e5e5;
color: #777;
overflow:auto;
/*padding:2em;*/
line-height: 2em;
font-size: 12px;
background-color: #fff;
/*background-image: -webkit-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);*/
-webkit-background-size: 100% 4em ;
-moz-background-size: 100% 4em ;
background-size: 100% 4em;
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
position: relative;
left:0;
text-transform: none;
width:auto;
}
label {
font-weight: normal;
}
ins {
text-decoration: none;
}
/* TO DO */
.all-classes {
transition: all 0.25s ease-out 0s;
}
/* Useful classes*/
.no-padd { padding: 0; }
.no-bot-padd { padding-bottom: 0; }
.no-margin,
.no-margin-vc-elements .wpb_row,
.no-margin-vc-elements .wpb_content_element {
margin: 0;
}
.no-border, input.form-control.no-border, .btn.no-border { border: none; }
.no-border-radius {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.no-bot-margin { margin-bottom: 0; }
.small-text { font-size: 12px; }
.strong {
font-weight: bold;
}
.alignleft {
float: left;
margin: 5px 30px 10px 0;
}
.alignright {
float: right;
margin: 5px 0 10px 30px;
}
.aligncenter {
display: block;
margin: 5px auto 10px auto;
}
.alignnone {
float: none;
margin: 5px auto 10px auto;
}
.ov-hidden {
overflow: hidden;
}
.div-center {
margin: 0 auto;
}
.clear:before,
.clear:after {
display: table;
content: " ";
}
.clear:after {
clear: both;
}
.kleo-rounded {
border-radius: 100%;
}
.kleo-rounded img.avatar {
border-style: solid;
border-width: 5px;
border-radius: 100%;
}
.custom-color .kleo-rounded img.avatar {
border-color: rgba(255,255,255, 0.3) !important;
}
.text-left {
text-align: left;
}
/* Text meant only for screen readers */
span.screen-reader-text,
label.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
.bg-center,
#main .bg-center {
background-position: center !important;
}
.bg-no-repeat,
#main .bg-no-repeat {
background-repeat: no-repeat !important;
}
.bg-size-auto,
#main .bg-size-auto {
background-size: auto !important;
}
.letter-spacing-2px {
letter-spacing:2px;
}
.letter-spacing-4px {
letter-spacing:4px;
}
.letter-spacing-25 {
letter-spacing:0.03em;
}
.letter-spacing-50 {
letter-spacing:0.06em;
}
.letter-spacing-75 {
letter-spacing:0.09em;
}
.letter-spacing-100 {
letter-spacing:0.12em;
}
/* -----------------------------------------
02. Page Template
----------------------------------------- */
.wpb_wrapper section {
background-color: transparent;
}
#footer {
position: relative;
}
.border-top {
border-top-style:solid;
border-top-width:1px;
}
.border-left {
border-left-style:solid;
border-left-width:1px;
}
.border-right {
border-right-style:solid;
border-right-width:1px;
}
.border-bottom {
border-bottom-style:solid;
border-bottom-width:1px;
}
.container-wrap.bg-full-width,
.container-wrap.bg-full-width + .container-wrap {
border-top: none;
}
.container .container {
padding: 0;
}
.template-page {
border-right-style: solid;
border-right-width: 1px;
}
#footer .template-page {
border: none;
}
.template-page,
.sidebar {
padding-top:40px;
padding-bottom:40px;
min-height: 1px;
}
.wrap-content {}
.wpb_wrapper {
clear: both;
position: relative;
}
.container-full {
padding: 0;
}
.container-full:before,
.container-full:after {
display: table;
content: " ";
}
.container-full:after {
clear: both;
}
.container-full .template-page.col-sm-12 {
padding: 0;
}
.template-page.tpl-no {
border-right: 0;
}
.template-page.tpl-right .wrap-content {
padding-right: 35px;
}
.template-page.no .wrap-content {
padding-right: 0;
}
.template-page.col-sm-push-3 .wrap-content {
padding-right: 0;
padding-left: 35px;
}
.page-boxed .template-page.tpl-left .wrap-content {
padding-left: 17.5px;
}
.page-boxed .template-page.tpl-right .wrap-content {
padding-right: 17.5px;
}
.page-boxed .sidebar-left .inner-content {
padding-right: 17.5px;
}
.page-boxed .sidebar-right .inner-content {
padding-left: 17.5px;
}
.template-page.tpl-3ll .wrap-content,
.template-page.tpl-3lr .wrap-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3lr .inner-content,
.sidebar-extra.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content {
padding-left: 15px;
}
.template-page.tpl-3lr .wrap-content,
.template-page.tpl-3rr .wrap-content,
.sidebar-main.sidebar-3lr .inner-content,
.sidebar-main.sidebar-3ll .inner-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content {
padding-right: 15px;
width: 100%;
}
.sidebar-left .inner-content {
padding-right: 35px;
}
.sidebar-right .inner-content {
padding-left: 35px;
}
.template-page.tpl-3ll .wrap-content {
padding-right: 0;
}
.template-page.tpl-left,
.template-page.tpl-3ll,
.sidebar-extra.sidebar-3ll,
.sidebar-extra.sidebar-3lr,
.sidebar-extra.sidebar-3rr {
border-right: none;
border-left-style: solid;
border-left-width: 1px;
}
.sidebar-right,
.sidebar-main.sidebar-3rr {
border-left-style:solid;
border-left-width:1px;
}
.sidebar-left,
.sidebar-extra.sidebar-3ll,
.sidebar-main.sidebar-3ll,
.sidebar-main.sidebar-3lr,
.sidebar-main.sidebar-3rr{
border-right-style:solid;
border-right-width:1px;
}
.sidebar-right,
.sidebar-main.sidebar-3rr,
.sidebar-extra.sidebar-3rr {
margin-left: -1px;
}
.template-page.with-meta .article-content .wpb_wrapper:first-child,
.standard-listing.with-meta .article-media .mejs-container {
clear: right;
}
/* Equal height columns fix */
#main-container > .row {
/*overflow: hidden;*/
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* fix for overlapping backgrounds */
#main > .main-color .main-color .main-color {
background-image: none;
}
/* TODO - Temporary work on half background section(unfinished) */
section.container-wrap.border-bottom.half-section:before {
content: " ";
display: block;
width: 1px;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
}
section.container-wrap.half-section {
background-image: -webkit-linear-gradient(0deg,#fff,#fff);
background-image: -moz-linear-gradient(0deg,#fff,#fff);
background-image: -o-linear-gradient(0deg,#fff,#fff);
background-image: -ms-linear-gradient(0deg,#fff,#fff);
background-image: linear-gradient(0deg,#fff,#fff);
-webkit-background-size: 50% 100%;
-moz-background-size: 50% 100%;
background-size: 50% 100%;
background-repeat: no-repeat;
}
section.container-wrap.half-section .col-sm-6:nth-child(2) {
padding-left: 50px;
}
.flexbox-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexbox-center {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.flexbox-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.flexbox-justify-center {
justify-content: center;
}
.flexbox-justify-left {
justify-content: flex-start;
}
.flexbox-justify-right {
justify-content: flex-end;
}
/* -----------------------------------------
03. Boxed Page
----------------------------------------- */
.page-boxed {
box-shadow: 0 0 3px rgba(153, 153, 153, 0.1);
max-width: 1440px;
min-width: 300px;
margin: 0 auto;
position: relative;
}
.page-boxed #main { }
.kleo-navbar-fixed .page-boxed .kleo-main-header {
/*max-width: 1280px;*/
width: 100%; /* Still need this for IE */
max-width: 1440px;
margin: 0 auto;
}
.navbar-full-width .page-boxed {
box-shadow: none;
max-width: 100% !important;
}
.navbar-full-width .page-boxed #main,
.navbar-full-width .page-boxed #footer,
.navbar-full-width .page-boxed #socket
{
max-width: 1440px;
width: 100%;
margin: 0 auto;
position: relative;
box-shadow: 0 0 3px rgba(153, 153, 153, 0.1);
}
.navbar-full-width #header,
.navbar-full-width .social-header .container,
.navbar-full-width .kleo-main-header,
.navbar-full-width .kleo-main-header .container {
max-width:100% !important;
}
.navbar-full-width .social-header .container,
.navbar-full-width .kleo-main-header .container {
padding-right: 30px;
padding-left: 30px;
}
/* -----------------------------------------
04. Page Sections
----------------------------------------- */
/* General Main Section */
.kleo-page {}
#main {
clear: both;
margin-top: -1px;
}
.main-title {
padding: 10px 0;
}
.main-title .page-title {
float: left;
clear:left;
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
}
.template-page .page-title {
float: none;
}
.main-title .breadcrumb {
font-size: 12px;
background-color: transparent;
border-radius: none;
list-style: none outside none;
margin-bottom: 0;
padding: 0;
float: left;
clear: left;
}
.breadcrumb .sep {
padding: 0 3px;
}
.breadcrumb .sep:before {
content: "/";
}
.kleo-custom-breadcrumb .sep{
padding: 0 6px;
}
.title-single {
padding-bottom: 10px;
}
.main-title .page-title {
font-size: 26px;
line-height: 34px;
margin: 0;
}
.page-info {
clear: right;
float: right;
font-size: 12px;
margin: 0;
}
/* Center Title & Infos */
.main-center-title {
text-align: center;
}
.main-center-title .page-title {
float: none;
display: block;
}
.main-center-title .breadcrumb-extra {
display: block;
padding: 10px 0;
}
.main-center-title .breadcrumb {
float: none;
}
.main-center-title .page-info {
float: none;
}
/* Left Title - Right Infos */
.main-right-breadcrumb.main-title .container {
display: table;
width: 100%;
}
.main-right-breadcrumb.main-title .page-title {
display: table-cell;
vertical-align: middle;
float: none;
}
.main-right-breadcrumb .breadcrumb-extra {
display: table-cell;
vertical-align: middle;
}
.main-right-breadcrumb .breadcrumb {
float: right;
}
.form-control,
.form-control:focus {
border-style: solid;
border-width: 1px;
outline: 0;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}
.bg-parallax
{
background-attachment: fixed;
background-position-x: 50%;
}
.kleo-mobile .bg-parallax{
background-attachment: scroll !important;
}
.bg-full-width {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Video background */
.bg-full-video .container,
.bg-full-video .container-full {
position: relative;
z-index: 1;
pointer-events:none;
}
.bg-full-video a,
.bg-full-video input,
.bg-full-video textarea,
.bg-full-video button {
pointer-events: all !important;
}
.bg-full-video {
padding: 0 !important;
position: relative;
}
.bg-full-video .mejs-container {
width: auto !important;
height: auto !important;
overflow: hidden;
position: static;
}
.bg-full-video .mejs-mediaelement {
position: relative;
}
.bg-full-video .mejs-container video {
width: 100%;
height: auto !important;
max-width: none;
}
.no-video-controls .mejs-controls,
.no-video-controls .mejs-overlay-play {
display: none !important;
}
.bg-full-video .mejs-poster.mejs-layer {
background-size: cover;
width: 100% !important;
height: 100% !important;
}
.video-wrap {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.video-wrap video {
min-height: 100%;
min-width: 100%;
}
.kleo-video-wrap {
/*overflow: hidden;*/
}
#main .mejs-container-fullscreen .mejs-mediaelement, #main .mejs-container-fullscreen video {
height: auto !important;
}
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
.bg-full-video > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.bg-full-video > video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
.bg-full-video > video {
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
}
}
/* Header Section */
@import "./header.less";
/* Modals */
/* Page flicker fix when open-close modals */
.modal {
overflow-y: hidden;
position: absolute;
}
body.modal-open{
margin-right: 0 !important;
}
/* End fix */
/* Temporary */
.modal {
min-height: 600px;
top: ~"calc(50% - 300px)" !important;
}
/* End Temporary */
.modal-lg {
margin-top: 60px;
width: 800px;
}
.mfp-bg {
opacity: 0;
transition: opacity 200ms ease-out 0s;
}
.mfp-wrap .mfp-container {
padding: 10px;
}
.kleo-mfp-zoom .mfp-content {
opacity: 0;
transform: scale(0.5);
transform-origin: center top 0;
transition: all 0.3s ease-in-out 0s;
}
.kleo-mfp-zoom.mfp-ready .mfp-content {
opacity: 1;
transform: scale(1);
}
.kleo-mfp-zoom.mfp-removing .mfp-content {
opacity: 0;
transform: scale(0.8);
}
.kleo-mfp-zoom.mfp-bg .mfp-content {
opacity: 0;
transition: opacity 0.3s ease-out 0s;
}
.kleo-mfp-zoom.mfp-ready.mfp-bg .mfp-content {
opacity: 0.8;
}
.kleo-mfp-zoom.mfp-removing.mfp-bg .mfp-content {
opacity: 0;
}
/* Common for Magnific Zoom */
.mfp-container .mfp-content {
width: auto;
}
.mfp-container .mfp-figure:after {
background: none;
box-shadow: none;
}
/* Login modal */
.kleo-form-modal {
background: none repeat scroll 0 0 #ffffff;
margin: 0 auto;
max-width: 400px;
position: relative;
width: 90%;
}
.kleo-form-signin {
padding: 0 20px 10px 20px;
}
.kleo-form-register {
padding: 0 20px 10px 20px;
}
.kleo-pop-title-wrap {
/*margin-bottom: 20px;*/
padding: 20px 0;
}
.kleo-pop-title {
margin: 0;
}
.kleo-form-modal .kleo-facebook-connect {
border-radius: 4px;
font-size: 16px;
line-height: 1.33;
padding: 14px 20px;
}
#kleo-login-result, #kleo-lost-result {
clear: both;
margin: 10px 0;
}
.kleo-other-action {
margin-top: 10px;
}
.wrong-response {
color: red;
}
.good-response {
color: green;
}
.kleo-form-modal .kleo-fb-wrapper {
background: #3B5997;
padding: 50px 0;
}
.kleo-form-modal .mfp-close {
color: #3498DB !important;
}
.kleo-form-modal .kleo-facebook-connect.btn.btn-default {
background-color: transparent;
color: #fff;
border-color: rgba(255,255,255, 0.3);
border-width: 2px;
}
.kleo-form-modal .kleo-facebook-connect.btn.btn-default:hover {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.kleo-form-modal .kleo-form-signin #forgot-email {
margin-top: 30px;
}
/* Temporary */
.kleo-form-modal .hr-title {
display: none;
}
/* Footer Section & Widgets */
#footer {
font-weight: 300;
}
#footer ul {
padding-left: 0;
margin-bottom: 0;
}
#footer li {
list-style: none;
}
#footer .list-unstyled li {
padding-bottom: 5px;
}
#footer a i {
color: #777;
}
#footer a:hover i {
color: #999;
}
#footer .btn-app {
color: #777;
margin-right: 5px;
margin-bottom: 5px;
}
#footer .widget-title {
margin-bottom: 14px;
background-image: none;
}
#footer .btn-app.btn-primary {
background: #252525;
}
#footer .ordered-list.colored-icons li:before {
color: #fff;
}
#footer .input-group {
margin-bottom: 10px;
}
#footer .input-group input[type="text"] {
background: #252525;
border: 1px solid #333;
color: #777;
}
#footer .input-group-btn .btn-default {
background: #777;
border: 1px solid #777;
color: #fafafa;
}
#footer .form-control {}
#footer .form-control:focus {
border-color: #777 !important;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Footer widgets */
#footer .widget {
margin-bottom: 30px;
}
.kleo-block:before,
.kleo-block:after {
display: table;
content: " ";
}
.kleo-block:after {
clear: both;
}
.news-widget-wrap {}
.news-content.post-format-standard {}
.news-content {
padding-bottom: 10px;
padding-top: 9px;
float: none;
clear: both;
}
.news-content:first-child {
padding-top: 0;
}
.news-content.list-divider:first-child {
border: none;
padding-top: 10px;
}
#footer .news-link:hover .news-thumb {
}
.news-thumb {
clear: both;
display: inline-block;
float: left;
margin-bottom: 5px;
margin-right: 10px;
}
.news-thumb:empty {
display: none;
}
.news-thumb img {
width: 40px;
height: 40px;
border-radius: 100%;
}
.news-headline {
display: block;
}
.news-time {
display: block;
}
.tagcloud {
display: inline-block;
}
/* Bottom footer */
/*.footer-bottom {
height: 100%;
overflow-y: initial;
-webkit-overflow-scrolling: touch;
.kleo-page {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
height: 100%;
#header, #footer {
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
#main {
flex-grow: 1;
-webkit-flex-grow: 1;
}
}
}*/
/* IE 10 & 11 bugfix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.footer-bottom {
overflow: visible !important;
}
.footer-bottom .kleo-page #main {
flex: 1 0 auto !important;
}
}
/* Socket Section */
#socket {
position: relative;
}
#socket .template-page {
padding: 0;
}
/* -----------------------------------------
05. WordPress Styles
----------------------------------------- */
/* For All Posts */
.masonry-listing .post-title {
margin-left: -13px;
margin-bottom: 10px;
padding-left: 10px;
}
.masonry-listing .post-image img {
width: 100%;
}
.masonry-listing article .post-header .post-meta .meta-author,
.masonry-listing article .article-meta .post-meta .meta-author {
width: auto;
height: auto;
/* margin-right: 5px; */
}
section.alternate-color .masonry-listing .post-title {
margin-left: -10px;
}
.masonry-listing .post-footer {
border-top-style: solid;
border-top-width: 1px;
}
.masonry-listing .post-content {
border-style: solid;
border-width: 1px;
border-left-width: 3px;
}
section.alternate-color .masonry-listing .post-content {
border-width: 0;
}
.masonry-listing .post-content:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.masonry-listing .format-video .fluid-width-video-wrapper,
.masonry-listing .format-image .post-image,
.masonry-listing .format-standard,
.masonry-listing .format-gallery .kleo-banner-slider,
.masonry-listing .format-status .inner-content,
.masonry-listing .format-quote .inner-content,
.masonry-listing .format-link .inner-content,
.masonry-listing .format-audio .post-audio {}
.masonry-listing .format-link .inner-content {
margin-left: -3px;
padding-left: 10px;
}
/* Post Video */
.masonry-listing .format-video .fluid-width-video-wrapper {
margin-right: -3px;
width: 100%;
}
.masonry-listing .format-video .post-title {
border-left: 3px solid #07baf4;
}
/* Post Standard */
.masonry-listing .format-standard .post-title {
border-left: 3px solid #8a52ad;
}
/* Post Image */
.masonry-listing .format-image .post-image {}
.masonry-listing .format-image .post-title {
border-left: 3px solid #fc604a;
}
/* Post Gallery */
.masonry-listing .format-gallery .kleo-banner-slider {}
.masonry-listing .format-gallery .post-title {
border-left: 3px solid #43ae9e;
}
/* Post Audio */
.masonry-listing .format-audio .post-audio {}
.masonry-listing .format-audio .post-title {
border-left: 3px solid #367bb7;
}
/* Post Status */
.masonry-listing .format-status .inner-content {
margin-top: 10px;
border-left: 3px solid #ed005a;
}
/* Post Status */
.masonry-listing .format-link .inner-content {
margin-top: 10px;
border-left: 3px solid #00c5c4;
}
/* Post Quote */
.masonry-listing .format-quote,
.masonry-listing .format-quote .post-footer a,
.masonry-listing .format-quote .post-footer a .muted {
color: #fff;
}
.masonry-listing .format-quote .post-content {
padding-top: 20px;
border: none;
}
.masonry-listing .format-quote .post-footer {
border: none;
}
.masonry-listing .format-quote .inner-content {
font-size: 14px;
line-height: 24px;
letter-spacing: .1em;
font-style: italic;
margin-left: 40px;
}
.masonry-listing .format-quote .inner-content:before {
font: 160% "fontello";
content: "\e854";
color: #fff;
margin-left: -30px;
float: left;
}
/* Post Aside */
.masonry-listing .format-aside .post-title {
border-left: 3px solid #ee2534;
}
/* Featured Post */
.masonry-listing .featured-content .post-header {
background: #f7f7f7;
}
.masonry-listing .featured-content .post-header:before {
border-color: #f7f7f7;
}
.featured-content .kleo-carousel .post-title {
margin-left: 0px;
}
/* Single Post */
.single .wrap-content > article.post {}
.unapproved {
color: red;
}
article .article-meta {
width: 100px;
float: left;
text-align: right;
}
/* Inline meta for single page */
.single .with-meta.inline-meta article .article-meta {
width: 100%;
text-align: left;
margin-bottom: 15px;
}
.single .with-meta.inline-meta article .article-media,
.single .with-meta.inline-meta article .article-content {
margin-left: 0;
clear: left;
}
.single .with-meta.inline-meta article .entry-date,
.single .with-meta.inline-meta article .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.single .with-meta.inline-meta article .entry-date {
color: inherit;
}
.single .with-meta.inline-meta article .post-meta small {
display: inline-block;
float: none;
width: auto;
font-size: inherit;
}
.single .with-meta.inline-meta article .meta-author .author-name {
display: inline-block;
margin-left: 5px;
}
/*article .article-meta .post-meta .avatar {
display: block;
}*/
article .article-meta .entry-date {
font-size: 18px;
font-weight: 100;
display: inline-block;
width: 100%;
line-height: 28px;
}
article .article-meta .post-meta {
font-size: 0;
}
article .article-meta .post-meta small {
font-size: 11px;
}
/*article .article-meta .post-meta a.post-time:after {
content: attr(title);
display: block;
}*/
article .article-meta .post-meta .meta-category {}
article .article-meta .post-meta .meta-comment-count,
article .article-meta .post-meta .meta-links{
display: block;
clear: both;
}
article .article-meta .post-meta .meta-links i {
padding-left: 5px;
}
article .post-header .post-meta {
margin: 10px 0;
display: inline-block;
}
article .post-header .post-meta .meta-links i {
padding-right: 3px;
}
article .post-meta .avatar,
article .post-header .post-meta .avatar,
article .article-meta .post-meta .avatar {
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.posts-listing.small-listing .post-header .post-meta .avatar,
.posts-listing.small-listing .article-meta .post-meta .avatar,
.posts-listing.masonry-listing .post-header .post-meta .avatar,
.posts-listing.masonry-listing .article-meta .post-meta .avatar,
.posts-listing.inline-meta .post-header .post-meta .avatar,
.posts-listing.inline-meta .article-meta .post-meta .avatar {
width: 25px;
}
article .article-meta .post-meta .meta-author a:after,
article .article-meta .post-meta .meta-links a:after,
article .article-meta .post-meta .meta-category a:after,
article .article-meta .post-meta .meta-comment-count a:after {
content: inherit;
}
article .post-header .post-meta .meta-author,
article .article-meta .post-meta .meta-author {
display: inline-block;
vertical-align: middle;
}
article .article-meta .post-meta .meta-author .author-name {
display: block;
clear: both;
}
article .article-meta .edit-link {
text-transform: uppercase;
font-size: 11px;
}
article .article-meta .edit-link:after {
content: " \2192";
}
.single .with-meta .article-media,
.posts-listing.standard-listing.with-meta .article-media {
margin-left: 130px;
/*margin-bottom: 40px;*/
}
.single .container .with-meta .article-content,
.posts-listing.standard-listing.with-meta .article-content {
margin-left: 130px;
/*padding: 0 0 40px;*/
}
.single .container .just-thumb-1 .article-content,
.posts-listing.standard-listing.just-thumb-1 .article-content {
/*padding: 0 0 20px;*/
}
.single .container-full .with-meta .article-content > .container {
padding-top: 40px;
}
.posts-listing .archive-description {
padding-bottom:20px;
}
img.attachment-kleo-full-width {
width: 100%;
}
.article-content > p:empty,
.wrap-content > p:empty,
#main > p:empty {
display: none;
}
/* Attachment */
.single-attachment {}
.single-attachment .entry-header {
width: 100px;
float: left;
text-align: right;
}
.single-attachment .post-time {
font-size: 18px;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-weight: 100;
display: inline-block;
width: 100%;
line-height: 28px;
}
.single-attachment .link-list,
.single-attachment .link-list a {}
.single-attachment .entry-content {
margin-left: 130px;
margin-bottom: 40px;
}
#image-navigation {
padding-left: 130px;
text-align: center;
}
#image-navigation .previous-image,
#image-navigation .next-image {
display: inline-block;
padding: 0 10px;
}
#image-navigation .previous-image:before {
content: "\2190";
margin-right: 5px;
}
#image-navigation .next-image:after {
content: "\2192";
margin-left: 5px;
}
/* Listing/Category Posts */
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child) .article-title,
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)) .article-title,
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) .article-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.posts-listing.standard-listing .type-post {
display: inline-block;
width: 100%;
}
.posts-listing.standard-listing:not(.template-page) .type-post {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child),
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) {
margin: 0;
padding: 0;
}
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(2),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(3) {
margin: 0;
padding: 0;
border-bottom: none;
}
.posts-listing.standard-listing.just-thumb-1 article:last-child,
.posts-listing.standard-listing.just-thumb-2 article:last-child,
.posts-listing.standard-listing.just-thumb-3 article:last-child {
margin-bottom: 40px !important;
/*border-bottom: 1px solid #e5e5e5;*/
}
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(2) {
border-bottom: none;
}
.posts-listing.standard-listing:not(.inline-meta) article {
margin-bottom: 40px;
padding-bottom: 40px;
}
.posts-listing.standard-listing:not(.inline-meta) article article {
margin-bottom: 0;
padding-bottom: 0;
}
.posts-listing.standard-listing.with-meta article {
position: relative;
}
.posts-listing.standard-listing.with-meta .article-title {
margin-left: 130px;
}
.posts-listing .post-item {
width:100%;
}
.tpl-3ll article .article-meta,
.tpl-3lr article .article-meta,
.tpl-3rr article .article-meta/*,
.single-attachment .entry-header*/ {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.tpl-3ll.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3ll.with-meta .article-media,
.tpl-3ll.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3ll.with-meta .article-content,
.tpl-3ll.posts-listing.standard-listing.with-meta .article-content,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3lr.with-meta .article-media,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3lr.with-meta .article-content,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-content,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3rr.with-meta .article-media,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3rr.with-meta .article-content,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-content/*,
.single-attachment .entry-content*/ {
margin-left: 0;
}
.tpl-3ll article .article-meta .entry-date,
.tpl-3ll article .article-meta .post-meta,
.tpl-3lr article .article-meta .entry-date,
.tpl-3lr article .article-meta .post-meta,
.tpl-3rr article .article-meta .entry-date,
.tpl-3rr article .article-meta .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.tpl-3ll article .article-meta .post-meta .meta-links,
.tpl-3ll article .article-meta .post-meta a.post-time:after,
.tpl-3ll article .article-meta .post-meta .meta-comment-count,
.tpl-3lr article .article-meta .post-meta .meta-links,
.tpl-3lr article .article-meta .post-meta a.post-time:after,
.tpl-3lr article .article-meta .post-meta .meta-comment-count,
.tpl-3rr article .article-meta .post-meta .meta-links,
.tpl-3rr article .article-meta .post-meta a.post-time:after,
.tpl-3rr article .article-meta .post-meta .meta-comment-count {
display: inline;
}
.tpl-3ll article .post-header .post-meta .meta-author,
.tpl-3ll article .article-meta .post-meta .meta-author,
.tpl-3lr article .post-header .post-meta .meta-author,
.tpl-3lr article .article-meta .post-meta .meta-author,
.tpl-3rr article .post-header .post-meta .meta-author,
.tpl-3rr article .article-meta .post-meta .meta-author {
width: 25px;
height: auto;
margin-right: 5px;
}
/* Inline meta */
.posts-listing.standard-listing.with-meta.inline-meta .article-meta {
width: 100%;
text-align: left;
margin: 10px auto;
}
.posts-listing.standard-listing.with-meta.inline-meta .article-title,
.posts-listing.standard-listing.with-meta.inline-meta .article-media,
.posts-listing.standard-listing.with-meta.inline-meta .article-content {
margin-left: 0;
clear: left;
}
.posts-listing.standard-listing.with-meta.inline-meta .entry-date,
.posts-listing.standard-listing.with-meta.inline-meta .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.posts-listing.standard-listing.with-meta.inline-meta .post-meta small {
display: inline-block;
float: none;
}
.posts-listing.standard-listing.with-meta.inline-meta .meta-author .author-name {
display: inline-block;
margin-left: 5px;
}
.no-meta .article-meta, .no-meta .post-meta {
display: none !important;
}
.no-excerpt .post-info, .no-excerpt .article-content {
display: none;
}
.posts-listing.no-footer .post-footer,
.posts-listing.no-footer .kleo-continue {
display: none;
}
/* Blog list style */
.small-listing article .post-header .post-meta .meta-author,
.small-listing article .article-meta .post-meta .meta-author {
width: auto;
height: auto;
}
.small-listing .post-header,
.small-listing .post-info,
.small-listing .post-footer{
padding: 0;
}
.small-listing .post-title {
margin-top: 0;
}
.small-listing .post-item {
padding: 20px 0;
}
.small-listing .featured-content .post-item {
padding: 20px 10px;
}
.small-listing .post-format-icon {
border-radius: 50%;
background: #f7f7f7;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
margin: 0 auto 10px;
}
.small-listing .entry-summary > p:first-child {
margin-top: 0;
}
.keep-ratio .post-image {
display: inline-block;
float: left;
position: relative;
width: 100%;
z-index: 1;
}
.keep-ratio .post-image::before {
content: "";
display: block;
}
.keep-ratio .post-image::before {
content: " ";
display: block;
padding-top: 100%;
width: 100%;
}
.keep-ratio.aspect-ratio-4-3 .post-image::before {
content: " ";
display: block;
padding-top: 75%;
width: 100%;
}
.keep-ratio.aspect-ratio-16-9 .post-image::before {
content: " ";
display: block;
padding-top: 56.25%;
width: 100%;
}
.keep-ratio .post-image a.element-wrap {
bottom: 0;
color: #fff;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
transform-style: preserve-3d;
vertical-align: middle;
}
.keep-ratio .post-image a.element-wrap:hover img {
transform: translate3d(-50%, -50%, 0px) scale(1.1);
}
.keep-ratio .post-image a.element-wrap img {
float: left;
left: 50%;
position: relative;
top: 50%;
transform: translate3d(-50%, -50%, 0px);
transition: all 1s linear 0s;
width: 100%;
}
/* Blog layout switch */
.kleo-view-switch {
float: right;
margin-bottom: 20px;
z-index:2 !important;
}
.kleo-view-switch ul {
list-style: none;
padding: 0;
}
.kleo-view-switch li {
float: left;
padding: 0 5px;
}
.kleo-view-switch li:last-child {
padding-right: 0;
}
.kleo-view-switch span {
/*border: 1px solid #ccc;*/
color: #ccc;
cursor: pointer;
font-family: fontello;
font-size: 1.3em;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.kleo-view-switch span.active,
.kleo-view-switch span:hover {
color: #333;
background: #f7f7f7;
}
.kleo-view-switch .switch-masonry:before {
content: "\e9ad";
}
.kleo-view-switch .switch-small:before {
content: "\e9ac";
}
.kleo-view-switch .switch-standard:before {
content: "\e9ae";
}
/* New Blog Demo Style*/
.left-rail-text {
/* v.4.1.9 */
font-size: 112px;
font-weight: 900;
position: absolute;
left: -200px;
top: -140px;
white-space: nowrap;
color: #fafafa;
z-index: 0;
}
.right-rail-text {
/* v.4.1.9 */
font-size: 112px;
font-weight: 900;
position: absolute;
right: -200px;
top: -140px;
white-space: nowrap;
color: #fafafa;
z-index: 0;
left: auto;
}
/* Social share */
.share-links {
text-align: center;
padding: 30px 0;
clear: both;
}
.share-links div.hr-title {
margin-bottom: 30px;
}
.share-links span a {
font-size: 18px;
display: inline-block;
margin: 0 6px;
}
.social-share-wrap {
position: relative;
}
/* Articles likes */
.item-likes:before {
content: "\e810";
font-family: "fontello";
margin-right: 5px;
}
.item-likes.liked:before,
.item-likes:hover:before {
content: "\e80f";
font-family: "fontello";
}
.kleo-love .item-likes-count,
.kleo-love .item-likes-postfix {
font-weight: 100;
font-size: 16px;
}
/* Related Articles */
.related-wrap {
padding: 30px 0;
clear: both;
}
.related-wrap .kleo-carousel-container {}
.related-wrap ul.kleo-carousel li article .post-image img {
width: 100%;
}
/* 404 page */
.search-404 .input-group input[type="text"] {
border: none;
-webkit-transition: .7s;
-moz-transition: .7s;
-o-transition: .7s;
transition: .7s;
color: #bbb;
font-weight: normal;
background: transparent;
box-shadow: none;
min-width: 320px;
}
.search-404 .input-group input[type="text"]:focus {
min-width: 430px;
color: #777;
}
.search-404 .input-group-btn .searchsubmit {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: 3px;
}
.search-404 .searchform {
margin: 30px auto;
display: inline-block;
border-radius: 22px;
border: 1px solid #e5e5e5;
height: 33px;
line-height: 30px;
padding: 0 10px;
min-width: 320px;
text-align: left;
box-shadow: 0 0 0 4px #f7f7f7;
}
/* Img alignment */
body .alignleft,
.entry-content a:hover .alignleft {
float: left;
margin: 4px 10px 0px 0;
display: block;
}
body .alignright,
.entry-content a:hover .alignright {
float: right;
margin: 4px 0px 0px 10px;
display: block;
}
body .aligncenter,
.entry-content a:hover .aligncenter {
clear: both;
display: block;
margin: 10px auto;
padding: 10px 0;
}
body .article-content .aligncenter,
.article-content a:hover .aligncenter {
clear: none;
}
.alignleft img, .alignright img { display: block; }
/* Gallery */
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
margin: 0 1px 1px 0 !important;
overflow: hidden;
position: relative;
}
.gallery-item img.attachment-thumbnail {
border: none !important;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: ~"-webkit-calc(50% - 4px)";
max-width: ~"calc(50% - 4px)";
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: ~"-webkit-calc(33.3% - 4px)";
max-width: ~"calc(33.3% - 4px)";
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: ~"-webkit-calc(25% - 4px)";
max-width: ~"calc(25% - 4px)";
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: ~"-webkit-calc(20% - 4px)";
max-width: ~"calc(20% - 4px)";
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: ~"-webkit-calc(16.7% - 4px)";
max-width: ~"calc(16.7% - 4px)";
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: ~"-webkit-calc(14.28% - 4px)";
max-width: ~"calc(14.28% - 4px)";
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: ~"-webkit-calc(12.5% - 4px)";
max-width: ~"calc(12.5% - 4px)";
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: ~"-webkit-calc(11.1% - 4px)";
max-width: ~"calc(11.1% - 4px)";
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.bypostauthor {}
.gallery-icon { margin: 0; }
.gallery-item { margin: 0; }
/*** Image caption ***/
div .wp-caption { max-width: 100%; font-size: 11px; font-style: italic; border-width:1px; border-style: solid; margin:5px 15px 10px 0; position: relative; }
.wp-caption img { border: medium none; display:block; padding:5px; margin:0; width:100%; }
.wp-caption-text { display: block; font-size:11px; font-style:italic; margin:0 auto; padding:3px 10px 5px; text-align:center; font-family: sans-serif; }
.wp-caption.aligncenter { margin: 5px auto 10px auto; }
/* Smiley */
.wp-smiley {
display: inline-block;
border: none;
}
/* Go To Top */
.kleo-go-top {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ccc;
background-color: rgba(0,0,0,0.2);
padding: 12px 14px;
position: fixed;
bottom: 50px;
right: -60px;
z-index: 100;
opacity: 0;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.kleo-go-top.off {
right: -60px;
opacity: 0;
}
.kleo-go-top.on {
right: 20px;
opacity: 1;
}
.kleo-go-top:hover {
background-color: rgba(0,0,0,0.4);
}
.kleo-go-top i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
/* Apply Hover Effect */
.element-wrap {
display: inline-block;
position: relative;
width: 100%;
vertical-align: middle;
z-index: 0;
margin: 0 auto;
}
.element-wrap.element-left {
display: inline-block;
}
.element-wrap.element-left .img-element,
.element-wrap.element-left .btn {
display: block;
float: left;
}
.element-wrap.element-right {
display: block;
float: right;
}
.element-wrap.element-right .img-element,
.element-wrap.element-right .btn {
display: block;
float: right;
}
.element-wrap.element-center {
display: block;
text-align: center;
margin: 0 auto;
}
.element-wrap.element-center .img-element {
display: block;
margin-left: auto;
margin-right: auto;
}
.kleo_image,
.kleo_image img {
border-radius: 3px;
display:block; position: relative;
}
.kleo_image.kleo-align-center {
display: block;
margin: 0 auto 10px auto;
text-align: center;
}
.kleo_image.kleo-align-center img {
margin: 0 auto;
display: inline-block;
}
.kleo_image.kleo-align-left {
display: block; float:left;
margin-right: 15px; margin-top: 5px;
}
.kleo_image.kleo-align-right {
display: block; float: right;
margin-left: 15px; margin-top: 5px;
}
.slotholder:after {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.hover-element,
.higlight-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.hover-element:hover {
background: rgba(0,0,0,0.3);
}
.hover-element > i {
font-style: normal;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
display: inline-block;
font-size: 22px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
position: absolute;
border-radius: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
}
.hover-element:hover > i{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
color: #000;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lighter .hover-caption {
background: rgba(255, 255, 255, 0.5);
}
.darker .hover-caption {
background: rgba(0, 0, 0, 0.3);
}
.element-wrap:hover .hover-caption {
opacity: 1;
}
.static-caption {
padding: 15px;
position: relative;
}
.static-caption:before {
width: 6px;
height: 6px;
display: block;
content: ' ';
z-index: 9999;
position: absolute;
top: -6px;
left: 50%;
margin-left: -3px;
border-top: 0;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.higlight-caption {
color: #fff;
position: absolute; left:0; top:0; height: 100%; width: 100%;
vertical-align: middle;
text-align: center;
display: inline-block;
}
.darker .higlight-caption,
.darker .hover-caption {
color: #fff;
}
.lighter .higlight-caption,
.lighter .hover-caption {
color: #000;
}
.lighter .higlight-caption:hover{
background: rgba(255,255,255,0.5);
}
.darker .higlight-caption:hover{
background: rgba(0,0,0,0.3);
}
.darker .higlight-caption .title-caption h3 {
color: #fff;
}
.lighter .higlight-caption .title-caption {
color: #000;
}
.higlight-caption .title-caption {
display: table;
width: 100%;
height: 100%;
}
.higlight-caption .title-caption h3 {
display: table-cell;
vertical-align: middle;
text-align: center;
transition: all 1s ease 0s;
}
@media (min-width: 1200px) {
.higlight-caption .title-caption h3 {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.higlight-caption .title-caption h3 {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.higlight-caption .title-caption h3 {
font-size: 40px;
}
}
/* Highlight Items */
.highlight-items .thumbnail {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
margin-bottom: 20px;
}
.highlight-items div.thumbnail {
opacity: 1.0;
}
.highlight-items div.thumbnail:hover {
opacity: 0.3;
}
.highlight-items:hover > .highlight-this div.thumbnail {
opacity: 0.3;
}
.highlight-items:hover > .highlight-this div.thumbnail:hover {
opacity: 1.0;
}
/* For MediaElements */
.postroll {
padding: 5%;
color: #fff;
}
/* Default pagination */
.pagination {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: none;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
border-radius: 100%;
margin: 0 3px;
text-decoration: none;
border-style: solid;
border-width: 1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 100%;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
cursor: default;
border-style: solid;
border-width: 1px;
}
/* Sticky pagination */
.pagination-sticky {
position: absolute;
}
.pagination-sticky > a {
display: inline-block;
}
.pagination-sticky #newer-nav,
.pagination-sticky #older-nav {
background: rgba(0, 0, 0, 0.1);
display: inline-block;
color: #fff;
position: relative;
height: 90px;
width: 220px;
line-height: 20px;
position: fixed;
top: 50%;
z-index: 100;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.pagination-sticky #newer-nav {
border-top-left-radius: 0.4em;
border-bottom-left-radius: 0.4em;
right: -190px;
}
.pagination-sticky #newer-nav:hover {
background: rgba(0, 0, 0, 0.7);
right: 0;
}
.pagination-sticky #older-nav {
border-top-right-radius: 0.4em;
border-bottom-right-radius: 0.4em;
left: -190px;
}
.pagination-sticky #older-nav:hover {
background: rgba(0, 0, 0, 0.7);
left: 0;
}
.pagination-sticky #newer-nav:before,
.pagination-sticky #older-nav:after {
font: 18px 'fontello';
display: inline-block;
line-height: 90px;
float: left;
width: 30px;
text-align: center;
}
.pagination-sticky #newer-nav:before {
content: '\e89f';
}
.pagination-sticky #older-nav:after {
content: '\e89e';
}
.pagination-sticky .nav-image {
float: left;
display: inline-block;
width: 90px;
}
.pagination-sticky #newer-nav .nav-image {
float: right;
}
.pagination-sticky .wp-post-image,
.pagination-sticky .avatar {
width: 70px;
border-radius: 100%;
margin: 10px;
}
.pagination-sticky .outter-title {
/*display: table;*/
display: table;
float: left;
height: 90px;
width: 100px;
}
.pagination-sticky #newer-nav .outter-title {}
.pagination-sticky .entry-title {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100px;
}
/* Only for blog */
.pagination-sticky.member-navigation #newer-nav:before,
.pagination-sticky.member-navigation #older-nav:after {
width: 30px;
}
.pagination-sticky.member-navigation #newer-nav,
.pagination-sticky.member-navigation #older-nav {
width: 130px;
}
.pagination-sticky.member-navigation #newer-nav {
right: -100px;
}
.pagination-sticky.member-navigation #older-nav {
left: -100px;
}
.pagination-sticky.member-navigation #newer-nav:hover {
right: 0;
}
.pagination-sticky.member-navigation #older-nav:hover {
left: 0;
}
.pagination-sticky.member-navigation #newer-nav .entry-title {
text-align: left;
padding-left: 10px;
}
.pagination-sticky.member-navigation #older-nav .entry-title {
text-align: right;
padding-right: 10px;
}
@media screen and (max-width: 480px) {
.pagination-sticky {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
left: 0;
right: 0;
height: 40px;
position: fixed;
width: 100%;
z-index: 200;
}
.pagination-sticky #newer-nav:before,
.pagination-sticky #older-nav:after {
line-height: 40px;
position: absolute;
}
.pagination-sticky #older-nav:after {
position: absolute;
right: 0;
}
.pagination-sticky #newer-nav,
.pagination-sticky #older-nav,
.pagination-sticky.member-navigation #newer-nav,
.pagination-sticky.member-navigation #older-nav {
/*background: rgba(0, 0, 0, 0.7);*/
background: none;
top: auto;
bottom: 0;
width: 50%;
height: 40px;
border-radius: 0;
}
.pagination-sticky #newer-nav,
.pagination-sticky.member-navigation #newer-nav {
right: 0;
}
.pagination-sticky #older-nav,
.pagination-sticky.member-navigation #older-nav {
left: 0;
}
.pagination-sticky .nav-image {
width: 40px;
}
.pagination-sticky .wp-post-image,
.pagination-sticky .avatar {
width: 30px;
border-radius: 100%;
margin: 5px;
}
.pagination-sticky .outter-title {
height: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.pagination-sticky .entry-title {
display: block;
white-space:nowrap;
line-height: 40px;
font-size: 11px;
overflow: hidden;
text-overflow:ellipsis;
width: 7em;
}
.pagination-sticky.member-navigation #older-nav .outter-title {
width: 100%;
padding-right: 30px;
}
.pagination-sticky #newer-nav .outter-title {
padding-left: 30px;
}
.pagination-sticky.member-navigation .entry-title {
width: 100%;
}
}
.posts-load-more {
margin-top: 40px;
}
/* #Comments */
#comments-list {
position: relative;
}
#comments-list > .hr-title {
margin: 40px auto 30px;
}
#comments-list ol {
list-style: none;
margin: 0;
padding: 0;
}
#comments-list ol li {
margin-bottom: 0;
}
#comments-list .comment-wrap {
position: relative;
height: auto;
padding: 10px 0;
}
.comment-wrap .comment-avatar {
float: left;
position: relative;
z-index: 2;
margin-top: -7px;
}
.comment-wrap .comment-avatar img {
height: 60px;
width: 60px;
display: block;
}
#comments-list .comment-content {
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0 0 0 90px;
padding-bottom:10px;
}
#comments-list .comment-author {
font-weight: bold;
}
#comments-list .comment-date {
display: block;
font-size: 11px;
color: #bbb;
margin: 0;
padding: 0;
}
#comments-list .comment-meta-actions,
#comments-list .comment-meta-actions a {
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: inline-block;
}
#comments-list .edit-link a {}
#comments-list .meta-sep {}
#comments-list .comment-reply a {}
#comments-list li ul {
list-style: none;
padding: 0;
}
#comments-list ul.children {
margin-left: 90px;
}
#comments-list ul.children ul {
margin-left: 0;
}
#comments-list ul.children .comment-wrap {
padding: 0;
}
#comments-list ul.children .comment-content {
margin-left: 0;
margin-bottom: 10px;
padding-bottom: 0;
}
#comments-list ul.children .comment-author {
font-weight: normal;
}
#comments-list ul.children .comment-avatar {
box-shadow: none;
margin-top: 0;
}
#comments-list ul.children .comment-avatar img {
height: 30px;
width: 30px;
border-width: 0;
}
#comments-list ul.children .comment-date {
display: inline-block;
}
#comments-list ul.children .comment-meta {
margin-left: 40px;
}
#comments-list ul.children .comment-body {}
#comments .comment-respond,
#comments-list .comment-respond {
margin-left: 90px;
}
#comments-list ul.children .comment-respond {
margin-left: 0;
}
#comments .activity-timeline {
border-right-style: solid;
border-right-width: 1px;
height: 100%;
left: 30px;
position: absolute;
top: 0;
width: 1px;
z-index: 0;
margin-top: 30px;
}
/* Trackbacks */
#trackbacks-list span {
font-size: 12px;
}
#trackbacks-list ol li {
margin-bottom: 10px;
}
#trackbacks-list .comment-author {
font-size: 12px;
margin-bottom: 5px;
}
#trackbacks-list .comment-content p {
font-size: 14px;
}
/* Comment Form */
#respond-wrap {
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#respond {
margin: 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 0;
}
#commentform {
margin-top: 10px;
margin-bottom: 0;
}
#commentform p.comment-notes {
margin-bottom: 20px;
}
#commentform p.comment-notes span.required {
float: none;
}
#commentform label {
font-size: 12px;
font-weight: normal;
margin-bottom: 4px;
}
#commentform p.form-allowed-tags {
display: none;
}
#commentform p.form-allowed-tags code {
color: #444;
}
.comment #respond h3#reply-title {
display: block;
margin: 0px 0 10px;
}
#reply-title small {
font-size: 14px;
line-height: 0;
margin-left: 5px;
}
#reply-title small a,
#reply-title small a:hover {
text-decoration: none;
}
p.comment-form-comment {
margin-top: 5px;
margin-bottom: 15px;
}
p.form-submit {
height: auto;
overflow: hidden;
margin-bottom: 0;
}
#respond .form-submit input#submit {
margin: 0;
border: 0;
background: none;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 1.5em;
padding: 10px;
font-size: 11px;
text-transform: uppercase;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
/* Post meta */
ul.link-list {
margin-left: 0; padding-left: 0; list-style: none;
}
ul.link-list li {float:left;margin-right: 10px;}
/* Sidebar */
.sidebar { font-size: 93%; }
.sidebar select { width: 100%; }
.sidebar ul {
padding: 0;
list-style: none;
}
.sidebar .widget {
margin: 0 0 30px;
}
/* Widgets */
.widget-title {
margin-bottom: 10px;
}
/* Widgets with borders */
.kleo-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_display_views li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li {
padding: 6px 0 16px;
/*border-bottom-style: solid;
border-bottom-width: 1px;*/
list-style: none;
}
.sidebar .kleo-widget-recent-posts-li,
.sidebar .widget_categories li,
.sidebar .widget_recent_entries li,
.sidebar .widget_archive li,
.sidebar .widget_display_views li,
.sidebar .widget_recent_comments li,
.sidebar .widget_product_categories li,
.sidebar .widget_layered_nav li {
padding: 6px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
list-style: none;
}
#footer .kleo-widget-recent-posts-li,
#footer .widget_categories li,
#footer .widget_recent_entries li,
#footer .widget_archive li,
#footer .widget_display_views li,
#footer .widget_recent_comments li,
#footer .widget_product_categories li,
#footer .widget_layered_nav li {
padding: 6px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
list-style: none;
}
.kleo-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_display_views li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child {
border-top-style: solid;
border-top-width: 1px;
}
/* Custom menu */
.widget_nav_menu {}
.widget_nav_menu ul {
margin: 0; list-style: none;
}
.widget_nav_menu ul li {
clear: both;
}
.widget_nav_menu ul ul {
margin: 0; border: none; border-radius: 0;
}
.widget_nav_menu li:first-child > a {
border-top-style: solid;
border-top-width: 1px;
}
.widget_nav_menu li ul li:first-child a {
border-top: none;
}
.widget_nav_menu a {
position: relative; font-weight: normal;
display: block; padding: 9px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top: 0; }
.widget_nav_menu .menu-item-has-children > a {
padding-right: 30px;
}
.widget_nav_menu ul ul li a {
padding-left: 10px;
}
.widget_nav_menu ul ul ul li a {
padding-left: 30px;
}
.widget_nav_menu .parent .sub-menu {
padding: 0;
}
.widget_nav_menu .parent .sub-menu .sub-menu {
padding: 0;
}
.widget_nav_menu .sub-menu a:before {
content:"-"; margin-right: 10px;
}
.widget_nav_menu .sub-menu .sub-menu a:before {
content:"-";
margin-right: 10px;
}
.widget_nav_menu a:hover,
.widget_nav_menu li.active > a {
text-decoration: none;
}
.widget_nav_menu .parent > a .caret:after {
display: block;
content: "+";
position: absolute;
right: 0;
/*top: 50%;*/
top: 16px;
font-size: 14px;
height: 30px;
line-height: 30px;
margin-top: -15px;
width: 30px;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget_nav_menu .parent > a .caret.active:after {
content: "-";
/*font-size: 30px;*/
}
.widget_nav_menu .parent > a .caret + .caret {
display: none;
}
.widget_nav_menu .sub-menu {
display: none;
}
.widget_nav_menu .current_page_item > a {
/*background: #f7f7f7;*/
}
.widget_nav_menu li.current-menu-parent > ul, .widget_nav_menu li.current-menu-ancestor > ul { display:block; }
.widget_nav_menu li.current-menu-parent>a>span.caret:after,
.widget_nav_menu li.current-menu-ancestor>a>span.caret:after {
content: "-";
}
.widget_nav_menu li.current-menu-parent>a>span.caret.active:after,
.widget_nav_menu li.current-menu-ancestor>a>span.caret.active:after {
content: "+";
}
.widget_nav_menu li>a>span.caret:after { content: "+"; }
.widget_nav_menu li>a>span.caret.active:after { content: "-"; }
/* Recent comments */
#sidebar li.recentcomments a {
text-decoration: underline;
}
/* Tagcloud widget */
.widget_tag_cloud a {
display: block;
//font-size: 11px !important;
line-height: 1.2em !important;
float: left; padding: 5px 8px;
margin: 0 5px 5px 0;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
/* v.4.1.9 */
font-size: small;
}
.widget_tag_cloud a:hover {
text-decoration: none;
}
.widget_tag_cloud a:active {}
/* Social widget */
.kleo-social-widget-output {
list-style: none;
}
.kleo-social-widget-output li {
margin: 0; padding: 0; border: none;
float: left; margin-right: 5px;
margin-bottom: 5px;
}
.kleo-social-widget-output li img {
display: block;
}
.kleo-social-widget-output li img:hover {
opacity: 0.8;
}
.kleo-social-widget-output li img:active {
position: relative; top: 1px;
}
/* Flickr widget */
.flickr-widget-wrap {
padding-top: 6px;
}
.flickr_badge_image {
float: left;
display: inline-block;
background: #252525;
border: 1px solid #333;
padding: 4px;
margin: -1px -1px 0 0;
transition: all 0.3s ease-in-out 0s;
}
.flickr_badge_image:hover {
background: #333;
}
.flickr_badge_image img {
width: 60px;
height: 60px;
}
/* Video widget */
.kleo-video-widget-description {
text-align: center;
margin-top: 15px;
}
/* Calendar widget */
#wp-calendar {
width: 100%; font-size: 11px;
}
#wp-calendar thead th {
border-style: solid;
border-width: 1px;
border-top: none;
font-size: 11px;
font-weight: normal;
}
#wp-calendar tbody td {
text-align: center;
border-style: solid;
border-width: 1px;
line-height: 2.5em;
transition: background 0.15s ease;
-webkit-transition: background 0.15s ease;
-o-transition: background 0.15s ease;
-moz-transition: background 0.15s ease;
padding: 0;
}
#wp-calendar tbody td a { display: block; text-decoration: none; /*background: #f7f7f7;*/ color: #333; }
#wp-calendar tbody td:hover a { background: #e5e5e5; color: #111; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px; }
#wp-calendar caption { cursor: pointer; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; border-style: solid; border-width: 1px; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #bbb; }
#wp-calendar td#today a { color: #fff; }
/* Thumb grid widget */
.kleo-recent-posts-thumb-grid li { float: left; width: 65px; margin-left: 7px; margin-bottom: 7px; }
.kleo-recent-posts-thumb-grid li.col-1 { margin-left: 0 }
.kleo-recent-posts-thumb-grid li a, .kleo-recent-posts-thumb-grid li img { display: block; width: auto; }
.kleo-recent-posts-thumb-grid li img:hover { opacity: 0.8 }
/* Recent posts with thumb */
.kleo-widget-recent-posts-li { margin: 0; font-size: 12px; min-height: 65px; padding-left: 85px; position: relative; margin-bottom: 15px; padding-bottom: 15px; padding-top: 0; }
.kleo-widget-recent-posts-li:first-child { padding-top: 15px; }
.kleo-widget-recent-posts-thumbnail { position: absolute; left: 0; top: 0; }
.kleo-widget-recent-posts-li:first-child .kleo-widget-recent-posts-thumbnail { top: 15px; }
.kleo-widget-recent-posts-thumbnail:hover { opacity: 0.7; }
.sidebar .kleo-widget-recent-posts-title { font-weight: 600; color: #000; }
.sidebar .kleo-widget-recent-posts-title:hover { text-decoration: none }
.sidebar .kleo-widget-recent-posts-date { font-size: 12px; font-weight: 400; color: #777; }
.kleo-widget-recent-posts-date { margin-top: 5px; }
/* Categories */
.widget_categories li { position: relative; padding-right: 20px; }
.widget_categories li:before { content: "\e873"; margin-right: 10px; margin-left: 2px; font-family: "fontello"; /*color: #dedede;*/ }
.widget_categories .cat-count-span { position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; color: #999; font-size: 11px; }
/* Product categories */
.widget_product_categories li { position: relative; padding-right: 20px; }
.widget_product_categories li:before { content: "\e873"; margin-right: 10px; font-family: "fontello"; /*color: #dedede;*/ }
.widget_product_categories .count { position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; color: #999; font-size: 11px; }
/* Woo layered nav */
.widget_layered_nav li { position: relative; }
.widget_layered_nav li:before { content: "\e86c"; margin-right: 10px; font-family: "fontello"; /*color: #dedede;*/ }
.widget_layered_nav .count { position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; line-height: 12px; color: #999; font-size: 11px; }
/* Archives */
.widget_archive li:before { content: "\e86c"; margin-right: 10px; font-family: "fontello"; /*color: #dedede;*/ }
/* Topic views list */
.widget_display_views li:before { content: "\e86c"; margin-right: 10px; font-family: "fontello"; /*color: #dedede;*/ }
/* Recent entries */
.widget_recent_entries ul {
padding-left: 0;
}
.widget_recent_entries li:before { content: "\e86c"; margin-right: 10px; margin-left: 2px; font-family: "fontello"; /*color: #dedede;*/ text-decoration: none; }
.widget_recent_entries .post-date { display: block; font-size: 11px; color: #777; margin: 5px 0 0; }
/* Recent comments */
.widget_recent_comments li:before { content: "\e86c"; margin-right: 10px; font-family: "fontello"; /*color: #dedede;*/ text-decoration: none; }
/* RSS stream */
.widget_rss a.rsswidget {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.widget_rss .rss-date {
color: #bbb;
font-size: 11px;
}
.widget_rss ul li {
padding: 10px 0;
}
.widget_rss cite {
font-style: italic;
}
.widget_rss cite:before {
content: "- ";
}
/* Buddypress & Wp widget search */
.page-content .searchform{
max-width:550px;
margin:0 auto;
margin-top:30px;
}
.widget_display_search {}
.widget_search {}
.widget .woocommerce-product-search,
.widget form#bbp-search-form > div,
.page-content .searchform > div,
.widget_search .searchform > div {
border-radius: 22px;
border-style: solid;
border-width: 1px;
height: 33px;
line-height: 30px;
padding: 4px 5px 0 10px;
position: relative;
border-style: solid;
border-width: 1px;
/*border: 1px solid #e5e5e5;*/
}
.widget form#bbp-search-form .button {}
.widget .woocommerce-product-search input[type=search],
.widget form#bbp-search-form input[type=text],
.page-content .searchform input[type=text],
.widget_search .searchform input[type=text] {
border: none;
-webkit-transition: .7s;
-moz-transition: .7s;
-o-transition: .7s;
transition: .7s;
color: #bbb;
font-weight: normal;
background: transparent;
box-shadow: none;
height: 24px;
line-height:20px;
}
form#bbp-search-form input[type=text] {
margin: 0;
padding: 0;
width:100%;
}
.widget .woocommerce-product-search input[type=search]{
padding-right:30px;
}
.widget .woocommerce-product-search input[type=search]:focus,
.widget form#bbp-search-form input[type=text]:focus,
.page-content .searchform input[type=text]:focus,
.widget_search .searchform input[type=text]:focus {
color: #777;
}
.widget .woocommerce-product-search input[type=submit],
.widget form#bbp-search-form input[type=submit],
.page-content .searchform input[type=submit],
.widget_search .searchform input[type=submit] {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: -2px;
}
.widget .woocommerce-product-search input[type=submit]:hover,
.widget form#bbp-search-form input[type=submit]:hover,
.page-content .searchform input[type=submit]:hover,
.widget_search .searchform input[type=submit]:hover {
background-position: -24px 0;
}
.widget .woocommerce-product-search input[type=submit]{
position:absolute;
top:5px;
right:5px;
}
.kleo-search-form {
max-width: 700px;
margin: 0 auto;
position: relative;
}
.kleo-search-form .searchform div.input-group {
display: inline-block;
width: 100%;
margin: 0 auto;
}
.kleo-search-form .searchform .input-group-btn {
position: absolute;
right: 26px;
top: 30%;
}
.kleo-search-form .searchform .input-lg {
height: 63px;
border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background-color: #fff;
}
.kleo-search-form.search-style-default .searchform .input-lg {}
.kleo-search-form.search-style-transparent .searchform .input-lg {
border: none;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
opacity: 0.5;
}
.kleo-search-form .searchform .input-lg:focus,
.kleo-search-form .searchform .input-lg:active {
opacity: 1;
color: #777;
}
.kleo-search-form .searchform input.searchsubmit {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
}
.kleo-search-form .searchform input.searchsubmit:hover {
background-position: -24px 0;
}
.kleo-search-form .kleo_ajax_results {
background: #fff;
border-radius: 8px;
margin-top: 2px;
padding: 20px 8px;
}
.kleo_ajax_results:empty {
display: none;
}
.kleo_ajax_results:not(:empty) {}
.kleo-search-form.search-style-default .kleo_ajax_results {
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}
.kleo-search-form.search-style-transparent .kleo_ajax_results {
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
}
.kleo-search-form .kleo-ajax-search-loading {
position: absolute;
right: 40px;
top: 21px;
width: auto;
font-size: 20px;
}
.woocommerce-product-search label.screen-reader-text{
display:none;
}
/* Login Widget */
.bbp_widget_login .bbp-logged-in .user-submit {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 100%;
display: inline-block;
}
.bbp_widget_login img.avatar {}
.bbp_widget_login .bbp-logged-in h4 {
font-family: inherit;
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 0 0 0 50px;
}
.bbp_widget_login a.logout-link {
padding-left: 10px;
}
.bbp_widget_login a.logout-link:after {
content: " \2192";
}
.bbp_widget_login input[type="text"],
.bbp_widget_login input[type="password"] {
border: 1px solid #e5e5e5;
height: 30px;
line-height: 30px;
padding: 0 10px;
}
.bbp_widget_login .button.user-submit {
font-size: 13px;
font-weight: normal;
margin: 3px 0;
min-width: 80px;
border-radius: 2px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
border-style: solid;
border-width: 1px;
transition: all 0.4s ease-in-out 0s;
color: #333;
}
.bbp_widget_login button.user-submit {
margin-right: 10px;
}
.main-color .bbp_widget_login .button.user-submit:hover,
.alternate-color .bbp_widget_login button.user-submit:hover,
.bbp_widget_login .button.user-submit:focus,
.bbp_widget_login .button.user-submit:active {
background-color: #ebebeb;
border-color: #adadad;
color: #333;
}
/* Extend Bootstrap Form Elements */
.btn {
font-size: 13px;
font-weight: normal;
margin: 3px 0;
min-width: 80px;
border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.4s ease-in-out 0s;
}
.btn.disabled {
color: rgba(0, 0, 0, 0.2) !important;
}
.btn:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-see-through {
background-color: transparent;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
-o-box-shadow: none!important;
opacity: 1!important;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-style: solid;
border-width: 2px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px !important;
font-weight: bold;
}
.btn-see-through.btn-lg {
padding: 16px 20px;
}
.col.light .btn-see-through {
border: 2px solid rgba(255,255,255,0.4);
color: #fff;
}
.col.light .btn-see-through:hover {
border: 2px solid rgba(255,255,255,1);
}
.col.dark .btn-see-through {
border: 2px solid rgba(0,0,0,0.1)!important;
color: #444!important;
}
.col.dark .btn-see-through:hover {
border: 2px solid rgba(0,0,0,0.3)!important;
}
.col.light .btn.btn-see-through.disabled,
.col.dark .btn.btn-see-through.disabled {
color: #ddd!important;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999;
text-decoration: none;
}
/* NEW Buttons */
.btn i { margin-right: 10px; }
.btn-highlight:active,
.btn-highlight.active,
.open .dropdown-toggle.btn-highlight {
background-image: none;
}
.btn.btn-highlight.style2 {
letter-spacing: 2px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.btn .btn-twitter {
background-color: #00b9f7;
color: #fff;
}
.btn .btn-twitter:hover {
background-color: #01aee8;
}
.btn .btn-facebook {
background-color: #367bb7;
color: #fff;
}
.btn .btn-facebook:hover {
background-color: #2d70aa;
}
.btn-special {
box-shadow: 0 0 0 1px #ebebeb;
border: 5px solid #fff !important;
border-radius: 30px !important;
}
.btn-subtext small {
display: block;
}
.btn.btn-text-animated {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn-text-animated span:first-child {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
}
.btn-text-animated:hover span:first-child {
-webkit-transform: translateX(-120%);
-moz-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
}
.btn-text-animated span:last-child {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
}
.btn-text-animated span:last-child {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
left: 100%;
right: 0;
}
.btn-text-animated:hover span:last-child {
left: 0;
}
.btn-app {
font-weight: bold;
text-align: left;
}
.btn-app i {
font-size: 34px;
line-height: 36px;
font-weight: normal;
float: left;
text-align: center;
width: 34px;
}
.btn-app.btn-xs i {
font-size: 24px;
line-height: 32px;
width: 24px;
}
.btn-app.btn-xs small {
line-height: 14px;
margin-left: 34px;
}
.btn-app.btn-xs span {
margin-left: 34px;
}
.btn-app small {
font-size: 12px;
font-weight: normal;
display: block;
margin-left: 40px;
}
.btn-app span {
display: block;
margin-left: 40px;
}
.btn-group-lg > .btn {
border-radius: 4px;
}
.btn-or {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
color: #666;
display: inline-block;
font-size: 10px;
font-style: italic;
height: 26px;
left: 50%;
line-height: 21px;
margin: -13px 0 0 -17px;
position: absolute;
text-align: center;
top: 50%;
width: 26px;
z-index: 11;
}
.btn-group-lg .btn {
font-size: 14px;
padding: 16px 26px;
}
.btn-group-or > .btn:first-child:after {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
color: #666;
display: inline-block;
font-size: 10px;
font-style: italic;
height: 26px;
right: -13px;
line-height: 21px;
position: absolute;
text-align: center;
top: 50%;
margin: -13px 0 0 0;
width: 26px;
z-index: 999;
content: " or ";
}
.btn-group-or > .btn-highlight.btn:first-child:after {
color: #fff;
border: 2px solid #fff;
}
.btn-group-or > .btn-highlight.btn:last-child {
margin-left: 2px;
}
.btn-lg {
padding: 14px 20px;
font-size: 16px;
line-height: 1.33;
border-radius: 4px;
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
}
.kleo-facebook-connect.btn.btn-default {
background-color: #3B5997;
color: #fff;
border-color: #2b4780;
}
.kleo-facebook-connect.btn.btn-default:hover {
background-color: #2b4780;
color: #fff;
border-color: #2b4780;
}
input.form-control.input-xl {
padding: 25px 20px;
}
.input-group .input-xl,
.input-group .btn.btn-xl {
margin-top: 0
}
.input-group .btn.btn-xl {
padding-right : 50px;
padding-left : 50px;
}
.input-group .btn i {
margin-right: 0;
}
.input-shadow {
box-shadow: 6px 0 18px rgba(43,33,47,.15);
}
@media (max-width: 767px) {
.input-group .btn.btn-xl {
padding-right : 30px;
padding-left : 30px;
}
}
.btn.btn-xl {
padding: 14px 60px;
font-size: 16px;
}
.btn.btn-xxl {
padding: 20px 80px;
font-size: 18px;
}
/* Left boxed icon button */
.btn.btn-boxed-icon.with-icon {
position: relative;
}
.btn.btn-boxed-icon.with-icon i {
position: absolute;
height: 100%;
left: 0;
top: 0;
background: #2b212f;
color: #fff;
text-align: center;
display: inline-block;
}
.btn.btn-boxed-icon.with-icon i {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btn.btn-boxed-icon.with-icon i:before {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-self: center;
-webkit-align-self: center; /* Safari 7.0+ */
}
.btn.btn-xs.btn-boxed-icon.with-icon {
padding-left: 25px;
}
.btn.btn-xs.btn-boxed-icon.with-icon i {
width: 20px;
line-height: 20px;
font-size: 12px;
}
.btn.btn-sm.btn-boxed-icon.with-icon {
padding-left: 40px;
}
.btn.btn-sm.btn-boxed-icon.with-icon i {
width: 30px;
line-height: 27px;
font-size: 16px;
}
.btn.btn-lg.btn-boxed-icon.with-icon {
padding-left: 70px;
}
.btn.btn-lg.btn-boxed-icon.with-icon i {
width: 50px;
line-height: 49px;
font-size: 18px;
}
.btn.btn-xl.btn-boxed-icon.with-icon {
padding-left: 110px;
}
.btn.btn-xl.btn-boxed-icon.with-icon i {
width: 50px;
line-height:50px;
font-size: 18px;
}
.btn.btn-xxl.btn-boxed-icon.with-icon {
padding-left: 140px;
}
.btn.btn-xxl.btn-boxed-icon.with-icon i {
width: 60px;
line-height:60px;
font-size: 20px;
}
.text-uppercase {
text-transform: uppercase;
}
/* Input Forms */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
/*background-color: #fff;*/
/*border: 1px solid #e5e5e5;*/
border-style: solid;
border-width: 1px;
/*color: rgba(0, 0, 0, 0.75);*/
display: block;
margin: 0 0 1em;
padding: 0.5em;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
/*border-color: #bbb;*/
outline: none;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
/*background-color: #f7f7f7;*/
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.input-lg {
line-height: 34px;
}
/* Custom selects */
select {
height: 30px;
/*line-height: 30px;*/
/*padding: 4px 30px 4px 9px !important;*/
border-radius:2px;
border-style: solid;
border-width: 1px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor:pointer;
/* Remove arrow from firefox */
text-indent: 0.01px;
text-overflow: "";
/* v.4.1.9 */
padding: 0 30px 0 9px !important;
}
html.no-touch select[multiple] {
padding: 0 2px 0 0 !important;
}
select:not([multiple]), html.touch select {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrs1MEJwCAMBdA0OIjnDuYIdYY6pcdOIU2KhfbYiBbhC0Iu+vghuoQQViI6aPBi+mkBBgwY8HjYe7/ptp53VpSZY60p55y6J36i1wVSW5J/TlzTpWmHyxlaHaW9r9aWUpJ0Yu+aWAGFWlDzVCuk03zXw55TC4gvEzBgwPPCpwADAJAnLqKmIGxnAAAAAElFTkSuQmCC') 100% 50% no-repeat;
}
select.input-lg:not([multiple]), html.touch select.input-lg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAtCAYAAAC53tuhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVtJREFUeNrslr9OhEAQxvlj4CIkGiEQbIiFzT2Ahc+giS9gYcMz+Ap21lfY+AAW9w6+whUWl1AcQiBqAgRCgJvPaHIxFh5mMDE7yWS/nYLfzrA7u3IQBFNJkp6lkU2R/sgEWIAFWIAF+B+D+77v4KODu66r4KOC27YtLMs6hUMP+cbOkBLrun5I0CvM8zxfNk3zIsuywpoxyuu67hkt4BwOPaTkW4Mdx7kwTfNaVdU9ODRi7GDDMKZlWapVVS3h0Iix/+Moiu5pmKPqG4t/ZQcXRfH0XVzTtANWMJX1mIb9rxnTzs5YwZ7nXdJuDkiWH6FdOkqzMAxvuUu9sG27pSN09J6uoqzSNF2w7+okSR6oadxQx3qDQyPGvrkow0kcx3Pf908wh0aMHYzWWNf1KsuyO8yhqZEY7GAYQAR+/NSjXBKbJf/NQ2AweNvbSLy5BFiABViABfjHthZgADhOmRcecy8OAAAAAElFTkSuQmCC');
}
/* Targeting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select { padding-right: 35px !important; }
}
/* IE Fix */
select::-ms-expand {
display: none;
}
.lt-ie9 select,
.lt-ie10 select {
background: none;
padding-right: 3px !important;
}
/* Labels */
.label {
color: #777;
padding: 0;
font-size: 100%;
}
.label-default,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger {
padding: .2em .6em .3em;
font-size: 75%;
color: #fff;
}
.label.label-default a,
.label.label-default a:hover,
.label.label-primary a {
color: #fff;
}
/* Legend */
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 0;
font-size: 13px;
line-height: inherit;
color: #777;
border: 0;
}
/* Pagers */
.pager {}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 10px;
min-width: 32px;
height: 32px;
border-radius: 3px;
}
.pager li > a i,
.pager li > span i {
margin-left: -14px;
margin-right: -14px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: transparent;
}
.pager li > a.btn-prev,
.pager li > a.btn-next,
.pager li > a.btn-close {
}
.pager li > a.btn-prev {}
.pager li > a.btn-next {}
.pager li > a.btn-close {}
/* -----------------------------------------
06. Font Icons Core
----------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: auto !important;
text-align: center;
margin-left: auto !important;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 1.1428571428571428em;
text-align: right;
padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
width: 1.4285714285714286em;
}
.icons-ul {
margin-left: 2.142857142857143em;
list-style-type: none;
}
.icons-ul > li {
position: relative;
}
.icons-ul .icon-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
text-align: center;
line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
display: none;
}
.icon-muted {
color: #eeeeee;
}
.icon-light {
color: #ffffff;
}
.icon-dark {
color: #333333;
}
.icon-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon-2x {
font-size: 2em;
}
.icon-2x.icon-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.icon-3x {
font-size: 3em;
}
.icon-3x.icon-border {
border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.icon-4x {
font-size: 4em;
}
.icon-4x.icon-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.icon-5x {
font-size: 5em;
}
.icon-5x.icon-border {
border-width: 5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
margin-left: .3em;
}
.custom-color a.kleo-icon-anchor {
color: inherit !important;
opacity: 0.8;
}
.custom-color a.kleo-icon-anchor:hover {
opacity: 1;
}
/* NO JS */
.no-js ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
.no-js a.menu:after,
.no-js .dropdown-toggle:after { content: none; }
.no-js .dropdown-submenu > .dropdown-menu { display: none !important; }
.no-js .dropdown-submenu:hover > .dropdown-menu { display: block !important; }
.no-js .kleo-thumbs-animated a { margin-bottom: 0; }
.no-js .kleo-gallery-image span { position: absolute; z-index: 0; visibility: hidden; }
.no-js .kleo-gallery-image span:first-child { position: relative; z-index: 1; visibility: visible; }
.js-active {}
/* -----------------------------------------
07. Visual Composer Extra class names
----------------------------------------- */
.vc-relative {
position: relative;
}
/* -----------------------------------------
08. Retina Ready CSS Graphics
----------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.img-name { background-image: url('../your-image-path/img-name@2x.png'); }
}
/* -----------------------------------------
Responsive Items
----------------------------------------- */
.responsive-cols {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.responsive-cols > * {
float: left;
}
.responsive-cols.per-row-6 > * {
width: 16.6%;
}
.responsive-cols.per-row-5 > * {
width: 20%;
}
.responsive-cols.per-row-4 > * {
width: 25%;
}
.responsive-cols.per-row-3 > * {
width: 33.333%;
}
.responsive-cols.per-row-2 > * {
width: 49.9%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.responsive-cols > * {
width: 33.3% !important;
}
.responsive-cols.per-row-2 > * {
width: 49.9% !important;
}
}
@media (max-width: 991px) {
.responsive-cols > * {
width: 49.9% !important;
}
}
@media screen and (max-width: 480px) {
.responsive-cols > * {
width: 100% !important;
float: none;
}
}
/* Snow */
canvas.letitsnow {position: absolute; top: 0;z-index: 999999; pointer-events: none; left: 0}
canvas.letitsnow.pos-fixed {position: fixed;}
/* Particles */
.kleo-particles canvas {
display: block;
vertical-align: bottom;
}
.kleo-particles {
position: absolute;
width: 100%;
height: 100%;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
/* -----------------------------------------
09. Media Queries
----------------------------------------- */
@media (min-width: 768px) {
.template-page.col-sm-push-3{
left: ~"-moz-calc(25% - 1px)"; /* Firefox */
left: ~"-webkit-calc(25% - 1px)"; /* WebKit */
left: ~"-o-calc(25% - 1px)"; /* Opera */
left: ~"calc(25% - 1px)"; /* Standard */
}
.template-page.tpl-left.col-sm-push-2{
left: ~"-moz-calc(16.6667% - 1px)"; /* Firefox */
left: ~"-webkit-calc(16.6667% - 1px)"; /* WebKit */
left: ~"-o-calc(16.6667% - 1px)"; /* Opera */
left: ~"calc(16.6667% - 1px)"; /* Standard */
}
.template-page.tpl-left.col-sm-push-4{
left: ~"-moz-calc(33.3333% - 1px)"; /* Firefox */
left: ~"-webkit-calc(33.3333% - 1px)"; /* WebKit */
left: ~"-o-calc(33.3333% - 1px)"; /* Opera */
left: ~"calc(33.3333% - 1px)"; /* Standard */
}
.template-page.tpl-left.col-sm-push-5{
left: ~"-moz-calc(41.6667% - 1px)"; /* Firefox */
left: ~"-webkit-calc(41.6667% - 1px)"; /* WebKit */
left: ~"-o-calc(41.6667% - 1px)"; /* Opera */
left: ~"calc(41.6667% - 1px)"; /* Standard */
}
.template-page.col-sm-push-6{
left: ~"-moz-calc(50% - 1px)"; /* Firefox */
left: ~"-webkit-calc(50% - 1px)"; /* WebKit */
left: ~"-o-calc(50% - 1px)"; /* Opera */
left: ~"calc(50% - 1px)"; /* Standard */
}
.template-page.tpl-3ll.col-sm-push-6{
left: ~"-moz-calc(50% - 2px)"; /* Firefox */
left: ~"-webkit-calc(50% - 2px)"; /* WebKit */
left: ~"-o-calc(50% - 2px)"; /* Opera */
left: ~"calc(50% - 2px)"; /* Standard */
}
.sidebar-3ll.col-sm-4 {
right: ~"-moz-calc(33.3334% - 2px)"; /* Firefox */
right: ~"-webkit-calc(33.3334% - 2px)"; /* WebKit */
right: ~"-o-calc(33.3334% - 2px)"; /* Opera */
right: ~"calc(33.3334% - 2px)";
}
.sidebar-3ll.col-sm-2 {
right: ~"-moz-calc(66.6667% - 2px)"; /* Firefox */
right: ~"-webkit-calc(66.6667% - 2px)"; /* WebKit */
right: ~"-o-calc(66.6667% - 2px)"; /* Opera */
right: ~"calc(66.6667% - 2px)";
}
.sidebar-extra.sidebar-3ll {
margin-left: -1px;
}
.sidebar-extra.sidebar-3lr {
left: -1px;
}
.sidebar-extra.sidebar-3lr.col-sm-3 {
left: -2px;
}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
#productModal .product-info {
padding: 20px 30px 0 0;
}
}
@media screen and (max-width: 480px) {
.kleo-quick-contact-wrapper {
display: none;
}
/* Buddypress */
#buddypress div#item-nav {
/* v.4.1.9 */
border-bottom: 0;
padding: 20px;
}
.buddypress div#item-header div#item-header-content p:first-child {
height: 20px;
-webkit-line-clamp: 1;
max-width: 90%;
margin: 10px auto 10px;
}
#buddypress div#item-nav .responsive-tabs {
/* v.4.1.9 */
height: auto !important;
}
#buddypress div#item-nav .tabdrop .dropdown-menu li a {
/* v.4.1.9 */
height: 43px;
line-height: 43px;
}
#buddypress div#item-nav ul li a:before {
/* v.4.1.9 */
margin-bottom: 0 !important;
}
#buddypress div#item-nav ul li.dropdown a.dropdown-toggle:before {
/* v.4.1.9 */
background: #fafafa;
}
#buddypress div.message-search {
width: 100%;
display: block;
margin-top: 10px;
}
#buddypress li div.item {
margin-left: 0;
}
#buddypress #groups-list .group-inner-list {
overflow: auto;
}
.hr-title.hr-full,
.hr-title.hr-long,
.hr-title.hr-short { width: 100% !important; }
#buddypress div#item-nav .responsive-tabs {
height: auto;
}
#item-nav .tabdrop .dropdown-menu {
//margin: -11px 0 0 !important;
/* v.4.1.9 */
margin: 11px 0 0 !important;
}
#buddypress div.activity-comments {
margin-left: 0;
}
.carousel-prev,
.carousel-next,
.kleo-woo-prev,
.kleo-woo-next,
.kleo-thumbs-prev,
.kleo-thumbs-next {
display: none !important;
}
.logo, .logo a {
overflow: hidden;
}
.logo img {
height: auto;
}
#comments .comment-respond,
#comments-list .comment-respond {
margin-left: 0;
}
.kleo-mfp-zoom .mfp-container {
padding: 0;
margin: 0 auto;
max-width: initial;
}
/*.template-page,
.sidebar {
!* v.4.1.9 *!
padding-top: 10px;
padding-bottom: 10px;
}*/
}
@media (min-width: 480px) and (max-width: 767px) { }
@media screen and (max-width: 400px) {
.container {
/*min-width: 320px;*/
}
.kleo-carousel li article {
padding-right: 1px !important;
}
.kleo-carousel {
padding-left: 0 !important;
}
}
@media screen and (max-width: 320px) {}
@media screen and (max-width: 767px) {
.template-page.no-sidebar .wrap-content,
.template-page.col-sm-push-3 .wrap-content,
.template-page.tpl-3ll .wrap-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3lr .inner-content,
.sidebar-extra.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content,
.template-page.tpl-3lr .wrap-content,
.template-page.tpl-3rr .wrap-content,
.sidebar-main.sidebar-3lr .inner-content,
.sidebar-main.sidebar-3ll .inner-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content,
.template-page .wrap-content,
.sidebar-left .inner-content,
.template-page.tpl-right .wrap-content,
.sidebar-right .inner-content {
padding-left: 0;
padding-right: 0;
}
.template-page,
.template-page.tpl-left,
.template-page.tpl-3ll,
.sidebar-extra.sidebar-3ll,
.sidebar-extra.sidebar-3lr,
.sidebar-extra.sidebar-3rr,
.sidebar-right,
.sidebar-main.sidebar-3rr,
.sidebar-left,
.sidebar-extra.sidebar-3ll,
.sidebar-main.sidebar-3ll,
.sidebar-main.sidebar-3lr,
.sidebar-main.sidebar-3rr { border: 0; }
.page-boxed .template-page.tpl-right .wrap-content {
padding-right: 0;
}
.page-boxed .sidebar-right .inner-content {
padding-left: 0;
}
.page-boxed .template-page.tpl-left .wrap-content {
padding-left: 0;
}
.page-boxed .sidebar-left .inner-content {
padding-right: 0;
}
article .article-meta,
.single-attachment .entry-header {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.posts-listing.standard-listing.with-meta .article-title,
.single .with-meta .article-media,
.posts-listing.standard-listing.with-meta .article-media,
.single .container .with-meta .article-content,
.posts-listing.standard-listing.with-meta .article-content,
.single-attachment .entry-content {
margin-left: 0;
}
#image-navigation {
padding-left: 0;
}
.vertical-col .col-sm-1,
.vertical-col .col-sm-2,
.vertical-col .col-sm-3,
.vertical-col .col-sm-4,
.vertical-col .col-sm-5,
.vertical-col .col-sm-6,
.vertical-col .col-sm-7,
.vertical-col .col-sm-8,
.vertical-col .col-sm-9,
.vertical-col .col-sm-10,
.vertical-col .col-sm-11,
.vertical-col .col-sm-12 {
display: block;
}
.vertical-col .container-full .row:first-child,
.vertical-col > .section-container .row:first-child {
display: block;
width: auto;
}
#main-container .template-page.tpl-3ll,
#main-container .sidebar.sidebar-3ll,
#main-container .template-page.tpl-3rr,
#main-container .sidebar.sidebar-3rr,
#main-container .template-page.tpl-3lr,
#main-container .sidebar.sidebar-3lr {
margin-bottom: 0;
padding-bottom: 0;
}
#main-container > .row {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tpl-right article .article-meta,
.tpl-left article .article-meta/*,
.single-attachment .entry-header*/ {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.tpl-right.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-right.with-meta .article-media,
.tpl-right.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-right.with-meta .article-content,
.tpl-right.posts-listing.standard-listing.with-meta .article-content,
.tpl-left.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-left.with-meta .article-media,
.tpl-left.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-left.with-meta .article-content,
.tpl-left.posts-listing.standard-listing.with-meta .article-content/*,
.single-attachment .entry-content*/ {
margin-left: 0;
}
/*#image-navigation {
padding-left: 0;
}*/
.tpl-right article .article-meta .entry-date,
.tpl-right article .article-meta .post-meta,
.tpl-left article .article-meta .entry-date,
.tpl-left article .article-meta .post-meta/*,
.single-attachment .post-time*/ {
width: auto;
font-family: inherit;
font-size: inherit;
}
.tpl-right article .article-meta .post-meta .meta-links,
.tpl-right article .article-meta .post-meta a.post-time:after,
.tpl-right article .article-meta .post-meta .meta-comment-count,
.tpl-left article .article-meta .post-meta .meta-links,
.tpl-left article .article-meta .post-meta a.post-time:after,
.tpl-left article .article-meta .post-meta .meta-comment-count {
display: inline;
}
/****************/
/*bbPress*/
#bbpress-forums form#bbp-search-form {
width: 96%;
}
#bbpress-forums #bbp-search-form input[type=text],
#bbpress-forums #bbp-search-form input[type=text] {
min-width: inherit;
width: 90%;
}
#bbpress-forums #bbp-search-form input[type=text]:focus,
#bbpress-forums #bbp-search-form input[type=text]:focus {
min-width: inherit;
}
}
/*bbPress*/
.article-content .bbp-search-form{
padding:0 5px;
}
@media (min-width: 767px) {
/*bbPress*/
.article-content .bbp-search-form .input-group {
max-width: 500px;
}
.navbar-collapse.collapse {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget form#bbp-search-form input[type=text],
.widget_search .searchform input[type=text] {
max-width: 110px;
}
/*bbPress*/
#bbpress-forums form#bbp-search-form {
width: 99%;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1280px;
}
}
.touch-device { display: none; }
/* Test Change breakpoint */
@media (max-width: 991px) {
section.bg-full-video .mejs-mediaelement {display: none;}
section.bg-full-video .mejs-poster {display: block !important;}
.post-image img {
width: 100%;
}
article .article-meta .entry-date,
article .article-meta .post-meta,
.single-attachment .post-time {
width: auto;
font-family: inherit;
font-size: inherit;
}
article .article-meta .post-meta .meta-links,
article .article-meta .post-meta .avatar,
article .article-meta .post-meta .meta-author img,
article .article-meta .post-meta .meta-author .author-name,
article .article-meta .post-meta a.post-time:after,
article .article-meta .post-meta .meta-comment-count {
display: inline;
}
article .article-meta .post-meta .meta-author,
article .article-meta .post-meta .meta-author img {
float: none;
}
article .article-meta .post-meta .meta-author img {
width: 25px;
}
}
/*
-----------------------------------------------------
10. SHORTCODES
-----------------------------------------------------
/* --------------------------------------------------
Individual Element Animations
- Top to Bottom
- Bottom to Top
- Left to Right
- Right to Left
----------------------------------------------------- */
.kleo-transform .animated.animate-when-visible,
.kleo-transform .animated.animate-when-almost-visible,
.cul {
opacity: 0;
}
.kleo-transform .animated.start-animation.top-to-bottom,
.popover.top,
.tooltip.top {
-webkit-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
}
.kleo-transform .animated.start-animation.bottom-to-top,
.popover.bottom,
.tooltip.bottom {
-webkit-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Safari 4+ */
-moz-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Fx 5+ */
-o-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Opera 12+ */
animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* IE 10+ */
opacity: 1;
}
.kleo-transform .animated.start-animation.left-to-right,
.popover.left,
.tooltip.left {
-webkit-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.kleo-transform .animated.start-animation.right-to-left,
.popover.right,
.tooltip.right {
-webkit-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
/* Define Keyframes */
@-webkit-keyframes kleo-ltr {
0% { -webkit-transform:translate(-10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes kleo-ltr {
0% { -moz-transform:translate(-10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes kleo-ltr {
0% { -o-transform:translate(-10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes kleo-ltr {
0% { transform:translate(-10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
@-webkit-keyframes kleo-rtl {
0% { -webkit-transform:translate(10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes kleo-rtl {
0% { -moz-transform:translate(10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes kleo-rtl {
0% { -o-transform:translate(10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes kleo-rtl {
0% { transform:translate(10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
@-webkit-keyframes kleo-btt {
0% { -webkit-transform:translate(0,50%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes kleo-btt {
0% { -moz-transform:translate(0,50%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes kleo-btt {
0% { -o-transform:translate(0,50%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes kleo-btt {
0% { transform:translate(0,50%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
@-webkit-keyframes kleo-ttb {
0% { -webkit-transform:translate(0, -10%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes kleo-ttb {
0% { -moz-transform:translate(0, -10%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes kleo-ttb {
0% { -o-transform:translate(0, -10%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes kleo-ttb {
0% { transform:translate(0, -10%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* --------------------------------------------------
One by one & Individual Element Animations
- Appear
----------------------------------------------------- */
.kleo-transform .one-by-one-animated .el-appear,
.kleo-transform .multi-columns-row .one-by-one-animated .el-appear,
.kleo-transform .kleo-thumbs-animated.th-appear img,
.kleo-transform .el-appear {
opacity: 0.1;
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
}
.kleo-transform .multi-columns-row .el-appear {
opacity:1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.kleo-transform .one-by-one-animated .start-animation .el-appear,
.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,
.kleo-transform .start-animation.el-appear {
-webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
/* Define Keyframes */
@-webkit-keyframes kleo_appear {
0% { -webkit-transform:scale(0.5); opacity: 0.1; }
100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes kleo_appear {
0% { -moz-transform:scale(0.5); opacity: 0.1; }
100% { -moz-transform:scale(1);opacity: 1; }
}
@-o-keyframes kleo_appear {
0% { -o-transform:scale(0.5); opacity: 0.1; }
100% { -o-transform:scale(1); opacity: 1; }
}
@keyframes kleo_appear {
0% { transform:scale(0.5); opacity: 0.1; }
100% { transform:scale(1); opacity: 1; }
}
/* --------------------------------------------------
One by one & Individual Element Animations
- Fade
----------------------------------------------------- */
.kleo-transform .one-by-one-animated .el-fade,
.kleo-transform .kleo-thumbs-animated.th-fade img,
.kleo-transform .el-fade {
opacity: 0.1;
}
.kleo-transform .one-by-one-animated .start-animation .el-fade,
.kleo-transform .kleo-thumbs-animated.th-fade img.start-animation,
.kleo-transform .start-animation.el-fade {
-webkit-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.kleo-transform .el-zero-fade {
opacity: 0;
}
.kleo-transform .start-animation.el-zero-fade {
-webkit-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
/* Define Keyframes */
@-webkit-keyframes kleo_fade {
0% {opacity: 0.1;}
100% {opacity: 1;}
}
@-moz-keyframes kleo_fade {
0% {opacity: 0.1;}
100% {opacity: 1;}
}
@-o-keyframes kleo_fade {
0% {opacity: 0.1;}
100% {opacity: 1;}
}
@keyframes kleo_fade {
0% {opacity: 0.1;}
100% {opacity: 1;}
}
/* --------------------------------------------------
Individual Element Animations
- Pulsate
----------------------------------------------------- */
.kleo-transform .pulsate {
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation: pulsate 1s ease-out;
-moz-animation-iteration-count: infinite;
-ms-animation: pulsate 1s ease-out;
-ms-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
0% { -webkit-transform: scale(.65,.65); opacity: 0.0; }
50% { opacity: 1.0; }
100% { -webkit-transform: scale(1.7, 1.7); opacity: 0.0; }
}
@-moz-keyframes pulsate {
0% { -moz-transform: scale(.65,.65); opacity: 0.0; }
50% { opacity: 1.0; }
100% { -moz-transform: scale(1.7, 1.7); opacity: 0.0; }
}
@-ms-keyframes pulsate {
0% { -ms-transform: scale(.5,.5); opacity: 0.0; }
50% { opacity: 1.0; }
100% { -ms-transform: scale(2, 2); opacity: 0.0; }
}
/* --------------------------------------------------
Individual Element Animations
- Progress Bar
----------------------------------------------------- */
.kleo-transform .custom-progress-bar div.progress.start-animation .bar-outer {
-webkit-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Safari 4+ */
-moz-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Fx 5+ */
-o-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Opera 12+ */
animation: kleo_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* IE 10+ */
width:100%;
}
@-webkit-keyframes kleo_expand {
0% { width:0%; }
100% { width:100%; }
}
@-moz-keyframes kleo_expand {
0% { width:0%; }
100% { width:100%; }
}
@-o-keyframes kleo_expand {
0% { width:0%; }
100% { width:100%; }
}
@keyframes kleo_expand {
0% { width:0%; }
100% { width:100%; }
}
/*pop up animation*/
/*slide down (height increase) animation*/
.kleo-slide-down {
-webkit-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: kleo_slide_down 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
height:100%;
}
@-webkit-keyframes kleo_slide_down {
0% { height:0%; }
100% { height:100%; }
}
@-moz-keyframes kleo_slide_down {
0% { height:0%; }
100% { height:100%; }
}
@-o-keyframes kleo_slide_down {
0% { height:0%; }
100% { height:100%; }
}
@keyframes kleo_slide_down {
0% { height:0%; }
100% { height:100%; }
}
/* Fontello Spin Animation */
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/* --------------------------------------------------
SHORTCODES
----------------------------------------------------- */
/*
01. Feature Items
02. Poi and Pins
03. Popover
04. Tooltip
05. Dividers & Gaps
06. Progress Bar
07. Carousels
08. Single image
09. Pie chart
10. Media Queries
11. Progress bar
*/
/* -----------------------------------------
.05 Dividers & Gaps
----------------------------------------- */
.gap-10,
.gap-20,
.gap-30,
.gap-40,
.gap-60,
.gap-100,
.kleo-gap{
clear: both;
}
.gap-10 {
height: 10px;
line-height: 10px;
}
.gap-20 {
height: 20px;
line-height: 20px;
}
.gap-30 {
height: 30px;
line-height: 30px;
}
.gap-40 {
height: 40px;
line-height: 40px;
}
.gap-60 {
height: 60px;
line-height: 60px;
}
.gap-100 {
height: 100px;
line-height: 100px;
}
.hr-title {
border-top-style: solid;
border-top-width: 1px;
/*color: #bbb;*/
font-size: 11px;
text-align: center;
height: 10px;
line-height: 20px;
margin: 10px auto -10px;
height: auto;
}
.hr-title abbr {
/*padding: 0 10px;*/
padding: 2px 10px;
border-radius: 2px;
position: relative;
top: -10px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.hr-title i {
position: relative;
top: -2px;
font-size: 8px;
}
.hr-title.hr-full { width: 100%; }
.hr-title.hr-long { width: 50%; }
.hr-title.hr-short { width: 25%; }
.hr-title.hr-left { text-align: left; }
.hr-title.hr-right { text-align: right; }
.hr-title.hr-left abbr { padding-left: 0; }
.hr-title.hr-right abbr { padding-right: 0; }
.hr-title.hr-left.hr-long { margin-left: 0; }
.hr-title.hr-right.hr-long { margin-right: 0; }
.hr-title.hr-double { border-top: 4px double #ebebeb; }
.hr-title.hr-double abbr { top: -12px; }
/* -----------------------------------------
06. Progress Bar
----------------------------------------- */
.progress-bar-container {
}
.custom-progress-bar {
position: relative;
}
.progressbar-icon {
position: absolute;
left: 0;
top: -15px;
width: 50px;
text-align: center;
font-weight: 100;
font-size: 50px;
color: #e5e5e5;
}
.progressbar-title {
position: absolute;
z-index: 2;
bottom: 0;
left: 70px;
padding:0 10px;
border-radius: 3px;
height:30px; line-height: 30px;
}
.custom-progress-bar .progress {
height: 30px;
line-height: 30px;
position: relative;
margin-left: 70px;
background: #f7f7f7;
box-shadow: none;
}
.custom-progress-bar .bar {
background: #e5e5e5;
}
.custom-progress-bar div.progress .bar-outer,
.custom-progress-bar div.progress .bar {
height: 100%;
position: absolute;
top: 0; left: 0;
width: 100%;
background-size: 32px 32px;
border-radius: 3px;
}
.custom-progress-bar div.progress .bar strong {
display: block;
height: 30px;
position: absolute; top: 0; right: 0px;
padding: 0 7px;
background-color: #e5e5e5;
line-height: 30px;
font-size: 10px;
border-radius: 0 2px 2px 0;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
opacity: 0;
}
.custom-progress-bar div.progress {
clear: both;
}
.kleo-transform div.progress .bar-outer{
width:0;
}
.custom-progress-bar.thin-progress .progressbar-title {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
padding: 0;
border-radius: 3px;
height:30px; line-height: 30px;
}
.custom-progress-bar.thin-progress .progress {
height: 5px;
line-height: 5px;
position: relative;
margin-left: 0;
background: #f7f7f7;
box-shadow: none;
overflow: visible;
}
.custom-progress-bar.thin-progress div.progress .bar-outer,
.custom-progress-bar.thin-progress div.progress .bar {
height: 100%;
position: absolute;
top: 0; left: 0;
width: 100%;
background-size: 32px 32px;
border-radius: 3px;
}
.custom-progress-bar.thin-progress div.progress .bar strong {
display: block;
height: 18px;
position: absolute; top: -20px; right: 0px;
padding: 0 7px;
line-height: 18px;
font-size: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
opacity: 0;
}
.chart {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percentage {
display: inline-block;
line-height: 110px;
z-index: 2;
}
.percentage:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
/* -----------------------------------------
07. Carousels
----------------------------------------- */
/* Carousel Defaults */
.kleo-carousel-items {
position: relative;
}
.kleo-carousel-container {
position: relative;
overflow: hidden;
}
.kleo-carousel {
background: url('data:image/gif;base64,R0lGODlhEAAQAKUAABwaHIyOjMzKzOTm5LSytFxaXHR2dJyenNza3PT29Ly+vISGhERGRJSWlNTS1Ozu7Ly6vGRmZHx+fKSmpOTi5Pz+/MTGxDQyNJSSlMzOzOzq7LS2tHx6fNze3Pz6/MTCxIyKjExKTJyanNTW1PTy9GxqbKyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAEAAQAAAGk8CTcHgSHYjIU8dAOoFApwfDkfQYJqcFdBFKECleS4mCaSAum1MiIwQFHBWTRtgJxC8XYYIggSQlABwPRAODSB0jQxYKEB9JQiUFBQaLCo6PEZIGQyReSCRNQx4ZBIlIDgQOHkIQEBQVI54kIxUUG35RqxQEJBkOJAQDJx6GQh4biQJsGRCrSA/NJ8rDG8WPI6ZIQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTEwsTk4uSkoqRERkRkYmTU0tT08vSUlpS0srRsbmwcHhyMiozMyszs6uysqqxcXlzc2tz8+vxMTkycnpy8urx0dnQcGhyEhoTExsTk5uSkpqRMSkxsamzU1tT09vScmpy0trR0cnQ0MjSMjozMzszs7uysrqzc3tz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGk8CVcLiCoIjI1aAEWoVCq1NEkpw0RKsENGFoDh+TlSmwIXAGHcEKdBASCB+V5SQcVFSKQkcIEoQ0SSUkGQhEJ4VIAylDHyYObUkrFx4eAR8OJpBJk5VDCF5EEporEyYKH0kjAAt0KxYWAyofXghxBBgMQidhAwoImQgKAysIgEMTIqiYYhZhSCfNK8vIrZErH6hJQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEhoTExsTk5uRMTkykpqTU1tRsamz09vS0trR0dnScmpzMzszs7uzc3tw0MjRcXly0srT8/vy8vrx8fnwcGhyUkpTMyszs6uysqqzc2tx0cnT8+vy8urx8enykoqTU0tT08vTk4uRkZmT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkECScEhKdIhI0qCAIGUypJDCkeR8BE7oR8EhNrqaRSMSEY0uJIRB2OmIJIKQcJCRTCAQIYeRWCMXBAtyQyFNSCIiQwYMFyBJQgEeHhYGFwyOjwEKk4SGRA5+egwRoUMUFR4NbG4SBoYaGxIZDw9CXyQiESGXDAAFaQxEHH0kliQHFZ5DDR1dxhgVWI9CBqVDQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMysxUVlTk5uSsrqx0cnT09vS8vrzc3tyEgoScnpxERkTU0tTs7uy0trRkZmR8fnz8/vzExsSMioykpqQ0MjSUlpTMzsxcWlzs6uy0srR0dnT8+vzEwsTk4uSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCTcGiaCIhIk4PUMZEQphHlk+w8Gk7oJtAcOpqEzQgxIUSwh4SQRPpIRAehhiSZcDjCDuYhSpYgJSNEI3FIGlRCIhgCWEkmFxQUCyICGI1JkCALQ4RJH2pDeht9SBQWIIJObW+FCQoSDyEMQl8mH2IQECIABSYHlyZWfQMZJhwWhURLTcRKFhiOQwZ4SUEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkREZEpKKkZGZk1NLU9PL0tLK0dHZ0XF5cnJqczMrM7OrsbG5s3Nrc/Pr8vLq8NDI0jI6MTE5MrK6sHBochIaExMbE5ObkTEpMpKakbGps1NbU9Pb0tLa0fH58ZGJkzM7M7O7sdHJ03N7c/P78vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpDAlHCY8niIyBRJEkk1RqlPwZGMgA5OqIDTHJKamgRidHAwjpGBUCIZnDwfISlzOlAowsgIdERKQglxQwiCRA5UQh4jDVhJKQUMDBYeT41JkJKDhUMDJkR6CX1EDBUMCGttJyWeKQMUJygLInJNBQAHJQoQEyApEaIpCBcPKQYdKRgbm0IZF1TGSgSWjiEBjkEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkpKKkTE5M1NLU9PL0lJKUZGZktLK0zMrM7Ors3Nrc/Pr8nJqcdHZ0NDI0jI6MrKqsXF5cHBochIaExMbE5ObkpKak1NbU9Pb0lJaUbGpsvLq8zM7M7O7s3N7c/P78nJ6cfHp8ZGJk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpRAk3Bo0miISBPI4zAtPiaHB5SUGpzQD5MIaoYUh48BpMBEzSaPByPSbIQHjahByAgdH8UReXkI3kMHgEQHVEIaHwtXSSYKExMeGk+LSQoZkEMGDUkYaEIMHQAQSRMJGQdCFRUZDgEhQhgjIgsQoyYXbxMVGhYWAwUCJhuvQxsRoxAkJgglg0MLEVTJShSbjEISCIxBACH5BAgJAAAALAAAAAAQABAAhRwaHIyOjMzKzFxaXKyurOTm5HR2dJyenLy+vPT29Nze3DQ2NISChJSWlNTS1GxqbLS2tOzu7KyqrMTGxPz+/ERGRIyKjDQyNJSSlMzOzGRmZLSytOzq7Hx6fKSipMTCxPz6/OTi5ISGhJyanNTW1HRydLy6vPTy9ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTwJRwmCKRiMhUxARKCTIpkCmSBEEcTmiGSYw0C5tTxnHahKLUlMkUopASwhOJEoKYhKAM5Ih0XJtDJ3BIJydDJQMDD0lCHwgmE4gDGowpjggTQyQKSREFXR0ADEkQDBuDFxcSFAFnKRyrDhYBQgJwGwsKGA0hGgIpCa5CCRUWKSLGHgaARA4VhsgpJwaclSkjB4xBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTGxKSipOTm5ERGRLSytGxqbJSSlNTW1PT29IyKjMzOzKyqrOzu7FxeXLy6vHR2dDQyNExOTJyanOTi5Pz+/Hx+fBwaHISGhMzKzKSmpOzq7ExKTLS2tNza3Pz6/IyOjNTS1KyurPTy9Ly+vHx6fJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTQJRwiEokiEiUAwJCaRgoEMSRBHlETiiDSRQoUBUDiSEiGSpRKgqD2VgSXxQpYal4IELOARBJiq5NQyIfSSQkQwEHB31JKCIMGgkXiox+kEdCH2hIDmpCDhkSCEkCFF5CHR0eFicEnxAWHwMbQiJfJRMVAwMEF1ggrkMKDxQoCCcoBiGBRAkPhxTFCgubjSgNI41BACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSWlHRydCwuLMzKzOzq7KyqrNza3Pz6/Ly6vIyOjFxeXJyenHx6fBwaHISGhMTGxOTm5KSmpNTW1PT29LS2tGxubJyanHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vGRiZP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJVwqOJwiEhV5uJQNUaqiISUPFw+TuhIEiE2OioCwDAyHBCDKFXFEJVOC5PwwDkNPBIhyXIJJA0eBl1DHHJIBwdDExYWGElCZA0ciyGOjwZPR0ImGlWJQwcKBRVJHAiCQhQpKCcPTSokDXZ4QhxdGQkaCAgkIBBqRB0LGyoPDyooG4NEJiGJxiodG6+PKrRJQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMyszk5uRUVlSsrqx0cnTc2tz09vS8vryEgoScnpxERkTU0tTs7uy0trRkZmR8enzk4uT8/vzExsSMioykpqQ0MjSUlpTMzszs6uxcWly0srR0dnTc3tz8+vzEwsSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkMCTcHgydIjIk+DiOBE2p0+piURcIk5opvQhNhAnE2AEgZA4gyiVIXpMFB4hYjSRlEpCR+gSSDY4GV1DBxJJCCRDCxUVGElCDRkCI4qMjicNAhkjQxIaSSRUQiQWEAVJIxwNgh0GAhNTonQSD3gnHmAZCgMgIA4chROhURUPJyUJl1xJEhVgxycIsJYnFAKOQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTExsTk5uRERkSkoqRkZmTU1tSUlpT09vS0srRcXlx0dnSMiozMzszs7uzc3tw0NjRMTkysqqx0cnScnpz8/vy8urwcGhyEhoTMyszs6uxMSkykpqRsamzc2tycmpz8+vxkYmR8fnyMjozU0tT08vTk4uS8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CUcJgKBIjIVIlgShk8qQ1GkEwQGk6oAZMgHkIpReRDYZQAnZTlIVyIUBbSSfhhWE6Xi9CE4FSSJQoOYEMQA0kmXUITICBpSUoOGgeMjpBKGg4HQwNsSCaeQgkKAXpIgSWEDSQOFhqeJgd3eUInYB8gDyUlDwqHIaEpIRVUGhopDheERAMdYJnCF8GAm0lBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSSlHRydBweHMzKzOzq7KyqrNza3Pz6/IyOjLy6vJyanHx6fBwaHISGhMTGxOTm5KSmpFxeXNTW1PT29GxubHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaWQJRwiJIoiEgUZ3NAfSooESiU7GwoTugH1CGSIqhJYRC4cCwj1KEhXHwaJUpGSAqUCBaG8EBIPJILAB4ORAOESBwcQxMPDwhJQiGSHAgjGo+QBiENikIiTUgHoEIdAhQYSZQGYCgEGhAlHF1qHCUDExNCDl0DCAchBgcIcxEiRCUTBigNVCETrEQiE12bKBETxpBCiZBBADs=') center center no-repeat;
}
.caroufredsel_wrapper .kleo-carousel {
background: none;
}
.kleo-carousel-container.dot-carousel {
overflow: visible;
}
.kleo-carousel-container.dot-carousel ul.kleo-carousel {
padding-left: 0;
}
.caroufredsel_wrapper li {
height: auto !important;
visibility: visible !important;
}
.kleo-members-carousel .caroufredsel_wrapper li {
height: auto !important;
}
.kleo-carousel-items {
text-align: center;
margin: 0 auto;
}
.kleo-carousel-items ul {
margin-left: 0;
padding-left:0;
}
.kleo-carousel {
margin: 0;
}
.kleo-carousel li {
float: left;
list-style: none;
height: 0;
visibility: hidden;
}
.kleo-carousel .kleo-video {
min-height: 1px !important;
}
.loop-image img {
width: 100%;
height: auto;
}
.kleo-carousel li article article {
padding-right: 0;
}
.loop-image {
position: relative;
overflow: hidden;
}
.loop-image a, .gallery-container {
position: relative;
}
.loop-image a { display: block;}
.carousel-arrow .carousel-prev,
.carousel-arrow .carousel-next {
position: absolute;
width: 35px;
height: 75px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size : 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-arrow .carousel-prev i,
.carousel-arrow .carousel-next i {
line-height: 75px;
}
.carousel-arrow .carousel-prev {
left: -35px;
top: 44%;
margin-top: -33px;
border-radius: 3px;
}
.carousel-arrow .carousel-next {
right: -35px;
top: 44%;
margin-top: -33px;
border-radius: 3px;
}
.dot-carousel .carousel-arrow .carousel-prev {
margin-left: -5px;
}
.dot-carousel .carousel-arrow .carousel-next {
margin-right: -5px;
}
.kleo-carousel-container:hover .carousel-arrow .carousel-prev {
left : 20px;
color: #fff;
background: rgba(0,0,0,0.1);
}
.kleo-carousel-container:hover .carousel-arrow .carousel-next {
right : 20px;
color: #fff;
background: rgba(0,0,0,0.1);
}
.gallery-container:hover .gal-carrow .carousel-prev {
top : 78%;
background: rgba(0,0,0,0.2);
}
.gallery-container:hover .gal-carrow .carousel-next {
top : 78%;
background: rgba(0,0,0,0.2);
}
.kleo-carousel-container .carousel-arrow .carousel-prev:hover,
.kleo-carousel-container .carousel-arrow .carousel-next:hover,
.kleo-carousel-container .gal-carrow .carousel-prev:hover,
.kleo-carousel-container .gal-carrow .carousel-next:hover {
background: rgba(0,0,0,0.3);
}
.kleo-carousel-features {
text-align: center;
margin: 0 auto;
}
.kleo-carousel-features .caroufredsel_wrapper {
margin-bottom: 0 !important;
}
.kleo-carousel-features img {
/*width: 100%;*/
height: auto;
}
.kleo-carousel-features .kleo-carousel li figure {
text-align: center;
}
.kleo-carousel-features-pager {
padding: 20px 0;
}
/* Carousel Style Overlay */
.kleo-carousel-style-overlay {
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.kleo-carousel-style-overlay li {
height: 100%;
overflow: hidden;
display: none;
}
.kleo-carousel-style-overlay .caroufredsel_wrapper li,
.kleo-carousel-style-overlay li:first-child {
height: 100% !important;
display: inline-block !important;
}
.kleo-carousel-style-overlay li article {
background: #000;
/*height: 100%;*/
}
.kleo-carousel-style-overlay li.format-standard article,
.kleo-carousel-style-overlay li.format-audio article,
.kleo-carousel-style-overlay li.format-quote article,
.kleo-carousel-style-overlay li.format-aside article {
height: 100%;
}
.kleo-carousel-style-overlay .format-image .entry-content,
.kleo-carousel-style-overlay .format-video .entry-content,
.kleo-carousel-style-overlay .format-audio .entry-content,
.kleo-carousel-style-overlay .format-standard .entry-content,
.kleo-carousel-style-overlay .format-quote .entry-content,
.kleo-carousel-style-overlay .format-gallery .entry-content,
.kleo-carousel-style-overlay .format-aside .entry-content {
color: #fff;
left: 0;
padding: 20px;
position: absolute;
right: 0;
top: 0;
z-index: 0;
margin: 10px;
overflow: hidden;
}
.kleo-carousel-style-overlay .format-image .entry-content,
.kleo-carousel-style-overlay .format-standard .entry-content,
.kleo-carousel-style-overlay .format-quote .entry-content,
.kleo-carousel-style-overlay .format-gallery .entry-content,
.kleo-carousel-style-overlay .format-aside .entry-content {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0;
bottom: 0;
}
.kleo-carousel-style-overlay .format-video .entry-content,
.kleo-carousel-style-overlay .format-audio .entry-content{
bottom: 0;
}
.kleo-carousel-style-overlay .post-image img {
width: 100%;
}
.kleo-carousel-style-overlay .post-title.entry-title {
bottom: 30px;
position: absolute;
color: #fff !important;
display: inline-block;
text-overflow: " ... ";
overflow: hidden;
white-space: nowrap;
width: 90%;
margin-bottom: 0;
}
.kleo-carousel-style-overlay hr {
display: none;
}
.kleo-carousel-style-overlay .entry-summary {
display: none;
}
.kleo-carousel-style-overlay .post-title.entry-title a {
color: #fff !important;
font-size: 28px;
}
/*.format-quote.hentry.category-thoughts.post_format-post-format-quote {
background: #000 none repeat scroll 0 0;
position: relative;
}
.kleo-carousel-style-overlay .format-quote .entry-content {
position: relative;
}
.entry-content {
}
.kleo-carousel-style-overlay .format-quote .entry-content .post-title {
bottom: 0;
position: relative;
}
.kleo-carousel-style-overlay .format-quote .entry-content .entry-summary {
bottom: 0;
position: relative;
}*/
/* Carousel Banner Items */
.kleo-banner-slider {
position: relative;
overflow: hidden;
opacity: 0;
}
.kleo-banner-items {
float: left;
height: 0;
}
.kleo-banner-items:first-child {}
.kleo-banner-items article {
position: relative;
float: left;
}
.kleo-banner-items img {
width: 100%;
height: auto;
}
.kleo-banner-slider .carousel-pager {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
}
.kleo-banner-slider .carousel-pager a {
background: rgba(255,255,255, 0.3);
}
.kleo-banner-slider .carousel-pager a.selected {
background: rgba(255,255,255, 1);
}
.kleo-banner-prev,
.kleo-banner-next {
position: absolute;
width: 35px;
height: 46px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-banner-prev {
left: -35px;
top: 50%;
margin-top: -23px;
border-radius: 0 3px 3px 0;
}
.kleo-banner-next {
right: -35px;
top: 50%;
margin-top: -23px;
border-radius: 3px 0 0 3px;
}
.kleo-banner-slider:hover .kleo-banner-prev {
left: 0;
color: #fff;
}
.kleo-banner-slider:hover .kleo-banner-next {
right: 0;
color: #fff;
}
.kleo-banner-slider .kleo-banner-prev:hover,
.kleo-banner-slider .kleo-banner-next:hover {
}
.kleo-banner-prev i,
.kleo-banner-next i {
line-height: 46px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-banner-prev:hover i,
.kleo-banner-next:hover i {
font-size: 26px;
}
.kleo-banner-arrow {}
.kleo-banner-arrow .kleo-banner-prev,
.kleo-banner-arrow .kleo-banner-next {
position: absolute;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
font-size : 14px;
z-index: 9999;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 2px;
}
.kleo-banner-arrow .kleo-banner-prev i,
.kleo-banner-arrow .kleo-banner-next i {
line-height: 30px;
}
.kleo-banner-arrow .kleo-banner-prev {
left: auto;
right: 45px;
top: 93%;
margin-top: -25px;
}
.kleo-banner-arrow .kleo-banner-next {
right: 10px;
top: 93%;
margin-top: -25px;
}
.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-prev {
left: inherit;
}
.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-next {
right: 10px;
}
.kleo-carousel .kleo-banner-items:first-child {
height: 0;
}
/* Carousel Feature Items */
.features-carousel li {
display: block;
float: left;
list-style: none;
text-align: center;
}
.features-carousel img {
height: auto;
}
.features-carousel {}
.features-carousel ul {
margin: 0;
padding: 0;
list-style: none;
}
.features-carousel li {}
/* Carousel Testimonial Items */
.kleo-carousel-testimonials {}
.kleo-carousel-testimonials li {
text-align: center;
padding: 10px 15px;
}
.kleo-carousel-testimonials .testimonial-image {
width: 60px;
height: 60px;
line-height: 60px;
margin: 0 auto;
position: relative;
color: #c8c8c8;
text-align: center;
}
.kleo-carousel-testimonials .testimonial-image:before {
font: 28px 'fontello';
content: "\e854";
position: absolute;
top: 25px;
left: 44px;
margin-left: -24px;
}
.kleo-carousel-testimonials .testimonial-image img {
width: 60px;
height: 60px;
border-radius: 100%;
/*border-width: 5px;
border-style: solid;
border-color: #fff;*/
position: relative;
}
.kleo-carousel-testimonials .testimonial-content {
font-style: italic;
padding: 10px 10px 0;
text-align: center;
/*font-size: 14px;*/
/* v.4.1.9 */
font-size: 18px;
}
.kleo-carousel-testimonials .testimonial-meta {
font-size: 12px;
text-align: center;
}
.kleo-carousel-testimonials .testimonial-name {}
.kleo-carousel-testimonials .testimonial-subtitle {}
/* Carousel pager */
.carousel-pager {
text-align: center;
margin: 0 auto;
}
.carousel-pager a {
text-decoration: none;
text-indent: -999px;
display: inline-block;
overflow: hidden;
width: 6px;
height: 6px;
margin: 0 5px 0 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.carousel-pager a.selected {
text-decoration: underline;
}
/* Carousel Gallery With Thumbs */
.kleo-gallery-image {
position: relative;
overflow: hidden;
}
.kleo-gallery-image > div {
opacity: 0;
}
.kleo-gallery-image > div:first-child {
opacity: 1;
}
.kleo-gallery {
position: relative;
overflow: hidden;
}
.kleo-gallery .kleo-carousel a {
float: left;
text-align: center;
position: relative;
margin: 1px;
}
.kleo-gallery.kleo-single-image .kleo-carousel a {
margin: 0;
}
.kleo-gallery .kleo-carousel a img {
min-width: 100%;
}
.kleo-gallery-image div,
.kleo-gallery-image img,
.kleo-thumbs-animated,
.kleo-thumbs-images,
.kleo-thumbs-animated img,
.kleo-thumbs-images img {
display: block;
width: 100%;
}
.kleo-thumbs-animated.rounded img,
.kleo-thumbs-images.rounded img {
border-radius: 100%;
}
.kleo-gallery-image span {}
.kleo-thumbs-animated a,
.kleo-thumbs-images a {
display: inline-block;
float: left;
position: relative;
/*padding: 5px;*/
margin: 1px;
}
.kleo-gallery .kleo-thumbs-images a { margin: 0;}
.kleo-single-image .kleo-thumbs-animated img {
display: inline-block;
}
.kleo-single-image .caroufredsel_wrapper .kleo-carousel {
text-align: center !important;
}
.kleo-single-image .kleo-carousel {
text-align: center;
/*width: 100% !important;*/
}
.kleo-single-image .kleo-carousel img {
width: auto !important;
}
.one-thumb a,
.one-thumbs a {
/* If not set this will be default thumb width */
width: 100%;
}
.two-thumbs a {
width: 49.9%;
}
.three-thumbs a {
width: 33.3%;
}
.four-thumbs a {
width: 25%;
}
.five-thumbs a {
width: 20%;
}
.six-thumbs a {
width: 16.66%;
}
.seven-thumbs a {
width: 14.2857%;
}
.eight-thumbs a {
width: 12.5%;
}
.nine-thumbs a {
width: 11.1111%;
}
.ten-thumbs a {
width: 10%;
}
.eleven-thumbs a {
width: 9.0909%;
}
.twelve-thumbs a {
width: 8.3333%;
}
.kleo-thumbs-prev,
.kleo-thumbs-next {
position: absolute;
width: 35px;
height: 75px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-thumbs-prev {
left: -35px;
top: 50%;
margin-top: -37px;
border-radius: 0 3px 3px 0;
}
.kleo-thumbs-next {
right: -35px;
top: 50%;
margin-top: -37px;
border-radius: 3px 0 0 3px;
}
.kleo-gallery:hover .kleo-thumbs-prev {
left: 0;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.kleo-gallery:hover .kleo-thumbs-next {
right: 0;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.kleo-gallery .kleo-thumbs-prev:hover,
.kleo-gallery .kleo-thumbs-next:hover {
background: rgba(0, 0, 0, 0.3);
}
.kleo-thumbs-prev i,
.kleo-thumbs-next i {
line-height: 75px;
}
/* Thumbs ofer preview image */
.thumbs-over-img > .wpb_wrapper {
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.thumbs-over-img h2 {
font-size: 16px;
letter-spacing: 0.03em;
margin: 30px 0;
}
.thumbs-over-img .kleo-gallery-container {
position: relative;
overflow: hidden;
transition: box-shadow 0.4s;
}
.thumbs-over-img .kleo-gallery-container:hover {
box-shadow: 0 12px 42px 12px rgba(0,0,0,0.08);
}
.thumbs-over-img .kleo-gallery {
position: absolute;
overflow: hidden;
transform: translateY(-100%);
z-index: 100;
opacity: 0;
transition: opacity 0.4s;
width: 100%;
}
.thumbs-over-img .kleo-gallery-container:hover .kleo-gallery {
opacity: 1;
}
.thumbs-over-img .kleo-gallery-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 100;
transition: background 0.4s;
pointer-events: none;
}
.thumbs-over-img .kleo-gallery-container:hover:before {
background: rgba(255,255,255,0.3);
}
.thumbs-over-img .kleo-gallery-image {
//max-height: 360px;
//max-width: 540px;
margin: auto !important;
position: relative !important;
}
.thumbs-over-img .kleo-gallery-image img {
transition: transform 0.4s;
}
.thumbs-over-img .kleo-gallery-image:hover img {
transform: scale(1.05);
}
.thumbs-over-img .kleo-carousel-container {
//max-width: 540px;
margin: auto;
}
.thumbs-over-img .caroufredsel_wrapper {
margin: 0 !important;
}
/* Carousel Gallery Grid */
.kleo-gallery-grid {}
.kleo-gallery-grid ul.kleo-isotope {
padding: 0;
list-style: none;
clear: both;
float: left;
margin: 0;
position: relative;
width: 100.4%;
}
.kleo-gallery-grid .kleo-isotope .isotope-item {
display: inline-block;
float: left;
overflow: hidden;
}
.kleo-gallery-grid .kleo-isotope .isotope-item:last-child {}
.kleo-gallery-grid .kleo-isotope .isotope-item img {
width: 100%;
}
.kleo-small-gap.kleo-gallery-grid .kleo-gallery-inner { margin-bottom: 1px;margin-right: 1px; position: relative; }
.kleo-large-gap.kleo-gallery-grid .kleo-gallery-inner { margin-bottom: 10px;margin-right: 10px; position: relative; }
.kleo-small-gap.kleo-gallery-grid {
padding: 1px 0 0 1px;
}
.kleo-gallery-grid .kleo-gallery-inner {
display: inline-block;
//width: 100%;
/* v.4.1.9 */
width: auto; /* If we put 100% than gap will not work correctly */
}
.kleo-large-gap.kleo-gallery-grid {
padding: 10px 0 0 10px;
}
.kleo-masonry-item,
.kleo-isotope > li {float:left;}
.kleo-masonry .entry-summary {
word-wrap: break-word;
}
.kleo-masonry-item,
.kleo-isotope > li {width:33.3%; }
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li {width:24.9%;}
.template-page.col-sm-12 .section-container.container-full .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {width:16.6%;}
@media (min-width: 992px) {
.navbar-transparent .navbar-nav .dropdown-menu li a {
color: #fff !important;
}
}
@media (min-width: 1440px) {
.kleo-isotope > .kleo-masonry-item,
.kleo-isotope > li {
width: 33.3%;
}
.template-page.col-sm-12 .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li {width:24.9%;}
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {width:16.6%;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.kleo-isotope > .kleo-masonry-item,
.kleo-isotope > li { width:33.3%; }
.template-page.col-sm-12 .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {width:24.9%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width:33.3%;
}
.col-sm-9 .kleo-isotope > li,
.col-sm-9 .kleo-masonry-item,
.col-sm-6 .kleo-isotope > li,
.col-sm-6 .kleo-masonry-item{width:49.9%;}
}
@media (max-width: 991px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width:49.9%
}
}
@media (min-width: 480px) and (max-width: 767px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 49.9%;
}
}
@media screen and (max-width: 480px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width:100% !important;
}
}
/* Bootstrap Carousel */
.container-section {}
.container-section {}
.carousel-inner {}
.carousel-inner .item{}
.carousel-caption h3 { color: #fff; }
.carousel-body {}
/* -----------------------------------------
08. Single image
----------------------------------------- */
img {
height: auto;
}
.wpb_single_image img {
height: auto;
max-width: 100%;
}
/* -----------------------------------------
11. Progress bar
----------------------------------------- */
.kleo-transform .vc_bar.animated {
opacity: 1;
}
/* -----------------------------------------
Client Logos
----------------------------------------- */
.client-wrapper {
text-align: center;
}
.client {
display: inline-block;
width: 183px;
margin: 0 10px 20px;
}
.client:hover img {
opacity: 0.8;
}
.client a, .b-client img {
display: block;
}
.client img {
max-width: 100%;
opacity: 0.3;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
/* -----------------------------------------
Isotope
----------------------------------------- */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/* -----------------------------------------
iSotope Posts
----------------------------------------- */
/*.isotope-item {
width:100%;
}*/
.post-item {
/*background: #fff;*/
padding: 10px;
}
.grid-posts {
clear: both;
}
.grid-posts .format-quote .inner-content,
.grid-posts .format-link .inner-content,
.grid-posts .format-status .inner-content,
.grid-posts .format-aside .post-header,
.grid-posts .format-standard .post-header {
padding: 10px;
border-bottom: none;
}
.grid-posts .format-aside .post-header:before,
.grid-posts .format-standard .post-header:before {
content: none;
}
.grid-posts .entry-summary {
word-wrap: break-word;
}
.format-quote .post-title,
.format-quote .inner-content > h3 {
margin-bottom: 20px;
font-style: italic;
}
.post-image {}
.post-audio {}
#widget .widgetContainer.g-box-full {
border-radius: 0 !important;
box-shadow: none !important;
}
.post-header {
padding: 20px 10px 0;
position: relative;
}
.post-header:before {
/*width: 6px;
height: 6px;
display: block;
content: ' ';
z-index: 9999;
position: absolute;
top: -6px;
left: 50%;
margin-left: -3px;
border-top: 0;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-bottom-style: solid;
border-bottom-width: 6px;*/
/*border-color: #fff;*/
}
.post-title {
margin-bottom: 0;
}
.post-meta {}
.post-info {
/*background: #fff;*/
padding: 0 10px 20px;
}
.post-footer {
padding: 10px;
display: inline-block;
width: 100%;
}
/* -----------------------------------------
Callout Blockquote
----------------------------------------- */
.callout-blockquote {
margin: 20px 0;
text-align: left;
}
.callout-blockquote blockquote p {
font-size: 14px;
font-weight: 300;
/*line-height: 20px;*/
padding-left: 30px;
position: relative;
}
.callout-blockquote blockquote p:before {
font: 20px 'fontello';
content: "\e854";
position: absolute;
left:0;
}
.callout-blockquote blockquote {
position: relative;
border-style: solid;
border-width: 1px;
border-radius: 4px;
padding: 30px 25px 30px 30px;
font-style: italic;
background: transparent !important;
}
.callout-blockquote figcaption {
margin: 12px 0 0 50px;
}
.callout-blockquote figcaption p {
margin-bottom: 0;
}
.callout-blockquote.dark blockquote {
background: #454951;
border-color: #454951;
color: #FFF;
}
.callout-blockquote blockquote:after,
.callout-blockquote blockquote:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right: none;
}
.callout-blockquote blockquote:after {
border-color: rgba(247, 247, 247, 0);
border-width: 18px;
left: 0;
margin-left: 25px;
border-top-color: transparent !important;
}
.callout-blockquote blockquote:before {
border-color: rgba(239, 239, 239, 0);
border-width: 20px;
left: 0;
margin-left: 24px;
}
.callout-blockquote.dark blockquote:after,
.callout-blockquote.dark blockquote:before {
border-color: rgba(51,51,51,0);
border-top-color: blue;
}
// Starred Blockquote
.kleo-testimonials.starred {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
&.vcenter-content {
.callout-blockquote {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction:column;
-webkit-flex-direction:column;
flex-direction:column;
-ms-flex-align:center;
-webkit-align-items:center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
}
.starred .callout-blockquote {
&.light {
background-color: #fff;
padding: 30px;
margin: 2% 0;
-webkit-box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction:column;
-webkit-flex-direction:column;
flex-direction:column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
width: 48%;
&:first-child {
//margin-left: 0;
}
&:nth-child(2n+1) {
margin-right: 4%;
//float: left;
}
&:nth-child(2n+2) {
//float: right;
}
}
& blockquote {
border: none;
padding: initial;
.rating-stars {
margin-bottom: 30px;
display: block;
}
.rating-stars .icon {
color: #F5A623;
font-size: 18px;
}
p {
font-family: "Open Sans", sans-serif;
font-weight: 500;
font-style: normal;
padding-left: 0;
margin-bottom: 20px;
&:last-child { margin-bottom: 0; }
&::before {
position: relative;
font-size: 26px;
margin-bottom: 20px;
display: none;
}
}
&::before {
border: none;
}
}
& figcaption {
margin: 0 0 20px;
font-weight: 100;
& br {
display: none;
}
}
}
/* -----------------------------------------
Default Blockquote
----------------------------------------- */
blockquote {
padding: 10px 20px;
margin: 20px 0;
border-left-style: solid;
border-left-width: 5px;
display: inline-block;
.rating-stars {
display: none;
}
}
blockquote p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin: 0;
}
blockquote h6 {
margin-top: 0;
}
blockquote cite {
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: block;
}
/* -----------------------------------------
Before & After - Twentytwenty plugin
----------------------------------------- */
.twentytwenty-container {
position: relative;
z-index:99999;
}
.twentytwenty-container img {
display: block;
position: absolute;
top: 0;
width: 100%;
}
/* -----------------------------------------
Lists
----------------------------------------- */
.container .wpb_wrapper li {
text-align: left;
}
.fontelo-list {
padding-left: 0;
list-style: none;
}
.fontelo-list li {
padding-left: 2.6em;
padding-bottom: 5px;
}
.fontelo-list i {
font-weight: normal;
font-style: normal;
margin-left: -2.8em;
width: 2.4em;
display: inline-block;
text-align: center;
}
.fontelo-list.list-icon-large li {
padding-left: 2.4em;
}
.fontelo-list i {
font-family: 'fontello';
}
.list-divider li:first-child,
.list-divider.dashed li:first-child {
border-top: none;
}
.list-divider li {
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 5px;
padding-top: 4px;
}
.list-divider.dashed li {
border-top-style: dashed;
}
.standard-list,
.ordered-list {
padding-left: 0;
list-style: none;
}
.standard-list i,
.ordered-list i,
.list-unstyled i {
display: none;
}
.standard-list li:before {
font: 1.7em/1em "fontello";
content: "\e976";
display: inline-block;
float: left;
margin-right: 10px;
}
.standard-list li:after {
display: table;
content: ' ';
clear: both;
}
.ordered-list {
counter-reset: my-badass-counter;
}
.ordered-list li:before {
border-radius: 9px;
content: counter(my-badass-counter, decimal);
counter-increment: my-badass-counter;
display: inline-block;
float: left;
text-align: center;
font-size: 11px;
line-height: 18px;
margin-right: 6px;
margin-left: -1.8em;
width: 18px;
height: 18px;
background: #777;
color: #fff;
}
.ordered-list.colored-icons li:before {}
.ordered-list li {
padding-left: 1.8em;
}
.ordered-list.upper-roman li:before {
content: counter(my-badass-counter, upper-roman);
}
.list-icon-large i {
font-size: 1.3333333333333333em;
}
.shadow-icons i {
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.dl-horizontal dd,
.dl-default dd {
margin-bottom: 20px;
}
.dl-horizontal dd ul {
margin-bottom: 0;
}
.dl-default dd {}
.one-by-one-animated li {
list-style-type: none;
}
/* -----------------------------------------
Tabs & Pills
----------------------------------------- */
.nav > li > a:hover, .nav > li > a:focus {}
/* Tabs */
.nav-tabs,
.nav-pills {
position: relative;
}
.nav-tabs {}
.tab-content > .tab-pane {
padding: 30px 0 0; /* TEMPORAR */
}
.nav-tabs > li > a {
margin-right: -1px;
border-radius: 0;
font-size: 16px;
font-weight: 300;
}
.nav-tabs > li.active > a {}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
transition: all 0.2s ease 0s;
}
/* Tabs Square Style */
.tabs-style-square {}
.tabs-style-square > li { }
.tabs-style-square > li > a {
margin-top: 4px;
padding-bottom: 6px;
padding-top: 6px;
line-height: 2.0825;
}
.tabs-style-square > li.active > a,
.tabs-style-square > li.active > a:hover,
.tabs-style-square > li.active > a:focus {
border-bottom-color: transparent !important;
}
.tabs-style-square .tabdrop > a {
background-color: transparent;
border-color: transparent;
}
.tabs-style-square .tabdrop > a:hover,
.tabs-style-square .tabdrop > a:focus,
.tabs-style-square .tabdrop.open > a {}
/* Tabs Default Style */
.kleo-tabs .tabs-style-default .tabdrop .dropdown-menu {
margin-top: 2px;
}
.tabs-style-default > li > a {
border-top: 2px solid transparent;
}
.tabs-style-default > li.active > a,
.tabs-style-default > li.active > a:hover,
.tabs-style-default > li.active > a:focus {
border-top-style: solid;
border-top-width: 2px;
border-bottom-color: transparent !important;
}
/* Tabs Line Style */
.kleo-tabs .tabs-style-line .tabdrop .dropdown-menu {
margin-top: 2px;
}
.tabs-style-line {}
.tabs-style-line > li {
margin-bottom: -1px;
}
.tabs-style-line > li > a {
border: none;
padding-left: 0;
padding-right: 0;
margin: 0 15px;
border-bottom: 2px solid transparent;
}
.tabs-style-line > li > a:hover {
background-color: transparent;
}
.tabs-style-line .tabdrop > a {
margin: inherit;
padding: 10px 15px;
}
.tabs-style-line > li.active > a,
.tabs-style-line > li.active > a:hover,
.tabs-style-line > li.active > a:focus {
border: none;
border-bottom-style: solid;
border-bottom-width: 2px;
background-color: transparent;
}
.nav-tabs.tabs-centered {
text-align: center;
}
.nav-tabs.tabs-centered li {
float: none; /* TEMPORAR */
display: inline-block; /* TEMPORAR */
}
.custom-color .kleo-tabs .tabs-style-line li.active > a {
background: transparent !important;
border-color: inherit !important;
opacity: 0.8;
}
.custom-color .kleo-tabs .tabs-style-line li > a {
color: inherit !important;
}
/* Tabs Line Style */
.kleo-tabs .tabs-style-text {}
.kleo-tabs .nav-tabs.tabs-style-text {
border-bottom-color: transparent;
& > li > a {
padding: 0 0 15px 0;
margin: 15px;
border-width: 0 0 3px 0;
border-color: transparent;
color: #00B9F7;
font-family: "Open Sans",sans-serif;
font-size: 13px;
letter-spacing: 0.75px;
font-weight: 600;
}
& > li.active > a,
& > li.active > a:hover,
& > li.active > a:focus,
& > li > a:hover {
background: transparent;
border-width: 0 0 3px 0;
border-color: transparent transparent #00B9F7 transparent;
}
}
// Tabs Simple Upper Style
.kleo-tabs .tabs-style-simple-upper .tabdrop .dropdown-menu {
margin-top: 3px;
}
.kleo-tabs .nav-tabs.tabs-style-simple-upper {
border-color: transparent;
}
.tabs-style-simple-upper > li {
margin-bottom: -1px;
}
.tabs-style-simple-upper > li > a {
font: 400 14px 'Open Sans', sans-serif !important;
text-transform: uppercase;
letter-spacing: 0.03em;
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 30px;
margin: 0 15px;
border-bottom: 3px solid transparent;
}
.tabs-style-simple-upper > li > a:hover {
background-color: transparent;
}
.tabs-style-simple-upper .tabdrop > a {
margin: inherit;
padding: 10px 15px;
}
.tabs-style-simple-upper > li.active > a,
.tabs-style-simple-upper > li.active > a:hover,
.tabs-style-simple-upper > li.active > a:focus {
border: none;
border-bottom-style: solid;
border-bottom-width: 3px;
background-color: transparent;
}
.custom-color .kleo-tabs .tabs-style-simple-upper li.active > a {
background: transparent !important;
border-color: inherit !important;
opacity: 0.8;
}
.custom-color .kleo-tabs .tabs-style-simple-upper li > a {
color: inherit !important;
}
/* Pills */
.nav-pills {}
.nav-pills > li {}
.nav-pills > li > a {
border-radius: 0;
border-style: solid;
border-width: 1px;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-size: 16px;
font-weight: 300;
}
.nav-pills > li > a > i {
margin: 0 10px;
}
.nav-pills > li + li {
margin-left: -1px;
}
.nav-pills > li.active > a {}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
border-style: solid;
border-width: 1px;
}
.pills-style-square .tabdrop {}
.pills-style-square {}
.nav-pills.tabs-centered {
text-align: center;
}
.nav-pills.tabs-centered li {
float: none; /* TEMPORAR */
display: inline-block; /* TEMPORAR */
}
.pills-style-ghost {}
.main-color .nav-pills.pills-style-ghost > li.active a {
background: rgba(255,255,255,0.1) !important;
}
.main-color .nav-pills.pills-style-ghost > li.active a:hover {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255, 0.1);
}
.main-color .nav-pills.pills-style-ghost > li a:hover {
background: rgba(255,255,255,0.1);
}
.main-color .nav-pills.pills-style-ghost > li.active a,
.main-color .nav-pills.pills-style-ghost > li > a {
border: 1px solid rgba(255,255,255, 0.1) !important;
color: #fff;
padding: 12px 20px;
}
/* All tabdrop */
.kleo-tabs .tabdrop .dropdown-menu {
border-style: solid;
border-width: 1px;
margin-top: 1px;
}
.kleo-tabs .tabdrop .dropdown-menu li {
float: none;
width: 100%;
text-align: left;
font-size: 12px;
}
.kleo-tabs .tabdrop .dropdown-menu li a {
padding: 0 10px;
height: 33px;
line-height: 33px;
font-size: 12px;
}
.kleo-tabs .tabdrop .dropdown-menu li.current a {}
.kleo-tabs .tabdrop .dropdown-menu li a span {
left: inherit;
top: 6px;
right: 10px;
display: inline-block;
}
.kleo-tabs .tabdrop .dropdown-menu li.current a {}
.kleo-tabs .tabdrop .dropdown-menu li a span {
box-shadow: none;
}
/* Temporar for tabdop */
.kleo-tabs .tabdrop .dropdown-menu {
text-align: left;
}
.kleo-tabs .tabdrop > a.dropdown-toggle,
.kleo-tabs .tabdrop > a.dropdown-toggle:hover,
.kleo-tabs .tabdrop > a.dropdown-toggle:focus {
border-color: transparent;
background: transparent;
}
.kleo-tabs .nav .open > a.dropdown-toggle,
.kleo-tabs .nav .open > a.dropdown-toggle:hover,
.kleo-tabs .nav .open > a.dropdown-toggle:focus {
/*border-color: #e5e5e5;*/
}
.kleo-tabs .tabdrop:before {
font: 120% "fontello";
content: "\e97c";
display: block;
text-align: center;
transition: all 0.4s ease-in-out 0s;
position: absolute;
top: 20px;
left: 12px;
z-index: 12;
pointer-events:none;
}
/* Specific tabdrop */
.kleo-tabs .nav-pills .tabdrop:before,
.kleo-tabs .tabs-style-line .tabdrop:before {
top: 12px;
}
.kleo-tabs .tabs-style-default .tabdrop:before {
top: 15px;
}
.kleo-tabs .tabs-style-line .tabdrop .dropdown-menu {
}
.kleo-tabs .nav-pills .tabdrop .dropdown-menu {
}
.kleo-tabs .tabs-style-default .tabdrop.pull-right > .dropdown-menu,
.kleo-tabs .tabs-style-square .tabdrop.pull-right > .dropdown-menu {
right: -1px;
}
/* Tour section */
.wpb_tour .nav-tab {
float: left;
width: 31.6667%;
}
.wpb_tour.pos-right .nav-tab {
float: right;
}
.wpb_tour .nav-tab li {
clear: left;
margin: 0 0 1px;
width: 100%;
}
.wpb_tour .tab-content {
border: none;
box-sizing: border-box;
float: left;
padding: 0 0 0 21.7391px;
width: 68.3333%;
}
.wpb_tour .tab-content > .tab-pane {
padding: 0;
}
.wpb_tour .tab-pane .kleo_text_column:first-child p:first-child {
margin-top: 0;
}
.wpb_tour_next_prev_nav {
padding-top: 10px;
}
.wpb_tour .wpb_tour_next_prev_nav span {
float: none;
width: auto;
}
@media (max-width: 767px) {
.wpb_tour .nav-tab,
.wpb_tour .tab-content {
float: none;
width: 100%;
}
}
/* -----------------------------------------
Accordion & Toggle
----------------------------------------- */
/* Default panel theme*/
.panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-default {}
.panel-default > .panel-heading {}
.panel-heading {
border-radius: 0;
}
.panel-group .panel-heading,
.panel-toggle .panel-heading {
border-bottom: 0;
}
.panel-default .panel-title {
font-size: 13px;
font-weight: bold;
}
.panel-default .panel-title a {}
.panel .icon-closed,
.panel .icon-opened {}
.panel-group .panel,
.panel-toggle.panel {
border-radius: 0;
}
.panel-toggle.panel {
margin-bottom:0;
}
.wpb_wrapper .panel + .panel {
margin-top: 5px;
}
.panel-title h1,
.panel-title h2,
.panel-title h3,
.panel-title h4,
.panel-title h5,
.panel-title h6,
.panel-title p {
margin: 0;
}
/* Kleo panel theme*/
.panel-kleo,
.panel-kleo .panel {}
.panel-kleo > .panel-heading,
.panel-kleo .panel > .panel-heading {}
.panel-kleo .panel-heading + .panel-collapse .panel-body {}
.panel-group .panel-kleo + .panel {
margin-top: 0;
}
.panel-kleo .panel-title {
font-weight: 500;
font-size: 18px;
}
.panel-kleo .panel-title a {}
.panel-kleo .panel-title a b {
font-weight: normal;
}
.panel-kleo .icon-closed,
.panel-kleo .icon-opened {}
.panel.icons-to-left .icon-closed,
.panel.icons-to-left .icon-opened,
.panel-group.icons-to-left .icon-closed,
.panel-group.icons-to-left .icon-opened{
float: left;
margin-right: 20px;
}
.panel.icons-to-right .icon-closed,
.panel.icons-to-right .icon-opened,
.panel-group.icons-to-right .icon-closed,
.panel-group.icons-to-right .icon-opened{
float: right;
margin-left: 20px;
}
/* Google Maps */
.wpb_gmaps_widget .wpb_map_wraper iframe {
margin-bottom: 0;
padding: 0;
display: block;
width: 100%;
border: none;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
/* Knowledgebase Category Listing style */
h4.kb-section-name {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px;
}
h4.kb-section-name i.icon {
margin-right: 10px;
}
.kb-wall-list, .kb-archive-listing {
list-style: none;
padding:0;
margin:0 0 30px 0;
}
.kb-wall-list > li, .kb-archive-listing > li {
margin-bottom: 10px;
}
.kb-archive > div:nth-child(3n+1){
clear:both;
}
.kb-wall-list i.icon {
margin-right: 5px;
}
.kb-view-more {
margin-top: 10px;
}
.kb-view-more a.btn-default {
background: transparent;
}
.kb-archive-listing li {
margin-bottom:25px;
}
.kb-archive-listing h2{
font-size:20px;
}
.kb-archive-listing h2 i.icon{
margin-right: 10px;
font-size:18px;
}
/* Disable all animations on all devices */
.disable-all-animations .animated.animate-when-visible,
.disable-all-animations .animated.animate-when-almost-visible,
.disable-all-animations .one-by-one-animated .el-appear,
.disable-all-animations .multi-columns-row .one-by-one-animated .el-appear,
.disable-all-animations .kleo-transform .kleo-thumbs-animated.th-appear img,
.disable-all-animations .el-appear,
.disable-all-animations .multi-columns-row .el-appear,
.disable-all-animations .one-by-one-animated .start-animation .el-appear,
.disable-all-animations .kleo-thumbs-animated.th-appear img.start-animation,
.disable-all-animations .start-animation .el-appear,
.disable-all-animations .start-animation.el-appear,
.disable-all-animations .one-by-one-animated .el-fade,
.disable-all-animations .kleo-thumbs-animated.th-fade img,
.disable-all-animations .el-fade,
.disable-all-animations .one-by-one-animated .start-animation .el-fade,
.disable-all-animations .kleo-thumbs-animated.th-fade img.start-animation,
.disable-all-animations .start-animation.el-fade,
.disable-all-animations .pulsate,
.disable-all-animations .cul
{
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.disable-all-animations .el-zero-fade {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
/* Disable all animations on mobile only */
@media (max-width: 767px) {
.disable-all-animations-on-mobile .animated.animate-when-almost-visible,
.disable-all-animations-on-mobile .animated.animate-when-visible,
.disable-all-animations-on-mobile .one-by-one-animated .el-appear,
.disable-all-animations-on-mobile .multi-columns-row .one-by-one-animated .el-appear,
.disable-all-animations-on-mobile .kleo-transform .kleo-thumbs-animated.th-appear img,
.disable-all-animations-on-mobile .el-appear,
.disable-all-animations-on-mobile .multi-columns-row .el-appear,
.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-appear,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-appear img.start-animation,
.disable-all-animations-on-mobile .start-animation .el-appear,
.disable-all-animations-on-mobile .start-animation.el-appear,
.disable-all-animations-on-mobile .one-by-one-animated .el-fade,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img,
.disable-all-animations-on-mobile .el-fade,
.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-fade,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img.start-animation,
.disable-all-animations-on-mobile .start-animation.el-fade,
.disable-all-animations-on-mobile .start-animation.el-zero-fade,
.disable-all-animations-on-mobile .pulsate,
.disable-all-animations-on-mobile .cul
{
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.disable-all-animations-on-mobile .el-zero-fade {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
}
.sq-full-width { width: 100% }
/* Vertical separator */
.vertical-separator {
border-left:1px solid #ff5e5e;
padding-left:30px;
position:relative;
margin-left:8px;
}
.vertical-separator.vertical-dark {
border-left:1px solid #312634;
}
.vertical-separator:before {
content:"";
width:5px;
height:5px;
border-radius:50%;
background:#ff5e5e;
display:block;
position:absolute;
top: -15px;
left: -3px;
}
.vertical-separator.vertical-dark:before {
background:#312634;
}
.vertical-separator:after {
content:"";
width:5px;
height:5px;
border-radius:50%;
background:#ff5e5e;
display:block;
position:absolute;
bottom: -15px;
left: -3px;
}
.vertical-separator.vertical-dark:after {
background:#312634;
}
.kleo-open-href{
cursor: pointer !important;
}
/* -----------------------------------------
Box Shadow
----------------------------------------- */
.box-shadow/*,
.box-shadow .vc_single_image-wrapper*/ {
-webkit-box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);
}
// Temporar
.relative-image.wpb_single_image img {
position: relative;
z-index: 10;
}