/* Theme Name: BlueHouse Theme URI: http://bluehouse.garciacom.net Description: Responsive,Html5, SEO, Slider, Grid and many more functions. Version: 1.0 Author: Gustavo Garcia Author URI: http://garciacom.net License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, one-column, two-columns, three-columns, responsive-layout, translation-ready Text Domain: garciacom */ @import url(https://fonts.googleapis.com/css?family=BenchNine:400,700); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,900); @import url(assets/css/wp-content.css); /* Reset HTML Tags */ html,body {font-family:'Lato';} p {font-size:18px;padding:0;margin:0px 0px 1em;line-height:1.4em} img {max-width:100%;margin-bottom:15px;} img.img-fullwidth {width:100%;} h1 {font-size:48px;letter-spacing:-1.3px} h2 {font-size:36px;letter-spacing:-1px} h3 {font-size:28px;} h4 {font-size:24px;} h5 {font-size:18px;} h6 {font-size:14px;} h1, h2, h3, h4, h5,h6 {margin:0px 0px .3em 0px;padding:0;font-weight:bold;font-family:'BenchNine';line-height:1em} h1 {font-family:'Roboto Condensed';} .clear {clear:both;} /* * HEADER */ .header-fixed {height:72px;} .logo {display:block;float:left;max-width:auto;max-height:80px;} .logo-sm {display:block;margin:0 auto;max-width:80%;max-height: auto;} /* * NAVIGATION */ .nav * {font-family:'Roboto Condensed';text-transform:uppercase;font-weight:normal;font-size:17px;letter-spacing:0px; } .navbar {color:#ffffff; border:none; border-radius:0; border-top:1px solid; border-bottom:1px solid;} .navbar .navbar-nav > li {border-right:1px solid;border-left:1px solid ;} .navbar .navbar-nav > li > a {padding-left:20px;padding-right: 20px;} .navbar a {background-color:transparent;} .dropdown-menu li{border-bottom:1px solid;} .dropdown-menu li:last-child {border-bottom:none;} .dropdown-menu li a {padding:10px 20px;font-size:14px;font-family:'Lato';} .dropdown-menu li a:hover {color:inherit;} /* Fix admin-bar for fixed items */ .navbar-magic {height:52px;position:relative;width:100%;background:#000;} .logged-in .navbar-magic {height:0px;} /* * CONTENT */ .article-wrap {background:#fff;} .article {margin:0px 0px 40px} .marketing {border-top:1px solid #ddd;} .section-a {padding: 50px 0;background-color: #f8f8f8;} .section-b {padding: 50px 0;background-color: #fff;} .section-b h3, .section-a h3 {font-size:38px;text-transform:uppercase;font-weight:bold} .section-b img,.section-a img {width:100%;} .metadata {color:#999;margin:10px 0px;width:100%;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;float:left;font-size:1em;padding:10px 0px 10px;} .metadata a {font-weight:bold;color:#333;} /* share btns */ .share-btns {margin:50px auto;text-align:center;} /* buttons */ .btn-dark, .btn-bright {text-shadow:none;text-transform:uppercase;font-size:1.4em;display:inline-block;font-family:'Roboto Condensed';font-weight:normal;text-decoration:none;border:4px solid;padding:8px 32px;border-radius:40px;} .btn-dark {margin:10px 0px 20px;} .btn-circle i{color:#fff;padding: 8px;display: inline-block;margin:5px;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;-moz-box-shadow: 0px 0px 2px #000;-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;width:46px;height:46px;text-align: center;font-size:28px;} .btn-rounded {margin:4px;color:#fff;font-size:22px;} .btn-rounded:hover {opacity:.7;color:#fff;} .btn-rounded span, .btn-rounded i {display:inline-block;float:left;padding:4px;} .btn-rounded span {font-size:.8em;padding:2px} .btn-facebook {background:#003399;} .btn-twitter {background:#00B8E6;} .btn-pinterest {background:red;} .btn-envelope {background:green;} .btn-instagram {background:#663300;} .btn-youtube {background:red;} .btn-linkedin {background:#333399;} .btn-vine {background:#00CC66;} .btn-yelp {background:red;} .btn-vimeo {background:#333;} .btn-tripadvisor {background:#333;} .btn-cc-mastercard {background:#333;} /* CONTENT */ .content table {margin:15px 0px;font-size:1.2em;width:100%;border-collapse:collapse;} .content table td,.content table th {padding:10px;border:1px solid #ddd;font-size:.9em;} /* * FOOTER */ .footer {padding:0px;border-radius:none;border:none;} .footer-col {padding:15px;margin:10px 0px;} /* slider caption */ .carousel-control {z-index: 1000} .carousel-indicators {bottom:5px;z-index: 1000} .carousel-indicators li {margin:0px 5px;} .carousel-caption {background-image:url('assets/images/pixel.png');-webkit-transition: bottom 0.8s;-moz-transition: bottom 0.8s;transition: bottom 0.8s;z-index:1;padding:0;margin:0;width:100%;height:100%;left:0;bottom:0;} .carousel-caption .caption-inset {opacity:0.9;width:100%;position:absolute;opacity:0;bottom:8%;padding:20px 23%;} .carousel-caption h2 {margin:0px 0px 1em;opacity:.8;font-weight:normal;} .carousel-caption h1 {font-family:'Roboto Condensed';margin:0px 0px .3em;text-transform:uppercase;text-shadow:1px 1px 40px #eee;color:inherit;text-align:center;font-size:46px;} .carousel-caption .slider-btn {color:inherit; text-decoration:none;border:2px solid #fff;padding:8px 32px;color:#fff;border-radius:40px;} .carousel-caption .slider-btn:hover {background-image:url('assets/images/pixel.png');} .carousel {background:#333;margin-top:-20px;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;margin: auto;} /* effect */ .item.active .caption-inset {opacity:.9;-webkit-transition: opacity 2s; /* Safari */transition: opacity 2s; } /* company profile */ .company-profile {border-radius:100px;text-align:center} .company-profile p {margin:0;padding:0px;color:#ddd;} .company-name {display:block;font-size:20px;font-weight:bold;} .company-address {display:block;font-size:16px;font-weight:300} /* * WORPRESS CSS */ .postcover {max-height:540px;margin:0;width:100%;height:inherit;overflow:hidden;position:relative;margin:-20px 0px 20px;} .postcover img {margin:0;padding:0;} .postcover .celda {z-index:200;text-align:center;position:absolute;min-width:100%;min-height:100%;top:0px;bottom:0px;background-image:url('assets/images/pixel.png');display:block;} .postcover .celda .caption { position:absolute;bottom: 5%;width: inherit;text-transform:uppercase;text-align:left;} .postcover .celda .caption h1 {width:100%;margin:.2em 0px;color:#fff;} .postcover .celda .caption h2 {width:100%;text-transform:none;font-weight:normal;opacity:.7} /* fix position absolute */ .postcover.withoutcover .celda {position:relative;padding:10px;} .postcover.withoutcover .celda .caption {position:relative;} .sticky, .gallery-caption, .bypostauthor {} .widget {border-left:2px dotted #ddd;margin-bottom:15px;padding:5px 20px;font-size:1em;} .widget .widget-title {font-family:'Roboto Condensed';margin:5px 0px;padding:0;font-weight:bold;font-size:1.2em;} .widget ul {margin:0;padding:0;} .widget ul li {list-style:none;margin:0;padding:5px 5px;display:block;border-bottom:1px dotted #ddd;font-size:1em;} .widget ul li:last-child {border-bottom:none} .widget ul li a {font-family:inherit; display:block;border-bottom:1px solid dashed;font-size:inherit;} /* Wordpres comments */ .comments h3.comment-reply-title {font-size:18px;margin:15px 0px;text-transform:uppercase;} .comments .comment-notes {font-size:14px;color:#666;} .comments .comments-list {margin-bottom:20px;} .comments .comments-form {box-shadow:1px 1px 5px #ddd;padding:0px 25px;margin-bottom:20px;border-radius:10px; border:1px dashed #ddd;} .comments .media-body {position:relative;} .comments .media-parallax {font-family:'Lato';font-size:1.2em;color:#666;position:absolute;top:0px;left:0px;} .comments .comment-metadata {font-family:'Lato';position:absolute;top:0px;right:0px;text-transform:capitalize;} .comments .comment-metadata a {color:#999;font-size:12px;} .comments .comment-content {margin:25px 0px 20px;} .comments .comment-content p{font-family:'Lato';font-size:1.3em;} .comments li.comment {box-shadow:1px 1px 5px #ddd;padding:15px 20px;border:1px dashed #ddd;border-radius:10px;} .comments li.comment > .children > li.comment {border-top:1px dashed #ddd;border-left:2px solid #eee;padding:10px;border-bottom:none;border-right:none;background:#fff} .comments .list-inline {display:block;margin-bottom:15px;} .comments .list-inline li {font-size:.7em;padding:2px 15px;background:#eee} /* Wordrpress calendar */ /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* WP pagination */ .pagination {float:left;clear:both;padding:20px 0;position:relative;font-size:1em;line-height:1.2em;} .pagination span, .pagination a {font-weight:bold;box-shadow:1px 1px 3px #999;border-radius:5px;display:block;float:left;margin: 2px;padding:5px 15px;text-decoration:none;width:auto;color:#333;background: #eee;} .pagination a:hover{color:#fff;background: #3279BB;} .pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;} /* * change any code here */ /* Large desktops and laptops */ @media (min-width: 1200px) { } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { .caption > * {padding-right:20%;} } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { /* resize font and padding for small devices */ .navbar * {font-size:14px;} .navbar .navbar-nav > li > a {padding-left:10px;padding-right:10px} .caption > * {padding-right:20%;} .footer-col {border:none;min-height:0px} /* resize font on heading for small devices */ .caption-inset h2 {font-size:24px} .caption-inset h1 {font-size:34px} } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { /* Will fix admin-bar for fixed navbar */ .navbar {position:relative;} .caption > * {padding-right:20%;font-size:36px;line-height:1em;margin:0px 0px .3em 0px;} .footer-col {border:none;min-height:0px} .footer-col:first-child {border-top:none;} .footer-col:last-child {border-bottom:none} } /* Portrait phones and smaller */ @media (max-width: 480px) { .caption > * {padding-right:20%;font-size:26px;line-height:1em;margin:0px 0px .3em 0px;} .postcover.withcover { width: 100%; padding-bottom: 85%; background-repeat:no-repeat; /* custom background-position */ background-size:auto 100%; background-position:50% 50%; /* ie8- graceful degradation */ background-position:50% 50%\9 !important; } .postcover.withcover img {width:1px;height:1px;} }