/**
 * @file
 * Subtheme specific CSS.
 */
 
 body {
   font-family: "Inter", sans-serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
 }


 h1,h2,h3,h4 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
 }

/* top header */

#block-port-stone-informacionnoemenyu ul {
   margin-top: -5px;
}

#block-port-stone-informacionnoemenyu .nav-item a {
   color: black;
   text-transform: uppercase;
   font-size: 8pt; 
   color: #030d46;
}

#block-port-stone-informacionnoemenyu .nav-item a span {
   padding-left: 2px;
}

#block-port-stone-blokkontaktovvshapku a {
 color: #030d46;
 text-decoration: none;  
}

#block-port-stone-blokkontaktovvshapku h4, 
#block-port-stone-blokkontaktovvshapku h4 p {
   margin: 0px;
   margin-bottom: 0px;
   padding: 0px; 
}

#block-port-stone-blokkontaktovvshapku h4 {
   font-size: 14pt;
}

#block-port-stone-blokkontaktovvshapku p  {
   font-size: 10pt;
}

#block-port-stone-blokkontaktovvshapkudlyamobilnoyversii a {
   padding: 10px 15px;
   margin: 5px;
   border: 1px solid #e4e4e4;
   border-radius: 15px;
   color: black;
}

/* toggler */

.navbar-toggler {
   text-decoration: none;
   outline: 0;
}

#block-port-stone-main-menu a.nav-link,
#block-port-stone-osnovnayanavigaciyadlyamobilnykh a.nav-link,
.navbar-toggler {
   background-color: rgb(243 244 246);
   color: black;
   max-width: 150px;
   text-align: center;
   margin-left: 15px;
   border-radius: .5rem;
   padding: .5rem 1rem;
   font-size: 11pt;
}

#block-port-stone-osnovnayanavigaciyadlyamobilnykh ul {
   margin-top: 15px;
}

#block-port-stone-osnovnayanavigaciyadlyamobilnykh .nav-item {
   margin-bottom: 10px;
}

/* breadcrumb */
.breadcrumb {
   font-size: 9pt;   
   display: flex;
   justify-content: center;

}

/* catalog */

.main-catalog-card {
   min-height: 350px;
   position: relative;
   border-radius: 0.5rem;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.main-catalog-card:hover {
   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.main-catalog-card .catalog-name {
   position: absolute;
   bottom: 45px;
   color: white;
}

.main-catalog-card .catalog-name a {
   text-decoration: none;
   color: white;
}

.main-catalog-card .catalog-more {
   position: absolute;
   bottom: 15px;
}

.main-catalog-card .catalog-more a {
   text-decoration: none;
   color: black;
}

/* stone page */

.stone-prop {
   margin-bottom: 20px;
}

.stone-prop .row-wrapper {
   display: flex;
   align-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}

.stone-prop .row-wrapper .views-field {
   flex: 1;
   padding: 10px;
   padding-left: 20px;
   margin-right: 5px; 
}

.stone-prop .row-wrapper .views-label{
   font-weight: 600;
   color: #030d46;
   font-size: 10pt;
}

.stone-prop .views-field-field-ostatok,
.stone-prop .views-field-field-razmery {
   border-right: 1px solid white;
   padding-left: 20px;
   border: 1px solid rgb(243 244 246);
   border-radius: 0.5rem;
   background-color: rgb(243 244 246);
}

.stone-prop .views-field-field-ostatok .field-content,
.stone-prop .views-field-field-razmery .field-content {
   font-weight: 600;
   color: #030d46;
   font-size: 14pt;
}


.views-field-field-stoimost .field-content {
   font-weight: 800;
   font-size: 16pt;
   white-space:nowrap;
}

/* stone gallery on page */

.stone-gallery {
   margin-bottom: 30px;
}

.stone-gallery img {
   border-radius: 0.5rem;
}

/* stone category catalog */

.stone-cat-catalog {
   border: 0px solid red;
}

.stone-cat-catalog .catalog-cat-element .row-wrapper {
   border: 1px solid #e4e4e4;
   border-radius:  0.5rem; 
   overflow: hidden;
   padding-bottom: 0.5rem;
} 

.stone-cat-catalog .catalog-cat-element .views-field-title,
.stone-cat-catalog .catalog-cat-element .views-field-field-stoimost,
.stone-cat-catalog .catalog-cat-element .views-field-view-node {
   padding-left: 0.5rem;
}

.stone-cat-catalog .catalog-cat-element .views-field-title {
   margin-top: 0.5rem;
}

.stone-cat-catalog .catalog-cat-element .views-field-title a {
   color: black;
   text-decoration: none;
   font-weight: 800;
}

.stone-cat-catalog .catalog-cat-element .views-field-view-node a {
   color: black;
   text-decoration: none;
}

/* blog list */

.blog-grid .row-wrapper {
   border: 1px solid #e4e4e4;
   border-radius: 0.5rem;
   overflow: hidden;
}

.blog-grid .row-wrapper .views-field-title,
.blog-grid .row-wrapper .views-field-body,
.blog-grid .row-wrapper .views-field-view-node {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
}

.blog-grid .row-wrapper .views-field-title {
   margin-top: 0.5rem;
}

.blog-grid .row-wrapper .views-field-title a {
 color: black;
 text-decoration: none;
}

.blog-grid .row-wrapper .views-field-view-node {
   margin-bottom: 0.5rem;
}

.blog-grid .row-wrapper .views-field-view-node {
   padding-bottom: 0.5rem;
   margin-top: 0.5rem;
}

.blog-grid .row-wrapper .views-field-view-node a {
   color: black;
   text-decoration: none;
}

/* news list */

.news-grid .row-wrapper {
   border: 1px solid #e4e4e4;
   border-radius: 0.5rem;
   overflow: hidden;
}

.news-grid .row-wrapper .views-field-title,
.news-grid .row-wrapper .views-field-body,
.news-grid .row-wrapper .views-field-view-node {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
}

.news-grid .row-wrapper .views-field-title {
   margin-top: 0.5rem;
}

.news-grid .row-wrapper .views-field-title a {
 color: black;
 text-decoration: none;
}

.news-grid .row-wrapper .views-field-view-node {
   margin-bottom: 0.5rem;
}

.news-grid .row-wrapper .views-field-view-node {
   padding-bottom: 0.5rem;
   margin-top: 0.5rem;
}

.news-grid .row-wrapper .views-field-view-node a {
   color: black;
   text-decoration: none;
}

/* Footer */

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

.site-footer .row {
   padding: 30px;
   padding-top: 0px;
}

.site-footer .block-menu {
   border: 0px solid #e4e4e4;
}

.site-footer .block-menu h2 {
   font-weight: 800;
   text-transform: inherit;
   color: white;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.site-footer .block-menu .nav {
   display: block;
}

.site-footer .block-menu .nav-link {
   padding: 0px;
   padding-bottom: 3px;
}

.footer-contact {
   border: 0px;
}

.site-footer .block {
   border: 0px;
   padding:0px;
   margin: 0px;
}

/* information menu */

#block-port-stone-informacionnoemenyu a.nav-link {
   padding: 0px;
   padding-right: 0.8rem; 
}

/* media */

figcaption {
   font-size: 10pt;
   font-style: italic;
   color: silver;
}

/*info menu mobile */

.info-menu-mobile ul {
   display: flex;
   width: 100%;
   border: 0px solid red;
   margin-left: 4px;
}

.info-menu-mobile li  {
   padding: 0px;
   margin: 0px;
   margin-right: 1rem;
}

.info-menu-mobile li a.nav-link--blog {
   display: none;
}

.info-menu-mobile .nav-link {
   padding: 0px;
   margin: 0px;
   color: black;
   font-size: 10pt;
}