/*CSS for Ruby Ribbon*/

/*Change the category 'HOUSE' icon to another image*/
i.fas.fa-home::before {
    background-image: url(/-398321401/Handler/CSSOverride/GetImage/43/appicon.png);
    background-position: center;
    background-size: cover;
    color: transparent;
}
/*Size of text in Button in Navigation*/
.button.is-small {
	font-size: 1.3em;
}

.catfish-footer {
	background-color: #C41A31;
}
.catfish-footer h3 {
	color: #FFF;
	font-size: 17px;
}

/*Centering Content Template Editors Search Bar*/
.search-box form {
 justify-content: center;
}

/*This removes the title from the MY ACCOUNT Navigation*/
.block.block-account-navigation .title {
	display:none;
}

/*Line across bottom of navbar*/
.content-field-navbar .bottom-menu-split {
	border-top: 2px solid #EBECEE;
	background-color: #EBECEE;
}

/*Navbar background-color*/
.content-field-navbar .bottom-menu-split .navbar {
	height: 3.1rem;
	background-color: #EBECEE;
}

/*This changes navbar for 2-Column view*/
#bottom-splitmenu .navbar {
	background-color: #EBECEE;
}

/*This is the font size in the Content Template Editor 'My Accounts' Navigation*/
.is-zindex-9999 {
	font-size: 1.3em;
}

.navbar-dropdown {
	border-top: 5px solid #C41A31;
}

/*Down arrow in Navbar*/
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
	border-color: #C41A31;
}

/*This is the 'Required' star on Products*/
.attributes .attributeRequired {
	color: #C41A31;
}

.has-background-custom1,
.has-background-custom-1 {
    background-color: #FD6794!important;
}

.navbar-link:not(.is-arrowless){
	font-weight: 600;
	}

.section.is-small {
	background-color: #FEF0EB;
	padding-top: 5.5rem;
	padding-bottom: 2rem;
}

.section.breadcrumb-section.is-small {
	padding-top: 6em;
}

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


/* MEDIA QUERIES ** MEDIA QUERIES ** MEDIA QUERIES */
/* MEDIA QUERIES ** MEDIA QUERIES ** MEDIA QUERIES */

@media screen and (max-width:1435px){
	.section.is-small {
		background-color: #FEF0EB;
		padding-top: 5.7rem;
		padding-bottom: 2rem;
	}
	
	.section.breadcrumb-section.is-small {
		padding-top: 6rem;
	}	
}

@media screen and (max-width:1087px){
	.navbar-item img {
		max-height: 4rem;
		margin-top: 0;
		padding-left: 4rem;
	}
	
	.navbar-burger {
		margin-right: 4rem;
	}
	.navbar-burger span {
		background-color: #C41A31;
	}
	
	#main-nav .navbar-menu {
		background-color: rgba(255,255,255,0.95);
		padding-top: 2rem;
		padding-bottom: 100%;
		padding-left: calc(150px - 1rem);
		padding-right: calc(50px - -10.5rem);
	}
	
	.ict-navbar .navbar-item.has-dropdown.is-active .navbar-dropdown .navbar-item {
		padding-left: 4rem;
	}

	.fa-lg{
		color: #C41A31;
	}
	.fal.fa-search {
		color: #C41A31;
	}
	.section.is-small {
		background-color: #FEF0EB;
		padding-top: 1.5rem;
	}
	
	.section.breadcrumb-section.is-small {
		padding-top: 2.1rem;
}
}


@media screen and (max-width:768px){
	.navbar-item img {
		max-height: 4rem;
		margin-top: 0;
		padding-left: 4rem;
	}
	
	#main-nav .navbar-menu {
		background-color: rgba(255,255,255,0.95);
		font-size: 1.2em;
		font-weight: 600;
		padding-top: 2rem;
		padding-bottom: 100%;
		padding-left: calc(150px - 1rem);
		padding-right: calc(50px - -10.5rem);
	}
	.section.is-small {
		background-color: #FEF0EB;
		padding-top: 1.3rem;
}
	.section.breadcrumb-section.is-small {
		padding-top: 2.1rem;
}
}


@media screen and (max-width:599px){
	.navbar-item img {
		max-height: 2.5rem;
		margin-top: 0;
		margin-left: 2rem;
		padding-left: 0;
	}
	
	.navbar-brand {
		margin-top: 0;
	}
	
	.navbar-dropdown {
		font-size: 0.90em;
		width: 100%;
	}
	
	.fal {
		font-weight: 500;
		color: #C41A31;
	}
	.badge {
		top: 1rem;
	}
	.navbar-burger {
		margin-top: 0.5em;
		margin-right: 4rem;
		width: 3.5em;
	}
	.navbar-burger span {
		background-color: #C41A31;
		left: calc(50% - 15px);
	}
	
	.navbar {
		height: 5.5rem;
	}
	
	#main-nav .navbar-menu {
		background-color: rgba(255,255,255,0.95);
		font-size: 1.2em;
		font-weight: 600;
		padding-top: 3rem;
		padding-bottom: 1000px;
		padding-left: calc(75px - 2.75rem);
		padding-right: calc(0px - -10.5rem);
	}

	.fal.fa-cart-plus {
		color: #FFF;
	}
	.section.is-small {
		background-color: #FEF0EB;
		padding-top: 2.rem;
}
	.section.breadcrumb-section.is-small {
		padding-top: 2.7rem;
}
	
}