/* CDN
PROD 
https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/css/override.css

Dev 
https://dibh4pmtbctcd.cloudfront.net/peczuh-store/dev/site/css/override.css

*/

:root {
    --black: #0a0b09;
    --secondary: #ff992c;
    --secondarydark: #d17411;
    --tertiary: #003da6;
    --tertiarydark: #062e73;
    --lightbackground: #dce0e5;
    --lighterbackground:#ebeff4;
    --mediumbackground: #c3c9d1;
    --neutraldark: #1e303f;
    --shadow: rgb(67,38,49,0.17);
    --acumin: acumin-pro-extra-condensed, sans-serif;
    --playfair: playfair-display, serif;
    --crimson: 'Crimson Text', serif;
    --gotham: 'Gotham';
}
/*general*/
.catfish-button, .button {
    font-family: var(--gotham);
    border: 0px;
    color: white!important;
}
.catfish-button:hover, .button:hover {
    background: var(--secondarydark);
}
.buttons .ui-button, .buttons .catfish-button, .buttons .button {
    text-transform: uppercase!important;
}
input.productlistaddtocartbutton.catfish-button, input.productvariantaddtocartbutton.add_sci.catfish-button, input.productvariantaddtocartbutton.catfish-button.multipart_product_start {
    text-transform: uppercase!important;
}
h2.product-title {
    text-align: left;
}
.catfish-default-product-box .product-item--info .product-item--content {
    padding: 0px;
}

.subtitle.is-4 {
    font-weight: 600;
    font-size: 1.6em;
}
.catfish-button {
    line-height: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
input.productlistaddtocartbutton.catfish-button {
    background: var(--secondary);
}
/*navbar*/
span.badge.basketQuantity {
    transform: translate(-1px, 20px);
    background: var(--tertiary);
}
.thenav.container {
    background: var(--lightbackground);
    height: 10rem;
}
div#lower-navbar {
    background: var(--tertiary);
    border-bottom: solid 5px var(--tertiary);
}


a.navbar-item.pl-4.pr-4.has-text-weight-bold, a.navbar-item.pl-4.pr-4.has-text-weight-bold.logout.is-shown, a.navbar-item.pl-4.pr-4.has-text-weight-bold.login.is-shown {
    background: var(--tertiary);
    color: white;
    font-family: var(--gotham);
    font-size: 15px;
}
a.navbar-item.pl-4.pr-4.has-text-weight-bold:hover, a.navbar-item.pl-4.pr-4.has-text-weight-bold.logout.is-shown:hover, a.navbar-item.pl-4.pr-4.has-text-weight-bold.login.is-shown:hover {
    background: var(--tertiary);
    color: white;
}
@media screen and (min-width:1088px) {
    a.navbar-item.pl-4.pr-4.has-text-weight-bold, a.navbar-item.pl-4.pr-4.has-text-weight-bold.logout.is-shown, a.navbar-item.pl-4.pr-4.has-text-weight-bold.login.is-shown {
        margin-top: 5px;
    }
    a.navbar-item.pl-4.pr-4.has-text-weight-bold:hover, a.navbar-item.pl-4.pr-4.has-text-weight-bold.logout.is-shown:hover, a.navbar-item.pl-4.pr-4.has-text-weight-bold.login.is-shown:hover {
        opacity: 0.7;
    }

}
.navbar-burger {
    transform: translate(0px, 7px);
    -webkit-transform: translate(0px, 7px);
    -moz-transform: translate(0px, 7px);
    -ms-transform: translate(0px, 7px);
    -o-transform: translate(0px, 7px);
}
i.fa.fa-gear.fa-lg {
    font-weight: 300;
}

/*navbar media queries*/
@media screen and (min-width:1088px) {
    .thenav.container {
        margin: 0px;
        padding: 1rem 0px;
        width: 100%;
        max-width: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 18rem;
    }
    .navbar-brand.ml-0.TopMenuFont.has-text-weight-bold {
        padding: 0.5rem 0px;
    }
    div#lower-navbar, .navbar-brand {
        justify-content: center;
    }
    img.mobilelogo {
        display: none;
    }
    img.mainlogo {
        display: block;
    }
}
@media screen and (max-width:320px) {
    div#lower-navbar {
        padding-bottom: 16rem;

    } 
}
@media screen and (min-width: 1088px) and (min-width: 768px) {
.navbar {
    height: 4em;
    column-gap: 2rem;
    background: var(--tertiary);
}
}
@media screen and (max-width:1087px) {
    img.mobilelogo {
        display: block;
    }
    img.mainlogo {
        display: none;
    }
    .thenav.container {
        border-bottom: solid 5px var(--secondary);
    }
}
@media screen and (max-width:1088px) {
    div#lower-navbar {
        padding-bottom: 14rem;
        background: white;
        border-bottom: 0px;
    }
    div#lower-navbar a {
        color: #313131;
    }
    a.navbar-item.pl-4.pr-4.has-text-weight-bold, a.navbar-item.pl-4.pr-4.has-text-weight-bold.logout.is-shown, a.navbar-item.pl-4.pr-4.has-text-weight-bold.login.is-shown {
        background: white;
    }
    .container.orderonlineinner h1 {
        font-family: 'crimson';
    }
}
/*banner*/
img.has-height-256-tablet-only.has-height-256-mobile {
    width: 500px;
    height: max-content!important;
}
.homebanners .column.is-6-desktop, .container.orderonlineinner {
    color: white;
}
section.section.is-large.has-background-cover {
    border-bottom: solid 5px var(--secondary);
}
.imagebox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.column.is-6-desktop.desktopbannertext h1 {
    font-family: var(--crimson);
}

@media screen and (min-width:1088px) {
    section.section.is-large.has-background-cover {
        margin-top: 7.25rem;
    }
    .mobilebanner {
        display: none;
    }
}
@media screen and (min-width: 1280px) {
    .column.is-6-desktop.desktopbannertext h1 {
        font-size: 4rem;
    }
}
@media screen and (min-width:1472px) {
    .column.is-6-desktop.desktopbannertext h1 {
        font-size: 5rem;
    }
    img.has-height-256-tablet-only.has-height-256-mobile {
        width: 700px;
    }
}
@media screen and (max-width: 1087px) {
    .imagebox {
        justify-content: center;
    }
    .homebanners .column.is-6-desktop {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .desktopbannertext {
        display: none;
    }
    .column.is-6-desktop.desktopbannertext {
        display: none;
    }
    section.section.is-large.has-background-cover {
        border-bottom: 0px;
    }
    section.mobilebanner.orderonlinebar {
        background: var(--secondary);
        padding: 1.5rem 0px;
        text-align: center;
    }
}

/*hide footer*/
div#footerrow {
    display: none;
}
.catfish-footer {
    padding-bottom: 0px;
    padding-top: 0px;
}

/*footer copyright*/

.footercopyrightrow {
    background: var(--black);
}

.pz-white {
    max-height: 7rem;
}
.is-flex.greenfooter, .is-flex.greencopyright {
    justify-content: center;
}
.is-flex.greenfooter {
    padding: 1.75rem 0px;
}
.footercopyrightrow .row__container.catfish-container {
    padding: 0px;
    margin: 0px;
    max-width: unset;
}
.is-flex.greencopyright {
    background: var(--neutraldark);
    padding: 0.75rem 0px;
}
.footercopyrightinner.clearfix.columns {
    width: unset;
}
.footercopyrightrow .grid_4 {
    display: none;
}
.footercopyrightrow .grid_8.column {
    padding: 0px;
}
p.copyrighttext {
    color: white;
}

/*featured products*/
.homepage-large-products {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.homeFeaturedProducts.clearfix {
    background: var(--lightbackground);
}
.homeFeaturedProductsWrapper {
    padding-bottom: 0px;
    padding-top: 0px!important;
}
.homeFeaturedProductsWrapper .bestsellers h3 {
    display: none;
 }
 .homeFeaturedProductsWrapper .small-product-item .category-item .picture a img {
     object-fit: cover!important;
     padding-left: 0px;
 }
 .homeFeaturedProductsWrapper .small-product-item .category-item .picture a img:hover {
     transform: scale(0.97);
     transition: 0.2s ease-in;
     -webkit-transition: 0.2s ease-in;
     -moz-transition: 0.2s ease-in;
     -ms-transition: 0.2s ease-in;
     -o-transition: 0.2s ease-in;
 }
 .homeFeaturedProductsWrapper .small-product-item .category-item .product-title a {
     display: none;
 }
 
 /*products grid*/
 .product-item--image .picture {
     background: var(--mediumbackground);
 }
 .product-item.catfish-default-product-box a {
     color: var(--neutraldark);
     font-weight: 700;
     text-transform: capitalize;
 }
 .alternate--prices {
     color: var(--neutraldark);
     font-weight: 600;
 }
 
 .product-item--info {
     background: white;
     padding: 1rem!important;
 }
 .category-page-productingrid .allProductsProductsWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .add-info .catfish-button {
     text-transform: uppercase;
 }
 input.productlistaddtocartbutton.catfish-button, input.productlistproductdetailbutton.showproductlandingpage.catfish-button {
     background-color: var(--secondary);
     color: white;
 }
 input.productlistaddtocartbutton.catfish-button:hover, input.productlistproductdetailbutton.showproductlandingpage.catfish-button:hover {
     background-color: var(--secondarydark);
 }
  .item-box .product-item--info {
     padding: 0.8rem;
 }
 a.image.is-1by1.is-covered img {
     object-fit: contain!important;
}
.catfish-default-product-box .product-item--info .add-info {
    position: relative;
    transform: none;
    opacity: 100;
    padding: 0px;
}
/*move page down below navbar*/
.account-page.account-page--customerinfo, .block.block-account-navigation, .shoppingcart__wrapper, .product-wrapper.arone-product-landing-page, #cartsliderrow, .checkout-page.grid_12 {
    margin-top: 6rem;
}
.block-account-navigation ul a.active, .block-account-navigation ul a.is-active {
    background: var(--mediumbackground);
    color: var(--neutraldark);
}
.block-account-navigation ul a:hover {
    background: var(--lightbackground);
}

/*product page*/

label.enterQuantityBoxLabel.title.is-5 {
    font-weight: 700;
    font-size: 14px;
}
.column.quantity-wrapper .field.is-horizontal {
    flex-direction: column;
    gap: 0.75rem;
}
.column.add-to-cart-buttons-wrapper.action-button-wrapper.add-info {
    flex-grow: unset;
}

.breadcrumb.level {
    background: var(--lighterbackground);
    padding: 10px 20px;
    transform: translateY(20px);
}
.breadcrumb li a {
    font-weight: 400;
}
.price-quantity-wrapper.block .columns.is-multiline {
    flex-direction: column;
}

.product-main-wrapper .field-label {
    flex-grow: unset;
}
/*
.product-main-wrapper img.is-fullwidth {
    height: 500px!important;
    padding: 2rem;
    object-fit: contain!important;
    background: var(--mediumbackground);
}
    */
.product-page-wrapper .product-essential .thumbs .thumb {
    background: transparent;
    border: 0px;
}
div#lbCenter {
    background: var(--mediumbackground);
}
.fulldescription, .review-wrapper.box.block.is-light, .producttags-box {
    display: none;
}
/*
.product-page-wrapper .product-essential .bigpicture.column img {
    padding: 4rem 1rem;
    background: var(--mediumbackground)!important;
    filter: drop-shadow(2px 4px 6px var(--shadow));
    -webkit-filter: drop-shadow(2px 4px 6px var(--shadow));
}
    */
.bigpicture.column.is-12 {
    border: none!important;
    background: transparent!important;
}
.product-essential.grid_6.column.is-6 {
    display: flex;
    align-items: center;
}
.overview {
    margin-left: 10px;
}

.thumb img.is-fullwidth {
    height: 200px!important;
    padding: 1rem!important;
}

/*cart*/
#cartform > div.grid_12.checkoutAttributesWrapper.clearfix > div > div > div > div.options-list > div {
    display: none;
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row {
    background-color: var(--lightbackground);
}
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--pictures .shopping-cart__product__images__item img {
    object-fit: contain;
}
input#checkout {
    background-color: var(--secondary);
}
input#continueshoppingDummy {
    background-color: var(--secondary)!important;
}
.checkout-data span.text {
    color: #4a4a4a!important;
}

.checkout-data span.text:hover,
.checkout-data span.text:focus {
    color: #ffffff !important;
}

/*account*/
.account-page {
    margin-top: 6rem;
}

/*login*/

.login__wrapper .page-title h1 {
    display: none;
}
.login__wrapper .page-title:before {
    width: 100%;
    height: 6rem;
}
.login__wrapper {
    margin: 0px;
    width: 100%;
    max-width: unset;
    background: url('https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/images/banners_backgrounds/Blue.jpg');
    background-size: cover;
}
.login__wrapper .columns:last-child {
    margin-bottom: calc(-1 * 2rem);
    justify-content: center;
}
.login__wrapper > .catfish-container {
    float: none;
    margin-top: 6rem;
    margin-bottom: 6rem;
    background: rgb(255,255,255,0.85)
}
button.loginbutton.catfish-button:hover {
    background: var(--tertiarydark);
}
/* in appearance settings, change primary to the secondary color (yellow) and text to the neutraldark color (gray)*/



/*login and product page next*/

/*multipart product page*/
.multipart-product.section.is-large {
    padding-top: 10rem;
}
.WorkingFolderInfo.content.notification.is-small {
    display: none;
}
.multiPartProductAttributes {
    background: var(--lighterbackground);
    padding: 1.75rem;
}
.partHeader.title {
    padding-top: 4rem;
    text-align: center;
}
.uploadMultiPart {
    width: 100%;
}
.uploadMultiPartContainer.block.is-full-width .columns {
    display: block;
}
.file.is-area {
    max-width: unset;
}
.partHeader.description {
    display: none;
}
.multipart-product .uploadMultiPart {
    max-width: unset;
}
div#partParent, div#part-1 {
    background: #efefef;
}
.fileupload-buttonbar {
    margin: 0px 7rem;
}
.help.required.is-danger {
    text-align: center;
    font-weight: 500;
}
span.file-cta {
    transform: scale(1.5);
    gap: 0.5rem;
    background-color: #dcdada;
}
.file-label:hover .file-cta {
    background-color: #dcdada;
}
.multiPartAttributesContainer h3.title {
    font-size: 20px;
}
button#showPreview {
    background: var(--secondary);
}
.multipart-product .multipartUploadContainer {
    align-items: flex-end;
}
@media screen and (min-width:1307px) {
    .fileupload-buttonbar {
        margin: 0px 12rem;
    }
}

/*Multipart Editor Page*/
.page-multipartproduct-editor .mp-preflight-summary .mp-preflight-summary-item-warning.is-warning {
    border: red;
    border-width: medium;
    border-style: solid;
}


/*checkout complete*/

.checkout-page.checkout__complete {
    padding-top: 12rem;
}

/*multipart product preview button change*/

div#pageflip-controls {
    background: white!important;
}
.product-details-flipbook #pf-pagerin, .pageflip #pf-pagerin {
    color: var(--secondarydark)!important;
}
.product-details-flipbook .pf-control-bar-button g, .product-details-flipbook .pf-control-bar-pager g, .pageflip .pf-control-bar-button g, .pageflip .pf-control-bar-pager g {
    fill: var(--secondarydark)!important;
}
div#pf-stage {
    height: 682px!important;
}
.inputPartInner.inputPartInner.multipart-product__preview-image.multipart-product__preview-image-upload_638114674504556253_1.box.is-paddingless.has-background-white-bis {
    background: transparent!important;
    box-shadow: none!important;
}
/*rebranding adjustments*/
.breadcrumb a {
    color: var(--tertiary);
    font-weight: 600;
}
.breadcrumb a:hover {
    color: var(--tertiarydark);
    text-decoration: underline;
}
.breadcrumb.level {
    background: white;
}
input.productvariantaddtocartbutton.catfish-button.multipart_product_start {
    background: var(--secondary);
}
input.productvariantaddtocartbutton.catfish-button.multipart_product_start:hover {
    background: var(--secondarydark);
}
/*product page*/
.product-page-wrapper {
    padding-top: 12rem;
}
/*megaedit*/
.megaEditMainContainer.ng-scope .catfish-button, .megaEditMainContainer.ng-scope .button {
    font-family: unset;
}
.megaEditMainContainer.ng-scope .catfish-button {
    background: var(--secondary);
    font-weight: 700;
}
.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name {
    display: flex;
    padding-top: 0px;
}
button.button.card-footer-item, footer.card-footer {
    background: var(--tertiary);
}
.card .card-footer-item:not(:last-child) {
    border: 0px;
}
/*select layout*/
.meuiNonLayout.ng-scope.ng-isolate-scope img.layout-thumbnail {
    object-fit: contain!important;
}
.editorBottom .buttonContainer.leftSide.has-page-list {
    flex-grow: unset;
    flex-shrink: unset;
}
.editorBottom.is-attached-to-window {
    background: transparent!important;
}
.catfish-button.is-fullwidth, .button.is-fullwidth, button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope {
    background: var(--secondary);
}
/*testing modal media queries*/
body.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New.modal-open .modal-dialog {
	width: 50%!important;
}
@media screen and (max-width:1323px) {
body.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New.modal-open .modal-dialog {
	width: 100%!important;
}
}
@media screen and (min-width: 768px) {
	.modal-content {
		width: 1000px;
	}
}
/*hide add barcode user*/
.megaEditBodyClass-RegisteredUser .buttonContainer.leftSide.buttons .meuiNonLayout.ng-scope.ng-isolate-scope[ng-switch-when="DraggableButton"] .catfish-button {
	display: none;
}

/*content page styling for high school and other pages*/

.maingrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 3rem;
    margin-left: 6rem;
    margin-right: 6rem;
    margin-top: 2rem;
}
.maingrid img, .buycard img {
    filter: drop-shadow(2px 4px 6px var(--shadow));
    -webkit-filter: drop-shadow(2px 4px 6px var(--shadow));
}
.buycard {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
  }

div#phTopic .catfish-container {
    max-width: none;
    padding: 0px!important;
}
p.lowerheadline {
    font-size: 3rem;
    font-family: var(--crimson);
    color: var(--neutraldark);
    text-align: center;
}
section.gridimages {
    background: var(--lightbackground);
    padding-top: 3rem;
    padding-bottom: 3rem;
}
section.contentpagelowerbanner {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
p.lowerheadline.withsection {
    font-family: var(--gotham);
    font-size: 2rem;
}
.cardgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 6rem;
    margin-top: 0px;
  }
  .buybutton {
    padding: 1rem 3rem;
    text-align: center;
    display: block;
    font-size: 2rem;
    font-family: var(--gotham);
    color: white;
    background: var(--tertiary);
    text-transform: uppercase;
    border-radius: 40px;
  }
  .buybutton:hover {
    color: white;
    background: var(--tertiarydark);
  }
  .contentbannertext {
    text-align: center;
    font-size: 8rem;
    color: white;
    text-transform: uppercase;
    font-weight: 800 !important;
    filter: drop-shadow(2px 4px 6px var(--shadow));
    -webkit-filter: drop-shadow(2px 4px 6px var(--shadow));
  }
  .contentpagebanner {
    padding-top: 10rem;
    padding-bottom: 40rem;
    background-size: cover !important;
    background-position: top;
  }
  @media screen and (max-width:1087px) {
    .topicpage {
        padding-top: 0px;
    }
    .contentbannertext {
        font-size: 6rem;
        line-height: 6rem;
    }
    .contentpagebanner {
        padding-bottom: 20rem;
    }
    p.lowerheadline {
        padding-left: 2rem;
        padding-right: 2rem;
        line-height: 2rem;
        font-size: 2rem;
      }
      p.lowerheadline.withsection {
        font-size: 1.5rem;
        margin-top: 1rem;
      }
      .maingrid {
        grid-template-columns: 1fr 1fr;
        margin: 2rem;
      }
      .buybutton {
        font-size: 1rem;
      }
  }
  @media screen and (max-width:767px) {
    .contentpagebanner {
        padding-bottom: 10rem;
    }
      .cardgrid {
        grid-template-columns: 1fr;
        margin: 0px;
      }
  }
  /*fixing other content pages*/
  .page-title {
    margin-top: 6rem;
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .topicpage-body .content {
        padding-left: 6rem;
        padding-right: 6rem;
  }
  @media screen and (max-width:767px) {
    .topicpage-body .content {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .page-title {
        margin-top: 0px;
        padding-left: 3rem;
        padding-right: 3rem;
      }
    
  }

/*multi Product config*/

#multiProductCustomProduct li {
    height: 300px;
    width: 40%;
    display: flex;
    justify-content: center;
    padding: 0px!important;
    background-size: contain!important;
    background-position: top;
    background-repeat: no-repeat;
  }
    #multiProductCustomProduct li:hover {
      transform: scale(1.02);
      transition: 0.2s;
    }
  #multiProductCustomProduct {
    gap: 5px;
  }
    #multiProductCustomProduct::before {
    width: 100%;
    content: 'Please Select An Option Below to Start Designing:';
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
  }
     #multiProductCustomProduct li:nth-child(1) {
      background-image: url(https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/images/multiproduct/yardsign-layout1.png)
    }
    #multiProductCustomProduct li:nth-child(2) {
      background-image: url(https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/images/multiproduct/yardsign-layout2.png)
    }
    #multiProductCustomProduct li:nth-child(3) {
        background-image: url(https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/images/multiproduct/yardsign-layout3.png)
      }
      #multiProductCustomProduct li:nth-child(4) {
        background-image: url(https://dibh4pmtbctcd.cloudfront.net/peczuh-store/site/images/multiproduct/yardsign-layout4.png)
      }