/*
Theme Name: B2BDD
Theme URI: https://b2bdd.com
Author: B2B Design & Development
Description: B2BDD is a theme for Wordpress developement by B2B Design & Development. Is is based off the GeneratePress Wordpress Theme https://generatepress.com, which itself is based off of Underscores http://underscores.me/, (C) 2012-2022 Automattic, Inc. Learn more about us at https://b2bdd.com
Version: 1
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: b2bdd
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

*/
#masthead .header-widget {
  width: 40%;
  margin-left: 0;
}
#masthead .header-widget .widget_search .search-form {
  justify-content: flex-end;
}
#masthead .header-widget .widget_search .search-field {
  border-color: var(--base-2);
}
#masthead .header-widget .widget_search .search-submit {
  background-color: var(--base-2);
  color: var(--contrast);
  border-color: var(--base-2);
}
@media screen and (max-width: 1300px) {
  .site-content .grid-container {
    max-width: 90%;
  }
}
.grid {
  display: grid;
}
.full-width-content {
  width: 100%;
}
.flex-content-area {
  padding-top: 32px;
  padding-bottom: 32px;
}
.flex-content-area .container {
  display: grid;
  max-width: 1366px;
  width: 100%;
  padding: 32px 83px;
  margin: auto;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 2rem;
}
.hero-section {
  position: relative;
}
.hero-section .hero {
  position: relative;
}
.hero-section .hero .hero-image {
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 50vh;
  max-height: 70vh;
}
.hero-section .hero .hero-slider-image {
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 50vh;
  max-height: 70vh;
}
.hero-section .hero-content-container {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.hero-section .hero-content-container .main-text {
  color: white;
  margin: 1.5rem;
  font-size: 5.3em;
  line-height: 1;
  text-shadow: 0 0 6px #333;
}
.hero-section .hero-content-container .sub-text {
  font-size: 2em;
  color: white;
  margin: 1.5rem;
  text-shadow: 0 0 6px #333;
}
.hero-section .slick-dots {
  display: flex;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  width: auto;
  bottom: 40px;
  right: 60px;
  background: 0 0;
}
.hero-section .slick-dots li {
  list-style-type: none;
  margin: 6px;
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.hero-section .slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 12px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.hero-section .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 50px;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
}
.hero-section .slick-dots .slick-active button:before {
  opacity: 0.75;
}
.banner {
  width: 100%;
}
.banner .container {
  max-width: 1366px !important;
  padding: 32px 84px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.banner .container div,
.banner .container a {
  margin: auto 30px;
}
.bucket-area .container {
  max-width: 1366px;
  padding: 32px 84px;
  width: 100%;
  margin: auto;
}
.bucket-area .bucket-holder {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.bucket-area .bucket-holder .bucket {
  max-width: 360px;
  margin: auto;
  border: solid 1px #e7e7e7;
  border-radius: 5px;
}
.bucket-area .bucket-holder .bucket .bucket-image img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.bucket-area .bucket-holder .bucket .bucket-name {
  margin: 18px 24px 0 24px;
}
.bucket-area .bucket-holder .bucket .bucket-name a {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.4em;
}
.bucket-area .bucket-holder .bucket .bucket-text {
  padding: 24px;
}
.bucket-area .bucket-holder .bucket .bucket-button-wrap {
  display: flex;
  justify-content: center;
}
.bucket-area .bucket-holder .bucket .bucket-button-wrap a {
  margin-bottom: 24px;
  padding: 0 20px;
}
.linecard ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.linecard ul li {
  list-style-type: none;
}
.accordion-section {
  max-width: 1366px;
  width: 100%;
  padding: 32px 84px;
  margin: auto;
}
@media screen and (max-width: 900px) {
  .bucket-area .container {
    padding: 18px;
  }
}
.error404 .site {
  max-width: 100%;
}
.error404 .site .site-main {
  margin-top: 0;
}
.error404 .site .inside-article {
  padding: 0;
}
.error404 .site .inside-article .grid-container {
  padding: 0 33px;
}
.inside-footer-widgets {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .main-navigation .main-nav ul li a {
    line-height: 18px !important;
  }
}
.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
}
.sticky .inside-header {
  padding: 0 40px;
}
.sticky + .site {
  padding-top: 120px;
}
#top-bar {
  z-index: 1111;
}