@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


@font-face {
  font-family: Madelyn;
  src: url("/themes/dmdev-catalog/assets/fonts/madelyn_regular.otf") format("opentype");
}


header .fst-italic {
  font-family: 'Madelyn', sans-serif;
    font-size: 42px;
}

body {
  font-family: 'Rubik', sans-serif;
}

.content {
  background: url(/themes/dmdev-catalog/assets/img/bg.jpg) bottom no-repeat;
  background-size: 100%;
}
.text-primary {
  color: #161616 !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #161616 !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #161616;
  --bs-btn-border-color: #161616;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #161616;
  --bs-btn-disabled-border-color: #161616;
}

.bg-secondary-subtle {
  background-color: #D1D3D4 !important;
}

.fs-8 {font-size:0.9em;}
.fs-9 {font-size:0.8em;}
.fs-10 {font-size:0.7em;}
.dropdown-menu {
  background-color: #000000;
}


.nav-contact {
  --bs-nav-link-padding-x: 0.2rem;
}
  header .nav-contact .nav-link {
    color:#161616;
    font-size: 16px;
    padding-right: 0px;
  }
  .nav-contact .nav-link:hover {
    color:#64a8c5;
  }
    .nav-contact .nav-link i.bi {
      font-size:1.4rem;
    }
    header nav.bg-dark, .footer-nav {
      
    }
      header .nav-link, nav .nav-link {
        color:white;
        text-decoration: none;
      }
      header nav .nav-link:hover { 
        color:#64a8c5;
      }

    .dropdown-menu-dark {
      --bs-dropdown-bg: #3a3e42;
      --bs-dropdown-link-color: #64a8c5;
    }

/* for bootstrap icons padding*/
i.bi {padding-right:0.25em;}

h1,h2,h3,h4 {color:#161616;}
h1 {  font-size:40px;}
h2 {  font-size:30px;}
h3 {  font-size:26px;}
h4 {  font-size:20px;}

a, .nav-link {
  color:#161616;
}
a:hover, .nav-link:hover {
  color:#64a8c5;
  text-decoration:none;
}




.card a {
  color:white;
  text-decoration:none;
}
.card a:hover {
  color:#64a8c5;
  text-decoration:none;
}


.nav-item .active {font-weight: bolder;}

.sidebar .nav-link {color:#444444}
.sidebar .nav-link:hover {color:#64a8c5}
.sidebar .nav-item .active .nav-link {color:black;}


#feedback {
  background: #D1D3D4 url(/themes/dmdev-catalog/assets/img/bg-feedback.jpg) center top no-repeat;
  background-size:cover;
  color:white
}
#feedback a {color:white}


footer a, footer .nav-link {color:white}
footer a:hover, footer .nav-link:hover {color:#64a8c5}
.copy {
  font-size:12px;
}
.copy a {color:black;text-decoration: underline;}
.copy a:hover {color:#dd0000;text-decoration: underline;}

html, body {
  min-width: 500px;
  overflow-x: hidden;
  padding: 0 !important;
}
@media (max-width: 767px) {	
  
  .carousel-item h3 {font-size:1.7em;}
  .carousel-item h4 {font-size:1.0em;}
  
}
@media (min-width: 768px) {
  .carousel-item h3 {font-size:2em;}
  .carousel-item h4 {font-size:1.0em;}
}

@media (min-width: 992px) {
  .carousel-item h3 {font-size:56px;}
  .carousel-item h4 {font-size:26px;}
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}

.cat_item,.card{
    margin-bottom: 30px;
    width: 100%;
}
.pagination,.ci_img,.ci_desk,.cat_item,.card{float: left;}
.ci_img{text-align: center;}
.container{
    width: 500px;
    max-width: 500px;
}
.h_cont{
    text-align: right;
}
.lightbox{position: fixed;}
.text-success{font-size: 14px;}
.prices > *, .prices > .badge{font-size: 16px;}
.text-success{
    vertical-align: middle;
    white-space: nowrap;
}
.ci_desk > span.bg-secondary:nth-last-of-type(2){margin-right: 5px;}
.prices > span.bg-secondary:nth-last-of-type(2){margin-right: 10px;}
@media(min-width: 501px){
    .text-success{font-size: 12px;}
    header .fst-italic{font-size: 34px;}
    .ci_img img{
        max-height: 200px;
        max-width: 100%;
    }
    .ci_img{
        padding-right: 15px;
        width: 240px;
    }
    .ci_desk{width: 432px;}

    html, body {min-width: 1000px;}
    .container{
        width: 920px;
        max-width: 920px;
    }
    .sidebar{width: 224px;}
    .catalog{width: 672px;}
}
@media(min-width: 501px) and (max-width: 1400px){

}
@media(min-width: 1401px){
    header .fst-italic{font-size: 40px;}
    .ci_img{width: 315px;}
    .ci_desk{width: 646px;}
    .container{
        width: 1315px;
        max-width: 1315px;
    }
    .sidebar{width: 330px;}
    .catalog{width: 961px;}

}
@media(max-width: 500px){
    .contact_header .flex-row-reverse{justify-content: center;}
    .lightboxOverlay{max-width: 500px;}
    .catalog h1, .catalog > p,.card-body,.contact_header .nav-contact{text-align: center;}
    .container{padding: 0 19px;}
    .ci_img{width: 100%;}
    .ci_img img{width: 100%;}
    .ci_desk,.badge{font-size: 14px;}
    .ci_desk{margin-top: 10px;}
    .lb-outerContainer,.lb-image{
        width: 100% !important;
        height: auto !important;
    }
    .lightbox{
        left: 15px !important;
        right: 15px;
        top: 100px !important;
        width: 470px;
    }
}