/** Custom Fonts **/
@font-face { font-family: AvenirLight; src: url('../fonts/avenir-light-webfont.eot'); src: url('../fonts/avenir-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/avenir-light-webfont.woff') format('woff'),  url('../fonts/avenir-light-webfont.ttf') format('truetype'), url('../fonts/avenir-light-webfont.svg#avenir-light-webfont') format('svg'); font-style: normal;}
@font-face { font-family: AvenirMedium; src: url('../fonts/Avenir-Medium-webfont.eot'); src: url('../fonts/Avenir-Medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Medium-webfont.woff') format('woff'),  url('../fonts/Avenir-Medium-webfont.ttf') format('truetype'), url('../fonts/Avenir-Medium-webfont.svg#Avenir-Medium-webfont') format('svg'); font-style: normal;}
@font-face { font-family: AvenirBook; src: url('../fonts/Avenir-Book.ttf'); }
@font-face { font-family: AvenirBlack; src: url('../fonts/Avenir-Black-webfont.eot'); src: url('../fonts/Avenir-Black-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Black-webfont.woff') format('woff'),  url('../fonts/Avenir-Black-webfont.ttf') format('truetype'), url('../fonts/Avenir-Black-webfont.svg#Avenir-Black-webfont') format('svg'); font-style: normal;}
@font-face { font-family: AvenirRoman; src: url('../fonts/Avenir-Roman-webfont.eot'); src: url('../fonts/Avenir-Roman-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Roman-webfont.woff') format('woff'),  url('../fonts/Avenir-Roman-webfont.ttf') format('truetype'), url('../fonts/Avenir-Roman-webfont.svg#Avenir-Roman-webfont') format('svg'); font-style: normal;}

/** Global Styles **/
:root {
  --sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --serif: Georgia, 'Times New Roman', Times, serif;
  --extralight: 200;
  --weight-light: 300;
  --weight-medium: 500;
  --weight-extrabold: 800;
  --weight-black: 900;
  --color-black: #0a0a0a;
  --color-white: #fefefe;
}

::placeholder { color: darkgray; opacity: 1; }
::-ms-input-placeholder { color: darkgray; opacity: 1; }
::-webkit-input-placeholder { color: darkgray; opacity: 1; }
* { -webkit-overflow-scrolling: touch; }

a:not([href]) { color: inherit; cursor: inherit; text-decoration: inherit; }
a.skiplink { background: var(--color-black); color: var(--color-white); font-size: 16px; font-weight: 600; left: 0; opacity: 1; padding: 12px 16px; position: fixed; text-shadow: 2px 1px 3px rgba(0,0,0,1); top: -1000px; z-index: 10000; }
a.skiplink:focus { top: 0; }
hr { background: #0a0a0a; border: 0; clear: both; display: block; height: 0.0625rem; margin: 2.625rem 0; }
iframe { border: 0.0625rem solid #554832; display: block; margin: 1rem auto; max-width: 100%; }
img:is(.float-left, .float-right) { max-width: 30vw; }

/* [aria-hidden="true"] { visibility: hidden !important; } */
.rc-anchor-invisible-text .rc-anchor-pt a:link { display: inline !important; }
/* .rc-anchor-normal-footer[aria-hidden="true"] { visibility: hidden !important; } */

.system-message-container { font-family: 'Fira Code', 'Courier New', Courier, monospace; font-size: 1rem; line-height: normal; }
.system-message-container .callout { color: #0a0a0a; }
.system-message-header { font-family: 'Open Sans', var(--sans-serif);
  font-size: 2rem; font-weight: bold; line-height: normal; margin: 0 0 1rem; text-transform: uppercase; }
.system-message-container p { line-height: normal; margin: 0.625rem 0; padding: 0 0 0 1.5rem; position: relative; text-indent: 0; }
.system-message-container p::before { color: #0a0a0a; content: '•'; direction: rtl; display: inline-block; font-weight: bold; left: 0;
  margin: 0; position: absolute; text-align: right; top: 0; width: 0.75rem; }
.system-message-container p:last-of-type { margin: 0; }

.visually-hidden, .sr-only, .visually-hidden-focusable:not(:focus):not(:focus-within) { border: 0 !important;
  clip: rect(0, 0, 0, 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important;
  padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; }

body { margin: 0; }
p, a, ul { font-family: AvenirRoman; font-size: 14px; }
a { color: #ff6b00; outline: none; } /*#00aeef*/
p, ul { color: #333333; }
a:focus, a:hover { color: #c45200; text-decoration: underline; }
footer .menu .active > a { background-color: transparent; }

/* .color-examples { color: #03f724; color: #f7ef03; color: #de2003; } */
.callout a { color: inherit; text-decoration: underline; }
.callout :is(:focus, :hover) { text-decoration: none; }
.callout p { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit; margin: 6px auto; }
.callout p:last-of-type { margin-bottom: 0; }
.callout.alert { background: #de2003; border-color: #de2003; color: #fefefe; font-size: 1.25rem; font-weight: bold; line-height: normal; }
.callout.alert .close-button { color: inherit; }
.callout.alert h4 { font-size: 2.625rem; font-weight: bold; line-height: normal; margin: 0 0 1rem; text-transform: uppercase; }
.callout.alert p { margin: 0.75rem 0; text-transform: uppercase; }
/* .callout.alert p:last-of-type { margin-bottom: 0; } */

#middle { padding: 0 7px; }

/** Site Top Styles **/

#top-colors {

  margin: 0 0 40px 0;
  height: 5px;
    /* IE10+ */
  background-image: -ms-linear-gradient(left, #FF6B00 0%, #FF6B00 16.5%, #913F98 16.6%, #913F98 33.2%, #00AEEF 33.3%, #00AEEF 49.9%, #39B54A 50%, #39B54A 66.5%, #E00000 66.6%, #E00000 83.2%, #00AEEF 83.3%, #00aeef 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, #FF6B00 0%, #FF6B00 16.5%, #913F98 16.6%, #913F98 33.2%, #00AEEF 33.3%, #00AEEF 49.9%, #39B54A 50%, #39B54A 66.5%, #E00000 66.6%, #E00000 83.2%, #00AEEF 83.3%, #00aeef 100%);
  /* Opera */
  background-image: -o-linear-gradient(left, #FF6B00 0%, #FF6B00 16.5%, #913F98 16.6%, #913F98 33.2%, #00AEEF 33.3%, #00AEEF 49.9%, #39B54A 50%, #39B54A 66.5%, #E00000 66.6%, #E00000 83.2%, #00AEEF 83.3%, #00aeef 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF6B00), color-stop(16.5, #FF6B00), color-stop(16.6, #913F98), color-stop(33.2, #913F98), color-stop(33.3, #00AEEF), color-stop(49.9, #00AEEF), color-stop(50, #39B54A), color-stop(66.5, #39B54A), color-stop(66.6, #E00000), color-stop(83.2, #E00000), color-stop(83.3, #00AEEF), color-stop(100, #00aeef));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, #FF6B00 0%, #FF6B00 16.5%, #913F98 16.6%, #913F98 33.2%, #00AEEF 33.3%, #00AEEF 49.9%, #39B54A 50%, #39B54A 66.5%, #E00000 66.6%, #E00000 83.2%, #00AEEF 83.3%, #00aeef 100%);
  /* W3C Markup */
  background-image: linear-gradient(to right, #FF6B00 0%, #FF6B00 16.5%, #913F98 16.6%, #913F98 33.2%, #00AEEF 33.3%, #00AEEF 49.9%, #39B54A 50%, #39B54A 66.5%, #E00000 66.6%, #E00000 83.2%, #00AEEF 83.3%, #00aeef 100%);

}

/** Pushy Button Styles **/

.pushy-menu-btn {
  top: 5px;
  right: 35px;
  transition: all .3s; }
  .pushy-menu-btn:hover {
    transform: scale(1.1); }

.burger-bar {
  height: 5px;
  width: 40px;
  margin: 10px 0; }

.bb1 { background-color: #FF6B00; }
.bb2 { background-color: #913F98; }
.bb3 { background-color: #00AEEF; }

/** Site Flex Styles **/

.site-flex-wrapper {
  display: flex;
  justify-content: center; }

.site-flex-container {
  display: flex;
  width: 1210px;
  padding: 0 20px;
  justify-content: space-between; }

/** Header Styles **/

.header-left p { margin: 0; }

.header-middle {
  display: flex;
  align-self: center;
  margin-left: 25px;
  flex-direction: column;
  justify-content: center; }
  .header-middle p {
    text-align: center;
    margin: -16px 0 6px; }
  .header-phone-text {
    font-size: 15px;
    display: inline-block;
    transform: translateX(-8px) translateY(-2px); }
    .header-phone-number a {
      font-size: 26px;
      font-weight: 700;
      color: #ff6b00;
      font-family: AvenirMedium; }

  .search .form-inline { display: flex; }
  .search .form-inline label { display: none; }
  .search .form-inline .button {margin: 0;width: 41px;height: 40px;background: url('../images/balloon-country-search-icon-background.png'); }
    .header-middle .search .form-inline [type="search"] {
      margin: 0;
      height: 40px;
      width: 508px; }
      @media only screen and (max-width: 1210px) {
        .header-middle .search .form-inline [type="search"] { width: 38vw; } }
    .header-phone-icon {
      display: none; }
      .header-phone-icon a,
      .header-cart a {
        color: #333; }
  .mobile-search {margin-top: 1.2rem; padding: 0 1.4rem;}


.header-right {
  display: flex;
  margin-bottom: 2px;
  align-items: flex-end;
  justify-content: space-between; }
  .header-right .moduletable {
    margin: 0 1.25vw; }
  .header-right .moduletable:last-of-type {
    margin-right: 0; }
  .header-right p {
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    transform: translateY(5px); }
  .header-right a { color: #333; }

/** Purple Bar Styles **/

.purple-bar-wrapper,
.bread-crumb-wrapper {
  display: flex;
  padding: 0 22px;
  justify-content: center; }

.purple-bar {
  min-height: 50px;
  width: 1170px;
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
  background-color: #913f98; }
  .purple-bar p {
    margin: 0;
    color: #fff;
    font-size: 18px; }
    .free-shipping {
      font-size: 22px;
      font-weight: 700; }
.bread-crumbs {
  min-height: 50px;
  width: 1170px;
  display: flex;
  margin-top: -50px;
  margin-bottom: 50px;
  align-items: center;
  background-color: #f5f5f5; }

ul.bread-crumbs { margin: 0; }
.breadcrumbs { margin: 0 0 0 20px; }
.breadcrumbs a, .breadcrumbs span { font-family: AvenirMedium; color: #333; text-transform: capitalize; font-size: 14px; }
.breadcrumbs li > span { display: inline-block; }
.breadcrumbs li:not(:last-child)::after { content: ">"; color: #333; font-size: 14px; }

/** Banner Styles **/

.homepage-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  margin-bottom: 40px;
  height: 400px;
  background: url("../images/balloon-country-banner.png");
  background-size: cover; }
#copy .homepage-banner h1 { font-family: AvenirBlack; color: #fff; font-size: 48px; margin: 0; text-shadow: 1px 1px #000; line-height: 1; }
#copy .homepage-banner h2 { font-family: AvenirBlack; color: #fff; font-size: 30px; margin: 0; text-shadow: 1px 1px #000; line-height: 1.1; }

/** Homeblock Styles **/

.homeblock {
  height: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.homeblock h3, .homeblock a {
  color: #ff6b00;
  font-size: 16px;
  font-family: AvenirBlack;
  text-shadow: 1px 1px #000; }
.homeblock a.shop-now {
  margin: 0;
  color: #fff;
  width: 100px;
  font-size: 12px !important;
  padding: 8px 15px;
  display: inline-block;
  font-family: AvenirBlack;
  background-color: #ff6b00;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
.homeblock a.shop-now:hover { text-decoration: none; }

.hb-one { background: url("/images/homeblocks/decorator-balloons.jpg") no-repeat center bottom; background-size: cover; }
.hb-two { background: url("../images/balloon-country-homeblock-two.png") no-repeat center; background-size: cover; }
.hb-three { background: url("../images/custom-balloon-décor.jpg") no-repeat center; background-size: cover; }

/** Menu Styles **/

#sidebar ul ul { margin-left: 0.85rem; }

#sidebar .menu .active > a { background-color: transparent;	}

#sidebar .menu > li > a {
  padding: 3px 0;
  line-height: 1.2; }

#sidebar .menu > li {
  display: list-item; }

#sidebar .menu > li {
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc; }

#sidebar .menu li a {
  color: #ff6b00;
  font-size: 14px;
  font-family: AvenirBlack;
  text-transform: uppercase; }

#sidebar .menu li ul li {
  list-style-type: none;
  /*margin: -2px 0 0 0;*/
  line-height: 1.3;
  padding: 0 0 5px;
}

#sidebar .menu li ul li a {
  color: #333;
  line-height: 1;
  font-family: AvenirRoman;
  text-transform: capitalize; }

/* .item-184 { border-bottom: none !important; } */
#sidebar .menu > li:last-child { border-bottom: none !important; }

/** Product Styles **/

.product-category h1 { font-size: 32px; font-family: AvenirBlack; color: #ff6600; text-transform: uppercase; }
.category-desc p { font-family: AvenirMedium; font-size: 16px; color: #333; }
.photoblock { height: 205px; background-position: center; background-repeat: no-repeat; border: 1px solid #ccc; background-size: cover; }
.jcemediabox-zoom-link { display: none !important; }
.item-box-one { padding-left: 0; }
.item-box-two { padding-left: 0; }
.wishlist i { transform: translateX(6px); }
.itemblock p { text-align: center; margin-top: 15px; }
.itemblock p a { font-family: AvenirMedium; font-size: 15px; }
.itemblock p:last-of-type { font-size: 22px; color: #ff6600 }
h1.products_name { font-family: AvenirMedium; font-size: 24px; color: #333; }
#copy h2.price { font-family: AvenirMedium; font-size: 28px; color: #333; margin-top: 30px; }
.product-description p:first-of-type { font-family: AvenirMedium; font-size: 14px; color: #333; margin: 0; }
.product-description p:nth-of-type(2) { font-family: AvenirMedium; font-size: 16px; padding: 10px 0; margin: 30px 0 0 0; }
.sprite-add-to-cart { color: #fff; background-color: #ff6600; font-family: AvenirMedium; text-transform: uppercase; padding: 12px 40px; margin: 0; }
.sprite-add-to-cart:hover { background-color: #913f98; }
.quantity p { margin: 8px 6px 0 0 !important; font-size: 14px !important; }
.sortwrap { padding: 0 15px; }
.pagination-toolbar { transform: translateY(-40px); }
.pagination { margin: 26px 0 1rem -9px; }

.sprite-category-add-to-cart {padding: 10px 12px !important;}

/** Copy Styles **/

#copy h1 { font-family: AvenirBlack; color: #ff6b00; font-size: 36px; line-height: 38px; }
#copy h2 { font-family: AvenirBlack; color: #ff6b00; font-size: 24px; }
#copy h3 { font-family: AvenirBlack; color: #333; font-size: 18px; }
#copy p { font-family: AvenirRoman; color: #333; font-size: 16px; }
#copy a { font-size: 16px; }
.staff-title { color: #913f98; font-family: AvenirBlack; }
#copy p.small-copy { font-size: 12px; }

.row #copy .row { margin-left: auto; margin-right: auto; }
.row #copy .hb-container .row { margin-left: -0.9375rem; margin-right: -0.9375rem; }

/** Login Page **/

.button {
  /*margin: 0;*/
  color: #fff;
  padding: 10px 18px;
  display: inline-block;
  font-family: AvenirBlack;
  background-color: #ff6b00;
  font-size: 15px !important;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
  .button:hover {
    background-color: #ff6b00; }
  a.button:hover { text-decoration: none; }

.button-group {margin: 1rem 0 1rem;}
  .button-group input {margin-right: .5rem !important;}

/** Recommended Products **/

.sprite-recommend-add-to-cart {
  height: 40px;
  padding: 10px;
  margin-left: 10px; }

.recommended-quantity {
  display: flex;
  padding-left: 0;
  justify-content: center; }

#copy .recommended-quantity p {
  font-size: 12px;
  margin: 10px 12px 0 0 !important; }

#copy h3.we-also-recommend {
  color: white;
  padding: 12px;
  font-size: 20px;
  text-align: center;
  margin: 0 15px 40px;
  font-family: AvenirMedium;
  text-transform: uppercase;
  background-color: #999999; }

.add p {
  margin-top: 0; }

/** Create Account Page **/

/*.create-account h3, */.create-account form .row > label { padding-left: 0.9375rem; padding-right: 0.9375rem; }
.account-page .breadcrumbs { margin: 0 0 10px 0; background-color: #86378d; padding: .5rem;}
.account-page .breadcrumbs li a, .account-page .breadcrumbs li::after {color:#fff;}
.account-page .breadcrumbs li:not(:last-child)::after { top: 0; }
.account-page h3 { margin-top: 10px; }
/*#card-nonce { margin-top: 1rem !important; }
*/

/** Cart Page **/

/*form input { margin: 0 !important; }*/
form[method="post"] .columns { padding-left: 0; }
legend { padding-left: 0.9375rem; padding-right: 0.9375rem; }

/** Footer Styles **/

#footer-top {
  margin: 40px 0 0 0;
  background-color: #f5f5f5; }

  .footer {
    height: 170px;
    display: flex;
    justify-content: space-between;
    align-items: center; }

#footer-top li {
  list-style-type: none;}

#footer-top .menu li {
    vertical-align: top; }

#footer-top li a {
  padding: 0;
  color: #333;
  font-size: 14px;
  font-family: AvenirBlack; }

#footer-top li ul {
  margin: 0; }

#footer-top li ul li a {
  font-family: AvenirRoman; }

#footer-bottom {
  background-color: #eeeeee; }

.footer-footer {
  height: 50px;
  display: flex;
  align-items: center;}
  .footer-footer p, .footer-footer a {
    margin: 0; font-size: 12px; }
.bottom-right { display: inline-flex; align-items: center; justify-content: flex-end; }

.footer-menu-left ul, .footer-menu-right ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.footer-menu {display: inline-flex; justify-content: space-between;}

.footer-logo {padding: 0;}
.footer-bbb img {float: right;}

.item-190 > a { visibility: hidden; }
.item-197 > a { visibility: hidden; }

/* Hannush customs */
iframe .rc-anchor-normal-footer[aria-hidden="true"] { visibility: hidden !important; }

.wf_file_size::before { content: '('; }
.wf_file_size::after { content: ')'; }
.wf_file_size { font-size: 0.75rem; } /* 12/16 */

input[name="a_password"] { display: none; }

.copyright { max-width: 100%; padding-right: 33px;	padding: 0;margin: 0 auto; }
.copyright p, .copyright p a {color: #333333; margin-top: 2rem; font-size: 12px;}
.strikeout { text-decoration: line-through; }
.red { color: #ec5840; }
.submit-button button { background-color: #ff6b00; color: #fff; font-family: AvenirBlack; font-size: 16px;
  margin:10px 0 0 0; padding: 8px 15px; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); width: 100px; }

.moduletable.nowincart { position: relative; }
span.cart-count { color: #000; font-size: 12px; font-weight: bolder; left: 31px; position: absolute; top: 6px; }

.sortwrap select { display: inline-block; margin: 0 0 1rem 10px; width: 20%; }
.sortwrap { font-size: 0; text-align: right; }

.show-categories {background-color: #f4f3f3; padding: 1rem; margin-bottom: 1rem;}
.login-page .columns { padding-left: 0; }

.squarephoto { margin: 0 auto; position: relative; }
.squarephoto::before, .squarephoto:before { content: ''; float: left; margin-left: -1px; padding: 100% 0 0 0; width: 1px; }
.squarephoto.ar16-9::before, .squarephoto.ar16-9:before { padding: calc(100% * 0.5625) 0 0 0; }
.squarephoto::after, .squarephoto:after { clear: both; content: ''; display: table; }
.squarephoto img { border: 1px solid #ccc; height: 100%; margin: 0; max-width: unset; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; }
/* End Hannush customs */

/** Media Queries **/


@media only screen and (max-width: 1080px) {
  .quantity {display: block !important; margin-top: -30px;}
}

@media only screen and (max-width: 1023px) {
  #top-colors { margin: 0 0 20px 0; }
  .header-middle { flex-direction: row; }
  .header-middle p { margin: 0; }
  .header-phone { margin-right: 25px; }
  .header-left img { width: 145px; }
  .purple-bar { margin-top: 25px; margin-bottom: 25px; }
  .bread-crumbs { margin-top: -25px; margin-bottom: 25px; padding: 10px 0; }

}

@media only screen and (max-width: 810px) {
  .button-group input { margin-bottom: 10px !important; }
}

@media only screen and (max-width: 720px) {
  .photoblock { height: 150px !important; }
}

@media only screen and (max-width: 669px) {
  .header-phone-text { display: none; }
  .purple-bar-wrapper { padding: 0 22px; }
    .purple-bar { margin-top: 20px; margin-bottom: 20px; }

      .purple-bar p { font-size: 12px; }
      .free-shipping { font-size: 15px; }
      .breadcrumbs a, .breadcrumbs span { font-size: 12px; }
      .breadcrumbs li > span { transform: translateY(3px); }

}

@media only screen and (max-width: 639px) {
  .homepage-banner { margin-bottom: 22px; padding-left: 22px; }
  .hb-one, .hb-two { margin-bottom: 22px; }
  .recommended-quantity [name="product_quantity"] { width: 65px; }
  .photoblock { height: 205px !important; width: 50% !important; margin: 0 auto; }
  .bread-crumb-wrapper { display: none; }
  .header-middle { margin: 0; }
  .header-phone-icon { margin-right: 25px; }
  .button-group input { margin-bottom: 0 !important; }
  .bottom-right {padding-top: 3.25rem; display: block;}
  .bottom-right p {text-align: right;}
  .social-menu {float: right; }
  .social-menu li a {padding-right: 0;}
  .footer-menu {display: block;}
  .footer {height: 220px;}
  .footer-menu-left {margin-bottom: 1rem;}
}

@media only screen and (max-width: 515px) {
  .header-phone-icon { display: block; }
  .header-phone-number { display: none; }
  .header-phone { margin: 0; }
  .bottom-right {padding-top: 2.25rem; }
}

@media only screen and (max-width: 400px) {
  .header-phone-icon { margin-right: 10px; }
}
