@charset "UTF-8";
/* CSS Document */



/*GLOBAL STOP SIDEWAYS SLIDE ON MOBILE*/

body {
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

p{
	font-size:1.2em;
}


.catfish-button, .button{
    border-radius:30px;
}


/*NAV BAR*/


.desk-bdge{
	top:-1em !important;
}

a.navbar-item, .navbar-link{
	color:#ffffff !important;
	font-weight:bold;
}

.navbar-link:hover, .navbar-link:focus{
	background-color:#0c2627 !important;
}

#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:#0c2627 !important;
}


.navbar{
	background-color:#163b3c !important;
}

.navbar-dropdown{
	background-color:#0c2627 !important;
	border-top: 2px solid #0c2627;
	font-size:0.9em;
}

.content-field-navbar .navbar-link:not(.is-arrowless)::after{
	border-color:#ffffff !important;
}

.catfish-button.is-primary, .button.is-primary{
	background-color:#0c2627;
	border-radius: 30px;
	color:#64dba9;
}

.catfish-button.is-primary:hover, .button.is-primary:hover{
	color:#fff;
	background-color:#64dba9;
}


#logorow .navbar .navbar-brand{
	background-color:#163b3c;
}

button.navbar-link.dropdown-toggle{
	    background: #163b3c !important;
			border:none;
			font-size:1.2rem;
}

.custom-burger{
    background: #163B3C !important;
    border: none;
}


@media screen and (max-width: 1080px){
.navbar-item, .navbar-link{
	padding-bottom:0;
}
}

@media (min-width: 769px) {
  .has-dropdown:hover .navbar-dropdown {
    display: block;
  }
}

@media screen and (min-width: 1088px){
	.not-active-hover{
	background-color:#163b3c !important;
	}

	.navbar-dropdown a.navbar-item{
		padding: 1rem 1rem;
	}

	.not-active-hover:hover{
		background-color:#0c2627 !important;
		transition: 0.3s;
	}

	a.navbar-item, .navbar-link:hover{
		transition: 0.3s;
	}
}


@media screen and (max-width: 1087px){
	.navbar-menu.is-active{
	background-color:#0c2627;		
	}

	button.navbar-link.dropdown-toggle{
		width:100%;
		text-align: left;
		background:#0c2627 !important;
	}
}

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

#main-navbar{
	font-size:1.2em;
}

.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover{
	background-color:#163b3c;
}

.badge{
	top:1rem;
}

@media screen and (max-width:768px){
.badge{
	top:0.7rem;
}
}


/* making the logo larger */
@media screen and (min-width:1087px){
	.navbar-brand .navbar-item{
	padding:0;
	}

	.navbar-brand .navbar-item a{
		height: 100%;
		padding: 6%;
	}
	
	.navbar-brand .navbar-item a img{
		height: 100%;
	}

	#main-nav .container{
		margin:auto;
		height:100%;
	}
	
	.navbar{
		height:6.71429em;
	}

}

@media screen and (max-width: 1087px){
	.ict-navbar span.mobile-dropdown-toggle{
		width:100%;
}
}


/**Breacdrumbs**/

.fa-home {
	display:none;
}







/* Home Page */


.homePageCategories .category-short-description{
	display: none;
}

.top-introduction{
	padding-top:7rem !important;
	padding-bottom:1rem !important;
}

@media screen and (max-width:767px){
	.top-introduction{
		padding-top:4em !important;
		padding-bottom:1em !important;
	}
	
	.bump-bottom{
		margin-bottom:1em !important;
	}

    .home-title-grad{
        font-size: 1.6em !important;
    }
}

#brochure-tabs .ict-left-column, #brochure-tabs .ict-right-column{
	position:relative;
}

#top-sub{
	font-size:1.2em;
}


/*-----Home Page Featured Categories----------*/

.homePageCategories .column.is-3-widescreen{
    width:33.33%;
	display:flex;
	gap:20px;
}


.homeFeaturedCategoriesWrapper{
	padding-top:0;
	padding-bottom:1.5em;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item{
	border-top:none;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
	max-height:325px;
}

.homePageCategories .product-title{
	display:none;
}

.small-product-item:hover {
    opacity: 0.8;
    transition: 0.4s;
}



#homeFeaturedCategoriesTitleRow{
	display:none;
}

@media screen and (max-width:767px){
	.homePageCategories .column.is-3-widescreen{
	width:50%;
	padding:5px;
}
	.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
	max-height:200px;
}
}


/*--------Parent Category Page--------*/
.item-box{
	border-top:none !important;
}

.item-box:hover{
	opacity: 0.8;
    transition: 0.4s;
}

.category-subcategory-section .sub-category-grid .category-title{
	display:none;
}

.arone-category-page .category-product-section .item-box .description {
	display:none !important;
}

/* Home Page - product tabs */

@media screen and (min-width: 768.2px){
	.overlay-link{
		position: absolute;
		top: 0;
		left: 0;
		height: 81%;
		width: 100%;
		}

	.overlay-link a{
		width: 100%;
		height: 100%;
		opacity: 0;
		}
	
}


.catfish-button.is-primary:focus:not(:active), .catfish-button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active){
	box-shadow: none;
}

@media (min-width:768px) and (max-width: 1096px){
	.line-snap{
		max-width:10em;
	}
}


	

/*----Category Page------*/


.arone-category-page .product-item--actions{
	display:none;
}


.arone-category-page .subtitle{
	font-size:1.4rem;
	margin-bottom:1.5rem;
	line-height: 1.6rem;
}

.arone-category-page .product-grid {
	font-size:1.4rem;
	margin-bottom:1.5rem;
}

.arone-category-page .product-title {
	font-size:0.8em;
}

.product-grid .is-3-widescreen {
    width: 33.3% !important;
    max-width: none!important;
}

@media screen and (max-width:1087px) {
    .product-grid .is-3-widescreen {
        width: 50% !important;
        max-width: none!important;
    }
}

.category-outro-wrapper{
	display:none;
}

.category-product-section.section{
    padding-top:0;
}

@media screen and (max-width:767px){
	.product-grid .is-6-mobile {
    width: 100% !important;
    max-width: none!important;
	}
	.arone-category-page .category-intro-wrapper {
		padding-top:3rem !important;
	}
	.category-product-section{
		padding-top:0 !important;
	}

	.arone-category-page .listItem{
		margin-bottom:20px;
	}

}

/* Product Page */

.notice{
	background: #0c2627;
    color: #fff;
    padding: 14px;
    font-size: 1.02em;
    margin-top: -10px;
    margin-bottom: 24px;
	width:fit-content;
}


#lbOverlay, #lbBottomContainer, #lbCenter, #lbOverlay{
	display:none !important;
}

.breadcrumb-section{
	padding-top:2.5rem !important;
	padding-bottom:0.5rem !important;
}

.arone-product-landing-page h1{
	line-height: 2.4rem;
}

@media screen and (max-width:1086px) {
	.breadcrumb-back-button{
		justify-content: left !important;
	}
}


@media screen and (min-width:768px) and (max-width:1086px){
	.breadcrumb-section{
	padding-bottom:0.5rem !important;
	padding-top:1.5rem !important;
}
}

@media screen and (max-width:768px){
	.breadcrumb-back-button{
		margin-top:14px;
	}

	.breadcrumb-section{
		padding-top:0.5rem !important;
		padding-bottom:0.5rem !important;
}
	.breadcrumb{
		font-size:0.8rem !important;
	}

	.product-info-section{
		padding-top:1rem !important;
	}
}

.productvariantaddtocartbutton{
	border-radius: 30px;
	height:4rem;
}

.productvariantaddtocartbutton:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;
}


.field-label {
	flex-grow:0;
}

.details-wrapper>.full-description-wrapper{
	margin-bottom:3rem;
}

.input, .catfish-input, .catfish-select, .textarea, .catfish-textarea{
    box-shadow: inset 0 1px 4px rgba(20,20,20,0.15);
}

.catfish-button:focus:not(:active), .catfish-button.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active){
	box-shadow:none;	
}

.button:focus{
	outline:none;
}


.preorder-message{
	font-size:1em !important;
	background:#64DBA9;
	padding:10px 20px;
	margin-bottom:20px !important;
}

/* BASKET */

.shoppingcart__wrapper .product__quantity input{
	border-radius:0px;
}

.cart-item-row.parent-sci .separator{
    display:none;
} 

.shoppingcart__wrapper{
	min-height: 1000px;
}

input.basketEditButton.options.catfish-button{
	display:none;
}

.shoppingcart__wrapper input{
	border-radius: 30px;
}


.basketEditButton:hover, .updatecartbutton:hover, .checkoutbutton:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;
}

.basketUpdatecartbutton:hover{
	background-color:#992823 !important;
	transition: 0.3s;
}

@media screen and (max-width:768px){
	.shoppingcart__wrapper{
		padding-top:2rem;
	}
}

@media screen and (min-width:768px) and (max-width:1086px){
	.shoppingcart__wrapper{
		padding-top:4rem;
	}
}

.cart--actions .is-hidden.cart-label-header.label{
	display:none !important;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal{
	margin-bottom:1rem;
}


.continueshoppingbutton{
	background: #F5F9FB !important;
}

.continueshoppingbutton:hover{
	background: #e4e6e8 !important;
	transition: 0.3s;
}


.cart--unitprice label{
	display:block !important;	
}

.cart--quantity label{
	display:block !important;
} 

.cart--itemtotal label{
	display:block !important;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .is-word-break-all{
    word-break: break-word !important;
}



/* Cookie banner */

.cookie-banner button{
	border-radius:30px;
}

.cookie-banner button:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;
}


/* MEGA EDITOR */

#me_quick_menu{
    display:none;
}

.undoRedoContainer{
    display:none;
}

#ngConfirmDialog{
	padding-top:0;
}

.editorTop.pane .backButton{
	background-color:#0c2627;
	color:#fff !important;
}

.buttons .ng-scope a{
	background-color:#0c2627;
	color:#fff !important;
}

.megaEditBodyClass-RegisteredUser .catfish-classes.me-global-menu {
	display:none;
}

.megaEditMainContainer .notification.is-success{
	background-color:#fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
	border-radius:30px;
}

.megaEditMainContainer .catfish-button, .megaEditMainContainer .button{
	border-radius:30px;
}

.ME_loading_hints{
	display:none !important;
}

.megaEditMainContainer .pdfDownloadButton:hover, .megaEditMainContainer .nextStepButton:hover{
	background-color:#0c2627!important;
	color: #64DBA9;
	transition: 0.3s;
}

.ui-dialog.ui-documentOptionsDlg .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:focus:not(:active), .ui-dialog.ui-documentOptionsDlg .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child.is-focused:not(:active), .ui-dialog.dialogGeneralConfirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:focus:not(:active), .ui-dialog.dialogGeneralConfirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child.is-focused:not(:active), .ui-dialog.ui-ngConfirmDialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:focus:not(:active), .ui-dialog.ui-ngConfirmDialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child.is-focused:not(:active){
	box-shadow:none;
}


.thorough{
	color:white !important; 
	background:#CF4646 !important; 
	padding:10px !important; 
	font-weight:600 !important;
}
	
.small_text{
	font-size:9px !important;
	}


.editorLeft{
	visibility: none !important;
	display: none !important;
	width:0 !important;
}

.editorBottom{
    z-index:1 !important;
    background-color: transparent !important;
    height:100% !important;
    width:100% !important;
    position:relative !important;
    pointer-events:none;
} 

.editorBottom .buttonContainer.rightSide{
    pointer-events: auto;
}

#loadingScreen .loadingLogo .loadingSpinner i, 
.addtoBasketScreen .fa-spinner{
	width:3rem !important;
	height:3rem !important;
}


.loadingScreen .loadingLogo__logo, #addtoBasketScreen .loadingLogo__logo{
	margin-bottom:3em;
}

.editorBottom .buttonContainer.rightSide .buttons{
	gap:10px;
}

.buttonsContainer.buttons.ng-scope{
    padding-top:30px;
}

.editorBottom .buttonContainer.rightSide{
    width:400px;
    padding:37px !important;
    position:absolute;
    /*bottom:30px;*/
    top:200px;
	display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
    align-items: flex-end;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin-bottom:0 !important;
}

.editorBottom .bottom-bar-actions.bottom-bar-actions-bottom{
	width: 100%;
    margin-left: 0;
}

.meuiNonLayout.ng-scope.ng-isolate-scope input{
	font-size: 17px !important;
    height: 50px !important;
    padding-left:16px;
    margin-top:10px;

}

@media screen and (min-width:1088px) {
	
    .editorBottom.is-attached-to-window .priceContainer{
        width:100%;
        margin-right:0;
    }

}

@media screen and (max-width:930px) {
	.bottom-bar-actions .buttonsContainer button span i{
		padding-right:10px;
	}
}


.editorBottom__page-list button .icon.is-small{
    display: none;
}


@media screen and (min-width:625px) and (max-width:1087px) {
	.editorBottom .buttonContainer.rightSide{
		justify-content: flex-end;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}





@media screen and (max-width:768px) {
    .editorBottom .nextStepButton {
        display: inline-block !important;
    }

    .editorBottom .nextStepButton .confirmextratxt{
        display:block !important;
    }
    .editorBottom .nextStepButton .icon{
        display:none;
    }

    .ui-layout-east{
        height: 240px !important;
    }

    .zoom_options{
        display:none;
    }

    .editorBottom .buttonContainer.rightSide{
        left: 0;
        top:auto;
        width: 100%;
        padding: 30px !important;
        bottom: 0;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .buttonsContainer.buttons.ng-scope{
        padding-top:24px;
    }

	
}


@media screen and (max-width:389px){
	.editorBottom .buttonContainer.rightSide{
		justify-content: flex-end;
		width:100%;
		padding-left:30px;

	}

	
}


@media screen and (max-width:600px) {
	.catfish-button.has-text-hidden-mobile .confirmextratxt{
		display:block;
	}

	.catfish-button.has-text-hidden-mobile{
		padding-left:1.4rem;
		padding-right:1.4rem;
	}
}

/* LOGIN PAGE/REGISTER */

.loginbutton, .registernextstepbutton{
	border-radius:30px;	
}

.login__wrapper .register-customer-wrapper .buttons{
	justify-content: flex-start;
}

.login__wrapper{
	max-width:none;
}

.login__wrapper .page-title{
padding-bottom:30px;
text-align: center;
}

.register-customer-wrapper{
    display:none;
 }

.register-customer-wrapper.grid_6.column.is-6, .returning-wrapper.grid_6.column.is-6{
	width:100%;
 }

 @media screen and (min-width:1088px) {
	.register-customer-wrapper.grid_6.column.is-6, .returning-wrapper.grid_6.column.is-6{
		width:60%;
		margin:auto;
	 }
 }
 
 
@media screen and (max-width:767px) {
	.new-account-link, .existing-account-link{
		width:80%;
		margin:auto;
	}
	.login__wrapper .register-customer-wrapper .new-wrapper{
		padding:2em !important;
	}

}

@media screen and (max-width:536px){
	.login__wrapper .register-customer-wrapper .new-wrapper{
		padding:1.2em !important;
	}
}

@media screen and (max-width:367px){
	.login-title span.requiredMarker{
		float:left !important;
		padding-top:10px !important;
	}
}


.loginbutton:hover, .registernextstepbutton:hover, .checkout-as-guest-or-register-block .buttons input:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;
}

.requiredMarker{
	font-size:1rem;
}

.returning-wrapper__inner{
	background-color:#F5F9FB !important;	
}

.checkout-as-guest-or-register-block{
	padding-top:2em;
}

.checkout-as-guest-or-register-block .buttons input{
	border-radius:30px;
}

.login__wrapper .new-wrapper__inner{
	padding: 3em;
    background-color: #F5F9FB;
}


.login__wrapper .register-customer-wrapper .new-wrapper{
	padding: 3em;
    background-color: #F5F9FB;
}


@media screen and (max-width:768px){
	.login__wrapper{
		padding-top:2rem;
	}
}

@media screen and (min-width:768px) and (max-width:1086px){
	.login__wrapper{
		padding-top:4rem;
	}
}



/* Order succesfully processed screen */

.orderDetailsMiscContainer .dispatchInfo{
	display:none;
}

.orderdetailsprintbutton, .orderprocessedcontinuebutton{
	border-radius:30px;
}

.orderdetailsprintbutton:hover, .orderprocessedcontinuebutton:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;
}

@media screen and (max-width:768px){
	.checkout-page.checkout__complete{
		padding-top:2rem;
	}
}

@media screen and (min-width:768px) and (max-width:1086px){
	.checkout-page.checkout__complete{
		padding-top:4rem;
	}
}



/* Checkout page */

.checkout-data .catfish-button{
	border-radius:30px;	
}

.one-page-checkout .summaryShortDescription{
	display:none;
}

.checkout-data .catfish-button:hover{
	background-color:#163B3C!important;
	color: #64DBA9;
	transition: 0.3s;	
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label:before{
	color:#163B3C !important;
	opacity:1;
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item input:checked+label{
	border-bottom: solid 5px #64DBA9;
	opacity:1;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item label{
	border-bottom: solid 5px #64DBA9;
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label{
	word-break: normal;
	opacity:0.5;
}

.one-page-checkout #opc-payment_method .payment-methods .payment-method__list .payment-method-item label:hover{
	word-break: normal;
	opacity:0.8;
}

.payment__PaymentsPayPalStandard label::before{
	content: "\f1ed" !important;
	font-family: 'Font Awesome 5 Brands'!important;
	color: #163B3C;
}


.payment__PaymentsStripe label::before{
	color: #163B3C;
	font-weight:300 !important;
}



@media screen and (max-width:768px){
	.one-page-checkout{
		padding-top:2rem;
	}
	
	.checkout-as-guest-or-register-block input{
		width:100%;
	}
	
	.checkoutasguestbutton{
		margin-right:0 !important;
	}
}

@media screen and (min-width:768px) and (max-width:1086px){
	.one-page-checkout{
		padding-top:4rem;
	}
}

.checkout-data h2.title.is-spaced.has-text-centered{
	font-size:1.3em;
	margin-bottom:0;
}

#opc-payment_info .request-after-now{
    display:none;
}

.orderDetailsBillingPaymentMethod form{
    display:none;
}
.product__title{
    word-break: break-word !important;
}

@media screen and (max-width:767px){
    .checkout-data h2.title.is-spaced.has-text-centered{
        font-size:1.1em !important;
        text-align: left !important;
    }

    .one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item{
        width:100%;
    }

    .checkout-data-info .order-details-box{
        overflow:hidden;
        overflow:scroll;
    }

    .orderDetailsBillingPaymentMethod{
        padding-top:28px;
    }
   
    .cart-total tbody .cart_total_left{
        font-size:0.9em;
    }
}


/** Order not placed */

.not-paid-explanation{
    font-size: 1rem !important;
    margin-top: 2rem !important;
    color: white !important;
    background-color: #CF4646!important;
    padding: 1rem !important;	
}


@media screen and (max-width: 1279px){
	.login__wrapper .columns{
		flex-direction:column;
	}
}





/* my account */

@media screen and (min-width: 1088px){
	.layout--accountPage .column.is-3-desktop{
		width:auto !important;
	}
}

.cf_accountlinks_OrderLine{
    display:none;
}

@media screen and (max-width: 767px){
    .block-account-navigation{
        padding-top:3em !important;
        padding-bottom:0 !important;
    }

    .account-page {
        padding-top: 1rem !important;
    }
}




/* content pages */
.topicpage{
	min-height:800px;
}

.topicpage a{
	font-size:1.2rem !important;
}

.topicpage a span{
	font-size:1.2rem !important;
}

@media screen and (max-width:768px){
	.topicpage{
		padding-top:2rem;
	}
}

@media screen and (min-width:768px) and (max-width:1086px){
	.topicpage{
		padding-top:4rem;
	}
}


/*-----------contact us page---------*/
.contact-info-AH{
    padding-bottom:300px;
}

.Contact_Us .generalPageWrapper{
	padding-top:6rem;
}


/*-----------maintenance page ------------*/
#MaintenancePage .uoe-logo{
	max-width:25%;
}

#MaintenancePage h1.title{
	line-height:1.3em !important;
}


@media screen and (max-width:1100px) {
	#MaintenancePage .uoe-logo{
		max-width:36%;
	}
}

@media screen and (max-width:900px) {
	#MaintenancePage .uoe-logo{
		max-width:48%;
	}
}

@media screen and (max-width:787px) {
	#MaintenancePage .uoe-logo{
		max-width:64%;
	}
}


/*EDIT*/

.editorBottom.is-attached-to-window.pane.ui-layout-south.pageSelectorContainer.ng-scope.ui-layout-pane.ui-layout-pane-south.is-opened.is-open,
.editorBottom.is-attached-to-window.pane.ui-layout-south.pageSelectorContainer.ng-scope.ui-layout-pane.ui-layout-pane-south{
	z-index:999 !important;
}

@media screen and (max-width:768px){

    .editorBottom__page-list{
		display: block !important;
		margin-left: 45px !important;
	}

    .Script_Indesign .freeTargetContainer{
        height: 308px !important;
        min-width: unset !important;
}

.editorBottom__page-list{
    height:fit-content !important;
}


}

.block.is-medium:not(:last-child){
    margin-bottom:1rem;
}

.productPrice.title.is-4{
    font-size: 1.8em;
}

.ui-widget-overlay.ui-front,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
	z-index: 999;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.dialogGeneralConfirm.ui-dialog-buttons.ui-draggable{
	z-index: 1000;
}


/* added code for updated visuals for SUMMER 2025 */


.intro-chevron img{
	width:24px;
	animation: bob 1.5s ease-in-out infinite;

}

.intro-chevron{
	padding-top:0 !important;
}

.home-title{
	padding-bottom:10px !important;
}

.home-prod{
	position: relative;
	overflow:hidden;
}

.home-prod .block.has-text-inherit:not(.preorder-tag){
	height:672px;
}

.home-prod .home-prod-block{
    position: absolute;
    bottom: 76px;
    left: 46px;
}

@media screen and (max-width:1399px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:580px;
	}
}

@media screen and (max-width:1199px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:519px;
	}
}

@media screen and (max-width:1169px) {
	.home-prod .home-prod-block{
		bottom:55px;
	}

	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:484px;
	}
}

@media screen and (max-width:1079px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:450px;
	}
}


@media screen and (max-width:999px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:425px;
	}
}

@media screen and (max-width:972px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:698px;
	}

	.home-prod .home-prod-block{
		bottom:60px;
	}
}

@media screen and (max-width:839px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:629px;
	}
}

@media screen and (max-width:689px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:590px;
	}
}

@media screen and (max-width:599px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:547px;
	}
}

@media screen and (max-width:582px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:535px;
	}

	.home-prod{
		margin-bottom:20px;
	}
}

@media screen and (max-width:531px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:480px;
	}
}

@media screen and (max-width:478px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:448px;
	}
}

@media screen and (max-width:424px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:418px;
	}
}

@media screen and (max-width:378px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:388px;
	}
}

@media screen and (max-width:330px) {
	.home-prod .block.has-text-inherit:not(.preorder-tag){
		height:364px;
	}
}



/* Define the bobbing keyframes */
@keyframes bob {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px); /* adjust this value for more/less bobbing */
	}
}

.preorder-tag{
    background: #0c2627;
	opacity:1;
    padding: 11px 24px;
	width: fit-content;
    position: absolute;
    top: 30px;
    left: 30px;
}

.preorder-tag p {
	font-weight:700;
	color:#fff !important;
	font-size:1.1em;
}

.home-prod .block:last-child{
	height:0;
}

.home-prod-block .buttons a:after {
	content: '›';
	margin-left: 0.5em;
	font-size: 1.2em;
	vertical-align: middle;
	display: inline-block;
	padding-bottom:3px;
}

.home-prod-block .buttons a{
	font-weight:800;
}


.home-prod:hover img{
	opacity:0.8;
	transition: 0.3s ease-in-out;
}


.home-prod .home-prod-block a{
	z-index:1;
}

.ict-buttons.buttons a{
	transition: 0.3s ease-in-out;
}

.home-prod-block h2{
	margin:0 !important;
}
.home-prod-block h3{
	margin-top:0.5em !important;
	margin-bottom: 0.8em !important;
}

.home-prod-link{
	height: 0;
}



.button.is-medium.is-primary:focus-visible,
.catfish-button:focus-visible,
.catfish-select:focus-visible,
select:focus-visible,
input:focus-visible,
button:focus-visible{
	border:2px solid blue !important;
}

.home-prod-block .button.is-medium.is-primary:focus-visible{
	background:#0c2627;
	color:#00dea5;
}


.home-prod-link a{
	height:98%;
	width:95.5%;
    padding:0;
    margin-top:15px;
	position: absolute;
	top:0;
	background:transparent !important;
	color: transparent !important;
    border-radius: 0;
}

.home-prod-link a:focus {
  outline: 2px solid #0057B8;
  outline-offset: 2px;
  border-radius: 0;
}

.home-prod-link a:focus-visible{
	border:none !important;
}

@media screen and (max-width:582px) {
    .home-prod-link a{
        height:100%;
        width:100%;
        margin-top:2px;
}
}

.home-prod .block.has-text-inherit{
	margin-bottom:0;
}

.home-prod .button.is-primary{
	background-color: #00dea5;
	color:#0c2627;
}

.home-prod .button.is-primary:hover{
	background-color:#0c2627;
	color:#00dea5;
}

@media screen and (min-width:972px) and (max-width:1169px) {

	.home-prod-block h2{
		font-size:1.6em !important;
	}

	.home-prod-block a{
		font-size: 1em !important;
	}

}


@media screen and (max-width:972px){
	.column.is-12-mobile.is-6-tablet.is-6-desktop.home-prod,
	.home-prod .is-inline-block,
	.home-prod .is-inline-block .ict-image image.is-as-image,
	.home-prod img   {
		width:100% !important;
	}
}

@media screen and (max-width:582px){

	.home-prod-block h2{
		font-size:1.6em !important;
	}

	.home-prod-block a{
		font-size: 1em !important;
	}

	.column.is-12-mobile.is-6-tablet.is-6-desktop.home-prod{
		padding:0;
	}

	.home-prod .home-prod-block{
		bottom: 55px;
		left: 23px;
	}

	.preorder-tag{
		top:10px;
		left:10px;
	}

}





/* how it works section */
.how-it-works{
padding-bottom:9em;
padding-top:80px;
}

.how-it-works h2{
	text-align: center;
	padding-bottom:30px;
}

.hiw-cards{
	display:flex;
	align-items: stretch !important;
	gap:20px;
	justify-content: center;
}

.hiw-cards h3,
.hiw-cards p{
	margin-bottom:0 !important;	
}

.hiw-cards .block.is-content-width h3 {
	padding-bottom: 43px;
  }
  
.hiw-cards .block.is-content-width:nth-child(3) h3 {
	padding-bottom: 0;
  }

.hiw-cards .block.is-content-width{
	margin-bottom:0 !important;
  }

.hiw-cards p{
	line-height:1.25em;
	font-size:1.2em;
  }
  

.hiw-cards img{
	height:110px;
	min-height:110px !important;
}

.hiw-cards > div{
	background:#F5FCFA;
	padding: 24px 16px;
	min-width:15%;
	width: 16%;
}

.hiw-small-txt{
	font-size:0.8em;
	margin-top:-10px;
}




@media screen and (min-width: 1472px){
.container.content.is-flex{
	max-width:1600px !important;
}
}


@media screen and (max-width: 1399px) {
	.hiw-cards{
		flex-wrap: wrap;
		justify-content: center;
	}

	.hiw-cards > div {
	  min-width:31%;
	}
  }

  @media screen and (max-width: 767px) {

	.how-it-works .columns.is-multiline.is-mobile.is-variable.is-4.is-vcentered.is-justify-content-center.has-text-centered{
		width:100% !important;
	}

	.how-it-works .section-title-container{
		padding:0 !important;
	}

	.hiw-cards.column {
	  display: flex !important;
	  flex-direction: row !important;
	  flex-wrap: nowrap !important;
	  justify-content: flex-start;
	  overflow-x: auto;
	  scroll-snap-type: x mandatory;
	  -webkit-overflow-scrolling: touch;
	  scroll-padding-left: 16px;
	  scroll-padding-right: 16px;
	  gap: 16px;
	  padding: 0 !important;
	  width: 100%;
  
	  scrollbar-width: none;
	  -ms-overflow-style: none;
	}
  
	.hiw-cards.column::-webkit-scrollbar {
	  display: none;
	}
  
	.hiw-cards > .block.is-content-width {
	  flex: 0 0 70%;
	  scroll-snap-align: center;
	  scroll-snap-stop: always;
	  margin: 0;
	}
  
	.hiw-cards > .block.is-content-width:first-child {
	  margin-left: 18px;
	}
  
	.hiw-cards > .block.is-content-width:nth-child(6) {
	  margin-right: 18px;
	}
  
	.hiw-scroll-spacer {
	  flex: 0 0 18px;
	  pointer-events: none;
	}
  
	.hiw-cards-pagination {
	  display: flex;
	  justify-content: center;
	  margin-top: 1rem;
	  gap: 0.75rem;
	}
  
	.hiw-cards-pagination button {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  background: #ccc;
	  border: none;
	  padding: 0;
	  transition: background 0.2s;
	}
  
	.hiw-cards-pagination button.active {
	  background: #333;
	}
  
	.how-it-works .container {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	}
  
	.how-it-works .columns {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}

	.hiw-spacer{
		background:#fff !important;
	}
  }
  
  @media screen and (min-width: 768px) {
	.hiw-cards-pagination {
	  display: none;
	}
  }  


  /* what is graduationbrochureprint.co.uk */

  .what-is{
	background:#F5FCFA !important;
	padding-top:10em;
	padding-bottom:10em;
  }

  .what-is .container.content.is-flex{
	max-width:960px !important;
}
	
/* FAQ Page */

body.FAQs p.card-header-title.is-marginless.subtitle{
	padding-left:18px;
}

body.FAQs .card-header{
    cursor: pointer;
}

body.FAQs .card-header-icon{
    background:transparent;
}

body.FAQs .card-header-icon:hover{
    background-color:#fff;
}

body.FAQs .section.is-large.has-text-centered{
	padding-bottom:3rem;
}

body.FAQs .section.has-background-light{
	padding-bottom:200px;
}

body.FAQs .card .card-header-icon{
	padding:1.25rem 1.25rem .75rem .75rem !important;
	transition: none;
}

body.FAQs .topicpage{
	padding-top:0;
	padding-bottom:0;
}

body.FAQs .topicpage .catfish-container{
	padding:0;
	max-width:none;
}

/* home FAQs*/

.home-faq{
	padding-top:8em !important;
	padding-bottom:8em !important;
}

.home-faq .container.content.is-flex{
	max-width:960px !important;
}

  .home-faq h2{
	text-align: center;
	padding-bottom:50px;
  }

  .button.is-rounded.accordion-title{
	background-color:transparent;
	margin-bottom:0 !important;
	padding-top:1.8rem !important;
	padding-bottom:1.8rem !important;
	font-size:1.2em !important;
  }


  .accordion-item{
	border-top:1px solid #173A3A;
  }

  .accordion-item:last-of-type{
	border-bottom:1px solid #173A3A;
  }

  .ict-accordion .accordion-item.is-active .accordion-content{
	padding-bottom:2em;
  }

  .ict-accordion.block.has-text-inherit {
	margin-bottom:0 !important;
  }

  .ict-accordion .column.is-12{
	padding:0 !important;
  }
  
  /*product page updates*/

  .product-main-wrapper .arone-product-landing-page .column.quantity-wrapper .field-label{
	flex-grow:0 !important;
  }

  .product-main-wrapper .product-details-info .thumbs-container{
	width:40%;
  }

  .product-main-wrapper .product-variant-line .attribute.type_DropdownList{
	margin-bottom:0px !important;
  }

  .enterQuantityBoxLabel{
	white-space: nowrap;
    font-weight: 600;
    font-size: 16px !important;
  }

  .quantity-wrapper .field.is-horizontal{
    flex-direction: column;
    gap: 12px;
  }

  .product-main-wrapper select.catfish-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' fill='none'><path d='M6 9l6 6 6-6'/></svg>") no-repeat;
	background-position: right 1rem center; /* move arrow further from the edge */
	background-size: 1rem; /* size of the arrow */
	padding-right: 3rem; /* ensure text doesn't overlap the arrow */
  }

  .product-main-wrapper .attributeTitle {
	font-size: 16px;
  }
  
  .product-main-wrapper select.catfish-select {
	border: 2px solid #087c6e;
	background-color: #f0fdfa;
	border-radius: 6px;
	height:60px;
  }

  .product-main-wrapper .attributeTitle::after{
	content: "Important";
	background:#e63e3e;
	padding:4px 10px;
	color:#fff;
	font-size: 0.8em;
	border-radius: 6px;
  }

  .product-main-wrapper .catfish-input{
	border-radius:6px;
  }

  .product-main-wrapper input#productpageaddtocartbutton_623,
  input.productvariantaddtocartbutton.catfish-button.dynamic_product_start,
  button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope{
	font-size: 16px;
    font-weight: 700;
  }

  .product-main-wrapper .bigpicture:after{
	content: 'Pre-order';
	font-weight:700;
	color:#fff;
    position: absolute;
    background: #0c2627;
    padding: 10px 20px;
    top: 15px;
    left: 15px;
  }

  .product-variant-list{
	padding-bottom:30px;
  }

  .full-description-wrapper .content{
    padding: 16px;
  }

  .product-main-wrapper .fa-plus:before, .t-plus:before{
	content:"\f107";
  }

  .product-main-wrapper .accordion-item:last-of-type{
	border-bottom: 1px solid #90909090;
  }

  .product-main-wrapper .accordion-item{
	border-top: 1px solid #90909090;
  }

  .product-main-wrapper .fa-minus:before, .t-minus:before{
	content:"\f107";
	transform: rotate(180deg);
	display: inline-block;
  }

 .short-description-wrapper{
	margin-bottom:44px !important;
  }

  .product-main-wrapper .ict-accordion .button.is-rounded.accordion-title{
	flex-direction: row-reverse;
	justify-content: space-between;
	color:#163B3C;
  }

  .product-main-wrapper .ict-accordion .button.is-rounded.accordion-title .fas{
	padding-right:0;
  }

  .quantity-wrapper .field-label{
	align-content:center;
  }

  .product-main-wrapper .delivery-alert,
  .product-main-wrapper .delivery-alert .container.content.is-flex{
	padding-top:0;
	padding-bottom:0;
  }



  .product-main-wrapper .button.is-rounded.accordion-title::after{
	content: url(/-1506318034/Handler/CSSOverride/GetImage/6/delivery-green.svg);
    display: block;
    width: 64px;
    padding-right: 10px;
  }
  


  @media screen and (min-width: 1088px) {
	.product-wrapper .column.details-wrapper.is-6-desktop.is-12-tablet.is-12-mobile{
		padding-left:80px;
	}
  }

  

  /* mega editor */

  button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope{
	width:100%;
  }

  .editorBottom .buttonContainer.leftSide.has-page-list{
	padding:0;
  }

  button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope{
    margin:0;
  }

  .buttonContainer.buttons.rightSide.ng-scope h2{
    font-size:16px;
  }

  .buttonContainer.buttons.rightSide.ng-scope .price.title.ng-binding{
    font-size:24px;
  }

  .me-editor-simple-preview-button.previewButton{
	display:none;
  }


  /* Basket */

  #cartTotals .terms-of-service a{
	display:none;
  }

  .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .summaryShortDescription{
	display: none !important;
  }

  /* Custom Quantity Buttons */

  .quantity-wrapper .field-body {
	position: relative;
  }

  .quantity-wrapper .catfish-input.quantityBox.addToCartQuantityBox{
	text-align: center;
	height:60px;
  }

  .custom-qty-buttons {
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 100%;
    display: flex;
    z-index: 2;
    pointer-events: none;
}

.custom-qty-buttons .btnUp{
    border-radius:0 4px 4px 0;
    right:1px;
    height:100%;
    pointer-events: auto;
}

.custom-qty-buttons .btnDown{
    border-radius:4px 0 0 4px;
    left:1px;
    height:100%;
    pointer-events: auto;
}

.arone-product-landing-page .column.quantity-wrapper .field-label{
	flex-grow:0;
}

.quantity-wrapper{
	margin-bottom:24px;
}	

.custom-qty-buttons button {
  border: none;
  position:absolute;
  background: #f0f0f0;
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  line-height: 1;
  align-items: center;
  transition: background 0.2s ease;
  width: 40px;
}

.custom-qty-buttons button:hover {
  background: #edf4f2;
}

/* FOOTER */

.footer-copyright{
	padding-top:20px;
}

/* Accessibility */
.accordion-title:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

.login__wrapper .register-customer-wrapper .checkout-as-guest-or-register-block table tr .item-name,.login__wrapper .register-customer-wrapper .register-block table tr .item-name,.login__wrapper .register-customer-wrapper .table-container tr .item-name {
    font-size:16px;
}

.account-page table.table-container tr .item-name{
    font-size:16px;
}

.block-account-navigation{
    font-size:16px;
}

.catfish-button, .button, .input, .catfish-input, .catfish-select, .textarea, .catfish-textarea, .select select, .file-cta, .file-name, .file:not(.is-boxed):not(.is-area) .file-cta, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .account-page--myorders .orders_v2 .order_page_select_container .order_page_state, .taginput .taginput-container.is-focusable, .pager span, .pager a, .text-box.single-line, .t-button, .t-grid table select, .t-grid .t-animation-container .t-filter-options .t-filter-operator, .t-grid .t-animation-container .t-filter-options input[type='text'], .t-grid-pager .t-numeric .t-link, .t-grid-pager .t-numeric span, .t-grid-pager .t-link, .t-datetimepicker input, .t-datepicker input, .t-numerictextbox .t-input, .adminData .t-widget.t-dropdown.t-header .t-dropdown-wrap .t-input, .adminData .t-widget.t-dropdown.t-header .t-dropdown-wrap input, .t-combobox .t-dropdown-wrap .t-input, .t-combobox .t-dropdown-wrap input, .account-page--myorders .orders_v2 .order_page_select_container .order_page_but, .account-page--myorders .orders_v2 #filtered_orders .order_products_list ul .symphonyDashboardLink a, .account-page--order-details #order_details_v2 .od_print_button, .account-page--order-details .od_print_button, .externalauthentication .saml-login a, .externalauthentication .oauth-login-linkedin a, .externalauthentication .oauth-login-twitter a, .externalauthentication .oauth-login-facebook a, .ACD_sub_category #pager .pagerLink, .arone-product-landing-page .attribute input:checked+label.button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-selectmenu-button{
    font-size:16px;
}

.login__wrapper .returning-wrapper .table-container tr .item-name label{
    font-size:16px !important;
}

.mg-btm10{
    margin-bottom:10px
}

.mg-btm20{
    margin-bottom:20px
}

.mg-btm30{
    margin-bottom:30px
}

.mg-btm40{
    margin-bottom:40px
}

.mg-btm50{
    margin-bottom:50px
}

.mg-btm60{
    margin-bottom:60px
}