/* GENERAL */
* {
    font-family: Montserrat;
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
}



h1 {
    font-size: 4rem;
    padding: 4rem 0 1.5rem 0;
    margin: 0 10px;
}

h2 {
    padding: 4rem 0 2rem 0;
    text-transform: uppercase;
}

h3 {
    color: #3F9F8A;
    padding: 1.5rem 0 1rem 0;
}

p {
    padding-bottom: 1rem;
}

ul{
    list-style: none;   
}

a{
    text-decoration: none;  
}


.tight-content{
    max-width: 1000px;
    margin: 0 auto;
    padding:1rem;
}

/* TOP MENU */

#headerline {
    width: 100%;
    min-height: 44px;
    align-items: center;
    background:  rgb(8, 31, 21);
}

#logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

#menu {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#k-gardens-logo{
    height: 30px;
    padding: 5px 10px;    
}

#menu span {
    font-size: 1rem;
    font-weight: 700;
    color: white;   
    text-decoration: none ;  
}

#nav-bar{
    display: flex;
    justify-content: space-between; 
}

.nav-link{
    color: white;
    text-decoration: none;
    padding: 0 1.5rem ;
    font-size: 0.8rem;
    text-align: center;
    display: flex;
}

.nav-link:hover{ 
    color: rgb(61, 168, 122);
}


/* BOARD */
#board-links {
   display: inline-flex;
   color: #B4B4B4;
   padding-bottom:  3rem;
}

#board-links a{
    padding:0 0.5rem;
    color: #B4B4B4;
}

#board-links a:visited{
    text-decoration: none;
    color: #B4B4B4;
}

  #board-links a:hover{
    color: #3F9F8A;
    font-weight: bold;
}



/* ČTĚTE TAKÉ */
#readtoo a {
    font-weight: bold;
    font-style: italic;
    color: #49A993;
}

/* INSTALACE A SERVIS */

#partners {
    background-color: #49A993;
    color: white;
    padding: 2rem 1rem;
    margin-top: 3rem;
}

#partners img{
    height: 25px;
    padding: 1rem;
}

#partners-logos {
    display: flex;
    justify-content: center;   
}

#online-access {
    display: flex;
    align-items: center;  
    justify-content:center;
    background-color: #1B483A; 
    color: #49A993 ;
    padding: 1.5rem 1rem;
}

#online-access p {
    padding: 0 1rem;
}

#wifi-mark {
    width: 25px;
    fill: #49A993;
    padding: 0 0 0 1rem;
}

/* TYPY PROVÁDĚNÝCH ZÁVLAH */

#irrigation-types{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 2rem 0rem;
}

.irrigation-type {
    color: #49A993;
    border: 1px solid #49A993;
    font-weight: bold;
    min-width: 200px;
    padding: 2rem 0;
    margin:1rem;
}

.irrigation-type:hover{ 
    color: white;
    background-color: #49A993;
}

#mikro-types{ 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width:100%;
    margin: 0 auto;
    padding: 2rem 0;
  }
  
.mikro-type {
    width: 16.25rem;
    padding:1rem
    
}

.mikro-type{ 
    min-width: 200px;
    padding: 1rem;
    color:#808080;
    
}

.mikro-type-no{ 
    color: #49A993;
    font-weight: bold;
}

/* SERVIS */

#service{
    background-color:#F9F9F9 ;
    padding: 1rem;
}

#service-types{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 3rem;
}

.service-type{
    width: 16.25rem;
    padding:1rem;
}

/* REALIZACE */

#realization-steps{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 3rem;
}

.realization-step{
    width: 25rem;
    padding: 2rem;
}

.round{
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}


#mereni{
    background-image: url("/images/mereni.png");
}
#plan{
    background-image: url("/images/plan.png");
}
#vykop{
    background-image: url("/images/vykop.png");
}
#postrikovac{
    background-image: url("/images/van15.png");
}

.step-number{
    font-size: 3rem;
    font-weight: bold;
    color: white;
    padding: 0;
}


/* CONTACT FORM */

#contact-container{
    padding: 1rem 1rem 3rem 1rem;
    margin-top: 2rem;
    background-color: rgb(131, 122, 120);
    font-weight: 700; 
    color: white;
    box-sizing: border-box ;
    width: 100%;
}

#contact_form{
    max-width: 800px;
    margin: 0 auto ;
}

label{
    display: flex;
    padding-bottom: 10px;
}

#contact-header{
    padding: 2rem 0;
   }

#contact-container h2{
 text-align: center;
 padding: 1rem 0;
}

#container-note{
    text-align: center;
    font-weight: 400; 
   }

.form-label {
    display: block;
    margin: 0px;
    font-size: 1rem;
    align-items: center;
}

.form-label p {
    padding-bottom: 10px;
  
}

#description {
    text-align: left !important;
   }

input {
    color: gray;
    padding: 0.8rem;
    border: none; 
    border-radius: 4px;
    font-size: 0.8rem;
    margin-bottom: 1.3rem;
  }

.input-textarea {
    min-height: 150px;
    width: 100%;
    padding: 0.625rem;
    resize: vertical;
    border-radius: 4px;
    font-size: 0.8rem;
}

#submit {
    background-color: rgb(71, 169, 146);
    border-radius: 4px;
    border: none; 
    cursor: pointer;
    color: inherit;
    padding: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    margin-top: 1.3rem;
}

#submit:hover {
    background-color: rgb(61, 168, 122); 
}

#name, #email, #phone, textarea,.submit-button {
    box-sizing: border-box ;
    width: 100%;
}



/* FOOTER */

#copyright {
    color: white;
    background-color: black;
    text-align: center;
    padding: 20px 0;
    font-size: 0.8rem;
}