/* header */

header {
    height: 66px;
    box-shadow: black;
    font-size: 16px;
    background-color: white;
}

.header-wrapper{
    position: fixed;
    max-width: 100%;
    background-color: white;
    z-index: 99;
}
.header-heading{
    font-size: 22px;
    padding-bottom: 0%;
    background-color: white;

}
.header-subheading{
    font-size: 18px;
    padding-top: 0%;
    background-color: white;

}
.nav-item{
    position: relative;
}

.nav-item:hover .dropdown-menu{
    display: inline-block;
}

.nav-item .dropdown-menu{
    position: absolute;
    z-index: 99;
    display: none;
    background: white;
    margin: 0;
}
.navbar-nav a{
    font-size: 20px;
}

.site-logo{
    display: flex;
}

.site-logo img{
    height: 50px;
    padding-right: 10px;
}

.site-logo p{
    text-decoration: none;
    color: #4D6D6F;
    margin: 0px;
}
.site-logo a:hover{
    color: black;
    text-decoration: none;
}

.carousel {
    position: relative;
    margin-top: 10px;
}

/* index */

/* news-main-page */
.news-main-page a{
    display: block;
    color: #6B8283;
    text-decoration: none;
}

.news-main-page a:hover{
    text-decoration: none;
    color: #4D6D6F;
}
.piece-of-news-mp{
    padding: 30px;
    background: #f3b57f36;
    height: 100%;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.imp{
    background: yellow;
    padding-bottom: 5px;
}
.piece-of-news-mp img{
    max-height: 200px;
    display: block;
    margin: 0 auto;
}
.piece-of-news-mp h2{
    font-size: 26px;
    min-height: 63px;
    margin-top: 20px;
    text-decoration: none;
    color: black;
}
.piece-of-news-mp p{
    text-decoration: none;
    color: black;
}
.piece-of-news-mp:hover h2{
    color: #4D6D6F;
    text-decoration: none;
}
.piece-of-news-mp:hover p{
    color: #4D6D6F;
    text-decoration: none;
}
.news-list{
    height: 100%;
    padding-bottom: 30px;
    width: 100%;
}
.datesnews-mp{
    color: dimgrey;
    font-weight: bold;
}

.odkaznov{
    text-align: right;
    margin: 15px 0;
}

.tabulka-novinky-stare table, th, td{
    border-style: solid;
    border-color: #4D6D6F;
    border-collapse: collapse;
    padding: 5px;
}


/* footer */
footer{
    background-color: #8A9898;
}

.footer-bottom{
    padding: 30px 0;
}

.footer-info{
    padding: 30px;
    height: 100%;
}

.footer-info a{
    display: block;
    color: inherit;
    text-decoration: none;
}

.footer-info a:hover{
    color: white;
}

.footer h1{
    display: block;
    color: inherit;
    text-align: center;
}

/* kontaktní stránka */
.kontaktform{
    display: block;
    background: #c79f7c;
    padding: 30px 0;
}

.kontaktform h1{
    text-align: center;
    margin-bottom: 30px;
}

.kontaktform input, .kontakt textarea{
    width: 100%;
    border: 1px solid #4d2600;
    padding: 5px;
    display: block;
}

.kontaktform input{
    margin-bottom: 15px;
}

.kontaktform input:last-of-type{
    margin-bottom: 0;
}

.kontaktform textarea{
    height: 100%;
}

/* contact-page */
.icon-left{
    float: left !important;
    display: inline-block;
}

.contact-text{
    display: inline-block;
}

.contact{
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.contactpage{
    padding: 30px 0;
}

.map{
    line-height: 0;
}

table.contact tr td {
    border: none;
    padding: inherit;
}

.contact-item a:hover{
    text-decoration: none;
    color: #4D6D6F;
}
.contact-item a{
    color: #6B8283;
}


/* obsahovky */
section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.obsah{
    padding: 30px 0;
}

.pg-nadpis{
    font-size: 30px;
    text-align: center;
}

/* stránka psa */
.dog p{
    text-align: center;
}

.main-heading {
    background: #D8C3B0;
    text-align: center;
    padding: 15px;
}

.main-heading a{
    color: #6B8283;
    text-decoration: none;
}

.main-heading a:hover{
    text-decoration: none;
    color: #4D6D6F;
}

.dog-h{
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
    padding-top: 15px;
    text-decoration: none;
}

/* stránka psa - posudky */
.posudek-original{
    text-align: justify;
    text-justify: inter-word;
}

.posudek-translation{
    font-style: italic;
    text-align: justify;
    text-justify: inter-word;
}

.info-show{
    background: #f3b57f36;
}

/* stránka psa - náhled psa */
.dog-name{
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
}

.dogpage-dog-profile-img{
    text-align: center;
}

.dog-date{
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    padding: 15px;
}

/* stránka psa - rodiče a rodokmen */
.dog-parents{
    padding: 15px;
    background-color: #f3b57f36;
    text-align: center;
}
.dog-parents:hover{
    text-decoration: none;
}
.dog-parent-h{
    font-size: 26px;
    display: block;
    color: black;
    text-decoration: none;
    text-align: center;
}

.dog-parent-name{
    font-size: 15x;
    display: block;
    color: black;
    text-decoration: none;
    text-align: center;
}

a.picless{
    padding-top: 350px;
}

h4.dog-parents{
    text-align: center;
}
.dog-parent-link{
    display: inline-block;
    text-align: center;
    border: 20px solid transparent;
}
.dog-parent-link img{
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}
.dog-parent-link:hover{
    background: #4D6D6F;
    text-decoration: none;
}
img.dog-parent-img{
    display: inline-block;
    text-align: center;
    border: 20px solid transparent;
}
img.dog-parent-img:hover{
    display: inline-block;
    text-align: center;
    border: 20px solid #4D6D6F;
}
.dog-parent{
    display: block;
    padding-bottom: 30px;
}

.dog-parent:hover{
    text-decoration: none;
}
.dog-parent a:hover{
    text-decoration: none;
}
.odkaz-club a{
    text-align: right;
    margin: 15px 0;
    color: #6B8283;
    text-decoration: none;
}

.odkaz-club a:hover{
    text-decoration: none;
    color: #4D6D6F;
}

/* stránka psa - výstavní úspěchy a zdravotní kontroly */
.achivements-health{
    padding: 15px;
}

.dog-shows-box{
    padding: 15px;
}

.container-dog-shows-he{
    width: 100%;
    height: auto;
    background: #B7997F;
    margin: auto;
    padding: 15px;
}
.container-dog-shows:nth-child(odd) {
    background: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
}
  
.container-dog-shows:nth-child(even) {
    background: #FFFAF6;
    padding-left: 15px;
    padding-right: 15px;
}
.one-ds-he{
    width: 50%;
    height: auto;
    background: #B7997F;
    float: left;
}

.two-ds-he{
    margin-left: 50%;
    height: auto;
    background: #B7997F;
}

.one-ds{
    width: 50%;
    height: auto;
    float: left;
}

.two-ds{
    margin-left: 50%;
    height: auto;
}

h4.panel-title{
    background-color: #6B8283;
    font-weight: bold;
    padding: 15px;
    width: 100%;
    text-align: left;
    color: #FFFFFF;
}

a.panel-title{
    color: #FFFFFF;
    text-decoration: none;
    background-color: transparent;
}

h4.panel-title:hover{
    background-color: #4D6D6F;
    font-weight: bold;
    padding: 15px;
    width: 100%;
    text-align: left;
    color: #FFFFFF;
}

a.panel-title:hover{
    color: #FFFFFF;
    text-decoration: none;
    background-color: transparent;
}

.health-check-ups-box{
    padding: 15px;
}

/* stránka psa - odchovy */
.mother-litter{
    background-color: #f3b57f36;
    text-decoration: none;
}
.mother-litter a:hover{
    text-decoration: none;
}
.dog-litters{
    padding: 15px 0 15px 0;
    background: #FCEFE4;
    margin-bottom: 30px;
    height: auto;
}

.dog-litters:hover{
    background: #4D6D6F;
    text-decoration: none;
}

.dog-litters img{
    max-height: 150px;
    display: block;
    margin: 0 auto;
}

.dog-litters p{
    font-size: 26px;
    display: block;
    color: black;
    text-decoration: none;
    text-align: center;
}

.dog-litters p:hover{
    text-decoration: none;
}
.dog-litters a:hover{
    text-decoration: none;
}
/* stránka psa - galerie */
.dog-gallery{
    padding: 15px;
    text-align: center;
}

.dog-gallery-h{
    text-align: center;
}

.gallery{
    text-align: center;
}

.img-gallery{
    display: inline-block;
    border: 10px solid transparent;
}

.img-gallery:hover{
    border: 10px solid #4D6D6F;
    text-decoration: none;
}


/* stránky s nabídkou psů */
.nabidka-psu{
    padding: 30px;
    text-align: center;
}

.nabidka-psu a:hover{
    text-decoration: none;
}

@media (max-width: 991px){
    .dog-list h2{
        font-size: 19px;
    }
}

@media (min-width: 992px){
    .dog-list h2{
        font-size: 26px;
    }
}


.dog-list-hrefless{
    padding: 30px;
    background: #FCEFE4;
    margin-bottom: 30px;
    height: auto;
    display: block;
    padding-bottom: 30px;
}
.dog-list-hrefless:hover{
    background: #4D6D6F;
    text-decoration: none;
    height: auto;
    display: block;
}
.dog-list-hrefless img{
    max-height: 290px;
}
img.dog-list-hrefless:hover{
    text-decoration: none;
    max-height: 290px;
    min-height: 290px;
}

.dog-list{
    padding: 30px;
    background: #FCEFE4;
    margin-bottom: 30px;
    height: auto;
    display: block;
    padding-bottom: 30px;
}
.dog-list:hover{
    background: #4D6D6F;
    text-decoration: none;
}

.dog-list img{
    border: 20px solid transparent;
}

.dog-list h3{
    color: black;
}
.dog-list h2{
    color: black;
}
/* nadeje */
.nadeje{
    text-align: center;
}

p.nadeje{
    padding-top: 30px;;
}

/* o nás */
.o-nas-page-light{
    padding: 30px;
}

.o-nas-text{
    text-align: justify;
    text-justify: inter-word;
    padding-bottom: 15px;
}

.o-nas-page-dark{
    padding: 30px;
    background: #f3b57f36;
}

.zkratky{
    padding: 15px;
    text-align: center;
}

p.zkratky{
    text-align: center;
    padding: 15px;
}

.zkratky-box{
    padding: 15px;
}

.hodnoceni-seznam{
    text-align: left;
}

.hodnoceni-plemene{
    background: #f3b57f36;
}

/* novinky */
.novinky{
    padding: 30px;
}

.obrazek-novinky-nahled{
    position: relative;
}

.place{
    font-weight: bold;
}

.novinky_small_img{
    height: 100px;
}
.news-arrow{
    text-align: right;
}
.fa-arrow-alt-circle-right{
    color: black;
}

/* vrhy */
.main-info-vrh{
    text-align: center;
    padding-bottom: 15px;
}


/* ostatní / obecné */
.navbar-light .nav-item .navbar-nav .nav-link{
    font-size: 18px;
    color: #6B8283;
}

.navbar-light .nav-item .navbar-nav .nav-link:hover{
    color: #4D6D6F;
}

img.dog-profile-img.img-fluid{
    display: inline-block;
    text-align: center;
    border: 20px solid #f3b57f36;
}

.dog-profile-img{
    margin-left: auto;
    margin-right: auto;
}

label{
    cursor: pointer;
}

.dog-profile-img:hover{
    background: #4D6D6F;
    text-decoration: none;    
}
.dog-img-href:hover{
    background: #4D6D6F;
    text-decoration: none;
}


.container-photogallery{
    position: relative;
    /*max-width: 1000px;*/
    margin: 0 auto;
}

.container-photogallery .photogallery-content{
    position: absolute; /* Position the background text */
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: calc(100% - 50px); /* Full width */
    padding: 0px; /* Some padding */
    text-align: left;
    margin: 10px;
}
.photogallery-content a{
    text-decoration: none;
    color: white;
}
.photogallery-content a:hover{
    color: #4D6D6F;
    text-decoration: none; 
}
.photogallery-content p{
    padding-left: 20px;
}
.photogallery-content h1{
    padding-left: 20px;
}
.photogallery-img{
    width: 100%;
}