@import "../common.css";
@import "../fontawesome.min.css";

.container {
  background-color:#fff;
}	


#description, #content{
  max-width:1000px;
}

/* Breadcrumbs */
#breadcrumbs ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#breadcrumbs ul li{
  display:inline;
  margin-right:10px;
}


img.articleImage{
  width:100%;  
  height:auto;
  max-width:500px;
  
}

.signature {
  color: #808080;
  font-style: italic;
}


header.all-pages {
  top:0; 
}

/* Работники */
.employerPhoto{
  max-width:250px;
  width:100%;
}

/* Фото в статье */
p.zoom img {
    border: 4px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    -moz-box-shadow: rgba(43, 90, 106, 0.7) 0px 1px 2px;
    -webkit-box-shadow: rgba(43, 90, 106, 0.7) 0px 1px 2px;
    box-shadow: rgba(43, 90, 106, 0.7) 0px 1px 2px;
    max-width: 500px;
    width: 100%;
}

/* Квадраты-ссылки для списков статей/объектов */
div.square-wrapper{

}

div.square-wrapper a.square-link{
  display:block;
  font-weight: 600;
  text-decoration:none;
  font-size: 1.5rem;
  background-color:#e2e2e2;
}


div.square-wrapper a.square-link div.square-link-img{
  width:100%;
  aspect-ratio:16/9;
  background-size:cover;
}


div.square-wrapper a.square-link div.square-link-img-wrapper{
  border:none;
}

div.square-wrapper a.square-link div.square-link-img-wrapper img{
  height:10px;
}


/* */
img.article-image {
  border: 4px solid #FFF;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  -moz-box-shadow: rgba(43,90,106,0.7) 0px 1px 2px;
  -webkit-box-shadow: rgba(43,90,106,0.7) 0px 1px 2px;
  box-shadow: rgba(43,90,106,0.7) 0px 1px 2px;
}

div.image-text {
  margin-top:10px;
  font-size:0.9rem;
  color:grey;
  font-style:Italic;
}



/* books */
.book-intro {
  max-width:750px;
}

        .pdf-block {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 12px 10px;
            background-color: #f8f9fa;

            max-width: 400px;
            margin: 20px 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);

        }
        


        
        .pdf-icon {
            color: #d32f2f;
            font-size: 28px;
        }
        
        .pdf-link {
            flex-grow: 1;
            text-align: left;
            color: #0066cc;
            text-decoration: none;
        }
        
        .pdf-link:hover span{
            color: #004499;
            border-bottom: 1px solid var(--hover-white);
        }
        
        .pdf-link i {
            margin-left: 8px;
            font-size: 14px;
        }