@charset "UTF-8";
/*!
Theme Name: Papa Fabrics
Theme URI: http://underscores.me/
Author: Nazmul Haque Sajol
Author URI: https://www.facebook.com/nhsajol
Description: For over twenty-five years, “Papa Fabrics” have been a leading supplier of textile fabrics for Men’s apparel.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: papafabrics
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Papa Fabrics is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body {
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  color: #292b2c;
  word-wrap: break-word;
  background-color: #fff; 

      -ms-hyphens: auto;
}

a {
  font-family: 'Cabin', sans-serif;
  color: #000;
}

/*
 * Universal colours for links, unless overriden
 *
 */
a:focus,
a:hover,
a:active {
  text-decoration: underline;
  outline: none !important;
}

@media print {
  a[href]:after {
    content: " (" attr(href) ") ";
  }
}

p {
  font-size: inherit;
  line-height: inherit;
}
p:last-child {
  margin-bottom: 0 !important;
}

/*
 * Headings
 *
 */
h1, h2, h3, h4, h5, h6 {
  margin: 2rem 0 1rem; 
  font-weight: 500;
  line-height: 1;

  text-rendering: optimizeLegibility;
}

h1 {
  padding-bottom: 10px;
  font-size: 2rem;
  border-bottom: 1px dotted #f1f1f1;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1rem;
  text-transform: uppercase;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

ol li,
ul li {
  padding-bottom: .5rem;
}
ol li:last-child,
  ul li:last-child {
  padding-bottom: 0;
}

/*
 * Accessories
 *
 */
hr {
  margin-bottom: 3rem !important;
}

pre {
  display: block;
  padding: 1rem;
  margin: 0 0 10px;
  font-size: 1rem;
  line-height: 1.42857;
  color: #292b2c;
  word-break: break-all;
  word-wrap: break-word; 
  background-color: #f7f7f9;
  border: 1px solid #ccc;
}

blockquote,
blockquote.blockquote {
  padding: 1em 2em; 
  font-size: 1rem;
  font-style: italic;
  border-left: 5px solid #eee;
}

blockquote > blockquote {
  margin-left: 0;
}

blockquote p {
  margin-bottom: 35px;
}

/*
 * Hyphens
 * http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation
 * Accepted values: [ none | manual | auto ]
 *
 */
input,
abbr,
acronym,
blockquote,
code,
kbd,
q,
samp,
var {
  -webkit-hyphens: none;
     -moz-hyphens: none;
          hyphens: none; 

      -ms-hyphens: none;
}

table.table tr th {
  font-family: 'PT Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;

  -webkit-font-feature-settings: "kern" 1;
  text-rendering: optimizeLegibility;
}

/* Body
***********************************/
.body-container {
  position: relative;
  max-width: 82rem; 
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .body-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .body-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .body-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .body-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 575px) {
  .body-container {
    padding: 0;
  }
}

body {
  background: #000;
}

section {
  min-height: 57.5vh;
  padding: 15px; 
  background: #fff;
}

/* Header
***************************************/
header {
  padding-bottom: 5px;
  background: #000;
}
header .site-logo {
  max-width: 150px;
}
header .navbar-brand-large {
  position: relative; 
  z-index: 11;
  display: block;
  background: transparent;
}
header .navbar-brand-large .site-logo {
  display: block;
  max-width: 225px;
  padding: 60px 0 20px;
  margin: 0 auto;
}
header .navbar {
  background: #000;
}
@media (max-width: 575px) {
  header .navbar {
    padding: 0;
  }
}
header .nav-item {
  padding: 0 15px;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
header .nav-item::after {
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: "";
  background: #fff;
  -webkit-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
header .nav-item:hover::after {
  width: 100%;
}
header .nav-link {
  font-size: 16px;
  color: #fff;
}
header .navbar-toggler:focus {
  outline: none;
}
header .navbar-toggler-icon {
  position: relative; 
  z-index: 1111111;
  width: 80px;
  padding-top: 4px;
  margin-top: -60px;
  margin-right: -25px;
  font-size: 16px;
  color: #fff !important;
  border: 1px solid;
}
header .navbar-toggler-icon:focus {
  outline: none;
}
@media (max-width: 575px) {
  header #primary-menu .nav-link {
    text-align: center;
  }
}

/* Footer
***********************************/
footer {
  padding: 15px 0;
  color: #fff; 
  background: #000;
}
footer .nav-link {
  padding: 0;
  padding-right: 15px;
  font-size: 16px;
  color: #fff;
}
footer .nav-link:hover {
  color: #ccc;
}
footer .copyright-text {
  padding-right: 5px;
}
@media (max-width: 767px) {
  footer .copyright-text {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  footer .social-nav .nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
  }
}

/* Main Content
***********************************/
.grid-gallery,
.grid-gallery-clearfix {
  margin: 0 !important;
}
@media (max-width: 575px) {
  .grid-gallery #gg-1-19,
  .grid-gallery-clearfix #gg-1-19 {
    display: none;
  }
}

/* About Us - Page */
.nav-pills .nav-link {
  color: #000; 
  background: transparent;
  border: 1px solid #000;
}
.nav-pills .nav-link.active {
  background: #000;
}

@media (max-width: 575px) {
  .sidebar {
    margin-bottom: 10px;
  }
}

#about {
  font-size: 18px;
  line-height: 1.8; 
  text-align: justify;
}

hr {
  margin-bottom: 25px !important;
}

#supply strong {
  font-size: 22px;
}

/* About Us - Page */
.own-brand-logo,
.own-brand-sample {
  display: block;
  margin: 0 auto;
}

.own-brand-sample {
  padding: 5px; 
  border: 1px solid;
}

.product-gallery {
  border: 1px solid #000;
}

.carry-brand img {
  display: block; 
  width: 125px;
  height: auto;
  margin: 0 auto;
}

.carry-brand [class*="col-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  min-height: 100px; 

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}

.conditions-list {
  padding-left: 0; 
  margin-top: 25px;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
  list-style: none;
}
@media (max-width: 575px) {
  .conditions-list {
    display: block;
    width: 100%;
    padding-left: 15px;
    text-align: center;
  }
}

/* Contact Us - Page */
.page-contact-us {
  min-height: 52vh;
}

.nf-before-form-content,
.nf-error-msg {
  display: none;
}

.field-wrap input[type=button] {
  padding: 5px 20px;
  color: #000;
  background: #fff; 
  border: 1px solid #000;
}
.field-wrap input[type=button]:hover {
  color: #fff; 
  background: #000;
}

#google-map {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #google-map {
    height: 300px; 
    padding-bottom: 20px;
  }
}

.symbol-atr {
  font-family: Merriweather, Georgia, serif !important;
}

.nav-contact .nav-item {
  padding: 10px;
  font-weight: bold;
  border: 1px solid;
}
.nav-contact .nav-item:last-child {
  border-left: none;
}

.nf-form-content {
  margin-top: 20px;
}

.caption {
  display: none !important;
}

.swipebox .wp-post-image:hover {
  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
}