@import url("model.css");

/*####################################*/
/*############## FONTS ###############*/
/*####################################*/

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Bold.woff2') format('woff2'),
        url('../fonts/Bitter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-BlackItalic.woff2') format('woff2'),
        url('../fonts/Bitter-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Black.woff2') format('woff2'),
        url('../fonts/Bitter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-BoldItalic.woff2') format('woff2'),
        url('../fonts/Bitter-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Bitter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Bitter-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Bitter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Bitter-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Italic.woff2') format('woff2'),
        url('../fonts/Bitter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Light.woff2') format('woff2'),
        url('../fonts/Bitter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Medium.woff2') format('woff2'),
        url('../fonts/Bitter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-MediumItalic.woff2') format('woff2'),
        url('../fonts/Bitter-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-LightItalic.woff2') format('woff2'),
        url('../fonts/Bitter-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Regular.woff2') format('woff2'),
        url('../fonts/Bitter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Bitter-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-SemiBold.woff2') format('woff2'),
        url('../fonts/Bitter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-Thin.woff2') format('woff2'),
        url('../fonts/Bitter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: url('../fonts/Bitter-ThinItalic.woff2') format('woff2'),
        url('../fonts/Bitter-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('../fonts/Oswald-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*####################################*/
/*########### DESIGN CONFIG ##########*/
/*####################################*/
:root{
    --font1: 'Poppins', sans-serif;
    --font2: 'Raleway', sans-serif;
    --font3: 'Poppins', sans-serif;

    --red:      #D0451B;
    --blue:     #095890;
    --darkblue: #1D6496;
}
/* ############################## */
/* ########### ECOM ############# */
/* ############################## */

.hover-cat:hover + .hover-content .divCategoryMenu{
	/*display: flex;*/
}
.show-dropdown{
	display: flex!important;
}
.mandatory-alert{
	border: 1px solid red!important;
}
.divItemTile {
  margin-bottom: 1em;
  margin-top: 1em;
  width:33%;
  max-width:33%;
}

a {
	color:#D0451B;
}
a:hover {
	color:#095890;
}

.divSiteContentInner-cart a {
	color:#D0451B;
	text-decoration:none;
	transition:var(--transition);
}
.divSiteContentInner-cart a:hover {
	color:#095890;
	text-decoration:underline;
	transition:var(--transition);
}

.divToConfirmWrapper.details-mobile {
	display:none !important;
}

.divTotalsBox label {
	font-weight:500;
	margin-right:5px;
}

.divCheckoutBox {
	padding-top:15px;
}

.divCartItemInner {
	position:relative;
}
.anchRemoveItem {
	position:absolute;
	right:0;
	
}
.show-modal{
	display: unset!important;
}
.divAlbumMenu .navAlbumMenu .divCategoryLink-album .anchMenuLink-album .divAlbumLabel {
	background:url('https://shop.sewmanyparts.com/api/media/user/images/albumCoversHover.png');
}
.divAlbumMenu .navAlbumMenu .divCategoryLink-album .anchMenuLink-album .divAlbumLabel p {
	font-size:26px;
	padding:0 60px;
}

.ourPrice {
	display:none;
}
.divItemDetailBody {
	position:relative;
}
.prices-div {
	position:absolute;
	bottom:-128px;
	right:0;
}
.strike{
	text-decoration: line-through;
}
.spnOldPrice{
	font-size: 19px;
}
.thread-container {
	display:flex;
	flex-wrap:wrap;
	width:23%;
	padding:20px;
	background:#F2F2F2;
	border:1px solid #D2D2D2;
	justify-content:space-evenly;
}

.thread-content img {
	max-width:57px;
}

.thread-details input {
	width:30%;
}

.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread .anchMenuLink-album .divAlbumMedia figure,
.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread .anchMenuLink-album .divAlbumMedia figure picture,
.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread .anchMenuLink-album .divAlbumMedia figure picture img {
	width:100px;
	height:100px;
}

.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread .anchMenuLink-album .divAlbumLabel p {
	display:none;
}
.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread .anchMenuLink-album .divAlbumLabel {
	background:unset;
}

.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread {
	box-shadow:none;
}

.divRightThreadLabel,
.divAlbumMenu .navAlbumMenu .divCategoryLink-album.divCategoryLink-thread {
	width:50%;
	max-width:50%;
}
.divRightThreadButton {
	width:100%;
	padding-top:15px;
	justify-items:center;
}

.divRightThreadButton .label-button {
	background:#095890;
}
.divRightThreadButton .label-button:hover {
	background:#D0451B
}

.thread-price > div {
	display:flex;
	gap:5px;
}

.cart-functions {
	margin-top: 0;
  margin-bottom: 0;
  justify-content: center;
  display: flex;
  position: fixed;
  background: #1D6496;
  width: 98%;
  justify-self:anchor-center;
  bottom: 0;
  left: 0;
  padding-right: 5%;
  padding-top: 1%;
  padding-bottom: 1%;
}

.thread-hover-menu {
	width: 98%;
  position: fixed;
  top: 100px;
  background: #1D6496;
  z-index: 1000;
  padding: 30px;
  max-height: 83vh;
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  padding-bottom:78px;
  padding-top:0;
  justify-self:anchor-center;
}

.single-thread {
	width:19%;
	padding:15px;
	border:1px solid #D2D2D2;
	background:white;
}

.thread-hover-menu .threads {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	padding-top:112px;
}

.thread-label {
	border-bottom:0 !important;
	font-weight:400 !important;
	margin:0;
}

.divCategoryLink-album.divCategoryLink-thread {
	background:white;
	padding:2px;
	border:1px solid #CBCBCB;
	width:100px !important;
	height:100px;
}

a.topmenu-checkout {
	width:100%;
	display:inline-block;
	background:#1D6496;
	color:white;
	border-radius:23px;
	text-align:center;
	padding:7.5px;
	text-decoration:none;
	transition:var(--transition);
}
a.topmenu-checkout:hover {
	width:100%;
	display:inline-block;
	background:#095890;
	color:white;
	border-radius:23px;
	text-align:center;
	padding:7.5px;
	text-decoration:none;
	transition:var(--transition);
}

.step-2,
.step-3,
.step-4 {
	margin-top:30px !important;
}

.divCartWrapper,
.divClearCart {
	justify-content:space-between;
	padding-top:15px;
}

.divCartWrapper {
	margin-top:15px !important;
}

.cart-functions a,
a.anchCheckoutButton {
	padding:7.5px 25px;
}

.cart-functions a {
	font-size:20px;
}

.cart-functions a,
.divCheckoutBox button,
.modal-footer .btn,
a.anchCheckoutButton,
.divClearCart .btn,
.divClearCart a.btn {
	width:fit-content;
	max-width:fit-content;
	background:#D0451B;
	color:white;
	border-radius:23px;
	border:0;
	text-decoration:none;
	transition:var(--transition);
}
.cart-functions a:hover,
.divCheckoutBox button:hover,
.modal-footer .btn:hover,
a.anchCheckoutButton:hover,
.divClearCart .btn:hover,
.divClearCart a.btn:hover {
	width:fit-content;
	max-width:fit-content;
	background:#095890;
	color:white;
	border-radius:23px;
	text-decoration:none;
	border:0;
	transition:var(--transition);
}

.divCheckoutBox button {
	padding:5px 15px;
}

.divShipToConfirm p,
.divBillToConfirm p {
	margin-bottom:5px;
}

.divUpdateQty {
	display:flex;
	gap:15px;
}

.billshipDiv form {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	padding-top:15px;
	justify-content:space-between;
}

.divShippingBox .group,
.AddMessageBox .group,
.divUpdateBilling .group {
	display:flex;
	flex-direction:column;
}
.divUpdateBilling .groupColumns-3 {
	flex-direction:row;
	gap:10px;
}
.divUpdateBilling .groupColumns-3 .groupColumn {
	width:30%;
	max-width:30%;
}
.divUpdateBilling .groupColumns-3 .groupColumn input {
	max-width:100%;
}

.tax-exempt-box {
	color:#D0451B;
	font-weight:600;
	font-size:26px;
}

.tax-exempt-box input {
	margin-left:10px;
	height:20px;
	width:20px;
}

.tax-paragraph {
	font-size:18px;
	color:#D0451B;
}

input,
textarea {
	border:1px solid black !important;
	margin-bottom:5px;
}

.page-number p {
	text-align:center;
	padding-top:30px;
}

.page-number p a{
	margin:0 5px;
	background:#D0451B;
	color:white;
	padding:5px 7.5px;
	text-decoration:none;
	transition:var(--transition);
}
.page-number p a:hover,
.current-page-number {
	background:#095890;
	color:white;
	text-decoration:underline;
	transition:var(--transition);
}

.divShipOpt {
	padding-bottom:15px;
}

.billshipDiv {
	padding:15px;
}

.divCartItems {
	width:73%;
}
.divCartDetails {
	width:23%;
}

.divShippingBox,
.divBillingBox {
	width:48%;
}

.divCheckOutFinal .divCartItemWrapper,
.divCheckOutFinal .divTotalsBox,
.divShipToConfirm,
.divBillToConfirm,
.divShippingBox,
.divBillingBox,
.divCartItems,
.divReviewDiscounts,
.divCartDetails {
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	padding:15px;
	border:1px solid #BCBCBC;
}

.divToConfirmWrapper {
	display:flex;
	flex-direction:column;
	gap:15px;
	padding-top:15px;
}

.close-modal,
.btnCloseCartModal,
.anchRemoveItem {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#D0451B;
	border-radius:50%;
	width:30px;
	height:30px;
	border:0;
	color:white !important;
	font-size:26px;
	text-decoration:none;
	transition:var(--transition);
}
.close-modal:hover,
.btnCloseCartModal:hover,
.anchRemoveItem:hover {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#095890;
	border-radius:50%;
	width:30px;
	border:0;
	height:30px;
	color:white !important;
	font-size:26px;
	text-decoration:none !important;
	transition:var(--transition);
}

.close-modal {
	margin-left:auto;
	margin-bottom:15px;
	position: relative;
}

.thread-title-container {
	width:98%;
	position:fixed;
	justify-self:anchor-center;
	background:#1D6496;
	padding:0 30px;
	padding-top:30px;
	display:flex;
}

.thread-hover-menu .thread-title {
	color:white;
	width:50%;
}

.currentPrice {
	font-size:26px;
}

.cart-functions span {
	color:white;
}

.anchFeaturedItemName p {
	padding-top:15px !important;
}

.anchFeaturedItemName p,
.anchFeaturedItemName {
	font-size:16px;
	text-decoration:none !important;
	color:#095890;
}

.divItemTileAction {
	display:none !important;
}

.formItemTileInner {
  min-width: 100%;
  border:1px solid #CBCBCB;
  padding:15px;
  box-shadow:0 3px 6px rgba(0,0,0,0.16);
  transition:var(--transition);
}
.formItemTileInner:hover {
  min-width: 100%;
  border:1px solid #095890;
  padding:15px;
  box-shadow:0 3px 6px rgba(0,0,0,0.16);
  transition:var(--transition);
}
.divItemTileInner {
  text-align: center;
}
.imgPrimaryImage {
  min-height: 20em;
  object-fit: contain;
  overflow: hidden;
  border: 0px solid gray;
  max-width: 100%;
  min-width: 0;
  max-height: 100%;
}
.divItemTileHover {
  display: none;
  background: white;
  margin-top: -26.3em;
  transition: 0.3s;
  padding-top: 5em;
  min-width: 100%;
  padding-bottom: 5em;
}

@media (min-width: 768px){
	.mobile-tile {
  		display: none;
	}
	.divItemMedia-mobile{
		display: none;
	}
}
@media (max-width: 768px){
	.mobile-tile {
  		display: unset;
	}
	.divItemMedia-mobile{
		display: unset;
	}
	.divDiscountDetails{
		margin-top: -1em!important;
	}
	.desktop-tile{
	
		display: none;
	}
	.divItemMedia-desktop{
		display: none;
	}
	
	
}
/* ############################## */
/* ########## GENERAL ########### */
/* ############################## */

h1{
	color: #1D6496;
	text-align: center;
	font-family: 'Oswald';
	font-size: 48px;
	font-weight: 700;
}

h2,
h2 a{
   color: #1D6496;
	font-family: 'Bitter';
	font-size: 34px;
	font-weight: 400;
}

h3,
h3 a{
   color: #272727;
	font-family: "Trebuchet MS";
	font-size: 26px;
	font-weight: 700;
}

h4,
h4 a{
    color: #000;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: 400;
}

p,
a, p a,
ul, ol, li,
dd,dt{
    color: #000;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: 400;
}

a{
	transition:var(--transition);
}

li {
	list-style-position:inside;
}

a:focus,
a:target{
	outline-offset: -1px;
}

.divBlockContent a{
	color:#095890;
	text-decoration:underline;
}

.divBlockContent a:hover{
	color:#D0451B;
	text-decoration:none;
}

.divItemWrapper {
	justify-content:center;
}

.cat-preview-view-all,
.label-button,
.btnProductSubmit,
a.anchButton {
  font-size: 18px;
  font-weight: bold;
  color:var(--truewhite);
  background-color: #EF4C26;
  border-radius:23px;
  min-width:200px;
  border:0 !important;
  text-align:center;
  display:inline-block;
  text-decoration:none !important;
  transition: var(--transition);
}

.cat-preview-view-all:hover,
.cat-preview-view-all:focus,
.label-button:hover,
.label-button:focus,
.btnProductSubmit:hover,
.btnProductSubmit:focus,
a.anchButton:hover,
a.anchButton:focus{
	text-decoration:none;
	color:var(--truewhite);
	border:0 !important;
    background-color: #1D6496;
    transition: var(--transition);
}

a.anchButton {
	border-radius: 8px;
	min-width:211px;
	text-align:center;
}

.album-button-label {
	margin:0;
}

.cat-preview-view-all,
.label-button {
	display:flex;
	align-items:center;
	justify-content:center;
	width:fit-content;
	padding:7.5px 15px;
}

.album-label {
	width:95%;
	border-bottom:1px solid black;
	padding-bottom:10px;
}

.divAlbumMenu .navAlbumMenu .divCategoryLink-album .anchMenuLink-album .divAlbumMedia figure, .divAlbumMenu .navAlbumMenu .divCategoryLink-album .anchMenuLink-album .divAlbumMedia figure picture, .divAlbumMenu .navAlbumMenu .divCategoryLink-album .anchMenuLink-album .divAlbumMedia figure picture img {
	width:285px;
	height:285px;
	object-fit:contain;
}

.album-container {
	margin-bottom:30px;
}

.label-button p {
	color:var(--truewhite);
	font-weight:light;
}

div, span, input, select, button, label, figcaption{
	font-family: var(--font1);
}

.divPageContentWrapper{
	padding: 15px 0;
}

.main-home .divPageContentWrapper {
	padding-top:0;
}

@media (max-width: 860px) {
	main{
		margin-top:120px;
	}
	
	.divPageTitle{
		min-height: 180px;
	}
}

.anchBackToTop{
	background-color:#D0451B;
}

.anchBackToTop:hover{
	color:#fff;
	background-color:var(--blue);
}

.divPagination .btnChangePage:hover,
.divPagination .btnChangePage.current{
	color:white;
	background-color:var(--blue);
}

.divPagination .btnChangePage:disabled:hover{
	color:black;
	background:transparent;	
}

/*####################################*/
/*########### Header/Nav #############*/
/*####################################*/
.divLogoWrapper{
	display:flex;
	height:160px;
	justify-content:center;
}

footer .divLogoWrapper{
	display:flex;
	height:160px;
	gap:60px;
}

header .divMainNavigation {
	background:#4CB1CB;
	height:40px;
	line-height:40px;
}

header .divMainNavigation,
.divLogoWrapper {
	width:100%;
	max-width:100%;
}

.divLogoWrapper figure,
.divLogoWrapper picture{
	margin:auto;	
}

#standardHeader{
	z-index:999;
}

.divPageSection-slideshow {
	border-bottom:9px solid #4CB1CB;
}

.divPageSection-slideshow h3,
.divPageSection-slideshow p {
	color:black;
}

.divPageSection-slideshow h3 {
	padding:15px 0;
}

.divPageSection-slideshow p {
	width:80%;
	margin:auto;
}

.divPageSection-slideshow h1,
.divPageSection-slideshow h2 {
	color:#1D6496;
	font-family: 'Oswald';
	font-size: 48px;
	font-weight:700;
}

.divPageSection-slideshow a.anchButton {
	margin-top:15px;
	font-size:20px;
	font-weight:700;
	min-width:172px;
	border-radius: 8px;
	background: #EF4C26;
	color:white;
}

.divPageSection-slideshow a.anchButton:hover {
	background:#1D6496;
	color:white;
}

.divBlockWrapper-slide .divBlockInner .divBlockMedia figure img {
	height:553px;
	object-fit:cover;
}

.divPageSection-callout {
	padding:60px 15px;
}

#standardHeader .divLogoWrapper img{
	scale: 1;
}

#primaryItemImage {
	height:100%;
	width:100%;
}

.main-shop div.divSideMenu-menu > div > div > nav > div:nth-child(1) {
	display:none;
}

.divItemDetailName {
	font-size:36px;
	color:#095890;
	margin-bottom:10px;
}

.frmAddToCart {
	width:60%;
	max-width:60%;
	padding-left:30px;
}

.main-shop .divSiteContentInner {
	padding-top:30px;
}

.divItemMedia-desktop {
	width:40%;
	max-width:40%;
}

#mobileHeader{
    position: fixed;
    width: 100%;
  	background: white;
  	top:0;
}

@media(width:911px){
	#standardHeader{
		position: fixed;
	    width: 100%;
	  	background: white;
	  	top:0;
	}	
}

#mobileHeader .divLogoWrapper img{
    width: auto;
}

.divBanner{
	position:relative;
	background-color:#4CB1CB;
	padding:10px;
	text-align: center;
}

.divBanner .divBannerInner *{
	color: #fff;
}

.divBanner .divBannerInner a:hover{
	color:var(--darkblue);
}

#nav-main .anchMenuLink,
#nav-main .divMeuLinkWrapper .anchMenuLink {
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: 400;
	text-decoration:none;
	padding:0 15px;
	margin:0;
	display:block;
	height:120px;
	line-height:120px;
	border-bottom:0px solid transparent !important;
	transition: var(--transition);
}
#nav-main .anchMenuLink:hover,
#nav-main .divMeuLinkWrapper .anchMenuLink:hover {
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: 400;
	display:block;
	height:120px;
	background:#1D6496;
	line-height:120px;
	text-decoration:none;
	border-bottom:0px solid #1D6496 !important;
	transition: var(--transition);
}

/* STANDARD HEADER */
.divMainHeaderWrapper{
    justify-content: space-between;
    display:flex;
    flex-direction:column !important;
    width:100%;
    max-width:100% !important;
    padding:0;
}

.divPageSection-slideshow .divBlockContent {
	position: absolute;
    width: 100%;
    height: auto;
    z-index: 11;
    display:flex;
    align-items:center;
    max-width:813px;
    margin:auto;
    justify-self:anchor-center;
    border-radius: 27px;
    top:50%;
    transform:translate(0, -50%);
    padding:30px;
	background: rgba(255, 255, 255, 0.75);
}

.divPageSection-slideshow .divSectionInner {
	width:100%;
	max-width:100% !important;
	padding:0;
}

.divPageSection-slideshow .divBlockContentInner {
	max-width:1366px !important;
	width:100%;
	margin:auto;
}

.divMainHeaderWrapper #nav-main {
	gap:30px;
}

/* SUB HEADER */
#divSubHeader {
    background-color: var(--blue);
    height: 46px;
}

.navSubHeader{
    justify-content: center;
}

.navSubHeader .anchMenuLink{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--truewhite);
    padding:0 16px;
    z-index:1;
    padding: 0 5px;
}

.navSubHeader .anchMenuLink:hover,
.navSubHeader .anchMenuLink.current{
    color: var(--truewhite);
    background-color:var(--darkblue);
}

.navSubHeader{
	gap:10px;
}

.navSubHeader .divMeuLinkWrapper .btnToggleCategories{
    color: white;
}

#nav-main .anchMenuLink:hover,
#nav-main .divMeuLinkWrapper .anchMenuLink,
#nav-main .divMeuLinkWrapper .anchMenuLink:hover {
	height:40px;
	line-height:40px;
}

.dropdown .divCategoryMenu {
	background:white;
	min-width:1004px;
	right:0;
	padding:30px 25px;
	flex-wrap:wrap;
	gap:30px;
}

#nav-main .divMeuLinkWrapper .anchMenuLink:hover,
#nav-main .divMeuLinkWrapper .anchMenuLink {
	border:0 !important;
}

#nav-main .divMeuLinkWrapper .anchMenuLink:hover {
	border:0 !important;
}

#nav-main .divMeuLinkWrapper .anchMenuLink:hover {
	margin-bottom:0;
}

.dropdown-categories,
#nav-main .anchMenuLink {
	width:fit-content;
	font-size:14px;
}

.dropdown-categories {
	width:20%;
}

#nav-main .anchMenuLink.anchTopCat:hover,
#nav-main .anchMenuLink.anchTopCat {
	width:100%;
	color:#095890;
	font-size:16px;
}

#nav-main .dropdown-categories .anchMenuLink:hover,
#nav-main .anchMenuLink:hover, #nav-main .dropdown-categories .anchMenuLink, .dropdown .divMeuLinkWrapper {
	line-height:normal;
	height:auto;
	margin-bottom:10px;
}

.navSubHeader .divMeuLinkWrapper .btnToggleCategories:hover, 
.navSubHeader .divMeuLinkWrapper .btnToggleCategories[aria-expanded="true"]{
    background-color:var(--darkblue);
}

.divCategoryMenu{
    background-color: var(--blue);
}


@media (max-width: 768px) {
    .navSubHeader {
        flex-direction: column; /* Stack menu links vertically on smaller screens */
        justify-content: flex-start; /* Align the items at the top */
    }

    .divCategoryMenu {
        position: relative; /* Make sure the category menu is within the normal flow */
        left: 0;
        top: 0;
        display: none; /* Hide category menu by default on small screens */
    }

    /* Show category menu when it's toggled */
    .divMeuLinkWrapper .btnToggleCategories[aria-expanded="true"] + .divCategoryMenu {
        display: flex;
    }

    .anchMenuLink {
        font-size: 14px; /* Smaller font size on mobile */
        padding: 10px 12px; /* Adjust padding for better tap targets */
    }
}

/* sandwich navigation */
.divSandwichNavigation{
    position: relative;
}

.divSandwichNavInner{
    position: relative;
}  

.divSandwichNavInner .btn-sandwich{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 0;
    border-radius: 0;
    padding: 0.25em;
    transition: transform 0.3s ease;
}

.divSandwichNavInner .btn-sandwich svg{
    width: 45px;
    height: 45px;
    transition: transform 0.3s ease;
}

.divSandwichNavInner .btn-sandwich.active svg{
    transform: rotate(180deg);
}

.divSandwichNavInner .btn-sandwich svg path{
    fill: #212121;
}

.divSandwichNavMenu {
    position: absolute;
    top: 135%;
    border:1px solid #BCBCBC !important;
    left: auto;
    right: 0;
    z-index: 9999;
    height: auto;
    background-color: white;
    width: auto;
    padding:15px 0;
    max-width: 90vw; /* prevent overflowing on small screens */
    box-sizing: border-box;
    border: 1px solid var(--darkblue);
    border-bottom: 4px solid var(--darkblue);
    max-height:250px;
    overflow-y:scroll;
}

.divSandwichNavMenu .navsandwich{
    position: relative;
    display: flex;
    background:white;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    background-color:#fff;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper.current{
	background-color:#D0451B;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper ~ .divMeuLinkWrapper{
    border-top:1px solid white;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper .anchMenuLink{
    font-size: 20px;
    width: 100%;
    padding: 0px 50px;
    color:#222;
    text-decoration: none;
    white-space:nowrap;
    background:white;
    transition: var(--transition);
}
.divSandwichNavMenu .navsandwich .divMeuLinkWrapper .anchMenuLink:hover {
	color:white;
	background:#1D6496;
	transition: var(--transition);
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper {
	height:50px;
	line-height:50px;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper:hover .anchMenuLink,
.divSandwichNavMenu .navsandwich .divMeuLinkWrapper.current .anchMenuLink{
	color:#fff;
	background-color:#D0451B;
}

.divSandwichNavMenu .navsandwich .divMeuLinkWrapper .divCategoryMenu{
    position: relative;
    top:0;
    left: 0;
}

/* sub header*/
.divSubHeaderInner .divAdditional{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:20px;
    margin:auto 10px;
}

.divSubHeaderInner .divAdditional .anchButton{
	font-size:15px;
    height: 46px;
    align-content: center;
    z-index:1;
}

.divSubHeaderInner .divAdditional .anchButton:hover{
    background-color: var(--darkblue);
}

.divSubHeaderInner .divAdditional .divSocials{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.divSubHeaderInner .divAdditional .divSocials a{
	display: flex;
  	color: white;
  	transition: var(--transition);
}

.divSubHeaderInner .divAdditional .divSocials a svg{
    width: 25px;
    height: 25px;
}

.divSubHeaderInner .divAdditional .divSocials a:hover{
    color: #D0451B;
}

/* top menu */
.divTopMenu{
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100%;
    scrollbar-width:  thin;
    z-index: 99;
    background-color: var(--lwwLightBlue);
}

.divItemOption,
.prices-div {
	margin-bottom:10px;
}

.divItemOption {
	display:flex;
	gap:15px;
}

.divTopMenuInner{
    position: relative;
    height: auto;
}

.navTopMenu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.divCategoryLink-topnav{
    display: flex;
    flex-direction: row;
    height: 60px;
    margin: auto 5px;
    align-items:center;
}

.divCategoryLink-topnav .btnToggleCategoryMenu::after,
.divCategoryLink-topnav .btnToggleSubcategoryMenu::after{
    display: none;
}

.divCategoryLink-topnav .anchMenuLink-topnav{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .25em;
    color:white;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: var(--transition);
    height: 46px;
    background:#D0451B;
    border-radius:38px;
    padding:5px 25px;
}

#content-shop-threads-madeira {
	padding-top:0;
}

#content-shop-threads-madeira .divAlbumMenu {
	padding-top:45px;
}

.divCategoryLink-topnav .anchMenuLink-topnav.current,
.divCategoryLink-topnav .anchMenuLink-topnav:hover{
    background-color:var(--darkblue);
}

.divCategoryLink-topnav .anchMenuLink-topnav svg{
	margin-left:5px;
}

.divCategoryToggle{
    display: flex;
    flex-direction: row;
    height: 100%;
}

.btnToggleCategoryMenu,
.btnToggleSubategoryMenu{
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 100%;
    transition: var(--transition);
}

.btnToggleCategoryMenu svg,
.btnToggleSubategoryMenu svg{
    transition: var(--transition);
}

.btnToggleCategoryMenu.show svg,
.btnToggleSubategoryMenu.show svg{
    transform: rotate(180deg);
}

.btnToggleCategoryMenu:hover,
.btnToggleSubategoryMenu:hover{
    background-color:var(--darkblue);
}

.divCategoryMenu-topnav{
    border-radius: 0;
    background-color:var(--blue);
}

.divCategoryMenu-topnav .divCategoryLink-topnav{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.divPageSection-sponsor .divSponsorSwiper .swiper-wrapper{
    display: flex;
    align-items: center;
    margin-bottom:20px;
}

.divPageSection-sponsor .divBlock{
    display: flex;
    justify-content: center;
}

.divPageSection-sponsor .swiper-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    bottom:5px;
}

.item-desc {
	padding-top:15px;
}

.modal-footer {
	flex-direction:row-reverse;
	justify-content:space-between;
}
.modal-header {
	justify-content:space-between;
}

.divPageSection-sponsor .swiper-pagination-bullet{
    color:#212121;
    background-color: #212121;
    border: 0px solid #212121;
    opacity:.5;
}

.divPageSection-sponsor .swiper-pagination-bullet-active{
    color:#212121;
    background-color: #212121;
    border: 0px solid #212121;
    opacity:1;
}

.divPageSection-sponsor .swiper-pagination-bullet:focus,
.divPageSection-sponsor .swiper-pagination-bullet:target,
.divPageSection-sponsor .swiper-pagination-bullet:active{
	outline: 2px solid var(--lwwLightBlue);
}

.divPageSection-sponsor .swiper-pagination-bullet-active:focus,
.divPageSection-sponsor .swiper-pagination-bullet-active:target,
.divPageSection-sponsor .swiper-pagination-bullet-active:active{
	outline: 4px solid var(--lwwLightBlue);
}

.divPageSection-event .divSectionDisplayHeader{
	display:felx;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.divPageSection-event .divSectionDisplayHeader h3{
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--truewhite);
}

.divPageSection-event .divEventMore{
	margin-top:1em;
}

.divPageSection-event .divEventMore a{
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #D0451B;
	padding: 8px 12px;
	text-decoration: none;
	border: 1px solid transparent;
	transition: var(--transition);
}

.divPageSection-event .divEventMore a:hover{
  	border: 1px solid #fff;
  	background-color: var(--darkblue);
}

.divBlockMedia-left {
	padding-right:45px;
}
.divBlockMedia-right {
	padding-left:45px;
}

.divAlbumMenu .navAlbumMenu .divCategoryLink-album {
	width:95%;
	max-width:95%;
}

.label-link,
.album-label {
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}

.album-label {
	padding-top:15px;
}

.divBlock-testimonial .divBlockInner-default .pTestimonialAuthor {
	text-align:center;
}

.divBlock-testimonial .divBlockInner-default {
	border:0;
}

.divQuoteIcon {
	display:none !important;
}

.divBlock-callout{
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}


.divPageSection-callout .divBlockContent {
	position:relative;
	width:100%;
	height:100%;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	transition: var(--transition);
}
.divPageSection-callout .divBlockContent:hover {
	position:relative;
	width:100%;
	height:100%;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	transition: var(--transition);
}

.divBlock-callout {
	width:50% !important;
	max-width:50% !important;
	flex:unset;
	padding:0 7.5px !important;
}

.divBlock-callout .divBlockMedia figure picture img {
	width:100%;
	border: 4px solid #4CB1CB;
}
.divBlock-callout:hover .divBlockMedia figure picture img {
	width:100%;
	border: 4px solid #EF4C26;
}

.divPageSection-callout .divBlockContent .divCalloutHeader {
	background:white;
	padding:15px;
}
.divPageSection-callout .divBlock-callout .divCalloutHeader h3 {
	color: #1D6496;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 26px;
	font-weight: 700;
}

.divPageSection-callout .divBlock-callout:hover .divCalloutHeader h3 {
	color: #EF4C26;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 26px;
	font-weight: 700;
}


/* ############################## */
/* ####### INTERNAL PAGES ####### */
/* ############################## */


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	margin:auto;
}

.divSort {
	display:flex;
	justify-content:end;
	gap:15px;
}

.divPageTitle {
	padding:0;
}

.divPageTitle > .container {
	background:url(../media/pageTitleBg.png);
	width:100%;
	max-width:100% !important;
	min-height:186px;
	padding:0;
}

.divPageTitle .divPageTitleInner h1{
	background: rgba(255, 255, 255, 0.75) !important;
	width:100%;
	height:186px;
	display:flex;
	align-items:center;
	justify-content:center;
	color: #1D6496;
	text-align: center;
	font-family: 'Oswald';
	font-size: 48px;
	padding:0;
	margin:0;
	font-weight: 700;
}

.divSideMenuSection .divSideMenu-menu .divSideMenuInner{
	padding:0 10px
}

.navSideMenu{
	border:0 !important;
	border-color:#095890;
	border-right:3px solid #EF4C26 !important;
	padding-right:30px;
	margin-right:75px;
}

.navSideMenu .divCategoryLink-sidenav{
	gap:0;
	padding:0;
}

.navSideMenu .divCategoryLink-sidenav.current{
	background:transparent;
}

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
	display: flex;
  	justify-content: flex-start;
  	align-items: center;
	flex-grow: 1;      
	background-color:white;
	color:black !important;    
	font-family: 'Inter';
	font-size: 16px !important;
	font-weight: 400;
	text-decoration: none;  
	min-height:40px;
}

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav.current,
.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav:hover{
	color:#fff;
	background-color:white;
	text-indent: 0px;
	color:black !important;    
	font-family: 'Inter';
	font-size: 16px !important;
	font-weight: 400;
	text-decoration: underline;  
	padding-left:10px;	
}

.navSideMenu .divCategoryLink-sidenav a {
	color: #1D6496 !important;
	font-family: Poppins;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.navSideMenu .divCategoryLink-sidenav .divCategoryLink-sidenav a {
	color: #095890 !important;
	font-family: Poppins;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform:uppercase;
}
.navSideMenu .divCategoryLink-sidenav .divCategoryLink-sidenav .divCategoryLink-sidenav a {
	color: #000 !important;
	font-family: Poppins;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	text-transform:unset;
}
.navSideMenu .divCategoryLink-sidenav .divCategoryLink-sidenav .divCategoryLink-sidenav .divCategoryLink-sidenav a{
	font-size: 16px !important;
	text-transform:unset;
	font-weight: 300;
}
.navSideMenu .divCategoryLink-sidenav .divCategoryLink-sidenav .divCategoryLink-sidenav {
	width:90%;
}

/*.anchMenuLink-sidenav:hover + .btnToggleCategoryMenu,
.anchMenuLink-sidenav.current + .btnToggleCategoryMenu {
	background:#D0451B;
}*/

.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav svg{
	margin-left:5px;
}

#divSuperHeader {
	background:#1D6496;
	display:flex;
	align-items:center;
	height:65px;
}

#divSuperHeader a {
	color:white;
	border-radius: 8px;
	background: #EF4C26;
	font-size: 20px;
	font-weight: 700;
	height:42px;
	line-height:42px;
	min-width:172px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:0 15px;
	transition: var(--transition);
}
#divSuperHeader a:hover {
	color:#1D6496;
	border-radius: 8px;
	background: white;
	transition: var(--transition);
}

#divSuperHeader a svg {
	color:#1D6496;
	background:white;
	border-radius:50%;
	width:15px;
	height:15px;
	padding:7.5px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:10px;
	transition: var(--transition);
}

#divSuperHeader a:hover svg {
	color:white;
	background:#D0451B;
	border-radius:50%;
	width:15px;
	height:15px;
	padding:7.5px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:10px;
	transition: var(--transition);
}

.super-search {
	border-radius:23px 0 0 23px;
	margin:0;
}

.super-search,
.search-btn {
	border:0;
}

.search-btn {
	border-radius:0 23px 23px 0;
	border-left:2px solid #D0451B;
	text-decoration:none !important;
	padding:2px 10px;
}
.search-btn {
	background:#D0451B;
	color:white !important;
	transition: var(--transition);
}
.search-btn:hover {
	background:white;
	color:#1D6496 !important;
	transition: var(--transition);
}


.cart-icon {
	display:flex;
	align-items:center;
	gap:5px;
}

.divSuperNavigationInner {
	display:flex;
	justify-content:space-between;
}

.divSuperNavigationInner p {
	margin:0;
	color:white;
	line-height:65px !important;
}

.navSuper{
	gap:15px;
}

.cat-preview {
	background:#FAFAFA;
	padding:20px 40px;
}

.cat-preview #primaryItemImage {
	min-width:unset;
}

.cat-preview .divItemTile {
	margin-top:15px;
	margin-bottom:25px;
}

.cat-preview .formItemTileInner {
	border:1px solid transparent;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	transition: var(--transition);
}
.cat-preview .formItemTileInner:hover {
	border:1px solid #095890;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	transition: var(--transition);
}

.cat-preview .divItemTile:first-of-type {
	padding-left:0;
}
.cat-preview .divItemTile:last-of-type {
	padding-right:0;
}

.divAlbumMenu .navAlbumMenu {
	gap:35px;
}

.cat-preview-view-all {
	position:relative;
	left: 50%;
transform: translateX(-50%);
}

.navSideMenu .divCategoryLink-sidenav .btnToggleCategoryMenu{
	min-height:40px;
	padding:0 8px;
	font-size:20px;
	color:#D0451B;
	background-color:unset;
}

.navSideMenu .divCategoryLink-sidenav.show .btnToggleCategoryMenu
.divSubcategoryMenu-sidenav.show > .divCategoryLink-sidena > .btnToggleCategoryMenu,
.navSideMenu .divCategoryLink-sidenav.current > .btnToggleCategoryMenu,
.navSideMenu .divCategoryLink-sidenav .btnToggleCategoryMenu:hover{
	color:black !important;
	background-color:unset;
}

.navSideMenu .divCategoryLink-sidenav ~ .divCategoryLink-sidenav {
	border-top:0;
}

.divSubcategoryMenu-sidenav{
	width:100%;
	padding-left:5%;
	margin-left:auto;
}

.divSubcategoryMenu-sidenav.show {
	border-left:1px solid black;
}

.navSideMenu .divSubcategoryMenu-sidenav .anchMenuLink-sidenav.current,
.navSideMenu .divSubcategoryMenu-sidenav .anchMenuLink-sidenav:hover{
	background-color:#D9D9D973;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile{
	padding:0;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile .btnMobileMenuToggle{
	color:white;
	background-color: #D0451B;
	transition: transform 0.3s ease;
	border: 0;
	min-width:85%;
	justify-content:center;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories{
	max-width:99vw;
	width:85%;
}

.navSideMenu-mobile .divCategoryLink-mobile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0.25em 0;
  height: auto;
}

.navSideMenu-mobile .divCategoryLink-mobile ~ .divCategoryLink-mobile {
  border-top: 1px solid var(--lightgray);
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile{
	display: flex;
  	flex-direction: row;
  	justify-content: flex-start;
  	align-items: center;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile{
	flex-grow:1;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile:hover,
.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile.current{
	color:white;
	background:#D0451B;
}

.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divSubcategoryMenu-mobile .divCategoryLink-mobile .anchMenuLink-mobile:hover,
.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divSubcategoryMenu-mobile .divCategoryLink-mobile .anchMenuLink-mobile.current{
	background:var(--blue);
}

.divSubcategoryMenu-mobile {
  width: 95%;
  margin-left: auto;
}

.divBlock{
	padding: 15px 0 0;
  	margin: 15px auto 0 auto;
}

.divContentSection .divBlock ~ .divBlock{
	border-top: 1px solid var(--lightgray);
}

.divContentSection .divBlock-faq ~ .divBlock-faq{
	border-top:none;
	padding: 0;
}

#content-member-directory .divListingSection{
	min-height:50px;
}

.divEventInner,
.divBlogInner {
	padding:30px 0;
}

.divPageContentWrapper-events .divEventWrapper  ~ .divEventWrapper,
.divPageContentWrapper-news .divBlogWrapper  ~ .divBlogWrapper {
	border-top: 1px solid var(--lightgray);
}

.divBlogInner .divBlogDetails-bottom{
	margin-top: 1em;
}

.divEventActions,
.divBlogActions{
	display:flex;
	padding:15px 0;
}

.divSideMenuSection .divSideMenu-menu {
	padding-top:30px;
	padding-bottom:10px;
}

.divEntrySection {
	padding-top:30px;
}

.divFormContainer {
	width:100%;
	max-width:100%;
}

.divFormThankYou .divThankyouScreen-action .btnReturnToForm{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: #D0451B;
  	border:none;
}

.divFormThankYou .divThankyouScreen-action .btnReturnToForm:hover{
	color: var(--truewhite);
  	background-color: var(--blue);
}

b, strong {
	font-weight:800;
}

.divTopMenu{
    background-color: var(--blue);
    padding:15px;
}

.divBlock-testimonial .divBlockInner-carded{
	border-color:var(--blue);	
}

.divEventDetail h2 a,
.divEventDetail h3 a,
.divBlogDetails .blogTItle a{
	font-size: 34px;
  	font-weight: 800;
  	color: var(--blue);
  	transition: var(--transition);
}

.divEventDetail h2 a:hover,
.divEventDetail h3 a:hover,
.divBlogDetails .blogTItle a:hover{
	color: #D0451B;
}

.divBlogDateTime svg{
	margin-right:10px;
}

.divEntryTags .divTag a{
	color:var(--blue);	
}

#divMainHeader {
	height:auto;
	line-height:normal;
	border-bottom:0;
}

.divEntryTags .divTag a:hover{
	color:#D0451B;
}

.anchViewMore,
.divBlogDetails-bottom .anchViewMore{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: #D0451B;
  	text-decoration: none;
  	padding: 8px 12px;
  	border:0;
  	border-radius:23px;
  	min-width:175px;
  	text-align:center;
}

.anchViewMore:hover,
.divBlogDetails-bottom .anchViewMore:hover{
	background-color: var(--darkblue);
}

.divDirections .frmDirections button{
	color: var(--truewhite);
  	background-color: #D0451B;
}

.divDirections .frmDirections button:hover{
	background-color: var(--darkblue);
}

form .divFormActions .btnSendForm{
	font-size: 18px;
  	font-weight: bold;
  	color: var(--truewhite);
  	background-color: #D0451B;
  	text-decoration: none;
  	padding: 8px 12px;
  	border:0;
  	border-radius:20px;
  	min-width:160px;
  	text-align:center;
}

form .divFormActions .btnSendForm:hover{
	background-color: var(--darkblue);
}

.divFormThankYou{
	flex-grow:1;	
}

.divListingDetailsBottomAction{
	position:relative;
	width:100%;
	text-align:right;
	margin-top:10px;
	padding:15px 0;
}

.divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button{
	font-size: 18px;
  	font-weight: bold;
  	color:white;
  	background-color: #D0451B;
  	text-decoration: none;
  	padding: 8px;
  	border:0;
  	border-radius:0;
  	opacity:1;
}

.divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button:hover{
	background-color: var(--darkblue);
}

.divListingDetail-value a, .divListingDetailInner-value a{
	color:var(--blue);
}

.divListingDetail-value a, .divListingDetailInner-value a:hover{
	color:#D0451B;
}

.divListingWrapper-tile:first-child{
	padding: 0.5em;
}

.divPageContentWrapper-member-directory .divListingWrapper-tile{
	flex: 0 0 33.33333%;
  	max-width: 33.33333%;
}

.divPageContentWrapper-member-directory .divListingDetails-tile{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	flex-wrap:wrap;
	min-height: 300px;
}

.divPageContentWrapper-member-directory .divListingDetails-tile .divListingDetail-label{
	display:none;
} 

.divPageContentWrapper-member-directory .divListingDetails-tile .divListingDetailsBottom .divListingDetail ~ .divListingDetail{
	border:0;
}

.divPageContentWrapper-member-directory .divListingDetailsBottom .divListingDetail:first-child{
	text-align:center;
	margin-bottom: 1em;
}

.divPageContentWrapper-member-directory .divListingDetailsBottom .divListingDetail:first-child .divListingDetail-value{
	font-weight:bold;
}

.divListingDetailModal .divListingDetailInner .divListingDetailInner-label,
.divListingDetailModal .divListingDetailInner .divListingDetailInner-value{
	text-align:left;
}

.divEventDetailsInner .divEventDetailsTop,
.divEntryDetailsInner .divEntryDetailsTop{
	border-color:var(--blue);
}

.divEventDetailsInner .divEventDetailsTop .btnEventReturn,
.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn{
	color:white;
	border-color:#D0451B;
	background-color:#D0451B;
}

.divEventDetailsInner .divEventDetailsTop .btnEventReturn:hover,
.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn:hover{
	color:white;
	border-color:var(--blue);
	background-color:var(--blue);
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value{
	overflow: hidden;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a{
	max-width: 100%;
	text-wrap:wrap;
	white-space:break-spaces;
}

.divListingDetailModal .modal-header{
	justify-content: space-between;
  	padding: var(--bs-modal-header-padding);
  	padding-bottom:0;
}

.divListingDetailModal .modal-header h3{
	margin:0;
}

.divListingDetailModal .divListingDetailsInnerTop{
	flex-wrap:nowrap;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a{
	text-decoration:none;
}

.divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value a:hover{
	color:var(--blue);
	text-decoration:underline;
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value a{
	display: inline-flex;
  	font-size: 24px;
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value a:hover{
	color:var(--blue);
}

.divListingDetailModal .divListingDetail-social .divListingDetailInner-value  svg{
	margin:0;
}

/* searching */
.divListingSearch,
.divEventSearch,
.divEntrySearch{
	position:relative;
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}

.divSectionMessage{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:10px;
	margin:auto;
	padding:8px;
}

.divSectionMessage p{
	text-align:center;
	margin:0;
}

.formItemTileInner {
	min-height:471px;
}

.divSectionMessage .btnClrMessage{
	font-weight: bold;
  	color: var(--truewhite);
  	background-color: #D0451B;
  	transition:var(--transition);
  	padding:4px 6px;
  	border:0;
}

.divSectionMessage .btnClrMessage:hover{
	background-color: var(--darkblue);
}

.divSearch{
	position:relative;
}

.divSearch input{
	height:35px;
	
}

.divSearch svg{
	position:absolute;
	top: 50%;
	right: 20px;
    transform: translate(0, -50%);
	height:18px;
	width:18px;
	opacity: 60%;
  	pointer-events: none;
}

blockquote {
	padding:15px 30px;
	margin:25px auto;
	font-size:1.2em;
	border:1px solid transparent;
	border-left:4px solid #095890;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

blockquote:hover {
	border:1px solid #dddddd;
	border-left:4px solid #095890;
}

.divBlockMedia figure figcaption {
	padding-top:20px;
}

.divTag button{
	background:none;
	border:none;
	padding:0;
	color:var(--darkblue);
	transition:var(--transition);
}

.divEntryTags .divTag svg path,
.divTag button svg path{
	fill: var(--darkblue);
	transition:var(--transition);
}

.divTag button:hover{
	color:#D0451B;	
}

.divTag button:hover svg path{
	fill: #D0451B;
}

@media (max-width:960px){
	
	.divListingSearch, .divEventSearch, .divEntrySearch{
		flex-direction: column-reverse;
		flex-wrap:wrap;
		align-items: flex-end;
	}
	
	.divSectionMessage p{
		font-size:14px;
	}
	
	.divSectionMessage .btnClrMessage{
		font-size:14px;
	}
}

/* ############################## */
/* ########## FOOTER ############ */
/* ############################## */
footer{
    border:0;
    background-color: white;
    min-height: 215px;
}

.divSuperFooterInner {
	display:flex;
	align-items:center;
    justify-content:center;
    gap:30px;
}

#nav-super-footer {
	display:flex;
	align-items:center;
	gap:15px;
}

.anchFooterLink {
	color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: 400;
	padding:0 15px;
	color:#fff;
	text-decoration:none;
	background:transparent;
	height:40px;
	line-height:40px;
}

.divFooterSocials a {
	color:white;
}

.divFooterSocials a:hover {
	color:#D9D9D9;
}

.anchFooterLink:hover {
	color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: 400;
	padding:0 15px;
	background:#D9D9D9;
	color:#1D6496;
}

#divSuperFooter{
    background: #1D6496;
    display:flex;
    align-items:center;
    justify-content:center;
}

#divMainFooter{
    position: relative;
    padding-top: 30px;
    padding-bottom:30px;
}

#divMainFooter > div > div:nth-child(2) {
	max-width:50%;
	flex:unset;
	border-left:1px solid black;
	padding-left:40px;
}

.divMainFooterInner{
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: 20px 0;
}

.divMainFooterInner .divAdditional{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:20px;
}

.divMainFooterInner .divFooterSocials{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.divMainFooterInner .divFooterSocials a{
    display: flex;
    color:white;
    transition: var(--transition);
}

.divMainFooterInner .divFooterSocials a svg{
    width: 25px;
    height: 25px;
}

.divMainFooterInner .divFooterSocials a:hover{
    color: #D0451B;
}

.divMainFooterInner .divAdditional .anchButton{
	font-size:18px;
}

.divFooterNavigation,
.divFooterNavigation #nav-footer-main{
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    align-items: center;
    justify-content:center;
}

.divFooterNavigation #nav-footer-main{
    gap:40px;
}

.divFooterNavigation #nav-footer-main a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color:white;
    text-decoration: none;
    transition: var(--transition);
    padding-bottom:6px;
    border-bottom:6px solid transparent;
}

.divFooterNavigation #nav-footer-main a:hover{
    text-decoration: none;
    border-bottom:6px solid #F57B1D;
    transition: var(--transition);
}

.divFormHeader > h3 {
	display:none;
}

.divBlogWrapper ~ .divBlogWrapper {
	border-top:1px solid #BCBCBC;
}

.divEntrySearch {
	flex-direction:column-reverse;
}

footer .divLogoWrapper figure {
	margin:0;
}

.divLogoWrapper > div {
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:20px;
}

#divBottomFooter{
    padding:25px 0;
    background:#E1E1E1;
}

#divBottomFooter .divCopyright p,
#divBottomFooter .divCopyright p a,
#divBottomFooter .divPolicies p,
#divBottomFooter .divPolicies p a{
    font-size: 16px;
    font-weight: 400;
    color:black !important;
    margin:0;
}

#divBottomFooter .divCopyright p a,
#divBottomFooter .divPolicies p a{
    font-size: 16px;
    transition: var(--transition);
    text-decoration: none;
}

#divBottomFooter .divCopyright p a:hover,
#divBottomFooter .divPolicies p a:hover{
    font-size: 16px;
    text-decoration: underline;
}

footer .divAdditional .anchButton {
	display:none;
}

/* ############################## */
/* ######### RESPONSIVE ######### */
/* ############################## */

/* Laptop and Small Desktops */
@media (min-width:1367px) and (max-width:1500px){
	
}

@media (max-width:1366px) {
	
	.navSubHeader .anchMenuLink{
		font-size: 14px;
		white-space: nowrap;
		padding: 0 8px;
	}
	
	.divSubHeaderInner .divAdditional .anchButton,
	.divMainFooterInner .divAdditional .anchButton{
		font-size: 14px;
		align-content: center;
		padding: 4px 6px;
	}
	
	.divMainFooterInner .divAdditional{
		gap:15px;
	}
	
	.divFooterNavigation #nav-footer-main{
		gap:20px;
	}
	
	.divFooterNavigation #nav-footer-main a{
		font-size: 15px;
		white-space: nowrap;
	}
	
	.divBlockMedia-left,
	.divBlockMedia-right{
		max-width:50%;
	}
	
}

.divSandwichNavigation{
	display:flex;
	flex-direction:row;
	gap:20px;
	align-items: center;
}

.divSandwichNavigation a.anchButton{
	font-size:18px;
	height:50px;
	line-height:50px;
	padding:0;
	align-content: center;
}

.divSandwichNavigation a.anchButton {
	display:none !important;
}

.divItemWrapper,
.cat-preview,
.cat-preview .divContentInner {
	width:100%;
}

.divSuperNavigationInner label {
	opacity:0;
}


/* Small Laptop and Ipad pro 12.9in landscape */
@media (max-width:1024px) {
    
    .divItemTileInner {
    	flex-direction:column;
    }
    .divItemTileMedia {
    	flex:unset;
    	height:auto;
    }
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width:95%;
    	width:95%;
    }
    
    #primaryItemImage {
    	height:100px;
    	width:100px;
    	min-height:0;
    }
    .formItemTileInner {
    	min-height:275px;
    }

}

@media (min-width:1199px) and (max-width:1400px){
	.divMainHeaderWrapper {
		width:98%;
		max-width:98%;
	}
	.imgPrimaryImage {
		min-width:0;
	}
}

/* Ipad, Ipad Mini, Surface Pro and Desktop at 250% Zoom */
@media (min-width:768px) and (max-width:1199px) {
	.divMainNavigation {
		display:none;
	}
	.divSandwichNavigation {
		display:block !important;
	}
	h1 {
		font-size:40px;
	}
	.imgPrimaryImage {
		min-width:0;
	}
	
	.divSandwichNavInner {
		padding-right:15px;
	}
	
	.divBlockWrapper-slide .divBlockInner .divBlockMedia figure img {
		height:460px;
	}
	
	.divMainHeaderWrapper {
		flex-direction:row !important;
	}
	
	#mobileHeader .divLogoWrapper img {
		max-width:500px;
		width:500px;
		height:auto;
	}
	
	.divLogoWrapper {
		padding-left:53px;
	}
	
	.divLogoWrapper > a {
		display:flex;
		align-items:center;
		justify-content:center;
	}
	
	.divSuperFooterInner,
	footer {
		flex-direction:column;
		padding-bottom:15px;
	}
	#divBottomFooter {
		width:100%;
	}
	#nav-super-footer {
		flex-wrap:wrap;
		justify-content:center;
	}
	#divSuperFooter {
		height:auto;
	}
	
	.navTopMenu {
		flex-wrap:wrap;
	}
	
	.single-thread {
		width:23%;
	}
	
	.threads {
		justify-content:space-evenly !important;
	}
	
	.navAlbumMenu {
		justify-content:space-between !important;
	}
	
	.thread-container {
		width:49%;
	}
	
}

/* Ipad pro Vertical and Ipad landscape */
@media(min-width:1000px) and (max-width:1199px){
	.imgPrimaryImage {
		min-width:0;
	}
	
	.navTopMenu {
		flex-wrap:wrap;
	}
	
	h1 {
		font-size:40px;
	}
	
	.divMainNavigation {
		display:none;
	}
	.divSandwichNavigation {
		display:block !important;
	}
	
	.divFooterNavigation #nav-footer-main{
		gap:10px;
	}
	
	.navSubHeader{
		gap:3px;;
	}
	
	.navSubHeader .anchMenuLink{
		font-size:12px;
	}
	
	.divSubHeaderInner .divAdditional{
		gap:5px;
	}
		
	.divFooterNavigation #nav-footer-main a{
		font-size:14px;
	}
	
	.divSubHeaderInner .divAdditional .anchButton, .divMainFooterInner .divAdditional .anchButton{
		font-size:12px;
	}
	
	.divSubHeaderInner .divAdditional .divSocials a svg,
	.divMainFooterInner .divFooterSocials a svg{
		width: 20px;
  		height: 20px;
	}
	
}

@media(min-width:1000px) and (max-width:1024px){
	.navTopMenu {
		flex-wrap:wrap;
	}
}

@media(width:1024px){
		
	.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
		font-size:16px;
	}

}

@media(max-width:1024px){
	
	.boxlabel {
		margin-top:15px;
	}
	
	.divCheckOutFinal,
	.divCartWrapper,
	.billshipDiv form {
		flex-direction:column;
	}
	.divCartWrapper {
		gap:15px;
	}
	.divToConfirmWrapper,
	.divCartWrapper,
	.divCartItems, .divCartDetails,
	.divShippingBox, .divBillingBox {
		width:100%;
	}
	
}

/* Ipad, Ipad Mini, Surface Pro and Smaller */
@media(max-width:990px){
	.footer-ada-policy{
	    position: fixed;
    	bottom: 0;
    	width: 100%;
	
	}
	h1, h1 a{
        font-size: 32px;
    }
    
    h2, h2 a{
        font-size: 30px;
    }
    
    .imgPrimaryImage {
		min-width:0;
	}

    h3, h3 a{
        font-size:22px;
    }

    h4, h4 a{
        font-size:20px;
    }

    .divMainHeaderWrapper{
        justify-content: space-between ;
    }

    #divMainHeader{
        box-shadow: var(--boxshadow);
    }

    #divSubHeader{
        display: none;
    }


    .divBlock-single-callout .divBlockContentInner{
        position: relative;
        top: 0;
        left: 0;
        transform: unset;
        height: auto;
        padding: 3em;
    }
	

    footer{
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        min-height: 115px;
    }
    
    .prices-div {
    	position:relative;
    	bottom:unset;
    }
    
    .divPrimaryImage {
    	display:flex;
    	align-items:center;
    	justify-content:center;
    }
	
	.item-desc p {
		text-align:center;
	}

	footer .divLogoWrapper,
	.divMainFooterInner {
		flex-direction:column;
		height:100%;
	}
    
    .divAlbumMenu .navAlbumMenu {
		gap:0;
	}
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		width:100%;
		max-width:100%;
	}
	
	
}

.divAlbumMenu .navAlbumMenu {
		justify-content:center;
	}
	
	.divCategoryLink-mobile:first-of-type {
		display:none !important;
	}

@media(max-width:912px){
	.divSideMenuSection .divSideMenu-menu .divSideMenuInner{
		padding-left:0;
	}
	
	.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile {
		background:white;
		border:0;
	}
	
	.divPrimaryImage #primaryItemImage {
		width:200px;
		height:200px;
	}
	
	.navSideMenu .divCategoryLink-sidenav a {
		font-size:18px !important;
	}
	
	a.anchButton{
		font-size:15px;
	}
	
	.navSideMenu .divCategoryLink-sidenav .anchMenuLink-sidenav{
		font-size:14px;
	}
	  
    .divMainNavigation {
    	display:none !important;
    }
    
    .divPageSection-slideshow .divBlockContent {
    	position:relative;
    	background:#4CB1CB;
    	width:100%;
    	padding:30px;
    	max-width:100%;
    	border-radius:0;
    	top:0;
    	transform:unset;
    }
    
    .divPageSection-slideshow h1, .divPageSection-slideshow h2 {
    	color:white;
    }
    
    .divPageSection-slideshow .divBlockInner {
    	display:flex;
    	flex-direction:column-reverse;
    }
	
}

/*Mobile*/
@media (max-width:767px){
	
	.divPageTitle{
		display: flex;
    	align-content: center;
    	align-items: center;
    	height: auto;
    	min-height: 125px;
	}
	
	.divSandwichNavInner .btn-sandwich svg path {
		fill:#1D6496;
	}
	

	
	.divBlockWrapper-slide .divBlockInner .divBlockMedia figure img {
		height:279px;
	}
	
	#divSuperHeader {
		display:none !important;
	}
	
	.divLogoWrapper {
		justify-content:start;
	}
	
	.divSandwichNavigation {
		padding-right:15px;
	}
	.divLogoWrapper {
		padding-left:15px;
	}
	
	header .divLogoWrapper figure {
		width:158px;
		height:94px;
		background:url('../media/logoFooter.png');
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		margin-top:30px;
	}
	
	.divMainFooterInner {
		gap:30px;
		flex-direction:column-reverse;
	}
	footer .divLogoWrapper {
		gap:15px;
		padding-left:15px;
		align-items:center;
	}
	#divMainFooter > div > div:nth-child(2) *,
	.divLogoWrapper > div a {
		text-align:center;
	}
	
	#divMainFooter > div > div:nth-child(2) a.anchButton {
		display:flex;
	}
	
	#divMainFooter > div > div:nth-child(2) {
		max-width:100%;
		border:0;
		padding-left:15px;
		padding-right:15px;
	}
	
	.divMainHeaderWrapper {
		flex-direction:row !important;
	}
	
	#mobileHeader .divLogoWrapper img {
		max-width:158px;
		width:158px;
		height:auto;
		opacity:0;
	}
	
	.divLogoWrapper {
		padding-left:53px;
	}
	
	.divSuperFooterInner,
	footer {
		flex-direction:column;
		padding-bottom:15px;
	}
	#divBottomFooter {
		width:100%;
	}
	#nav-super-footer {
		flex-wrap:wrap;
		justify-content:center;
	}
	#divSuperFooter {
		height:auto;
	}
	
	.thread-hover-menu {
		padding:15px;
	}
	
	.navTopMenu {
		flex-direction:column;
	}
	
	.single-thread {
		width:30%;
	}
	
	.thread-container {
		width:100%;
	}
	
	.divBlock-2-column-text {
		flex-direction:column;
	}
	.divBlock-2-column-text .divBlockInner-right {
		border-left:0;
		padding-left:0;
	}
	
	.divUpdateBilling .groupColumns-3 {
		gap:2px;
	}
	
	.divUpdateBilling .groupColumns-3 .groupColumn input {
		height:28px;
		font-size:13px;
	}
	
	.divItemWrapper {
		flex-direction:column;
	}
	.divItemTileInner > div,
	.divItemTile {
		width:100%;
		max-width:100%;
	}
	
	.divAlbumMenu .navAlbumMenu {
		gap:30px;
	}
	
	.divTotalsBox {
		display:flex !important;
		flex-direction:column;
	}
	
	.d-none {
		display:none !important;
	}
	
	.divCartItemDetails {
		padding-top:15px;
	}
	
	.lblSubtotal {
		margin-bottom:10px;
	}
	
	.divUpdateQty {
		flex-direction:column;
	}
	
	.divSlideShowSection .swiper-button-prev, .divSlideShowSection .swiper-button-next {
		display:none;
	}
	
	.divBlockMedia-right {
		padding-left:0;
	}
	.divBlockMedia-left {
		padding-right:0;
	}
	
	.divPageSection-slideshow .divBlockContent {
    	position:relative;
    	background:#4CB1CB;
    	width:100%;
    	padding:30px;
    }
    
    .divBlock-callout {
    	width:90% !important;
    	max-width:90% !important;
    }
    
    .divPageSection-slideshow .divBlockInner {
    	display:flex;
    	flex-direction:column-reverse;
    }
    
    #divSuperFooter {
    	display:none;
    }
	
	.divMainNavigation {
    	display:none !important;
    }
	
	.divPageTitle .divPageTitleInner h1{
		font-size: 32px;
	}
	
    h2, h2 a{
        font-size: 26px;
    }

    h3, h3 a{
        font-size:22px;
    }

    h4, h4 a{
        font-size:20px;
    }
    
    #mobileHeader .divLogoWrapper img{
    	height:110px;
	    width: auto;
	}
	.divLogoWrapper {
		position:relative;
		top:10px;
	}

    .divSandwichNavMenu .navsandwich .divMeuLinkWrapper{
        margin: 0;
    }

    .divBlockMedia figure picture img{
        height: auto;
    }

    .divPageSection-event .divSectionDisplayHeader h3{
        text-align: center;
        font-size: 26px;
    }
    
    .divListingDetails-tile .divListingDetailsBottom .divListingDetail .divListingDetail-value{
    	display:flex;
    	flex-direction: row;
    	align-items: center;
    	font-size: 13px;
    }

    .divListingDetails-tile .divListingDetailsBottomAction .divListingDetail-more .divListingDetail-value button{
    	font-size:14px;
    }
    
    .divBlockMedia-right,
    .divBlockMedia-left {
	  	float: unset;
	  	max-width: unset;
	  	padding-bottom:15px;
	}
	
	.divBlockMedia-right figure,
    .divBlockMedia-left figure{
    	display:flex;
    	justifty-content:center;
    	flex-direction:column;
    }
	
	.divContentSection .divBlock-text .divBlockContent .divBlockMedia{
		margin-bottom: 1.25em;
	}
	
	.divEventDetailsInner .divEventDetailsTop .btnEventReturn,
	.divEntryDetailsInner .divEntryDetailsTop .btnEntryReturn{
		font-size:16px;
		padding: 4px 5px;
		left: -5px;
	}
	
	a.anchButton{
		font-size: 14px;
    	display: inline-flex;
    	justify-content: center;
	}
	
	.divBlock-faq .divBlockInner-answer{
		margin-left:5px;
	}
    
    footer{
    	padding-bottom:30px;
    }
    
}

@media (max-width:767px) {
	#divSuperHeader > div > div:nth-child(1) > div > form {
		width:30%;
	}
	#divSuperHeader > div > div:nth-child(1) > div > form input {
		max-width:-webkit-fill-available;
	}
	#divSuperHeader > div > div:nth-child(1) > div > label {
		display:none;
	}
	#divSuperHeader a,
	#divSuperHeader p {
		font-size:14px !important;
	}
	.divSuperNavigationInner {
		justify-content:center;
	}
	#divSuperHeader > div > div:nth-child(1) > div > a:nth-child(1) {
		margin-right:6px;
	}
	
	.divShipOpt {
		display:flex;
		gap:10px;
	}
	
	.album-container {
		width:100% !important;
	}
}

.divCartDetails {
	height:fit-content;
	padding-bottom:25px;
}

.divCategoryLink-mobile:first-of-type {
	display:block !important;
}

#mobileCategories > nav > div:nth-child(1) {
	display:none !important;
}

.navSideMenu-mobile .divCategoryLink-mobile a {
	color: #1D6496 !important;
	font-family: Poppins;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.navSideMenu-mobile .divCategoryLink-mobile .divCategoryLink-mobile a {
	color: #095890 !important;
	font-family: Poppins;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform:uppercase;
}
.navSideMenu-mobile .divCategoryLink-mobile .divCategoryLink-mobile .divCategoryLink-mobile a {
	color: #000 !important;
	font-family: Poppins;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	text-transform:unset;
}
.navSideMenu-mobile .anchMenuLink-mobile .anchMenuLink-mobile .anchMenuLink-mobile .anchMenuLink-mobile a{
	font-size: 16px !important;
	text-transform:unset;
	font-weight: 300;
}
.divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile:hover, .divCategoryMenu-mobile .divCategoryMenuInner-mobile #mobileCategories .divCategoryLink-mobile .anchMenuLink-mobile.current {
	background:white !important;
}

#nav-main .divMeuLinkWrapper-hoops .anchMenuLink,
#nav-main .divMeuLinkWrapper-tools-and-accessories .anchMenuLink {
	border-bottom:7px solid transparent !important;
}
#nav-main .divMeuLinkWrapper-hoops .anchMenuLink:hover,
#nav-main .divMeuLinkWrapper-tools-and-accessories .anchMenuLink:hover {
	border-bottom:7px solid #D0451B !important;
}

.album-container {
	width:30%;
}

.divCheckoutBox {
	display:flex;
	flex-direction:column;
	gap:15px;
}
.paragraphCenterButton {
	text-align:center;
}
.tyShipHeader,
.tyBillHeader {
	font-weight:600;
}
.modal-body .col-12 a {
  font-size: 18px;
  font-weight: bold;
  color:var(--truewhite);
  background-color: #D0451B;
  border-radius:23px;
  min-width:200px;
  border:0 !important;
  text-align:center;
  display:inline-block;
  text-decoration:none !important;
  transition: var(--transition);
}
.modal-body .col-12 a:hover,
.modal-body .col-12 a:focus {
	text-decoration:none;
	color:var(--truewhite);
	border:0 !important;
    background-color: var(--blue);
    transition: var(--transition);
}
.cart-items-container p,
.cart-items-container a {
	font-weight:600 !important;
	font-size:18px;
	color:#D0451B !important;
	text-decoration:none;
	transition: var(--transition);
}
.cart-items-container a.current,
.cart-items-container a:focus,
.cart-items-container a:hover {
	font-weight:600;
	color:black !important;
	text-decoration:underline;
	transition: var(--transition);
}
.cart-items-container p:hover,
.cart-items-container p:focus,
.cart-items-container p.current {
	font-weight:600;
	color:black !important;
}
.divCartItemMedia {
	width:35%;
}
.cart-items-container p:hover,
.divCartItemDetails p {
	font-size:18px;
	color:black !important;
	font-weight:400;
}
 .item-contact{
	background-color: #095890;
	color: white;
	padding-top: 1em;
	padding-bottom: 1em;
}
.item-unavailable{
	background-color: #D0451B;
	color: white;
	padding-top: 1em;
	padding-bottom: 1em;
}
.item-contact a:hover{
	color: #D0451B;
	
}
.item-contact a{
	color: white;
	font-weight: 500;
	
}
.divDiscountDetails{
	margin-top: 1em;
}
.discountAlert{
	color: red;
}

.anchDiscountButton{
	background: #D0451B;
  color: white!important;
  border-radius: 4px;
  border: 0;
  text-decoration: none;
  transition: var(--transition);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 1em;
}
.anchDiscountButton:hover{
	text-decoration: none!important;
	background: #1D6496;
}
.discount-field{
	width: 100%;
	margin-top: 1em;
}
.discountButtonContainer{
	text-align: right;
	margin-top: 1em;
}

.currentCodes{
	margin-top: 1em;
}

.current-discount{
	color: white!important;
  background: #1D6496;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px;
}
.current-discount:hover{
	color: white!important;
}

.discount-x{
	color: white;
  background: #D0451B;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1px solid #0000003d;
  border-radius: 30px;
  text-decoration: none !important;
}
.discount-x:hover{
	color: white;
	background: #095890;
}
.discount-link:hover{
	text-decoration: none!important;
}
.update-qty-btn{
	background: #D0451B;
  color: white!important;
  border-radius: 23px;
  border: 0;
  text-decoration: none;
  transition: var(--transition);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.25em;
}
.update-qty-btn:hover{
	background: #095890;
  color: white!important;
  border-radius: 23px;
  text-decoration: none!important;
  border: 0;
  transition: var(--transition);
}
