/*
Theme Name: Mabati Rolling Mills Theme
Theme URI: www.mabati.com
Author: Bean Interactive Limited
Author URI: bean.co.ke
Description: This is a wordpress theme for the Mabati Rolling Mills Website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mabati
Tags: one-column, two-columns

This theme, like WordPress, is licensed under the GPL.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

.header-noti-container .header-noti-wrapper .visualiser-link,
.new-visualiser-link {
    font-size: 0.90em;
    margin-left: 0.6em;
    width: 160px;
}

#field_5_8 .gfield_label {
    display: block !important;
    text-align: left;
    margin-left: 1.8em;
    margin-bottom: 1em;
}

#extensions_message_5_8 {
    display: none;
}

.roof-sheeting-section .roof-sheeting-section-quick-links .active-quick-link::after {
    display: none;
}

.residential-stone-coated-page .why-roofing-steel-copy .active-quick-link::after {
    display: none;
}

.main-header nav .nav-wrapper a.logo-link img {
    width: 220px;
}

#input_5_9 iframe {
    margin-left: 10%;
}


/*News page*/

.news-and-media-page .side-bar-news-wrapper .side-bar-social {
    padding-top: 0.6em;
    border-top: 1px solid grey;
}

.news-and-media-page .side-bar-news-wrapper .side-bar-social ul {
    display: flex;
    justify-content: flex-start;
}

.news-and-media-page .side-bar-news-wrapper .side-bar-social ul li {
    margin-right: 0.5em;
}

.news-and-media-page .side-bar-news-wrapper .side-bar-social ul li a {
    color: rgb(11, 34, 68);
    padding: 0em;
    display: inline-block;
    border-top: 1px solid transparent;
    width: auto;
    font-size: 1.5em;
}

.news-and-media-page .news-and-media-page-copy__col-50-copy h3 {
    text-transform: none;
}


/*Single Page*/

.single-page .side-bar-social {
    padding-top: 0.6em;
    border-top: 1px solid grey;
}

.single-page .side-bar-social ul {
    display: flex;
    justify-content: flex-start;
}

.single-page .side-bar-social ul li {
    margin-right: 0.5em;
}

.single-page .side-bar-social ul li a {
    color: rgb(11, 34, 68);
    padding: 0em;
    display: inline-block;
    border-top: 1px solid transparent;
    width: auto;
    font-size: 1.5em;
}


/*About page*/

.about-us-page .about-mission {
    background: rgb(244, 244, 244);
}

.blog-img {
    max-width: 100% !important;
    height: auto !important
}


/*Menu*/

.main-header nav .nav-wrapper .primary-menu>li>ul .residential-roof-solutions>ul li {
    flex-basis: 36%;
}

.single-page__copy-wrapper .row.post-copy-area img {
    width: 100% !important;
    height: auto !important;
}

.pre-engineered-page .banner-section {
    background-position: center;
    height: 60vh;
}

.home .home-hero-section .swiper-container .swiper-wrapper .swiper-slide .bg {
    background-position: top;
}


/* search */

.search-page .entry-title {
    margin-bottom: 23px;
}

.search-page .entry-title:hover {
    text-decoration: underline;
}

.buy-now-button {
    margin-left: 1em;
}

@keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.bounce {
    /*   animation: bounce 2s infinite; */
    box-shadow: 0 0 0 0 rgba(26, 87, 183, 0.19);
    animation: pulse 1.5s infinite;
}

.header-noti-container .header-noti-wrapper {
    overflow-y: hidden;
}

.home .partners .distributors,
.home .partners .affiliators {
    align-items: center;
    width: 100%;
}

.home .partners .distributors {
    margin-bottom: 1em;
}

.home .partners__inner {
    flex-wrap: wrap;
    flex-direction: column;
}

.mrm-faqs .accordion .accordion-title {
    line-height: 30px;
    text-indent: 0px;
}

.mrm-faqs .accordion li {
    padding: 1em 0.8em;
}

.mrm-faqs .accordion li .black-small-text {
    padding: 0px;
}

.faqs-product-pages {
    padding: 4em 0em;
}

.residential-steel-roofing-tiles-page .features_and_benefits .mrm-faqs .accordion li {
    padding: 0em !important;
}

a[data-clicks]::after {
    visibility: hidden;
    display: none !important;
}

#gform_fields_6,
#gform_fields_7 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.half {
    width: 49%;
}

#gform_6 {
    width: 70% !important;
}

#gform_7 #gform_fields_7 {
    justify-content: space-between;
}

.full-input {
    width: 100%;
}

.full-input select,
.full-input input,
.full-input textarea {
    width: 96% !important;
}

#choice_6_20_1,
#choice_7_12_1 {
    width: 20px !important;
}

footer .footer-wrapper .footer-top form .gform_body .screen-reader-text {
    position: relative;
    display: none;
}

@media (max-width: 768px) {
    #gform_6 {
        width: 80% !important;
    }
    .half {
        width: 100%;
    }
    .residential-steel-roofing-tiles-page .features_and_benefits .mrm-faqs .accordion .accordion-title {
        padding: 0.5em 0em !important;
    }
    .faqs-product-pages {
        padding: 1em 0em;
    }
    .faqs-product-pages .trade-partner-faqs__tips {
        width: 80%;
        margin: 0 auto;
    }
    .trade-partner-page .trade-partner-faqs__accordion .big-title-dark-blue {
        padding: 0em !important;
        line-height: 22px !important;
    }
    .buy-now-button {
        margin-left: auto !important;
        margin-top: 1em !important;
    }
    .blog-img {
        width: 100% !important;
        height: auto !important
    }
    #safbuild-logo {
        width: 100% !important;
    }
    .pre-engineered-page .download-product-spec-section {
        flex-wrap: wrap;
    }
    .pre-engineered-page .download-product-spec-section .spec-link {
        margin-right: 0em;
        margin-bottom: 1em;
        width: 90%;
    }
    .pre-engineered-page .download-product-spec-section .spec-link img {
        margin-right: 0.4em;
    }
    .news-and-media-page .news-and-media-page-copy__col-50 {
        flex-basis: 100% !important;
    }
}

.buy-now-button {
    background-color: #1a57b7 !important;
}

.home .partners .distributors__list li {
    display: flex;
    align-items: center;
}

.home .partners .distributors__list-img {
    height: auto;
    max-height: 100%;
    max-width: 200px;
    width: 100%;
}

.affiliators img.distributors__list-img {
    max-width: 100px !important;
    width: 100%;
}

#field_5_10 {
    visibility: hidden;
    height: 10px;
}

@media only screen and (max-width: 800px) {
    .header-noti-container .header-noti-wrapper .visualiser-link,
    .new-visualiser-link {
        margin: 0px auto;
        margin-top: 0.5em;
        width: 100%;
    }
    .home .partners .distributors__list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .home .partners .distributors__left {
        text-align: center;
        width: 100%;
    }
}

#checkbox-window{display:none !important}

.contact-page .contact-page-form-section form .gfield {
    border: none;
}