/*

Theme Name: NOO Dreamer
Theme URI: http://nootheme.com/
Author: NooTheme
Author URI: http://nootheme.com/
Description: With Dreamers, we’d want to contribute our part towards the perfect world that John Lennon described. Clean, elegant, flexible, Dreamers is designed for charity, non-profit organisations, NGO, donation, fund-raising websites to feature their Events and collect Donations. But more than that, the theme can be used for any other business thank to a large number of features and powerful theme customiser.
Version: 1.1.3
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: noo

*/

.rights-alert-box{
    background: #678431;
    color: #ffffff;
        position: relative;
    display: block;
    padding: 0.7142857142857143em 1.1428571428571428em;
    border-radius: 3px;
/*
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .25em;
    line-height: 2.5em;
margin-bottom: 1em;
*/
    font-weight: bold;

}

#kyr-column .wpcf7-display-none{
display: block;
clear:both;
}

.kyr-custom-counter .custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.kyr-custom-counter .custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 5px;
}
.kyr-custom-counter .custom-counter li::before {
  content: counter(step-counter);
  margin-right: 20px;
  font-size: 80%;
  background-color: rgb(180, 180, 180);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 11px;
}

.kyr-custom-counter .custom-counter li h3{
display: inline;
}

.kyr-custom-counter .custom-counter li a{
text-decoration: underline;
    background: rgba(0,0,0,.1);
}

/**********************************custom landing page**************************************************/

.page-id-8141 .site, .page-id-8161 site{
background-repeat: no-repeat;
    background-size: contain;
background-color: #000000;
}


.page-id-8141 .site .container-boxed.offset, .page-id-8161 .site .container-boxed.offset{
padding-bottom: 0px;
}

.page-id-8141 .site .noo-page-heading, .page-id-8161 .site .noo-page-heading{
display:none;
}

@media only screen and (min-width: 1022px){
.main-content{
/*min-height: 520px;*/
}
.colophon{
min-height: 560px;
}
}

@media only screen and (max-width: 1021px){
.main-content{
min-height: 520px;
}
.colophon{
min-height: 520px;
}
}

@media only screen and (min-width: 1022px){
.page-id-8141 .site{
background: url("/wp-content/uploads/2017/07/img-inquilinos-conozcan-sus-derechos-6.png");
background-repeat: no-repeat;
    background-size: contain;
    background-color: #000000;
}

.page-id-8141 .main-content, .page-id-8161 .main-content{
margin-top: 8em;
}
}

@media only screen and (min-width: 961px) and (max-width: 1021px){
.page-id-8141 .site{
background: url("/wp-content/uploads/2017/07/inquilinos-conozcan-sus-derechos-1.png");
background-repeat: no-repeat;
    background-size: contain;
   
}
}

@media only screen and (min-width: 768px) and (max-width: 960px){
.page-id-8141 .site{
background: url("/wp-content/uploads/2017/07/inquilinos-conozcan-sus-derechos-1.png");
background-repeat: no-repeat;
    background-size: contain;
   
}
.page-id-8141 h2, .page-id-8161 h2{
font-size: 1.8em;
}
}

@media only screen and (min-width: 563px) and (max-width: 767px){

.page-id-8141 .site .container-boxed.offset, .page-id-8161 .site .container-boxed.offset{
    margin: auto auto 40px auto;
}

.page-id-8141 .site{
background: url("/wp-content/uploads/2017/07/inquilinos-conozcan-sus-derechos-1.png");
background-repeat: no-repeat;
    background-size: initial;
   
}
.page-id-8141 h2, .page-id-8161 h2{
font-size: 1.8em;
}




}

@media only screen and (min-width: 680px) and (max-width: 767px){
.page-id-8141 h2, .page-id-8161 h2, .contact-nombre, .contact-dir{
width: 60%;
}

.page-id-8141 h2, .page-id-8161 h2{
margin-bottom: 1em;
}
}

@media only screen and (min-width: 601px) and (max-width: 680px){
.page-id-8141 h2, .page-id-8161 h2, .contact-nombre, .contact-dir{
width: 65%;
}
.page-id-8141 h2{
margin-bottom: 1em;
}
}

@media only screen and (min-width: 563px) and (max-width: 600px){
.page-id-8141 h2, .page-id-8161 h2, .contact-nombre, .contact-dir{
width: 70%;
}
.page-id-8141 h2{
margin-bottom: 1em;
}
}

@media only screen and (min-width: 480px) and (max-width: 562px){

.page-id-8141 h2, .page-id-8161 h2, .contact-nombre, .contact-dir{
width: 75%;
}

.page-id-8141 .site .container-boxed.offset, .page-id-8161 .site .container-boxed.offset{
    margin: auto auto 40px auto;
}

.page-id-8141 .site{
background: url("/wp-content/uploads/2017/07/img-inquilinos-conozcan-sus-derechos-4.png");
background-repeat: no-repeat;
    background-size: initial;
   
}
.page-id-8141 h2, .page-id-8161 h2{
font-size: 1.5em;
margin-bottom: 2em;
}
}

@media only screen and (max-width: 479px){

.page-id-8141 .site .container-boxed.offset, .page-id-8161 .site .container-boxed.offset{
    margin: auto auto 40px auto;
}

.page-id-8141 .site, .page-id-8161 .site{
background: #000000;
  
}
.page-id-8141 h2, .page-id-8161 h2{
font-size: 1.5em;
margin-bottom: 1em;
}
}

.page-id-8141 .site .noo-page-heading, 
.page-id-8141 .site .noo-header, 
.page-id-8141 .site .noo-header .navbar,
.page-id-8161 .site .noo-page-heading, 
.page-id-8161 .site .noo-header, 
.page-id-8161 .site .noo-header .navbar{
background: transparent;
}

.page-id-8141 .site li a, .page-id-8161 .site li a{

color: #ffffff;

}

.page-id-8141 .site .noo-header .navbar, 
.page-id-8161 .site .noo-header .navbar{
border-bottom: none;
}

.page-id-8141 .page-title, .page-id-8161 .page-title{
display: none;
}

.page-id-8141 .custom-highlight, .page-id-8161 .custom-highlight{
background-color: rgba(255,255,255,.75);
    line-height: 1.75;
    padding: 3px;
    box-shadow: 7px 0 0 rgba(255,255,255,.75), -7px 0 0 rgba(255,255,255,.75);
    text-transform: uppercase;
    color: rgb(0,0,255);
}

.contact-enviar .wpcf7-submit{
background-color: rgb(0,0,255);
font-family: "Lato","Open Sans",sans-serif;
float: left;
font-size: 1.5em;
border: #fff 3px solid;
    box-shadow: 1px 1px 10px rgba(0,0,255,.25);
}

.contact-dir .wpcf7-form-control, .contact-nombre .wpcf7-form-control{
box-shadow: 1px 1px 10px rgba(0,0,255,.25);
}

.contact-dir .form-label, .contact-nombre .form-label{
background: rgba(0,0,255,.75);
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}