/*
 Theme Name:  Odense Medie Design
 Theme URI:    https://odensemediedesign.dk
 Description:  Odense Medie Design
 Author:       Odense Medie Design
 Author URI:   https://odensemediedesign.dk
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


/* Hide "no results" message on blog module
.et_pb_blog_grid .no-results {
    display: none;
}
*/

.disabled-link {
    pointer-events: none;
    cursor: default;
}

.introinfo {
    margin-top: 15px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto 1fr;
    column-gap: 30px;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 5px;
}

.introinfo .icons {
    justify-self: end;
    display: flex;
}

.introinfo .icons .iconlink {
    width: 50px;
}

.introinfo .icons img.icon {
    max-width: 30px !important;
}

.singlebuilding {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
}

.icons_mobile {
    display: none;
}

.specifiedinfo {
    display: grid;
    grid-template-columns: auto auto;
}

.specifiedinfo .info {
  justify-self: end;
}

.infodivider {
    width: 100%;
    border: none;
    border-top: 1px solid #CCC;
}

.contactperson {
    display: flex;
    background-color: #f4f4f4 !important;
    margin-bottom: 5px;
    align-items: center;
}

.contactperson .image {
    width: 170px;
    margin: 0px;
    padding: 0px;
    vertical-align: center;
}

.contactperson .details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contactperson img{
    max-width: 120px;
    border-radius: 100%;
    margin-top: 5px;
}

.openImages {
    position: relative;
    margin-top: -75px;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: rgba(255, 255, 255, 0.8); /* white with 80% opacity */
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;     /* vertical centering */
    text-align: center;
    }
    
@media (max-width: 980px) {
      .introinfo, .openImages {
        display: none;
      }
      
      .icons_mobile {
          position: absolute;
          z-index: 999;
          width: 100%;
          display: block;
          margin-top: -75px;
      }
      
      .flex-icons {
          //background-color: #FFF;
          display: flex;
          justify-content: space-around;
      }
      
      .see_images {
        flex-grow: 3;
      }
      
      .see_images_text {
          background-color: #FFF;
          height: 50px;
          display: inline-block;
          padding: 15px 15px 15px 15px;
          margin-left: 50px;  
      }
      .iconlink {
          flex-grow: 2;
          align-self: flex-end;
      }
      
      .icon {
        width: 50px;
      }
    }