h1 {
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 3rem;
color: #004FA3;
}
h2 {
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 3rem;
color: #004FA3;
}
h2.widget-title {
font-size: 28px;
margin-bottom: 24px;
}
h3 {
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 3rem;
color: #004FA3;
}
h4 {
font-weight: 700;
color: #004FA3;
}
h1:first-child,
h2:first-child,
h3:first-child {
margin-top: 0;
}
h5 {
font-weight: 700;
color: #004FA3;
}
p {
font-size: 1em;
} html {
scroll-behavior: smooth;
}
body {
font-family: 'Open Sans', sans-serif;
}
header#header,
footer#footer {
font-size: .875rem;
}
header#header .navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
}
header#header .dropdown-menu {
font-size: .875rem;
margin: 0;
}
header#header .navbar-dark .navbar-nav .nav-link:focus,
header#header .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,.7);
}
header#header nav,
footer#footer { background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/blue-gradient-bg.svg);
background-size: 100% auto;
background-repeat: repeat-y;
}
#mainNavbar {
padding: 16px 16px 16px 16px;
-webkit-transition: padding .25s ease-out;
transition: padding .25s ease-out;
}
#mainNavbar.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
padding: 8px 16px 8px 16px !important;
-webkit-transition: padding .25s ease-out;
transition: padding .25s ease-out;
}
#mainNavbar .navbar-brand img {
width: auto;
height: 40px;
-webkit-transition: height .25s ease-out;
transition: height .25s ease-out;
}
#mainNavbar.sticky .navbar-brand img {
width: auto;
height: 30px;
-webkit-transition: height .25s ease-out;
transition: height .25s ease-out;
}
#mainContent.sticky {
padding-top: 82px;
}
footer#footer h6 {
text-transform: uppercase;
font-weight: 700;
font-size: .875rem;
}
footer#footer h6 a.text-white:hover {
color: rgba(255,255,255,.7) !important;
}
footer#footer .social-media-icons {
font-size: 1.5rem;
}
footer#footer .social-media-icons .nav-link {
padding: 0;
width: 2.5rem;
height: 2.5rem;
}
footer#footer .social-media-icons a.nav-link {
color: #fff;
background-color: #007bff;
}
footer#footer .social-media-icons a.nav-link.facebook {
background-color: #227bef;
}
footer#footer .social-media-icons a.nav-link.linkedin {
background-color: #1177b2;
}
footer#footer .social-media-icons a.nav-link.instagram {
background-color: #ee1376;
}
footer#footer .social-media-icons .nav-link i {
text-align: center;
width: 100%;
line-height: inherit !important;
vertical-align: middle;
}
footer#footer a:hover {
text-decoration: none;
}
footer#footer a.text-light {
color: rgba(255,255,255,.7) !important;
}
footer#footer a.text-light:focus,
footer#footer a.text-light:hover {
color: rgba(255,255,255,1) !important;
}
.hero {
min-height: 450px; background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/blue-gradient-bg.svg);
background-size: 100% auto;
background-repeat: repeat-y;
position: relative;
}
.home.hero {
min-height: 550px;
}
.hero h1 {
color: #fff;
}
.hero.arc-bottom-blue-gradient,
.hero.arc-bottom-dark-gray,
.hero.arc-bottom-white {
min-height: calc(450px + 8.33489613vw);
}
.home.hero.arc-bottom-blue-gradient,
.home.hero.arc-bottom-dark-gray,
.home.hero.arc-bottom-white {
min-height: calc(550px + 8.33489613vw);
}
.arc-top-blue-gradient,
.arc-bottom-blue-gradient,
.arc-bottom-dark-gray,
.arc-bottom-white {
padding-bottom: 8.33489613vw !important;
}
.arc-top-blue-gradient::after {
background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/top-arc-blue-gradient.svg);
content: "";
background-size: 100% 100%;
display: inline-block;
height: 8.59536163vw;
width: 100%;
position: absolute;
bottom: -0.2604655vw;
left: 0;
}
.arc-bottom-blue-gradient::after {
background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/bottom-arc-blue-gradient.svg);
content: "";
background-size: 100% 100%;
display: inline-block;
height: 8.59536163vw;
width: 100%;
position: absolute;
bottom: -0.2604655vw;
left: 0;
}
.arc-bottom-dark-gray::after {
background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/bottom-arc-dark-gray.svg);
content: "";
background-size: 100% 100%;
display: inline-block;
height: 8.59536163vw;
width: 100%;
position: absolute;
bottom: -0.2604655vw;
left: 0;
}
.arc-bottom-white::after {
background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/bottom-arc-white.svg);
content: "";
background-size: 100% 100%;
display: inline-block;
height: 8.59536163vw;
width: 100%;
position: absolute;
bottom: -0.2604655vw;
left: 0;
}
.after-arc-60 {
margin-top: calc(60px - 8.33489613vw);
}
.after-arc-image {
margin-top: calc(-90px - 8.33489613vw);
}
.section.gray {
background-color: #f9f9f9;
}
.blue-gradient-bg { background-image: url(//industrialbuyers.com/wp-content/themes/ibc-2020/imgs/blue-gradient-bg.svg);
background-size: 100% auto;
background-repeat: repeat-y;
}
.widget {
margin-bottom: 48px;
} .form-control {
border-radius: 0;
border-top: none;
border-right: none;
border-left: none;
padding-right: 0;
padding-left: 0;
background-color: rgba(255, 255, 255, 0);
}
.form-control:focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0);
}
label {
font-weight: 700;
}
label em {
font-style: normal;
color: #FF0000;
} .filter-button-group button {
text-transform: none;
font-size: .875rem;
} #distributorSearch .search-box,
#supplierSearch .search-box {
background: #DFDFDF;
padding: 60px 0 40px;
margin-bottom: 60px;
}
#supplierSearch  .search-box .search-checklist label {
font-weight: 400;
}
#supplierSearch  .search-box .search-checklist {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
@media (min-width: 576px) {
#distributorSearch .search-box,
#supplierSearch .search-box {
border-radius: 5px;
}
}
@media (min-width: 768px) {
#distributorSearch .search-box,
#supplierSearch .search-box {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 992px) {
#supplierSearch .search-box .search-checklist {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media (min-width: 1200px) {
#supplierSearch .search-box .search-checklist {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
#distributorSearch .search-box,
#supplierSearch .search-box {
padding-left: 100px;
padding-right: 100px;
}
} .list-item:hover {
text-decoration: none;
}
.list-item:hover .list-description .list-date-category {
color: #007BFF;
}
.list-item .list-image {
width: 100%;
padding-bottom: 52%;
background-color: #bbbbbb;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.list-item .list-image.square {
padding-bottom: 100%;
}
.list-item .list-description {
background-color: #ffffff;
height: 170px;
position: relative;
}
.list-item .list-description .list-date-category {
font-size: 14px;
font-weight: 700;
}
.linkedin-icon {
position: absolute;
right: 0;
bottom: 0;
font-size: 1.25rem;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
.list-item .list-description {
height: 150px;
}
}
@media (min-width: 992px) {
.list-item .list-description {
height: 190px;
}
}
@media (min-width: 1200px) {
.list-item .list-description {
height: 215px;
}
}