/*
    Theme Name: J&S Garage Doors
    Theme URI: https://www.jsgaragedoors.ca/
    Author: the Digital Guider team
    Author URI: https://digitalguider.com/
    Description: J & S Garage Doors is a garage door specialist for residential, commercial, agricultural and industrial applications, proudly serving GTA: Oshawa to Oakville, from Toronto to Innisfil. We would love for you to contact us, our team can give you personalized advice in purchasing a garage door, an installation that meets the highest industry standards, and unequalled after-sales service thanks to our maintenance and repair program. Our full range of products also includes electric garage door openers as well as many other accessories to go with your garage door. Think of us when it comes to buying, installing or repairing any type of residential or commercial garage door.
    Requires at least: 6.0
    Tested up to: 6.6.2
    Requires PHP: 8.0
    License: GNU General Public License v2 or later
    Text Domain: jsgaragedoors
*/

form#forminator-module-15 input {
    height: 60px;
    padding: 0 30px 0 28px;
    padding-right: 45px;
    border: 1px solid #e0e0e0;
    color: var(--body-color);
    background-color: #ffffff;
    border-radius: 0;
    font-size: 14px !important;
    width: 100%;
    transition: all 0.3s 
ease-in-out;
}

form#forminator-module-15 label {
    display: none;
}

form#forminator-module-15 textarea {
    min-height: 140px;
    border-radius: 0;
    height: 60px;
    padding: 16px 30px 0 28px;
    padding-right: 45px;
    border: 1px solid #e0e0e0;
    color: var(--body-color);
    background-color: #ffffff;
    border-radius: 0;
    font-size: 14px !important;
    width: 100%;
    transition: all 0.3s 
ease-in-out;
}

form#forminator-module-15 button {
    padding: 18px 40px !important;
    font-size: 16px !important;
}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: 20px !important;
    }

.vs-blog--style2 .vs-blog__img--main {
    height: 270px;
    object-fit: cover;
}
img.vs-blog__img--main.default-blog {
    border: 10px solid #8b8b8b;
}
.custom-style {
    width: 100%;
    max-width: 100% !important;
}

.custom-style .blog-img img {
    height: 250px !important;
    border-radius: 10px;
}
.custom-style .blog-img {
    height: 250px !important;
}
.blog-single .blog-audio img, .blog-single .blog-audio > *, .blog-single .blog-img img, .blog-single .blog-img > * {
    height: 370px;
    width: 100%;
    object-fit: cover;
}
.elementor-heading-title span {
    color: #04738f;
}   
.error-items img {
    width: 60%;
}
#tab-gallery .gallery-item:hover img, #notab-gallery .gallery-item:hover img, #nofilter-gallery .gallery-item:hover img {
    transform: none;
}
#tab-gallery .gallery-icon img {
    height: 270px;
    background-color: #f2f2f2 !important;
    mix-blend-mode: darken !important; /* or darken */
    object-fit: contain;
    filter: contrast(108%) brightness(84%);
}
#notab-gallery .gallery-icon img {
    height:250px;
    background-color: #f2f2f2 !important;
    mix-blend-mode: darken !important; /* or darken */
    object-fit: contain;
    filter: contrast(108%) brightness(84%);
}
#notab-gallery figcaption {
    margin-top: 10px;
    font-weight: 500;
    display: none;
    font-size: 14px;
}

#notab-gallery figure.gallery-item:hover figcaption, #nofilter-gallery figure.gallery-item:hover figcaption {
    display: block !important;
    padding: 20px;
    background: #f2f2f2;
    border-radius: 10px;
}
#nofilter-gallery .gallery-icon img {
    height:300px;
    object-fit: cover;
}
#nofilter-gallery figcaption {
    margin-top: 10px;
    font-weight: 500;
    display: none;
    font-size: 14px;
}
/*Blog Pagination CSS*/
.page-nav-wrap {
  margin-top: 50px;
}

.page-nav-wrap ul li {
  display: inline-block;
}

.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #f6f6f6;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
}

.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme-color);
  color: #fff;
}

@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}

.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}

.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme-color);
  color: #fff;
}
body.page-id-483 .space {
    padding: 0;
}
body.page-id-483 section.space.z-index.brand_sectn {
    padding: 80px 0px;
}
.menu-title > a {
    color: #8f2004 !important;
    font-size: 18px !important;
    padding-left: 0px !important;
    pointer-events: none;
    border-bottom: 0px !important;
}
.menu-title > a:after {
    content: "" !important;
    margin-right: 0px !important;
}