/*
 * Globals
 */

/* Links */
a {
  color: #fff;
  text-decoration: none;
}

a:focus,
a:hover {
color: #ffce00;
text-decoration: none;
}

.content a {
  color: #a7a7a7;
  text-decoration: none;
}

.content a:focus,
.content a:hover {
  color: #ffce00;
}

#interier-page .content a:focus,
.content a:hover {
  color: #000;
}

.margin-interier-prvni a:focus,
.margin-interier-prvni a:hover {
  color: #000;
}

.margin-interier a:focus,
.margin-interier a:hover {
  color: #000;
}

.content p {
  color: #545454;
}

.content-brand a {
  color: #000;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
}


#coverimage {
  height: 100%;
  background-image: url("../images/cover.jpg");
  box-shadow: inset 0 0 17rem rgba(0, 0, 0, .9);
  color: #fff;
  background-position: bottom; /* Center the image */
background-size: cover; /* Resize the background image to cover the entire container */
background-repeat: no-repeat;
background-attachment: fixed;
}


body {
  display: -ms-flexbox;
  display: flex;
    font-family: 'Raleway', serif;
}

.cover-container {
  max-width: 90em;
}

.interierwidth {
  max-width: 100em;
}

.interier-container a {
  color: #6f6f6f;
}


.masthead {
  margin-bottom: 2rem;
  margin-top: 15px;
}

.masthead-brand {
  margin-bottom: 0;
}

#coverimage .nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 600;
  background-color: transparent;
/*  border-bottom: .15rem solid #ffce00; */
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 400;
  background-color: transparent;
  border-bottom: .15rem solid transparent;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase
}
/*
#coverimage .nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: white;
}
*/
.uppercase {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #212529;
}

#mobile-text .uppercase {
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #212529;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #000;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
    margin-top: 15px;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}

.justify {
  text-align: justify;
}

.aboutmephoto {
  width: 20%;
}

.mb-aboutme {
  margin-bottom: 60px;
}

.interierphoto {
  width: 100%;
}

.interierphoto:hover {
  opacity:  0.1;
transition: 0.1s ease;
-webkit-filter: grayscale(1);
}

.borderimage {
border: 2px solid #000;
}

.interiergallery {
  width: 100%;
}

.margin-interier-prvni {
  margin-top: 1rem;
}

.margin-interier {
  margin-top: 2rem;
}

#mobile .margin-interier {
  margin-top: 1.2rem;
}

#mobile {
  margin-bottom: 100px;
}

.mb-content {
  margin-bottom: 80px;
}

.mb-content-index {
  margin-bottom: 0px;
}

.aboutmephoto {
  margin-bottom: 50px;
}

.centered {
margin-left: auto;
margin-right: auto;
}

.img-circle {
border-radius: 50%;
}

.img-rounded {
border-radius: 20px;
}

.margin-h4 {
margin-top: 3rem;
}

.inside-text {
  position: relative;
  text-align: center;
}

.text {
display: none;
line-height: 1.5;
}



.inside-text:hover .text {
  display: contents;
  background: #fff;
  width: 60%;
  height: 150px;
}

    hr-1 {
      display: block;
      height: 166px;
      border-top: 4px solid #fffffffa;
      margin: -8px 0;
      padding: 0;
      border-bottom: 4px solid #fffffffa;
    }

    .padding-top-10 {
padding-top: 10px;
    }

  @media screen and (max-width: 650px) {
    .inside-text:hover .text {
    display: none;
      }
  }

  .centered-text-3 {
      position: absolute;
      left: 5%;
      right: 5%;
      margin-left: -5%;
      padding-left: 5%;
      margin-right: -5%;
      padding-right: 5%;
      background-color: #ffffffd4;
      margin-top: 50px;
      padding-top: 20px;
      padding-bottom: 10px;
    }
    .top50 {
      top: 50%;
        }

#mobile .centered-text-3 {
    position: absolute;
    left: 5%;
    right: 5%;
    background-color: #ffffff69;
    padding-top: 30px;
    margin-top: 0px;
    }

  .centered-text-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      margin-top: 7px;
    }

    .centered-text {

        position: absolute;
        right: 0%;
        transform: translate(0%, -105%);
        pointer-events: none;
        margin-top: 7px;
        border: 1px solid whitesmoke;

    }

    .centered-workicon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

.text h5, .h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

.text p {

    font-size: 0.8rem;
    color: #262626;

}

.margin-top-30 {
margin-top: 30px;
}

.workicon {
width: 80px;
}

.myworkicon {
text-align: center;
}

@media screen and (max-width: 768px) {
  .myworkicon {
  display: none;
  }
}

.margin-top-50 {
margin-top: 50px;
}

.margin-top-40 {
margin-top: 40px;
}

.margin-top-20 {
margin-top: 20px;
}

.borderline {
  border-top: 2px solid #efefef;
  margin-top: 40px;
}

.borderline-2 {
border-top: 2px solid #efefef;
margin-top: 13px;
margin-bottom: 25px;
}

#workicon_1 {
    width: 80px; height: 80px;
    background: url('../images/icons/icon_1a.png') no-repeat left top;
}
#workicon_1:hover { background-position: -80px 0px }


#workicon_2 {
    width: 80px; height: 80px;
    background: url('../images/icons/icon_2a.png') no-repeat left top;
}
#workicon_2:hover { background-position: -80px 0px }


#workicon_3 {
    width: 80px; height: 80px;
    background: url('../images/icons/icon_3a.png') no-repeat left top;
}
#workicon_3:hover { background-position: -80px 0px }


#workicon_4 {
    width: 80px; height: 80px;
    background: url('../images/icons/icon_4a.png') no-repeat left top;
}
#workicon_4:hover { background-position: -80px 0px }


#workicon_5 {
    width: 80px; height: 80px;
    background: url('../images/icons/icon_5a.png') no-repeat left top;
}
#workicon_5:hover { background-position: -80px 0px }


input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 22px;
  resize: vertical;
}


input[type=email], select {
  width: 100%;
  padding: 12px;
  margin-top: 0px;
  margin-bottom: 22px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
}

input[type=tel], select {
  width: 100%;
  padding: 12px;
  margin-top: 0px;
  margin-bottom: 22px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
}

input[type=subject], select {
  width: 100%;
  padding: 12px;
  margin-top: 0px;
  margin-bottom: 22px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100px;
  background-color: #000;
  color: white;
  padding: 12px;
  margin-top: 5px;
  margin-bottom: 22px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #333;
}

label {
margin-left: 2px;
text-transform: uppercase;
}

.soubor {
  width: 100%;
}

.kontaktniinfo p {
  margin-bottom: 0.5rem;
}

.kontaktniinfo {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.highlighted {
  font-family: 'Montserrat', sans-serif;
}

.highlighted-1 {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}



.centered-footer {
 text-align: center;
 padding-top: 10px;
}

.centered-footer-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.spacing-d {
      margin-right: 1rem;
      margin-left: 1rem;
}
.margin-t-80  {
      margin-top: 80px;
}

.margin-t-60  {
      margin-top: 60px;
}

.margin-t-40  {
      margin-top: 40px;
}

.margin-t-50  {
      margin-top: 50px;
}

.margin-t-45  {
      margin-top: 45px;
}

.margin-t-20  {
      margin-top: 20px;
}

.margin-t-15  {
      margin-top: 15px;
}

.margin-b-40 {
      margin-bottom: 40px;
}

.ins-ic {
margin-right: 10px;
font-size: 1.5rem;
color: #a7a7a7 !important;
}

.fb-ic {
margin-left: 10px;
font-size: 1.5rem;
color: #a7a7a7 !important;
}

.fb-ic:hover {
color: #212529 !important;
}

.ins-ic:hover {
color: #212529 !important;
}

#coverimage .fb-ic:hover {
color: white !important;
}

#coverimage .ins-ic:hover {
color: white !important;
}

.ins-ic-contact {
margin-right: 10px;
font-size: 2rem;
}

.fb-ic-contact {
margin-left: 10px;
font-size: 2rem;
}

.footer-copyright-index {
  padding-top: 8px;
  margin-bottom: 15px;
  color: 484848;
  font-size: 0.8rem;
}


@media screen and (max-width: 750px) {
  #desktop {
display: none;
}
#desktop-text {
display: none;
}
.aboutmephoto {
    width: 50%;
  }
  .nav-masthead .active {
    border-bottom: .15rem solid transparent;
}
.nav-masthead .nav-link {
    padding-top: 1rem;
    text-align: center;
}
.mb-aboutme {
    margin-bottom: 110px;
  }
.renalogo  {
    width: 70px;
  }
.renalogo-desktop {
    height: 50px;
  }

  #coverimage .nav-masthead .nav-link {
    padding-top: 1rem;
    border-bottom: .15rem solid transparent;
  }
  #coverimage .nav-masthead .nav-link:hover,
  .nav-masthead .nav-link:focus {
    border-bottom-color: transparent;
  }

}

  .first-line {
  padding-bottom: 5px;
} 

.interierphoto-index {
  width: 100%;
}

@media screen and (min-width: 750px) {
  #mobile {
display: none;
  }
  #mobile-text {
display: none;
  }

  .interierphoto-index {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
    .first-line {
  padding-bottom: 10px;
} 
}

.navbar-toggler {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #212529;
}


.renalogo  {
  position: absolute;
  left: 50px;
  top: 30px;
}

.mobile-menu {
margin-top: 100px;
list-style: none;
position: relative;
right:20px;
}

.darklink {
background-color: transparent;
border-bottom: .1rem solid #000;
color: #212529;
}

.mywork a {
color: #606060;
}

.navigace {
  margin-bottom: 20px;
}

.vizitka {
  text-align: center;
}

.popis {
  margin-bottom: 0%;
  color: #fff;
}

@media screen and (max-width: 650px) {
  .popis h2 {
  font-size: 1rem;
  }
  .popis p {
  font-size: 0.7rem;
  }
  .popis {
  margin-top: 70px;
  }
}

@media screen and (min-width: 650px) {
  .textwidth {
  margin-left: 2.5em;
  margin-right: 2.5em;
  }
}

.col-md-12 {
padding-right: 0px;
padding-left: 0px;
}

.interier-style .row {
margin-right: 0px;
margin-left: 0px;
}

.row-1::after {
  content: "";
  clear: both;
  display: table;
}

.column-1-1 {
  float: left;
  width: 50%;
  padding: 5px;
}

.column-1-1-portrait {
  float: left;
  width: 50%;
  padding: 3px;
}

.column-100 {
  float: left;
  width: 100%;
  padding: 5px;
}

.column-2 {
  float: left;
  width: 31.12%;
  padding: 5px;
}

.column-1 {
  float: left;
  width: 68.85%;
  padding: 5px;
}

.column-2i {
  float: left;
  width: 59.6%;
  padding: 5px;
}

.column-1i {
  float: left;
  width: 40.1%;
  padding: 5px;
}

@media screen and (max-width: 768px) {
  .column-1i {
    width: 40.1%;
    padding: 3px;
  }
  .column-2i {
    width: 59.5%;
    padding: 3px;
  }
  .column-2 {
    width: 31.5%;
    padding: 3px;
  }

  .column-1 {
    width: 68.4%;
    padding: 3px;
  }
  .column-1-1-portrait {
    width: 50%;
    padding: 3px;
  }
  .column-1-1 {
    width: 100%;
    padding: 3px;
  }
}
.weddingphoto {
width: 100%;
margin-top: 15px;
margin-bottom: 10px;
}

.weddingphoto-row-1 {
width: 100%;
margin-top: 5px;
margin-bottom: 10px;
}

.new-studie {
  .photostream {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  
  .row-1 {
    display: flex;
    gap: 10px;
  }
  
  
  @media (max-width: 768px) {
   
    .row-1 {
     /*    flex-direction: column;        */
     gap: 5px;
    }
      
          .photostream {
            gap: 5px;
          }
  }

  }

  .renalogo-index {
  width: 65px;
}

.renalogo-desktop {
  width: 90px;
}