/*
Theme Name: Gulmcorp
Theme URI: https://wordpress.org/themes/gulmcorp/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Gulmcorp is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Gulmcorp will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: gulmcorp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
.distributor_sec_in input[type="text"], .distributor input[type="text"], .contact input[type="text"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #242424;
  font-family: "Raleway",sans-serif;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 100%;
}

.distributor_sec_in input[type="email"], .distributor input[type="email"], .contact input[type="email"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #242424;
  font-family: "Raleway",sans-serif;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 100%;
}

.distributor_sec_in input[type="tel"], .distributor input[type="tel"], .contact input[type="tel"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #242424;
  font-family: "Raleway",sans-serif;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 100%;
}
.logo img {
    max-height: 70px;
}



.header_top {
    padding: 10px !important;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
}



.header_nav{
background-color: #fff !important;
}

.navbar-collapse.in, .navbar-collapse.collapsing{
    position: absolute;
    z-index: 99;
    background: #fff;
    width: calc(100vw - 49px);
    right: 0;
    box-shadow: 0px 6px 18px rgb(0 0 0 / 45%);
   
}

.header_nav button.navbar-toggle {
    margin-right: 0;
}
.header_nav>.container>.row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width:767px){
.header_top{
 padding:0 !important
}
.navbar-nav {
    padding-inline: 10px;
}
    .header_top>.container {
        width: 100%;
        padding: 0;
    }
    .header_top>.container .header_contact {
        float: none;
        width: 100%;
        justify-content: center;
        display: flex;
    }
    .header_top>.container .header_contact ul {
        width: 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    
.header_top>.container .header_contact li:nth-child(3) {
    width: 100%;
    justify-content: center;
    display: flex;
    background: #000;
    margin: 0;
    padding: 6px 12px;
    align-items: center;
}

.header_top>.container .header_contact li {
    width: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    margin: 0;
}
}