@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
main {
    margin-top: 0;
}
input.search-field {
    font-family: 'PT Sans';
}
.sortBy a.dropdown-toggle {
    font-family: 'PT Sans';
}

header.jumbotron {
    max-height: 100% !important;
}

a.nav-link.active {
    color: #5b0036 !important;
}
a.nav-link:hover {
    color: #5b0036 !important;
}
.home-introduction {
    background-color: #ffffff;
}
.home-masonary-grid {
    background-color: #ffffff;
}
.home-feature-text {
    background-color: #ffffff;
}
html, body {
    background-color: #ffffff;
}
.tags-container h6 {
    font-family: 'PT Sans';
}
.recipe-card .view-recipe {
    position: absolute;
    font-size: 14px;
    color: #111111 !important;
    background-color: #e3e3e3 !important;
    border-radius: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.productButtons button.smlBtn {
    border: 1px solid #555658;
    color: black !important;
    border-radius: 80px;
}
#recipe-info button#EnquireButton {
    font-family: 'PT Sans' !important;
    font-size: 14px !important;
    width: 160px !important;
    background-color: #dadbdc !important;
    color: #555658 !important;
    border-radius: 80px !important;
    font-weight: 500 !important;
    border: 1px solid #555658;
    padding: 0 !important;
    line-height: 20px !important;
}
.right-buttons button.btn.download, 
.right-buttons button.btn.print, 
.right-buttons button.btn.addto-shopping-list,
.right-buttons button.btn.add-to-cookbook {
    font-family: 'PT Sans' !important;
    font-size: 15px !important;
    width: 160px;
    background-color: #dadbdc !important;
    color: #555658 !important;
    border-radius: 80px;    
    border: 1px solid #555658;
}
button.btn.measurement-btn.active {
    background-color:  #dadbdc !important;
    color: #555658 !important;
    font-weight: 600;
}
.page-banner-slider-empty {
    margin-top: 100px !important;
}
button.btn.serves-btn.active {
    background-color: #555658 !important;
    color: white !important;
    border: 1px solid #ffffff;
}
button.btn.serves-btn:hover, button.btn.serves-btn:active, button.btn.serves-btn:focus {
    background-color: #555658 !important;
    color: white !important;
    font-weight: 600;
}
button.btn.serves-btn {
    font-family: 'PT Sans' !important;
}
.custom-control-input {
    opacity: 0 !important;
}
.slider-arrows {
    width: 800px;
    display: none;
}
button.quick-view-button {
    display: none;
    width: 50%;
    padding: 0;
    left: 0%;
    right: 0;
    top: 30%;
    margin: auto;
}
.diy-page-latest-news .article_title {
    text-align: center;
}
.content h1 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
.row.recipe-tags {
    display: none;
}
.tags {
    font-family: "Roboto", sans-serif  !important;
}
h3.sub_article_title {
    font-family: 'PT Sans' !important;
}
.product.info h3 {
    font-size: 25px;
    font-family: 'PT Sans' !important;
}
.intro-article p {
    font-size: 16px  !important;
}
p {
    font-family: 'PT Sans' !important;
    font-size: 16px !important;
}
.article ul {
    font-family: 'PT Sans';
}
.contact-info-top h4.title {
    font-family: 'PT sans';
}
.navigation-block .nav-main a, #navbarNavMobile a {
    font-family: 'PT Sans';
    font-size: 15px !important;
}
.productListWrap .block {
    margin-bottom: 0; 
}
#backtoTopbutton {
    background-color: #555658;
}
.enquire h1 {
    margin-bottom: 0 !IMPORTANT;
}
.enquire .form-group {
    margin-bottom: 0 !important;
}
.diy-page-latest-news h3.published_date {
    font-weight: 300;
    font-family: 'PT Sans';
    text-align: center;
}
.productListWrap .block .price {
    font-family: 'PT sans' !important;
}
h2.footer-titles {
    font-family: 'PT Sans' !important;
}
.list-unstyled {
    font-family: 'PT Sans' !important;
}
h4.overall-time {
    font-family: 'PT Sans';
}
h4.title {
    font-family: 'PT Sans';
}
h2 {
    font-family: 'PT Sans';
}
.content h5 {
    font-family: 'PT Sans' !important;
}
.fa.fa-clock-o {
    margin-right: 5px;
}
.productListWrap .sortBy .dropdown-menu.show {
    background-color: #ffffff !important;
}

.mobileFilter .filteropen a.filterBtn {
    background-color: #e9e9e9;
}

button.btn.measurement-btn {
    font-family: 'PT Sans' !important;
    border: 1px solid #7a7a7a;
    border-radius: 80px !important;
}
.related_title h2 {
    text-align: left;
    font-family: 'PT Sans';
    font-size: 24px;
}
.recipe.products img {
    border: 1px solid #555658 !important;
}
.recipe.products h3 {
    font-size: 18px;
    font-family: 'PT Sans';
    text-align: center;
}
button.quick-view-button {
    font-family: 'PT Sans' !important;
}
h2.product-title {
    font-family: 'PT Sans' !important;
}
button#addtoFavourites {
    font-family: 'PT Sans' !important;
}
button.btn.serves-btn {
    border: 1px solid #7a7a7a;
    border-radius: 80px !important;
}
.diy-page-latest-news p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: none !important;
}
.diy-page-latest-news .article_title {
    font-family: 'PT Sans';
}
.introduction-text .intro-article {
    margin-bottom: 50px;
}
.diy-page-articles h1.about_title {
    text-transform: none;
    font-size: inherit !important;
}
h1 {
    font-weight: 600;
    font-family: 'PT sans' !important;
}
.sectionTitle h1 {
    font-family: 'PT sans';
    margin-top: 30px;
    font-weight: 600;
}
.diy-page-articles h1.about_title {
    text-transform: none;
    font-size: 32px !important;
    font-family: 'PT sans';
}
.section_title {
    font-family: 'PT sans';
}
h1.about_title {
    font-size: 32px;
    text-align: left;
    font-family: 'PT sans' !important;
}
a.btn.see-more-btn.smlBtn, 
a.btn.view-btn.smlBtn {
    font-size: 15px !important;
    font-family: 'PT sans' !important;
    background-color: #dadbdc !important;
    color: #555658 !important;
    border-radius: 80px;
    border: 1px solid #555658;
}
button#addtoFavourites {
    border: 1px solid #555658;
    border-radius: 80px;
    width: 100% !important;
    height: 50px;
    margin-top: 60px !important;
    background-color: white !important;
    color: #555658 !important;
    font-family: 'PT sans'  !important;
}
/*.btn {*/
/*    border: 1px solid #555658;*/
/*    background-color: white !important;*/
/*    color: #ffffff !important;*/
/*    background-color: #555658;*/
/*    width: 157px;*/
/*    height: 40px;*/
/*    border: 1px solid #000000;*/
/*    border-radius: 15px;*/
/*    font-size: 14px;*/
/*    text-transform: uppercase;*/
/*    margin: 14px;*/
/*    margin-bottom: 10px;*/
/*    margin-top: 50px;*/
/*}*/
[class*=cta] button, [class*=cta] a, button {
    font-family: 'PT sans' !important;
}
form input, .formBlock form .form-control {
    font-family: 'PT sans' !important;
}
.diy-gallery .photo-gallery {
    margin-bottom: 50px;
}
.contact-info-top {
    background-color: #dadbdc;
}
.question {
    background-color: #dadbdc;
}
.faq-page-builder .selectors a.active {
    background: #555658;
}
button.search-btn.btn.btn-outline-secondary {
    width: 70px;
    background: transparent !important;
    padding: 0;
    position: absolute;
    right: 0%;
    margin: 0;
}
.feature-text {
    margin-top: 0 !important;
}
.photo-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-height: calc(2*(desired-item-height + 20px));
    overflow: hidden;
}
.column {
    display: flex;
    /* flex-direction: column; */
    gap: 40px;
    flex-wrap: wrap;
}
.photo img {
    border-radius: 20px;
}
.navigation-block .nav-main {
    border-bottom: 1px solid #dcd9d4;
}
.sticky-header {
    z-index: 1000 !important;
    border-bottom: 0 !important;
}
.title.d-flex.justify-content-between {
    background: #dadbdc !important;
}
.contact-enquire-form {
    display: none;
}
.filterWrap .title h4, .filterMobileopen .title h4 {
    background: #dadbdc !important;
    font-family: 'PT Sans';
}
.navigation-block .nav-main a, #navbarNavMobile a, .nav-bottom a {
    font-weight: 600 !important;
}
.nav-block .links {
    font-family: 'PT Sans';
}
footer.container-fluid {
    background: #f5f5f5;
}
footer .website-design-by p {
    line-height: 3;
    margin-bottom: 0;
    font-size: 13px;
    color: #6b6c6d;
}
.copyright.text-left p {
    font-size: 13px !important;
    color: #6b6c6d;
}
.home-masonary-grid {
    padding-bottom: 0;
    padding-top: 0;
}
.prod_image {
    align-items: center;
    padding: 12px;
}
.website-design-by.text-right a {
    font-size: 13px !important;
    color: #6b6c6d;
}
.owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 0; 
}
.modal-content {
    background: #dadbdc !important;
}
.cook-time {
    font-family: 'PT Sans';
}
/*.btn i {*/
/*    margin: 10px;*/
/*    margin-top: 0;*/
/*}*/
@media only screen and (max-width: 1440px) {
    .right-buttons button.btn.download, 
    .right-buttons button.btn.print, 
    .right-buttons button.btn.addto-shopping-list, 
    .right-buttons button.btn.add-to-cookbook {
        padding: 0;
    }
    .right-buttons button.btn.download:hover {
        padding: 0;
    }
    .two-up button.quick-view-button {
        top: 40%;
    }
    .three-up button.quick-view-button {
        top: 30%;
    }
    .four-up button.quick-view-button {
        top: 20%;
    }
    .navigation-block .nav-bottom a {
        padding-right: 12px !important;
    }
    .ingredients .ingredients-block {
        height: 100% !important;
    }

}
@media only screen and (max-width: 576px) {
    .collapse .desktop-logo {
        max-width: 75% !important;
    }
    h1.page-title {
        font-size: 25px !important;
    }
    .desktop-logo, .mobile-logo {
        max-width: 70% !important;
    }
    .img-navicon.nav-close {
        margin: 24px;
        margin-top: 10px !important;
    }
    button.btn {
        color: #000000 !important;
    }
}
@media only screen and (max-width: 992px) {
    #navbarNavMobile {
        background-color: #ffffff !important;
    }
    .btn {
        margin-bottom: 0 !important
    }
    .filter.breadCrumb {
        margin-top: 0;
        float: left;
        height: 38px !important;
        margin-bottom: 0;
    }
    button.grid-images-load-more.btn.see-more-btn.smlBtn {
        display: none;
    }
    main[role=main].container-fluid {
        padding-top: 70px !important;
    }
    .articleSlide img {
        width: auto !important;
    }
    .photo-gallery {
        display: grid;
        grid-template-columns: none;
        gap: 20px;
        max-height: calc(2*(desired-item-height + 20px));
        overflow: hidden;
    }
    a.col-sm-12.readmore-btn {
        display: block !important;
    }
  .feature-text {
        margin-top: 100px;
        width: 90% !important;
    }
}