/* Theme Name: Beetle Pro Child Theme Theme URI: http://mokaine.com/ Author: Mokaine Author URI: http://mokaine.com/ Description: A powerful WordPress Theme for Designers, Photographers and Storytellers. Version: 1.0.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: beetle-pro Beetle is crafted from Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Written by Pasquale Vitiello (pasqualevitiello@gmail.com) */ @import url("../beetle-pro/style.css"); a { text-decoration: none; border-bottom:none; } .portfolio-section ul.cats li.active{ text-decoration:underline; } body{background: #FFF;} .espacio-ballo{margin-top: 100px!important;} .portfolio-section ul.cats{font-size: 12px;} .intro-right{width: 55%!important;} .caption-left{width: 40%!important;} header.fixed-header.transparent.light .site-title img {content: url('http://www.ballorebora.com/img/logo-negro.png');} /*.has-intro header.transparent .site-title img {content: url('../../../img/logo-negro.png');}*/ #brand{z-index: 999; margin-left: 8%;} .has-intro header.skrollable-before .site-title img {content: url('http://www.ballorebora.com/img/logo.png')!important;} .no-intro #brand a img#default-logo {content: url('http://www.ballorebora.com/img/logo-negro.png');} #menu-toggle { /*display: block;*/ color: #FFF; } #main{background: #FFF;} header.fixed-header, .no-parallax header{ /*background: transparent!important;*/ -webkit-box-shadow: none!important; -moz-box-shadow: none !important; box-shadow: none!important; } #menu-toggle i{background: #080808!important; padding: 0 20px;} /*#site-navigation {display: none!important;}*/ .row-content.buffer, .row-content.buffer-left {padding-left: 4%; padding-right: 4%;} .photocaption {right: auto; width: 250px; text-align: center; margin-left: 800px; bottom: 0px;} .titulo_biografia {font-size: 2.669em; line-height: 0.7em; font-weight: 200; letter-spacing: -3px;} .txt-piezas{width: 300px; text-align: center; margin-top: -30px;} .intro-item {background: url(http://www.ballorebora.com/img/bg.png) left ; background-size: cover;} .biografia { padding: 0px 60px 40px 80px; } .biografia p { padding: 40px 20px 40px 0px; font-size: 12px; line-height: 28px; letter-spacing: 2px; text-align: justify;} .madera{background: url(http://www.ballorebora.com/img/madera.png) no-repeat left; background-position: 30% 0%; width: 100%; height: 152px; float: left; margin-top: -100px; z-index: 100; height: 150px; } .madera-header{background: url(http://www.ballorebora.com/img/madera-grande.png) no-repeat left; background-position: 32% 30%; width: 100%; position: absolute; height: 152px; float: left; margin-top: -40px; z-index: -1; height: 150px; } .txt_volver a{ font-size: 12px; font-family: Montserrat!important; color:#333; font-weight: bold; margin-left: 8%; border:none;} .txt_fecha{margin-left: 16%;} .one_half{clear: none; padding-right: 0.5em; box-sizing: border-box;} .last_column{padding-left:0.5em; padding-right: 0px;} .down{background: url(http://www.ballorebora.com/img/down.png) no-repeat left; width: 81px; height: 81px; margin: auto; display: block; cursor: pointer; } .down:hover{opacity: 0.7;} .espacio-down{ width: 100%; height: 122px; margin: 30px 0px; float: left; text-align: center; font-size: 12px; font-weight: bold;font-family: Montserrat; } .madera-grande{ background: url(http://www.ballorebora.com/img/madera-grande.png) no-repeat left; background-position: 25% 0%; position: absolute; top:540px; width: 100%; height: 170px; z-index: 999; } .content-column{ clear: none!important; } #intro .intro-mockup.intro-right img{max-width: 40em;} .entry-content .content-column{margin-right: 0px; font-size: 12px; } .entry-content .content-column p{margin-bottom: 30px;} .single #main .hentry h1{width: 40%; clear: both; margin-left: 8%; box-sizing: border-box; font-size: 52px; line-height: 52px;} /*.column{margin-right: 0px;}*/ .entry-content img{float: left;} .portfolio-section ul.cats{margin-top: -30px;} /*ANCHO DEL GRID*/ .column.three, .column.fourth{width: 25%;} .grid-items .item{margin-bottom: 10px;} .espacio{ width: 100%; height: 122px; float: left;} .tipo2 {background: url(http://www.ballorebora.com/img/bg3.png) no-repeat left center!important ;} .bloques-info{background: url(http://www.ballorebora.com/img/bg2.png) no-repeat center ; width: 100%; height: auto; float: left; margin-bottom: 50px;} .bloques-info .last {margin-top: -30px!important; } .bloques-info .last .galeria-home{float: right;} .bloques-info .column {margin-top: -15px;} .btn-ballo{cursor: pointer; font-family: Montserrat; letter-spacing: 2px; background: url(http://www.ballorebora.com/img/flecha.png) #2a2526 no-repeat left ; padding: 5px 20px 5px 35px; box-sizing: border-box; height:38px; width: 220px; float: left; color: #FFF; font-size: 14px; margin-bottom: 30px; } /*.blog .list-style article figure img, .archive article figure img, .blog-section.list-style article figure img, .search article figure img, .related img, .related .overlay, .portfolio-section figure img, .portfolio-section .overlay, .dribbble-items figure img, .dribbble-items .overlay, .blog.masonry-style article.three, .blog.masonry-style article.four, .blog-section.masonry-style article.three, .blog-section.masonry-style article.four, .blog.masonry-style article.three .blog-excerpt.no-thumb, .blog.masonry-style article.four .blog-excerpt.no-thumb, .blog-section.masonry-style article.three .blog-excerpt.no-thumb, .blog-section.masonry-style article.four .blog-excerpt.no-thumb, .blog.masonry-style article.six figure img, .blog.masonry-style article.six figure .blog-overlay, .blog.masonry-style article.eight figure img, .blog.masonry-style article.eight figure .blog-overlay, .blog-section.masonry-style article.six figure img, .blog-section.masonry-style article.six figure .blog-overlay, .blog-section.masonry-style article.eight figure img, .blog-section.masonry-style article.eight figure .blog-overlay, .blog.masonry-style article figure .gradient, .blog-section.masonry-style article figure .gradient, .featured-image img, .entry-content img, .comment-author img, #author-bio img, .timeline .experience-img img{ -webkit-border-radius: 0em!important; -moz-border-radius: 0em!important; border-radius: 0em!important; }*/ .btn-ballo:hover{opacity: 0.7;} #top-footer h4{margin-top: -1.3em;} .negrita {font-weight: bold;font-family: Montserrat;} .keep-right{float:none; text-align: center; color:#FFF; font-family: Montserrat; font-size: 12px;} .keep-right a{ color:#FFF!important; } #top-footer{ color:#FFF; } .portfolio-section ul.cats li{text-transform: uppercase;} .site-footer{ background: url(http://www.ballorebora.com/img/bg.png) left ; background-size: cover; } .redes-sociales{ padding: 35px; float: left; width: auto; position: relative;clear: none; } .redes-sociales:hover{opacity: 0.7;} .contenedor-redes{width: 423px;margin:auto;} .logotipo {color:#FFF; } .logo-footer {text-align: center; width: 34px; margin:auto;} .logotipo .ballo { font-size: 4.369em; line-height: 0.8em; font-weight: 200; letter-spacing: -1px; display: block; } .logotipo .rebora {font-size: 4.369em; font-family: Montserrat; font-weight: 700; line-height: 0.9em; letter-spacing: -3px; display: block; } .caption-mockup .logotipo .ballo{font-size: 5.0em;} .caption-mockup .logotipo .rebora{font-size: 5.0em;} .logotipo p{ font-weight: 400;font-size: 12px; font-family: Montserrat;} .logotipo .txt-escultura{font-size: 16px; margin-top: -5px; margin-left: 5px;} .ginput_container{float: left; clear: none; width: 65%; } .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{width: 100%!important;} .linecon-icon-doc{display: none;} .gform_wrapper textarea.textarea{width: 100%!important; height: 100px!important;} .gfield_label { font-size: 10px; text-align:right;font-family: Montserrat; font-weight: normal; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background: none!important; border-top:none!important; border-bottom: none!important; padding: 0px!important} .gform_wrapper div.validation_error{ color:#FF0000!important; } .widget-title{text-align: right;} .button, input.button, input[type="button"], input[type="reset"], input[type="submit"]{background: none; padding: 0px; margin: 0px; float: right;} #top-footer .gform_wrapper .left_label input.large{ width: 100%; border-radius: 0em!important; border: none;} #top-footer .gform_wrapper input[type=text]{ display: inline-block; border-radius: 0em!important; border: none; } #top-footer .gform_wrapper .left_label .gfield_label{font-weight: normal;} .wpcf7 input:not([type="submit"]), .wpcf7 textarea, .comment-form input:not([type="submit"]), .comment-form textarea{ background: #c4c0c0; } #intro .intro-mockup-wrapper { margin-top: 3em; } .caption-mockup.caption-left, .caption-mockup.caption-right{ margin-top: 6em; } @media only screen and (max-width: 400px) { .redes-sociales{ padding: 25px 10px; float: left; width: auto; position: relative;clear: none; } .contenedor-redes{width: 276px;margin:auto;} .caption-mockup .logotipo .rebora{font-size: 4.5em;} .caption-mockup .logotipo .ballo{font-size: 4.5em;} } @media only screen and (max-width: 1024px) { .txt-piezas{width: 100%; margin-bottom: 50px; } } @media only screen and (max-width: 780px) { .single #main .hentry h1{ margin-left: 0%; width:100%; } .txt_volver a{ margin-left: 0% } .bloques-info .last img{width: 80%; margin: auto; float: none!important;} .biografia { padding: 0px 40px 40px 40px; } .photocaption {right: 0px!important; margin-left:0px;} #brand a img#default-logo {content: url('http://www.ballorebora.com/img/logo-negro.png'); }