/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
  /* background-color: #FFFFFF; */     /* #302B27 */
  
  background: url(/images/pozadie-zelene-004.jpg); 
  background-position: center; 
  background-size: cover; 
  background-repeat: no-repeat;  
  background-attachment: fixed;
}

heeader {
     /*background-color: #FFFFFF;  */ 
     }

     
     
     

h1 {
  color: #FFFFFF !important;     /* rgb(178,126,73),  #453833 rgb(69,56,51) , #977456 rgb(151,116,86)   z #B27E49 */
  font-size: 3.50rem;
  font-family: 'Dancing Script', cursive ;
  font-weight: 400;
}

h1.cierny {
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 200;
                text-transform: uppercase;
                font-size: 5.0rem;
                color: #000000 !important;
                    }
                    
h1.biely {
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 200;
                text-transform: uppercase;
                font-size: 5.0rem;
                color: #FFFFFF !important;
                    }                    

h2 {      
           font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 200 !important;
                text-transform: uppercase;
                font-size: 3.0rem;
                color: #000000;    
                }

@media (min-width: 768px) {  
 
                   .hodnotyspolocnosti {                  
                       background-color: #F4F4F4; 
                       opacity: 0.7;  
                     }    
                 }                
                
@media (max-width: 768px) {  
 
                   h2 {      
                      font-family: 'Yanone Kaffeesatz', sans-serif;
                      font-weight: 200 !important;
                      text-transform: uppercase;
                      font-size: 3.0rem;
                      color: #FFFFFF;    
                        }
                        
                    body {    
                        background: url(/images/pozadie-zelene-00.jpg) !important; 
                    }    
                 }             
                
    
p {font-family: 'Roboto', sans-serif;
    font-weight: 400;
    }   
    
p.tenkyodstavec {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                font-size: 1.3rem;
                line-height: 125%;
                }  
                
p.tenkyodstavectext {font-family: 'Nunito', sans-serif;
                font-weight: 300;
                font-size: 1.0rem;
                line-height: 125%;
                }                  
                
p.hrubyodstavec {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 500;
                font-size: 1.8rem;
                line-height: 125%;
                } 
 
.textpouzitie {font-family: 'Nunito', sans-serif;
                font-weight: 300;
                font-size: 1.0rem;
                line-height: 125%;
                }  
                
.textpouzitiehruby {font-family: 'Nunito', sans-serif;
                font-weight: 600;
                font-size: 1.0rem;
                line-height: 125%;
                }                
                                
p.biely { 
           color: #FFFFFF !important;
                }                 
                
li.biely {
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #FFFFFF !important;
                }     
                
li.cierny {
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #000000 !important;
                }                    

 @media (max-width: 480px) {  
 
                    li.cierny {
                    font-family: 'Yanone Kaffeesatz', sans-serif;
                    font-weight: 300;
                    text-transform: uppercase;
                    font-size: 1.8rem;
                    line-height: 125%;
                    color: #FFFFFF !important;
                    }       
                 }               

.navbar { margin-bottom: 20px; }

 /* Small devices (landscape phones, 544px and up)  0px */
  @media (min-width: 0px) {  
    .brandimage {
        max-height: 60px !important;
             }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .brandimage {max-height: 60px  !important;
             }
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
       .brandimage {
           max-height: 120px  !important;
             }
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
   .brandimage {
           max-height: 120px  !important;
             }
  }   


               
a.nav-link {color: #FFFFFF !important;     /* #7D695F  rgb(125,105,95) */
           font-size: 1.70rem;
           /*font-family: 'Dancing Script', cursive;   */
           font-family: 'Yanone Kaffeesatz', sans-serif;
           font-weight: 500; 
           text-transform: uppercase;
           /* background-color: #FFFFFF !important; */
           }   
           
.navbar-nav .nav-link {
    margin-right: 10px;
    margin-left: 10px;
}  

     
a.nav-link:hover {
              color: #FFFFFF  !important;      /* z #a48f7a */      
              text-decoration: underline;    
              }    
              
  
  
a.nav-link:focus  {
           color: #FFFFFF !important;     /*  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           /* background-color: #4a3526 !important; */    /* #000000 */
           } 
           
            
           
/*           
a.nav-link:visited {
         color: #453833 !important;
         background-color: #FFFFFF;
         }   */         
/*
a.active {
         color: #453833 !important;
         background-color: #FFFFFF;
         } 
                   
a.nav-link:active, a.nav-link:visited {
         color: #453833 !important;
         background-color: #FFFFFF;
         } 
*/

.dropdown-menu {background-color: #4a3526;   /* #000000 */
                border-radius: 0;
                border: 0;
                margin-top: -3px;
                margin-left: 15px;
                }

.dropdown-item {color: #FFFFFF !important;     /* #453833  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           background-color: #4a3526;  /* #000000 */
           font-size: 1.10rem;
           font-family: 'Cuprum', sans-serif;
           font-weight: 400; 
           }   
           
.dropdown-item:hover {color: #4a3526 !important;     /* #000000 #453833  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           
           }                 
    
/*    vyska     */
.page-holder {
  min-height: 100vh;
}

.bg-cover {
  background-size: cover !important;
}    
/*     cover      */

.slogan {color: #8EA32F !important; 
        font-size: 1.50rem;
        text-transform: uppercase;
        }
        
.sloganmaly {color: #8EA32F !important; 
        font-size: 1.00rem;
        text-transform: uppercase;
        }
                
.bielytext {color: #FFFFFF !important;}
.ciernytext {color: #000000 !important;}
.hnedytext {color: rgb(125,105,95) !important;} 
.zelenytext {color: #8EA32F !important;} 

ul.podmenu {padding-left: 5px}
ul.podmenu li {padding-top: 4px;
               padding-bottom: 4px;
               padding-left: 6px;
               list-style-type: none;
               }

ul.podmenu li:hover {background-color: #F4F4F4;
                    }

a.podmenu {
        color: #014388 !important;
        /*font-family: 'Oswald', sans-serif  !important;*/
        font-size: 1.15rem;
        font-weight: 600; 
        } 

a.podmenu:hover {color: #000000 !important;}      

p {color: #000000 !important;
  font-size: 1.00rem;}  
  
@media (max-width: 480px) {  
     
     p {color: #FFFFFF !important;
        font-size: 1.00rem;}  

   }   
  
li {color: #000000 !important;
  font-size: 1.00rem;}   
  
a {color: #4a3526 !important;}    

.intro { color: #4a3526 !important;  /* rgb(77,62,54)  z #4D3E36*/
         font-size: 1.50rem;
         font-weight: 600;
         } 
         
a.biely {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #FFFFFF !important;
                text-decoration: none;
                }     
                
a.cierny {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #000000 !important;
                text-decoration: none;
                }
                
@media (max-width: 480px) { 
       
       a.cierny {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #FFFFFF !important;
                text-decoration: none;
                }

    }                    
                
ul.no-bullets {
  list-style-type: none;  /* Remove bullets */  
  padding: 0; /* Remove padding */
  margin-left: 4px; /* Remove margins */
}   

.bannerznacka {
              color: #000000 !important;  
              font-size: 1.30rem;
              text-transform: uppercase;
              }                                                                      
           
           
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}           
                      
   /* Small devices (landscape phones, 544px and up) */
  @media (min-width: 544px) {  
    .animacia {font-size: 16px;
             margin-bottom: 40px;
             margin-top: 10px !important;
             }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .animacia {font-size: 30px;
              margin-bottom: 50px;
              margin-top: 10px !important;}
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .animacia {font-size: 60px;
               margin-bottom: 80px;}
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .animacia {font-size: 60px;
               margin-bottom: 80px;}
  }     

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*.carousel {
  margin-bottom: 3rem;
  
}  */
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  bottom: 0rem;
  z-index: 10;
}  */

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 48rem;
} */
/*.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 48rem;
}  */


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/*
.marketing h1 {
  font-weight: 400;
  color: #000000;
}    */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}