Current File : /home/aventura/www/site/wp-content/themes/kleo-child/style.css |
/*
Theme Name: Kleo Child
Theme URI:
Description: Child theme for Kleo
Author: SeventhQueen
Author URI: http://seventhqueen.com
Template: kleo
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/
/*
* Please add your custom styles below
*/
.font-green {
color: #00ea6d !important;
font-family: houseslant !important;
}
/*
* Empieza Media Query 768
*/
@media (min-width: 768px) and (max-width: 1024px) {
.anotate-gif {
position: absolute;
bottom: 18%;
width: 100%;
z-index: 1;
right: -9%;
transform: scale(0.5);
}
}
@media (max-width: 768px) {
.article-content .container-wrap {
background-attachment: scroll !important;
}
/*
*Anotate Section
*/
/*
.anotate-bkg {
min-height: 320px !important;
background-size: contain;
}*/
.anotate-gif {
position: absolute;
bottom: -20%;
width: 100%;
z-index: 1;
right: -24%;
transform: scale(0.2);
display: none;
}
/*
*Destinos Section
*/
.atr {
text-align: center;
-webkit-transform: rotate(0deg) !important;
-moz-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
margin-top: 30px !important;
}
.atr-ciudades {
font-size: 50px;
}
.counter-main{
display: none;
}
.atr-donut {
transform: scale(0.5) rotate(90deg);
}
}
/*
* Termina Media Query 768
*/
/*
* Empieza Estilos Desktop
*/
/*
* Slider Principal
*/
.hesperiden.tparrows {
background: none !important;
}
.hesperiden.tparrows:before{
font-family: houseslant !important;
font-size: 110px;
}
.hesperiden.tparrows.tp-leftarrow:before {
content: "<";
text-shadow: 2px 4px #000;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.hesperiden.tparrows.tp-rightarrow:before {
content: ">";
text-shadow: 2px 4px #000;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
/*
* Anotate Principal
*/
.anotate-hoy {
position: absolute;
bottom: 5%;
width: 100%;
}
.anotate-gif {
position: absolute;
bottom: 22%;
width: 100%;
z-index: 1;
right: 3%;
transform: scale(0.6);
}
/*
* Posts Widget
*/
.posts-excerpt {
font-weight: 600;
}
/*
* ATR Section
*/
.kleo-transform .animated.start-animation.left-to-right, .popover.left, .tooltip.left {
-webkit-animation: kleo-ltr 1.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-animation: kleo-ltr 1.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: kleo-ltr 1.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: kleo-ltr 1.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.atr {
text-align: center;
-webkit-transform: rotate(271deg);
-moz-transform: rotate(271deg);
-o-transform: rotate(271deg);
margin-top: 190px;
}
.atr-ciudades {
font-size: 40px !important;
line-height: 40px !important;
}
.newsletter-input{
margin-top: 30px !important;
border: 1px solid #00ea6d !important;
}
.wpcf7-form {
margin-top: -25px !important;
}
#wpcf7-f127-p2-o1 > form > div.input-group > span.input-group-btn > input {
content:"YEAH!";
background-color: #00ea6d !important;
border-color: #00ea6d !important;
color: #fff;
}
#wpcf7-f127-p2-o1 > form > div.input-group > span.input-group-btn > input:hover {
background-color: #000 !important;
color: #00ea6d;
border-color: #000 !important;
}
/*
* Conocenos
*/
.hover-text-conocenos {
z-index: 2;
}
/*
* Footer & Socket
*/
#socket {
font-size: 12px;
font-weight: normal;
}
.footer-menu-item {
font-size: 15px !important;
color: #444444 !important;
text-decoration: none !important;
font-weight: bold;
}
/*
* Estilos Contact Form 7
*/
.wpcf7 textarea.wpcf7-textarea {
width: 100%;
}
.wpcf7-form-control {
border: 1px solid #00ea6d !important;
padding-left: 20px !important;
}
#wpcf7-f6-p17-o1 > form > div.row > div.col-sm-12 > input{
background-color: #000 !important;
color: #00ea6d;
border-color: #000 !important;
margin-top: 15px;
}
#wpcf7-f6-p17-o1 > form > div.row > div.col-sm-12 > input:hover{
background-color: #00ea6d !important;
color: #fff;
border-color: #00ea6d !important;
}
.counter-main {
position: absolute !important;
bottom: 10% !important;
width: 100% !important;
}
.c-3po-dashboard {
border: none !important;
background: none !important;
box-shadow: none !important;
-webkit-box-shadow:none !important;
font-family: Houseslant;
}
.c-3po-dash{
border: none !important;
color: white;
background: transparent !important;
padding-left: 15px !important;
margin-left: 15px !important;
}
.c-3po-dash_title {
color: #fff !important;
font-size: 32px !important;
top: -10px !important;
position: static !important;
}
.c-3po-digit {
font: bold 60pt houseslant !important;
color: #fff !important;
text-shadow: none !important;
width: 50px !important;
margin-right: -15px;
}
.c-3po-seconds_dash{
display: none;
}
.c-3po-days_dash .c-3po-dash_title,
.c-3po-hours_dash .c-3po-dash_title{
padding-left: 20px;
}
/*
* Termina Estilos Desktop
*/