/* Font Changes */
@font-face {
  font-family: 'AddingtonCF'; /* A name you choose for your font */
  src: url('/1652277983/Handler/CSSOverride/GetImage/76/AddingtonCF-Regular-400.woff2')
      format('woff2'),
    url('/679084967/Handler/CSSOverride/GetImage/76/AddingtonCF-Regular.otf')
      format('opentype'),
    url('/2055562444/Handler/CSSOverride/GetImage/76/AddingtonCF-Regular-400.woff')
      format('woff'); /* Path to the font file(s) */
  font-weight: normal; /* Specifies the weight of the font */
  font-style: normal; /* Specifies the style of the font (e.g., normal, italic) */
  font-display: swap; /* Controls how the font loads and displays */
  line-height: normal;
}

@font-face {
  font-family: 'AddingtonCF-demibold'; /* A name you choose for your font */
  src: url('/1668066325/Handler/CSSOverride/GetImage/76/AddingtonCF-DemiBold-400.woff2')
      format('woff2'),
    url('/-1883174492/Handler/CSSOverride/GetImage/76/AddingtonCF-DemiBold-400.woff')
      format('woff'),
    url('/-1296092211/Handler/CSSOverride/GetImage/76/AddingtonCF-DemiBold.otf')
      format('opentype');
  font-weight: normal; /* Specifies the weight of the font */
  font-style: normal; /* Specifies the style of the font (e.g., normal, italic) */
  font-display: swap; /* Controls how the font loads and displays */
  line-height: normal;
}

body {
  font-family: 'AddingtonCF', sans-serif;
  font-weight: 400; /* Regular weight */
  font-style: normal; /* Normal style */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'AddingtonCF-demibold', sans-serif !important;
  font-weight: 400; /* DemiBold weight */
  font-style: normal; /* Normal style */
}

/* Header Modifications */
.headermenu .two-tier-menu {
  border-bottom: 2px solid #fff;
}

@media screen and (min-width: 1088px) {
  .header-spacer.two-tier-spacer {
    height: auto;
  }

  .nav-search-container.two-tier-search.is-active {
    transform: translatey(9.5rem);
  }
}

.navbar-menu .current-basket-quantity {
  margin-left: 0px;
  margin-right: 10px;
  background-color: #006450;
  border-radius: 25px;
  font-size: 9px;
  padding: 3px;
}

/* Mobile */
@media screen and (max-width: 1087px) {
  .navbar.is-fixed-top .navbar-menu a {
    color: #231f20;
  }

  .navbar.is-fixed-top .navbar-menu .navbar-end a {
    color: #006450;
  }

  .navbar.is-fixed-top .navbar-menu a:hover,
  .navbar.is-fixed-top .navbar-menu a:focus {
    color: #006450 !important;
    text-decoration: underline;
  }

  .headermenu .navbar-start a:hover,
  .headermenu .navbar-start a:focus {
    border-bottom: none !important;
  }
}

.headermenu .two-tier-menu {
  background-color: #000000; /* Darker background for the header */
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}

.headermenu .two-tier-menu .top-menu-split,
.headermenu .two-tier-menu .top-menu-split .container {
  padding: 0;
}

.bottom-menu-split .container {
  padding: 0;
}

#logorow .navbar {
  background-color: #000000; /* Darker background for the logo row */
}

.headermenu .buttons .button {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.headermenu .level img {
  width: 175px;
  height: 40px;
  max-width: 100%;
  max-height: 100%;
}

.headermenu .header-spacer {
  background: #000000;
}

.headermenu .navbar {
  background-color: #000000;
}

.headermenu a,
.headermenu a:focus,
#logorow .navbar .navbar-item.has-dropdown:hover .navbar-link {
  color: #ffffff; /* White text for better visibility */
}

.bottom-menu-split .navbar-item {
  font-size: 18px;
}

.bottom-menu-split .navbar-dropdown .navbar-item {
  font-size: 14px;
}

.top-menu-split .level-right .button,
.top-menu-split .level-right .my-account-dropdown-link {
  font-size: 16px;
}

.top-menu-split .container {
  padding: 0;
}

.content-field-navbar .navbar-link:not(.is-arrowless)::after {
  border-color: white;
}

.headermenu .navbar-dropdown a {
  color: #231f20; /* Dark text for dropdown links */
}

.navbar-link:hover,
.navbar-item:hover {
  color: #ffffff !important; /* White text on hover for better visibility */
}

.navbar-burger span {
  background-color: #fff;
}

.navbar-dropdown .navbar-item:hover {
  color: #006450 !important; /* Green text for dropdown links on hover */
  text-decoration: underline;
}

.content-field-navbar .bottom-menu-split {
  border: none;
}

.content-field-navbar .bottom-menu-split .navbar {
  float: left;
}

#logorow .navbar .navbar-item.has-dropdown:focus .navbar-link,
#logorow .navbar .navbar-item.has-dropdown:hover .navbar-link,
#logorow .navbar .navbar-item.has-dropdown.is-active .navbar-link {
  background-color: #000;
}

@media screen and (min-width: 1088px) {
  .headermenu .container {
    max-width: 100% !important; /* Ensure full width on larger screens */
  }
}

.headermenu .navbar-start a:hover,
.headermenu .navbar-start a:focus {
  border-bottom: 3px solid #006450;
  outline: none;
  border-color: none;
  box-shadow: none;
}

.headermenu .navbar-start .navbar-dropdown a:hover,
.headermenu .navbar-start .navbar-dropdown a:focus {
  border-bottom: none;
}

/* Main Content Modifications */
.generalPageWrapper {
  margin-top: 110px;
}

.has-background-primary {
  background-color: #000 !important;
}
.catfish-button.is-primary,
.button.is-primary,
.buttons .catfish-button,
.catfish-button {
  background-color: #000;
}

.catfish-button.is-primary:hover,
.button.is-primary:hover,
.buttons .catfish-button:hover {
  background-color: #000;
}

.home-banner1 {
  display: flex;
  justify-content: center;
  height: clamp(28vw, 41em, 90vw);
  max-height: 450px;
  border-bottom: 2px solid #fff;
}

.home-banner1 .home-banner-container1 {
  width: 100%;
  margin-top: 0px;
}

.home-banner1 .home-banner-container1 .home-banner-wrapper1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-image: url(/717794612/Handler/CSSOverride/GetImage/76/citizens_banner.jpg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  height: 100%;
}

.home-banner1 .home-banner-container1 h1 {
  margin: auto auto auto 160px;
  font-size: 90px;
  color: #fff8f1;
  font-family: 'addington_cfdemi_bold';
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-transform: none;
}

.about-us {
  padding-top: 36px !important;
  background-color: #000;
}
.about-us .container {
  background: #000;
  padding: 12px 0px;
  line-height: 21px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 80vw;
}

.about-us h2 {
  padding-top: 10px !important;
  padding-bottom: 18px !important;
  margin-bottom: 25px !important;
}

.about-us p {
  max-width: 700px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
}

.about-us p a {
  color: #fff;
  text-decoration: underline;
}

.about-us p a:hover {
  color: #00856a;
}

.about-us .button-block {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 54px;
}

.about-us .button-block .button {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  height: 38px;
  margin: auto;
  border: 1px solid #fff;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  line-height: 34px;
  margin-bottom: 15px;
}

.about-us .button-block .button:focus {
  outline: none;
}

.about-us .button-block .cat-links {
  max-width: 700px;
  margin: 0 auto;
}

.about-us .button-block .cat-links__body {
  background-color: #000;
  border: 1px solid #fff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(255, 255, 255);
  border-top: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.11);
  transition: opacity 1s;
  box-sizing: border-box;
  text-align: left;
  margin-top: -15px;
  margin-bottom: 15px;
}

.about-us .button-block .cat-links__body .wrapper {
  padding: 24px;
  line-height: 21px;
}

.about-us .button-block .cat-links__body .wrapper p {
  line-height: 21px;
  margin-bottom: 10px;
  font-size: 15px;
}

.breadcrumb-section {
  background: #fff8f1;
  border-bottom: 1px solid #ebebeb;
}

.contact-us .page-body,
.terms-of-use .page-body {
  max-width: 600px;
  margin: auto;
  margin-top: auto;
  margin-top: auto;
  padding: 12px;
  padding-bottom: 12px;
  padding-bottom: 50px;
  margin-top: 9px;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.contact-us .page-body h1,
.terms-of-use .page-body h1:first-of-type {
  padding-top: 10px;
  padding-bottom: 15px;
  text-transform: capitalize;
  font-size: 36px;
  line-height: 1.15em;
  color: #000;
  margin: 10px 0 0;
}

.contact-us .page-body p,
.terms-of-use .page-body p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.5;
  color: #231f20;
}

.contact-us .page-body a,
.terms-of-use .page-body a {
  text-decoration: underline;
}

/* Footer Modifications */
.footer-copyright {
  background: #000;
  color: #fff;
  border-top: 1px solid #fff;
  width: 100%;
  font-size: 14px;
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
}

.footer-copyright .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-copyright-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 20px;
}

.footer-copyright-left {
  text-align: left;
  color: #fff;
  font-size: 14px;
}

.footer-copyright-right {
  text-align: right;
}

.footer-copyright-right a {
  color: #fff;
  text-decoration: none;
  margin-left: 24px;
  font-size: 14px;
}

.footer-copyright-right a:hover {
  border-bottom: 3px solid #006450 !important;
}

.footer-copyright-links {
  text-align: center;
  background: #414445;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #fff;
}

.footer-copyright-links a {
  color: #fff;
  padding: 0px 10px;
}

.footer-copyright-links a:hover {
  text-decoration: underline;
}

/* Login Page Modifications */
.login__wrapper .page-title {
  text-align: center;
}

.login__wrapper .returning-wrapper {
  margin: 0 auto;
}

.login__wrapper .forgot-password {
  text-align: center;
  text-decoration: underline;
}

.login__wrapper .returning-wrapper .returning-wrapper__inner {
  background: none;
}

.login__wrapper .returning-wrapper .returning-wrapper__inner .login-title {
  display: none;
}

/* Category Page Modifications */
@media screen and (min-width: 1280px) {
  .arone-category-page .category-navigation-enabled .column.is-3-widescreen {
    width: 20%;
    flex-basis: 20%;
  }
}

.navigationmenu ul li.active > a {
  color: #231f20;
  background: none;
}

.navigationmenu ul a:hover,
.navigationmenu ul li.active > a:hover {
  background: none;
  text-decoration: underline;
  color: #006450;
}

.navigationmenu ul li.active > a {
  color: #231f20;
  background: none;
}

.category-product-section .product-item {
  border: 1px solid #ebebeb;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 20px 10px;
  font-size: 11px;
}

.arone-category-page .navigationmenu--title,
.arone-category-page .navigationmenu--categories {
  border: 1px solid #ebebeb;
  padding: 1em;
  margin-bottom: 0 !important;
}

.category-product-section .add-info,
.category-subcategory-section {
  display: none;
}

.category-product-section .product-item--image img {
  max-width: 125px !important;
  max-height: 125px !important;
  margin: 0 auto;
}

.category-product-section .product-item .productPrice {
  margin-top: 0px;
  font-size: 15px;
  color: #006450;
}

.category-product-section {
  padding-top: 0;
}
.category-hero-section {
  background-color: #fff !important;
}

.item-box .product-item {
  color: black !important;
}

.item-box .product-title {
  color: black !important;
}

.item-box a {
  color: black !important;
}

.product-description-tabs a {
  color: black !important;
}

.productPrice {
  color: black !important;
}

.navigationmenu li a:hover,
.navigationmenu li a:active,
.navigationmenu li a:focus {
  color: black !important;
  background: none !important;
}

.hero.is-primary .title {
  color: #000 !important;
}

/* Frequently Asked Questions */
.Frequently_Asked_Questions .topicpage-body {
  max-width: 600px;
  margin: 0 auto;
}

.Frequently_Asked_Questions .topicpage-body .container {
  padding: 0 0;
}

.Frequently_Asked_Questions .topicpage-body .has-background-white,
.Frequently_Asked_Questions .card .card-header {
  box-shadow: none;
}

.Frequently_Asked_Questions .topicpage-body .card-header-title {
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
  cursor: pointer;
  color: #231f20;
  opacity: unset;
  line-height: 1.15em;
}

.Frequently_Asked_Questions .has-background-light {
  background-color: #fff !important;
}

.Frequently_Asked_Questions .title {
  text-align: left;
}

.Frequently_Asked_Questions .section.is-large {
  padding-bottom: 1rem;
}

.Frequently_Asked_Questions .section.is-large .subtitle {
  display: none;
}

.shipping-faq-table {
  width: auto !important;
  margin: 0 auto;
}

.shipping-faq-table td {
  border: 2px solid black !important;
}

/* Product Page Edits */
.product-info-section .picture-wrapper {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: 600px;
  margin-right: 25px;
}

.product-info-section .details-wrapper {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: calc(100% - 625px);
  height: fit-content;
}

#longdesc-panel {
  padding: 20px 0px 30px;
}

.full-description-section .container {
  padding-left: 35px;
}

@media screen and (max-width: 1087px) {
  .full-description-section .container {
    padding-left: 42px;
  }
  .product-info-section .details-wrapper {
    width: 600px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .full-description-section .container {
    padding-left: 5px;
  }
}

.section.full-description-section {
  padding-top: 0px;
}

.product-description-tabs {
  padding: 10px 20px;
  margin-top: 25px;
  background: white;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: 600px;
}

.product-description-tabs .mdl-tabs__tab-bar {
  justify-content: flex-start;
  font-size: 16px;
  border-bottom: 1px solid #ebebeb;
}

.product-variant-line .productPrice {
  color: #006450;
  font-size: 20px;
}

.arone-product-landing-page .breadcrumb-section + .product-info-section {
  padding-top: 4rem;
}

.breadcrumb-section .fa-home {
  display: none;
}

@media screen and (min-width: 1472px) {
  .breadcrumb-section .container {
    max-width: 100%;
  }

  .breadcrumb-section .container a {
    font-size: 13px;
  }
}

.product-shipping-in-hands-text {
  font-size: 18px;
  line-height: 14px;
}

.product-ship-estimate {
  padding-bottom: 15px;
  font-family: 'Times New Roman', Times, serif;
  color: #111;
  max-width: 100%;
}

.shipping-estimate-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.shipping-icon {
  font-size: 32px;
  margin-right: 10px;
  color: #111;
  vertical-align: middle;
}

.product-shipping-in-hands-text {
  display: flex;
  flex-direction: column;
}

.in-hands-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #111;
  display: block;
}

.in-hands-text {
  font-size: 20px;
  font-weight: 400;
  margin-left: 0;
  color: #111;
  display: block;
}

.shipping-estimate-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  font-size: 16px;
  border-top: 1px solid #e0e0e0;
}

.shipping-estimate-table th,
.shipping-estimate-table td {
  padding: 6px 0;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  font-weight: normal;
}

.shipping-estimate-table th {
  width: 160px;
  color: #111;
  font-weight: normal;
}

.shipping-estimate-table td b {
  font-weight: bold;
  color: #111;
}

.dynamic-preview__secondary-picture {
  max-width: 70px;
  border: 1px solid #ebebeb;
}

.dynamic-preview__secondary-picture:first-of-type {
  border: 2px solid #000;
}

/* Account Page */
.block-account-navigation ul a.active,
.block-account-navigation ul a.is-active {
  background-color: #000;
}

/* Cart Page */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
  background: none;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart {
  border: 1px solid #ebebeb;
  border-bottom: none;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container {
  border: 1px solid #ebebeb;
}

.continueshoppingbutton {
  background-color: #fff8f1 !important;
}

.cart--actions input[type='button'] {
  font-family: 'AddingtonCF', sans-serif !important;
}

body {
  color: black !important;
}

/* Hide left pannel editor */
.editorLeft.pane.leftPaneCtrlContainer {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.editorMain.pane.ui-layout-center {
  position: left;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.editorTop,
.headerWrapper {
  background-color: #000 !important;
}

.btn {
  color: black !important;
  background-color: white !important;
}

#parentContainer
  > div.editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north
  > div
  > div.editorTop__view-controls
  > div
  > div.buttonContainer.leftSide.buttons
  > div.rightSideWrapper
  > div,
.current_prod_name {
  background-color: white !important;
  color: black !important;
}

canvas.lower-canvas,
canvas.upper-canvas {
  transform: scale(0.75); /* zoom out visually */
  transform-origin: top left;
}

/* Expand the canvas size so no whitespace appears */
.canvas-container {
  width: calc(100% / 0.75) !important;
  height: calc(100% / 0.75) !important;
}

.catfish-container,
#order_details_v2 {
  padding-top: 10px; /* adjust to header height */
}

.navbar-link {
  color: white !important;
}