html {
height: 100%;
scroll-behavior: smooth; }

body {
font-weight: 400;
color: #000;
font-family: "Didact Gothic", sans-serif;
line-height: 1.5em; }

.container {
font-size: 1.1em;
max-width: 1010px; }

.container a {
color: #bc1c01;
text-decoration: none; }

.grey {
background-color: #dfdfdf; }

h1 {
color: #bc1c01; }

h2 {
font-size: 1.4em;
color: #bc1c01; }

#header {
color: white;
background-color: #000;
background-image: url('../img/graphic2.jpg');
background-repeat: no-repeat;
font-size: 0.9em;
background-size: auto 100%;
background-position: 100% 0%; }


#logo {
width: auto;
height: 10em; }


#menu {
background: rgba(0,0,0,0.7);
position: fixed;
width: 100%;
top: 0; }

#menu .container {
padding: 1em 0;
display: flex;
justify-content: space-between;
align-items: center; }

#menu .nav-link {
font-size: 1.1em;
white-space: nowrap;
padding: 0.5em 1em;
color: white; }

.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

.navbar-nav {
padding: 1em;
border-radius: 15px;
right: 0;
z-index: 1000;
position: absolute; }

.dropdown-menu {
background-color: white; }

#menu .active {
color: #bc1c01;
font-weight: bold; }

#icons img {
height: 2em;
margin-left: 15px;
opacity: 0.9;
width: auto; }

#icons img:hover {
opacity: 1.0; }


/* articles */
.article {
display: flex; }

.article-image {
aspect-ratio: 1.5/1;
display: none; }

.article-image img {
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
object-fit: cover; }

.article-intro {
padding: 1em; }

.article-intro i {
color: grey; }

.article_detail_image {
max-width: 75%;
height: auto; }

.article-button {
display: inline-block;
margin-right: 10px;
background-color: #FFEDEA;
padding: 0.5em 1em;
border-radius: 4px; }

a.article-button:hover {
background-color: #eedcd9;
text-decoration: none !important; }

.article-button i {
display: inline-block;
margin-right: 10px;
font-size: 1.2em; }

.article-gallery {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px; }

.article-gallery img {
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
object-fit: cover; }

.article-photo {
aspect-ratio: 1.5/1;
overflow: hidden; }


.bigger {
font-size: 1.5em; }

.more {
background-color: #bc1c01;
border-radius: 50%;
color: white !important;
text-decoration: none;
aspect-ratio: 1/1;
display: inline-block;
text-align: center;
font-weight: bold;
margin-top: -20px;
font-size: 1.4em;
width: 30px; }

.more:hover,
.button:hover {
color: white;
text-decoration: none; }


.button {
background-color: #bc1c01;
color: white !important;
border-radius: 50%;
text-decoration: none;
display: inline-block;
text-align: center;
padding: 12px 20px; }

.start-20 {
left: 20px; }

#footer {
color: white;
background-image: url('../img/paticka.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover; }

#footer .container {
padding-top: 350px; }

#footer a {
text-decoration: none;
color: white; }

#kontakt {
background-color: black;
color: white; }

#kontakt img {
max-height: 6em;
width: auto; }

.equal-block {
color: black;
flex: 1;
display: flex;
background-color: #dfdfdf; }

.equal-block > div {
width: 100%; }

.equal-block img {
width: auto;
max-height: 100px;  }

.equal-block1 {
text-align: right; }

.equal-block2 {
text-align: left; }

.block-wrapper {
display: flex;
gap: 20px; }

.dog-photo {
overflow: hidden;
height: 200px; }

.dog-photo img {
transition: transform .2s;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
object-fit: cover; }

.dog-photo:hover img {
transform: scale(1.2); }

.card-body a {
  display: inline-block;
  max-width: 100%; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.parent {
overflow: hidden;
width: 90%;
aspect-ratio: 1/0.7; }

.parent img {
transition: transform .2s;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
object-position: center center;
object-fit: cover; }

.parent:hover img {
transform: scale(1.1); }

.gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 5px; }

.gphoto {
overflow: hidden;
box-sizing: border-box;
/* flex-grow: 1; */
transition-duration: 0.5s;
aspect-ratio: 1/1; }

.gphoto:hover {
filter: brightness(1.2); }

.gphoto img {
transition: transform .2s;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
object-position: center center;
object-fit: cover; }


@media only screen and (min-width: 900px) {
    .article-image {
    flex: 0 0 25%;
    display: block; }

    .gallery {
    grid-template-columns: 1fr 1fr 1fr; }

    .article-gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr; }

    .article_detail_image {
    max-width: 75%; }
}


.w-33 {
width: 33% !important; }

.img-my {
border: 10px solid white; }

.flogo {
max-height: 150px;
width: auto; }