.break {
  flex-basis: 100%;
  height: 0;
}

.heavy {
    position: absolute;
    width: 70px;
    margin-left: 7px;
    margin-top: 4px;
}

.heavy_product {
    position: absolute;
    width: 70px;
    top: 10px;
    left: 10px;;
}

.x-product-layout-images__picture {position:relative}

.heavy_product_main {
    position: absolute;
    width: 70px;
    top: 10px;
    left: 10px;
    z-index:200;
}

.x-search-preview__search-all {font-family:Roboto; font-weight:bold; color:#0444A0; font-size:20px}
.x-search-preview__search-all:after {font-family:"ReadyTheme Icons"; content:";";margin-left:6px}

.img-thumbnail {padding:0px !important}

/*[data-filmstrip-controls] {
    z-index: 100;
}
*/
.x-filmstrip-wrapper {margin-right:8rem;padding:38px 0px !important;}

#searchFacets-label, .x-facet-set__label {color: #0444A0 !important }

.gray-background {background-color: #DEE3E9}

.multi-sku-picture {border:none; background:#ffffff; border-radius:8px; box-shadow: 0 4px 8px rgba(0, 0, 0, .5);}

.x-subcategory-list__picture.multi-sku-picture {border:none;}

[data-tab-component] [role=tab][aria-selected]
{
    border-bottom: 4px solid #0444A0;
    font-size: var(--paragraph-large);
    font-weight: var(--font-medium);
    padding: 0.5rem;
    text-decoration: none;
}


.x-product-list__picture, .x-subcategory-list__picture { border: 1px solid #707070;}

.x-category-tree__heading--facets,.x-facet-set__label { border-bottom:1px solid #707070; }


.c-form-input {
	border-radius:0px;
	}
.t-site-header__masthead {
	padding: 1.5rem 0.5rem;
}
.x-transfigure-navigation .c-navigation__link:hover {
	color: #c0c0c0;
}
.t-site-header__logo img {
	max-height: 100%;
}
#u-icon-user{
	margin-right:10px;
}
.u-icon-cart-full, .u-icon-cart-empty {
	margin-right:10px;
}
.t-site-header__basket-link-quantity {
	background-color:#315FCB;
	color:white;
	padding: 2px 6px !important;
	max-width: fit-content !important;
	min-width: 1.5rem !important;
	margin-left: .5rem !important;
}
.t-site-navigation, .t-site-navigation div{
	background-color:#183A8D;
}
.c-navigation__link {
	background-color: #183A8D;
	color: white;
	font-size: 1rem;
}
.x-transfigure-navigation__content {
	padding-bottom: 0;
	padding-top: 0;
}
.t-site-navigation__wrap {
	max-width:100%;
}

#hero_image_mobile img{
    width:100%;
}
    
#mobile_search_form{
	display:none;
    padding-left: 0;
}
#mobile_search_form .t-site-header__search-form{
    margin-left: 6px;
    margin-right: 5px;
}
.t-site-header__logo img {
    height: 85px;
    margin: 10px 0;
}

#fasten_header .t-site-header__search-form {
	position: relative;
	top: 10px;
    max-width: 80%;
}

@media only screen and (max-width: 60em) {
	#search_open{
		display:none;
	}
    .t-site-header__search {
        height:initial;
        opacity:initial
    }
    #main_search{
	display:none;
   }
   #mobile_search_form{
	display:block;
}
.t-site-header__search-form {
	border-radius: 0;
}
}

@media screen and (min-width: 48em) {
	.c-navigation__row:nth-child(2) .c-navigation__list {
	text-align: center;
	}
}

@media screen and (min-width: 60em) {
  .x-transfigure-navigation .c-navigation__link span::after
    {
       background-color: transparent;
       content: none!important;
    }

    .x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__list {
        text-align: center;
    }
	.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link,
	.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
		justify-content: space-between;
		padding: 0.5rem 1.5rem;
	}
}

.t-site-header__message {
   color: white;
   font-weight:bold;
   background-color: #002D58;
}
.t-site-header__top-navigation div{
   color:white;
   font-weight:bold;
}
#phone_icon{
   display:none;
}

.c-navigation__list {
font-family: Roboto, sans-serif;
font-weight:400;
}

.mm-level-1 { text-transform:uppercase }
.mm-level-2, .mm-level-3, .mm-level-4 { text-transform:none!important; font-size:.8rem }

@media only screen and (max-width: 640px) {
   #header_message{
      padding-right: 0; 
      padding-left: .25rem;
      padding-right: 1rem;
   }
   #phone_icon{
      display:inline-block;
      padding-left:0;
   }
    .t-site-navigation, .t-site-navigation div {
        background-color: white;
        color: #3755A0;
    }
    .c-navigation__link {
        background-color: white;
        color:#3755A0;
    }
    #sign_in_button{
        border: 1px solid #707070;
        border-radius: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}


h1,h2,h3,h4,h5,h6 {
	font-family: "Roboto", sans-serif;
	}

h1 { font-size:38px; font-weight:bold; color:#1F3B8D !important;}
h2 { font-size:28px; font-weight:bold; color:#1F3B8D !important; }
h3 { font-size:24px; font-weight:bold; color:#315FCB !important; }

#tab-overview h2 { font-size:28px; font-weight:bold; color:#041c46 !important; }
#tab-overview h3 { font-size:20px; font-weight:bold; color:#0643a0 !important; }

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

h1 { font-size:34px; font-weight:bold }
h2 { font-size:24px; font-weight:bold }
h3 { font-size:18px; font-weight:bold }

}

.header_logo_tagline {
	position: relative;
	font-size: 19px;
	font-family:"Roboto Condensed", sans-serif;	
    letter-spacing: -1px;
}


/* Footer Stuff */
.footer_logo_tagline {
	position: relative;
	top: -40px;
	left: 35px;
	font-size: 18px;
	font-family:"Roboto Condensed", sans-serif;	
	font-weight:600;
    	letter-spacing: -1px;
    	margin-bottom: -27px;
}

.fasten_logo_tagline  {
	position: relative;
	font-size: 18px;
	font-family:"Roboto Condensed", sans-serif;	
	font-weight:600;
	letter-spacing: 1.43px;
    	margin-bottom: -27px;
	top: -15px;

}

.t-site-footer { font-family:"Roboto", sans-serif; }

#newsletter_form{
	color:white;
	background-color: #173A8D;
	padding:1.2rem;
	align-items:center;
}
#newsletter_button{
	color: #173A8D;
	background-color: white;
	border-radius: 0;
	font-weight: bold;
	font-size: 1.1rem;
	padding: 10px 20px;
	border: 0;
	height: 100%;
}
#newsletter_field {
	margin: 0;
	border-radius: 0;
}
#newsletter-form-note{
	width: 75%;
	font-size: 1.3rem;
	font-weight: normal;
}
#newsletter-form-label{
	font-size:1.5rem;	
	font-weight:bold;
}
.t-newsletter-form{
	margin-bottom:0;
}
#footer_address{
	margin-left: 10px;
	color: #315FCB;
}

#quick_links .c-menu__link {
	color: #315FCB;
	font-weight:bold;
	font-size:18px;
}

#legal_links .c-menu__link{	
	font-weight:bold;
	color: #315FCB;
	font-size: 18px;
}
#quick_links-label, #social_active-label, #legal_links-label{
	font-weight:bold;
}
.t-site-footer__copyright{
	background-color: #002D58;
	color: white;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}
@media (max-width: 47.999em) {
	.t-site-footer .x-collapsible-content .c-menu__title {
		display: none;
	}

	.x-breadcrumbs {
		display:none;
	}

	#newsletter-form-note {
		width:100%;
		font-size: 1rem;
		font-weight: normal;
	}
	#newsletter_form, #newsletter_form div, #newsletter_form section{
		padding: 0;
		text-align:center;
	}
	#newsletter_form{
		padding:20px 30px;
	}
	#newsletter-form{
	padding-left: 0px;
	}
	#newsletter_field_section{
		width:60%;
	}
	#newsletter_button_section{
		position: relative;
		right: -20px;
	}
	#newsletter_button{
		width: 90px;
		font-weight: normal;
		height: 2rem;
		font-size:.8rem;
	}
	#newsletter_field{
		height: 2rem;
	}
	#stay_connected{
		margin-top: 0px;
		padding-left: 40px;
		margin-bottom: 20px;
        order: 4;
	}
	#social_active{
		margin-left: -.5rem;
	}
    #footer_customer_service{
        margin-top:30px;
    }
    
}

.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
        line-height: 1.7;
}


/* From Global Header */

.x-fasten-he106px!important;
}    

#fasten_header .x-fasten-header{
	min-height: 110px;
	padding-top: 0;
	padding-bottom: 20px;
}


.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row {
   gap: 0rem;
}
/* BASK */
/* #show_quote{
	border: 2px solid transparent;
}
#show_quote:hover{
 	color: var(--red-400);
	background-color: white;
	border-color: var(--red-400);
	border-width: 2px;
	outline: none;
}
*/

#show_quote_mini:hover{
 	color: var(--red-400);
	background-color: white;
	border-color: var(--red-400);
	border-width: 2px;
	outline: none;
}
.modal-header {
	justify-content: right;
}

/* Prevents SKU Being Cut Off on Long Product Names */
.x-product-list__name {
    display: -webkit-box;
   -webkit-line-clamp: 3; 
   }

.x-product-list__figure-caption {padding:12px}
.x-product-list__price {
  font-weight:bold;
  }

/* Moving from CTGY */

#js-CTGY .x-product-list__link, #js-CTGY .x-subcategory-list__link,
#js-SRCH .x-product-list__link, #js-SRCH .x-subcategory-list__link {
	color: #315FCB;
	font-weight: bold;
}

#js-CTGY .x-subcategory-list, 
#js-SRCH .x-subcategory-list {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	grid-template-columns: repeat(auto-fit, minmax(0, 12.5rem)) !important;
	padding-left: 10%;
	padding-right: 10%;
	padding-top:1.5rem;
	background-color: #EFF2F5;
}

.link {text-decoration:underline}
.link::hover {color:#5a5959}


@media (max-width: 47.999em) {
	#js-CTGY .x-subcategory-list, #js-SRCH .x-subcategory-list {
	    grid-template-columns: repeat(auto-fit, minmax(0, 10.5rem)) !important;
	    padding-left: 0%;
	    padding-right: 0%;
	}
}

.c-heading-foxtrot {
	color: #183A8D;
	}
.c-button {
	border-radius:0px;
	}
.c-button-blue {
	background-color: #305FCB;
}
.c-button-red-outline {
	background-color:#fff;
	border-color: #C21D23;
	color:#C21D23;
}
.c-button-blue-outline {
	background-color:#fff;
	border-color: #305FCB;
	color:#305FCB;
}
.t-logn-block {
    margin: 2rem 0;
}

.heading-subtext {
	font-family:"Roboto Condensed", sans-serif;
	font-size: 20px;
	text-align:center;
	max-width:800px;
	margin:10px auto;
}
.x-breadcrumbs {
        margin: 0 38px 20px 38px;
    }


@media screen and (min-width: 60em) {
    .x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type {
        left: 100%;
        top: calc(-1em - -0.73rem);
        z-index: 200;
    }
    .x-fasten-header__navigation-element summary {
        font-size: 1.7em!important;
        color: var(--blue-400);
    }
    .x-fasten-header__navigation-element summary::marker {
        font-size: 1.2em;
    }  
    .x-fasten-header__navigation-element {
       position: relative;
       top: 0;
    }    
}


.mm-level-2, .mm-level-3 {
	background-color:#EFF2F5;
	}

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

	.mm-level-2, .mm-level-3 {padding-left:18px}

	.mm-level-2 .c-navigation__link, .mm-level-2 .c-navigation__link {padding-left: 18px;	}

	.c-navigation__link {align-items:center;}
}


.c-navigation__list span {padding:0 8px}


@media (min-width: 60em) {
    .t-site-header__masthead {
        padding: 0px 2rem;
    }
}