/** STYLES IN THIS CSS FOR
ECOM ETC
 **/

/** BREAK POINTS 
@media only screen and (max-width : 1600px
@media only screen and (max-width : 1365px (START MOBILE STYLES HERE)
**/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,800;1,300;1,400;1,800&display=swap');
#loading_animation {display: none;}

.fas, far, fal, fad, fab {
  display: inline-block;
  line-height: 1;
  width: 1.0em;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background: transparent;
}

body {
	text-align: left;
        height:100%;
		margin: 0px;
       background: #fff;
       font-family: "Open Sans", "Font Awesome 6 Pro", "Arial", "Helvetica", sans-serif;
       line-height: 2.0em;
       overflow-x: hidden; /* Hide horizontal scrollbar */
       font-size: 16px;
       font-weight: 100;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  word-wrap: break-word;
} 

   html {
    scroll-behavior: auto;
	font-family: sans-serif;
	line-height: 1.3em;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
img {
  max-width: 100%;
  height: auto;
}
img#non-responsive {
  max-width: initial;
  width: initial;
  height: initial;
}
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4 {
	font-family: "Open Sans", "Font Awesome 6 Pro", "Arial", "Helvetica", sans-serif; 
	  font-weight: 300;
	}

	h1,
	h2,
	h3,
	.h1,
	.h2,
	.h3 {
	  margin-top: 25px;
	  margin-bottom: 5px;
      line-height: 1.3em;
	}

	h4,
	h5,
	h6,
	.h4,
	.h5,
	.h6 {
	   margin-top: 25px;
	  margin-bottom: 5px;
      line-height: 1.3em;
	}

	html * {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	h1,
	.h1 {
	  font-size: 3.0em;
	}

	h2,
	.h2 {
	  font-size: 2.1em;
	}

	h3,
	.h3 {
	  font-size: 1.8em;
	}

	h4,
	.h4 {
	  font-size: 1.4em;
	}

	h5,
	.h5 {
	  font-size: 1.2em;
	}

	h6,
	.h6 {
	  font-size: 0.90em;
	  text-transform: uppercase;
	  font-weight: 400;
	}

	p {
	  margin-bottom: 15px;
      font-size: 1.0em;
	}

.bullet ul {
  list-style-position: inside;
  font-size: 12px;
  line-height: 2.0em;
  padding: 0 1em;
}
.bullet ul li {
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
  text-indent: -2em;
}

  .bullet {
  border-left: 0px solid #eee;
  line-height: 2.0em;
  list-style-type: none !Important;
}
  .bullet::before {
  background-image: url(../svg/check.svg);
  content: "";
  background-size: contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.1rem;
  margin-right: -1.0rem;
  left: -1.2em;
}


hr {
  border-top: 1px solid rgba(0,0,0,.2);
  border-bottom: 0px solid rgba(0,0,0,.2);
  border-left: 0px solid rgba(0,0,0,.2);
  border-right: 0px solid rgba(0,0,0,.2);
}

	/************************ COLOURED TEXT ****************************/
	.white_text {color:#fff;}
	.blue_light_text {color:#0099CC;}
	.blue_dark_text {color:#3b5998;}
	.red_text {color:#cc2127;}
	.purple_text {color:#9c27b0;}
	.green_text {color:#4caf50;}
	.yellow_text {color:#FFDF14;}
	.orange_text {color:#FF5414;}
	.grey_light_text {color:#ccc;}
	.grey_dark_text {color:#333;}
	
	/************************ OTHER TEXT STYLES ****************************/
	.smaller_h1_text {font-size: 2.0em}
	.larger_h6_text {font-size: 1.4em; text-transform: capitalize; letter-spacing:0.0em; font-weight: 200; margin: 10px 0px 10px 0px;}
	.small_text {font-size: 0.9em; line-height: 1.6em;}
    .h1_header_banner {width:100vw; padding:3em 5em; background-color:#f5f5f5; text-align: center;}

.horizontal_rule {border-bottom: 1px solid #ccc; padding: 15px 0px 20px 0px; display: block; }
.horizontal_rule_short {border-bottom: 1px solid #ccc; padding: 15px 0px 20px 0px; margin: 0px 15%; display: block;}
	
.blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee;
  display: block;
}

.blockquote p {
  font-size: 1.063em;
  font-style: italic;
}

.blockquote_small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee;
}
.responsive_image {
  max-width: 100%;
  height: auto;
}
.small_images {  max-width: 200px;
  height: auto;
}
.image_float_right {position:relative; float:right; margin: 10px 0px 10px 20px; max-width: 100%; height: auto;}
.image_float_left {position:relative; float:left; margin: 10px 20px 10px 0px; max-width: 100%; height: auto;}
.image_float_right img { max-width: 100%; height: auto;}
.image_float_left img { max-width: 100%; height: auto;}
.text_wrap_right {position:relative; float:right; margin: 10px 0px 10px 20px; max-width: 100%; height: auto;}
.text_wrap_left {position:relative; float:left; margin: 10px 20px 10px 0px; max-width: 100%; height: auto;}
.text_wrap_right img { max-width: 100%; height: auto;}
.text_wrap_left img { max-width: 100%; height: auto;}


    @-ms-viewport{
    width: device-width;
}
    .botTrackField {
        position: absolute;
        left: -10000px;
    }
	
a:link {color: #0099CC;text-decoration: none;}
a:visited {color: #0099CC; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}
a:active {color: #0099CC; text-decoration: none;}
a:focus, active {outline: none;}
.secondary_link:link {color: #666666;text-decoration: none;}
.secondary_link:visited {color: #666666; text-decoration: none;}
.secondary_link:hover {color: #0099CC; text-decoration: none;}
.secondary_link:active {color: #666666; text-decoration: none;}
.secondary_link:focus, active {outline: none;}
.tertiary_link:link {color: #fff;text-decoration: none;}
.tertiary_link:visited {color: #fff; text-decoration: none;}
.tertiary_link:hover {color: #999; text-decoration: underline;}
.tertiary_link:active {color: #fff; text-decoration: none;}
.tertiary_link:focus, active {outline: none;}
.tertiary_link3:link {color: #ddd;text-decoration: none;}
.tertiary_link3:visited {color: #ddd; text-decoration: none;}
.tertiary_link3:hover {color: #999; text-decoration: underline;}
.tertiary_link3:active {color: #ddd; text-decoration: none;}
.tertiary_link3:focus, active {outline: none;}
.tertiary_link2:link {color: #333333;text-decoration: none;}
.tertiary_link2:visited {color: #333333; text-decoration: none;}
.tertiary_link2:hover {color: #0099CC; text-decoration: none;}
.tertiary_link2:active {color: #333333; text-decoration: none;}
.tertiary_link2:focus, active {outline: none;}
.tertiary_link2.small:link {color: #333333;text-decoration: none;}
.tertiary_link2.small:visited {color: #333333; text-decoration: none;}
.tertiary_link2.small:hover {color: #0099CC; text-decoration: none;}
.tertiary_link2.small:active {color: #333333; text-decoration: none;}
.tertiary_link2.small:focus, active {outline: none;}
.star_link:link {color: #FFDF00;text-decoration: underline;}
.star_link:visited {color: #FFDF00; text-decoration: underline;}
.star_link:hover {color: #0099CC; text-decoration: underline;}
.star_link:active {color: #FFDF00; text-decoration: underline;}
.star_link:focus, active {outline: none;}
.nochange_link:link {color: #222;text-decoration: none;}
.nochange_link:visited {color: #222; text-decoration: none;}
.nochange_link:hover {color: #222; text-decoration: none;}
.nochange_link:active {color: #222; text-decoration: none;}
.nochange_link:focus, active {outline: none;}

.nochange_link_cards:link {color: #222;text-decoration: none; }
.nochange_link_cards:visited {color: #222; text-decoration: none; }
.nochange_link_cards:hover {color: #222; text-decoration: none; }
.nochange_link_cards:active {color: #222; text-decoration: none; }
.nochange_link_cards:focus, active {outline: none; }

.fa-star {max-width: 0.8em; min-width: 14px;}
.fa-star-half-alt {max-width: 0.8em; min-width: 14px;}

.secondary_link_signedin:link {color: #0099CC;text-decoration: none;}
.secondary_link_signedin:visited {color: #0099CC; text-decoration: none;}
.secondary_link_signedin:hover {color: #0099CC; text-decoration: none;}
.secondary_link_signedin:active {color: #0099CC; text-decoration: none;}
.secondary_link_signedin:focus, active {outline: none;}

/* Google Chart Flicking Tooltip Fix */
svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip {
    pointer-events: none;
}

/************************ ALERTS ****************************/
                .you_are_logged_in_text {
                    position: absolute;
                	top:0px;
                	left:0px;
                	text-align:center;
                	width:100%;
                	height:100%;
                	padding: 0px 0px 0px 0px;
                	background-color: rgba(0,0,0,0.7);
                	z-index: 1000;
					display:none;

                }
                .you_are_logged_in_text_inner {
				    position: relative;
                	color:#fff;
                	letter-spacing: 2px;
                	word-spacing: 2px;
                    font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
                	font-size: 1.5000em;
                	font-weight: 100;
                	text-transform: none;
					z-index: 1000;
					width:100%;
                    top: 20vh;
                }
.checkmark_circle_success {
  stroke-dasharray: 216; /* ORIGINALLY 166px */
  stroke-dashoffset: 216; /* ORIGINALLY 166px */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark_circle_error {
  stroke-dasharray: 216; /* ORIGINALLY 166px */
  stroke-dashoffset: 216; /* ORIGINALLY 166px */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: red;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}


.checkmark {
  width: 106px; /* ORIGINALLY 56px */
  height: 106px; /* ORIGINALLY 56px */
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 3% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark_error {
  width: 106px; /* ORIGINALLY 56px */
  height: 106px; /* ORIGINALLY 56px */
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 3% auto;
  box-shadow: inset 0px 0px 0px red;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark_check {
  transform-origin: 50% 50%;
  stroke-dasharray: 98; /* ORIGINALLY 48px */
  stroke-dashoffset: 98; /* ORIGINALLY 48px*/
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.checkmark_check_error {
  transform-origin: 50% 50%;
  stroke-dasharray: 98; /* ORIGINALLY 48px */
  stroke-dashoffset: 98; /* ORIGINALLY 48px*/
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.progress {
  transform: rotate(-90deg);  
  stroke: black;
}

.progress circle {
  stroke-dasharray: 130;
  stroke-dashoffset: 130;
  animation: dash 1.5s infinite;  
}

@keyframes dash {
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -130;
  }  
}


.progress {
  position: absolute;
  top: 5%;
  left: 5%;
  
  &.progress--thin {
    left: auto;
    right: 5%;
  }
  
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 80px rgba (0,0.0,0);
  }
}

@keyframes fill checkmark_check_error {
  100% {
    box-shadow: inset 0px 0px 0px 80px red;
  }
}




/************************ VIDEO CONTAINERS ****************************/

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.popupvideo_play_overlay_container {width: 100%; max-width: 440px; height: auto; max-height:330px; position: relative; overflow:hidden; border: solid 1px #ddd;  }
.popupvideo_play_overlay {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:1; text-align: center; font-size: 4em; color:rgba(256,0,0,1.0); padding:30% 0% 30% 0%; }
.popupvideo_play_overlay:hover {color:rgba(0,0,0,1.0);}

/************************ CORE PAGE ITEMS ****************************/
.select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

	.page_background {
		position: fixed;
		width:100vw;
		height:100vh;
		max-height:100%;
		background-size: cover;
		background-image: ;  /************************ e.g. url(images/bg.jpg) for a whole website background image ****************************/
		background-attachment: absolute;
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
		
	.logo {
		position: absolute;
		width: 10%;
		max-width:180px;
		min-width:180px;
		height: auto;
		left: 4.5%;
		top: 10px;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		z-index:103;
	}
	.logo.small {
		width: 10%;
		max-width:180px;
		min-width:180px;
		left: 4.5%;
		top: 12px;
		margin-top:-6px;
		display:none;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}
	.logo2 {
		position: absolute;
		width: 20%;
		max-width:250px;
		min-width:200px;
		height: auto;
		left: 4.5%;
		top: 12px;
		display:none;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
	}
	.logo2.small {
		width: 10%;
		max-width:250px;
		min-width:180px;
		left:4.5%;
		top: 12px;
		margin-top:-7px;
		display:inline;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}
	.logo_menu_container_background {
		position: relative;
		width: 100%;
		height: 80px; /* SHOULD MATCH HEIGHT OF logo_menu_container below */
		z-index:0;
		display:block;
	}
	.logo_menu_container {
		position: absolute;
		width: 100%;
		height: 100px;
		left: 0vw;
		top: 20px;
		background-color: rgba(256, 256, 256, 0.0);
		box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		z-index:100;
		display:block;
        border-bottom: 0px solid #ccc;
	}
	
	.logo_menu_container.small {
		position: fixed;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		width: 100%;
		height: 73px;
		left: 0vw;
		top: 0px;
		background-color: rgba(245, 245, 245, 1.0);
		box-shadow: 0 2px 14px -8px rgba(0, 0, 0, 0.2), 0 -4px 20px -5px rgba(0, 0, 0, 0.2), 0 -2px 0px -15px rgba(0, 0, 0, 0.3);
		z-index:100;
        border-bottom: 0.00em solid #eee;
}

	.menu_desktop {
	position: relative;
	width: 100%;
	height: auto;
    min-height: 96px;
	float:left;
	left: 0%;
	top: -21px;
	font-size: 0.875em;
	color: #ccc;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
	display:inline;
    border-bottom:  solid 0px rgba(0,0,0,0.1);
    padding: 20px 5% 20px 5%;
  background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4963235294117647) 100%);
	}
	
	.menu_desktop.small {
	position: relative;
	width: 100%;
	height: auto;
    min-height: 96px;
	float:left;
	left: 0%;
	top: -21px;
	font-size: 0.875em;
	color: #ccc;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
	display:inline;
    border-bottom:  solid 0px rgba(0,0,0,0.1);
    padding: 20px 5% 20px 5%;
  background: rgb(0,0,0,0.0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%);
	}

/************************ MENU ICONS ****************************/

.menuicon {position: relative; top:1px; margin-left: 4px; margin-right:8px; font-size: 1.0em; min-height: 0px; min-width: 20px;}

/************************ HEADER TOP - LINK AREA ABOVE LOGO AND MENU ****************************/

	.header_top { 
    position: relative;
	display:block;
	width: fit-content;
	height: 0px;
	color:#333;
	z-index:1000;
    left: 4%;	
	}
	
	.header_top_inner {
	position: absolute;
	color:#333;
    top: 4px;
	}
	
	.header_top_inner_sub {
	position: relative;
	color:#333;
	left: 0%;	
    z-index:100000;	
    top: 0px;
    width: 100%;
    text-align: left;
	}
.contact_header_holder{
position: absolute;
    display: none;
    left: 0px;
    margin-right: 0;
    top: 0px;
    padding: 5px 200px 5px 0%;
    width: 100%;
    text-align: right;
    background: transparent;
    margin-bottom: 0px;
    min-height: 34px;
}
.contact_header_holder.small{
display: none;
}
.desktop_header_icons {display:block; font-size: 0.75em; margin-left: 6%; width: 400px; float: left; position: relative; text-align: left; top:3px; border-bottom: dotted 0px #999; padding: 0px 0px 0px 0px; line-height: 1.6em; }
.desktop_header_icons.small {display:none;}
.mobile_header_icons {display:block; top:8px; position: absolute; width:auto; font-size: 0.85em; right: 5%; z-index: 1; line-height: 1.6em;}
.mobile_header_icons.small {display:none; }
.mobile_header_icons_iconwrap_login {display: inline-block; top: -16px; position: absolute; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 48px; height: auto; text-align: center; padding: 6px 0px 5px 0px; margin: 9px 0px 0px 0px; right: 0px;}
.mobile_header_icons_iconwrap_basket {display: inline-block; top: -16px; position: absolute; border-right: 0px solid #ccc; width: 48px; height: auto; text-align: center; padding: 7px 0px 4px 0px; margin: 9px 0px 0px 0px; right: 44px;}
.mobile_header_icons_iconwrap_search {display: none; top: -16px; position: relative; border-right: 1px solid #ccc; width: 48px; height: auto; text-align: center; padding: 5px 0px 5px 0px; margin: 9px 0px 0px 0px;float: left;}

/************************ HEADER MAIN - FOR CAROUSEL OR HEADER IMAGES WITH TEXT - TALLER ****************************/

	.header_main {
	position: relative;
	display:block;
	width: 100%;
	height:auto;
    min-height: 0px;
	margin: 0%;
	margin-top:-120px; /* -120px (Designs that requires header at the top of page) -0px (Designs that require header below navigation)*/
    z-index:0;
	  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
	}

	
/************************ Carousel Speech Bubble ****************************/
.speech-bubble {
	position: relative;
	background: #f3f3f3;
	border-radius: .4em;
	margin-bottom: 40px;
	padding: 10px 20px 20px 20px;;
	width:100%;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 37px solid transparent;
	border-top-color: #f3f3f3;
	border-bottom: 0;
	border-right: 0;
	margin-left: -18.5px;
	margin-bottom: -37px;
}
/************************ HEADER SUB - AREA BELOW MAIN HEADER FOR CODE OR HTML COLLECTIONS ****************************/

	.header_sub {
	position: relative;
	display:block;
	width: 100%;
	height:auto;
	margin: 0%;	
	}
	
/************************ CRUMB TRAIL ****************************/

	.breadcrumb {
	  display: none;
	  flex-wrap: wrap;
	  padding: 0.0em 0.0em 0.0em 0.15em;
	  margin-bottom: 0.6em;
      margin-top: -0.3em;
	  list-style: none;
	  background-color: rgba(0,0,0,0.0);
	  border-radius: 0.25em;
	  font-size: 0.85em;
      line-height: auto;
	}
	.breadcrumb_productpage {
	  display: none;
	  flex-wrap: wrap;
	  padding: 0.0em 0.0em 0.0em 0.15em;
	  margin-bottom: 0.6em;
      margin-top: -0.3em;
	  list-style: none;
	  background-color: rgba(0,0,0,0.0);
	  border-radius: 0.25em;
	  font-size: 0.85em;
      display: flex;
      line-height: auto;
	}

	.breadcrumb-item+.breadcrumb-item::before {
	  display: inline-block;
	  padding-right: 0.5em;
	  padding-left: 0.5em;
	  color: #6c757d;
	  content: "/";
	}

	.breadcrumb-item+.breadcrumb-item:hover::before {
	  text-decoration: underline;
	}

	.breadcrumb-item+.breadcrumb-item:hover::before {
	  text-decoration: none;
	}

	.breadcrumb-item.active {
	  color: #6c757d;
	}
	.breadcrumb > i {
	  display: none !important;
	}
.breadcrumb > svg {
	  display: none !important;
	}

	
/************************ PAGE ITEMS ****************************/
	.main_content_outer {
	width: 100%;
	height:auto;
	margin: 0px 0% 0px 0%; /* top margin set to 120px*/
    position: relative;
	display:block;
	text-align: center;
}
	.main_content_outer_rows {
	width: 100%;
	height:auto;
	margin: 20px 0% 0px 0%; /* top margin set to 120px*/
    position: relative;
	display:block;
	text-align: center;
}

  
	.main_content_outer_rows_header {
	width: 100%;
	height:auto;
	margin: 0px 0% 0px 0%; /* top margin set to 120px*/
    position: relative;
	display:block;
	text-align: center;
}
	.main_content_outer_header {
	width: 100%;
	height:auto;
    min-height: 0px;
	margin: 0px 0% 0px 0%; /* top margin set to 0px*/
    position: relative;
	display:block;
	text-align: center;
}
	.main_content_inner {
	width: 100%;
	border-radius: 6px;
	/*box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
	min-height: 85vh;
	position: relative;
	background: rgba(256,256,256,1.0);
	padding: 10%;
		display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:left;
    margin: 0px 0px 0px 0px;
}
	.grey_background {
	background: #f5f5f5 !Important;
}
.main_content_inner_blog {
	width: 100%;
	border-radius: 6px;
	/*box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
	min-height: 85vh;
	position: relative;
	background: rgba(256,256,256,1.0);
	padding: 10%;
		display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:left;
    margin: -1px 0px 0px 0px;
}

	.main_content_inner_rows {
	width: 100%;
	border-radius: 0px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
	min-height: 0px;
	position: relative;
	background: rgba(256,256,256,1.0);
	padding: 0px 0%;
		display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:left;
}

/************************ PAGE FOOTERS ****************************/
.footer_main {
	position: relative; 
	display:block;
	width: 100%;
	padding: 20px 5% 60px 5%;
	background: #222;
	margin: 0px 0 0 0;
    color: #ffffff;
}
.footer_main_inner {
	position: relative; 
	display:block;
	width: 100%;
	height:auto;
	line-height: 180%;
	padding: 20px 0% 10px 0%;
}
.footer_main_inner_footer {
	position: relative; 
	display:block;
	width: 100%;
	height:auto;
	border-top: solid 1px rgba(0, 0, 0, 0.2);
	line-height: 180%;
	padding: 20px 0%;
	font-weight: 100;
	text-transform: none;
	font-size: 0.8em;
}
/************************ PAGE PRE-FOOTERS FOR ADDITIONAL CONTENT (MAPS, SOCIAL MEDIA ETC) ****************************/
.pre_footer_a {
	position: relative; 
	width: 100%;
	height:auto;
	padding: 20px 5%;
	margin: 0px 0px 0px 0px;
	display: block;
	background: #f3f3f3;
	align-items: center;
	justify-content: center;
	text-align:center;
    display: none;
}
.pre_footer_a_holder {
	width:auto;
	height:auto;
	padding: 0px 0%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
}
.pre_footer_b {
	position: relative; 
	width: 100%;
	height:auto;
	padding: 20px 5%;
	margin: 0px 0px 0px 0px;
	display: block;
	background: #f3f3f3;
	align-items: center;
	justify-content: center;
	text-align:center;
    display: none;
}
.back_to_top_holder {
	position: absolute; 
	right: 1%;
	z-index:1;
	margin: 15px 5px 5px 5px;
	display:block;
}

/************************ FLEX BOXES - COLUMNS ****************************/
.flex-container-columns {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0px -1.5% 0px -1.5%;
}
.flex-container-columns-blog {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 30px -1.5% -10px -1.5%;
}
.nested-container { 
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;}

.flex-item-100-percent-column {
width:100%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-100-percent-column-location {
width:100%;
padding: 10px 1.5% 10px 1.5%;
margin: -30px 0px 0px 0px;
}
.flex-item-100-percent-column-event {
width:100%;
padding: 10px 1.5% 10px 1.5%;
margin: -27px 0px 0px 0px;
}
.flex-item-100-percent-column-donations {
width:100%;
padding: 10px 1.5% 10px 1.5%;
margin: -10px 0px -10px 0px;
}
.flex-item-75-percent-column {
width: 75%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-66-percent-column {
width: 66.66666%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-50-percent-column {
width: 50%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-50-percent-column-divider {
width: 50%;
padding: 10px 1.5% 10px 1.5%;
border-right: solid 1px #ccc;
}
.flex-item-33-percent-column {
width: 33.33333%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-25-percent-column {
width: 25%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-16-percent-column {
width: 16.666%;
padding: 10px 1.5% 10px 1.5%;
}
.flex-item-auto-percent-column {
width: auto;
padding: 10px 4px;
}


/************************ FLEX BOXES - PADDING RIGHT ****************************/
.flex-container-columns-stretch {
  display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0% 0px 0%;
}
.nested-container-stretch { 
display: flex;
flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0% 0px 0%;
  }
.flex-item-100-percent-column-stretch {
width:100%;
padding: 10px 1% 10px 0%;
}
.flex-item-100-percent-column-stretch-nopaddingright {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-84-percent-column-stretch {
width: 83.334%;
padding: 10px 1% 10px 0%;
}
.flex-item-75-percent-column-stretch {
width: 75%;
padding: 10px 1% 10px 0%;
}
.flex-item-66-percent-column-stretch {
width: 66.66666%;
padding: 10px 1% 10px 0%;
}
.flex-item-50-percent-column-stretch {
width: 50%;
padding: 10px 1% 10px 0%;
}
.flex-item-33-percent-column-stretch {
width: 33.33333%;
padding: 10px 1% 10px 0%;
}
.flex-item-33-percent-column-stretch-nopaddingright {
width: 33.33333%;
padding: 10px 0% 10px 0%;
}
.flex-item-25-percent-column-stretch {
width: 25%;
padding: 10px 1% 10px 0%;
}
.flex-item-25-100mobile-percent-column-stretch {
width: 25%;
padding: 0px 1% 0px 0%;
}
.flex-item-16-percent-column-stretch {
width: 16.666%;
padding: 10px 1% 10px 0%;
}
.flex-item-auto-percent-column-stretch {
width: auto;
padding: 10px 4px 10px 4px;
}
.flex-item-auto-percent-column-stretch-wide {
width: auto;
padding: 10px 4px 10px 4px;
}


/************************ FLEX BOXES - ROWS DASHBOARD VARIANTS ****************************/
.flex-item-100-percent-column-stretch-dashboard {
width:98%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-75-percent-column-stretch-dashboard {
width: 73%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-66-percent-column-stretch-dashboard {
width: 64.66666%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%;  
}
.flex-item-50-percent-column-stretch-dashboard {
width: 48%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-33-percent-column-stretch-dashboard {
width: 31.33333%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-25-percent-column-stretch-dashboard {
width: 23%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-16-percent-column-stretch-dashboard {
width: 14.666%;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}
.flex-item-auto-percent-column-stretch-dashboard {
width: auto;
padding: 30px;
border: 1px solid #ddd;
margin: 1%; 
}

/************************ FLEX BOXES - ROWS ****************************/
.flex-container-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0 0%;
}
.flex-item-row-100-percent-1 {
width:100%;
padding: 0%;
background: rgba(150,150,150,1.0);
min-height: 0px;
display: block;
}
.flex-item-row-100-percent-2 {
width:100%;
padding: 0%;
background: rgba(200,150,150,1.0);
min-height: 0px;
display: block;
}
.flex-item-row-100-percent-3 {
width:100%;
padding: 0%;
background: rgba(100,150,150,1.0);
min-height: 0px;
display: block;
}
.flex-item-row-100-percent-4 {
width:100%;
padding: 0%;
background: rgba(50,150,150,1.0);
min-height: 0px;
display: block;
}
.flex-item-row-100-percent-5 {
width:100%;
padding: 0%;
background: rgba(0,150,150,1.0);
min-height: 0px;
display: block;
}
/************************ FORM ELEMENTS ****************************/
      
    input[type=text], textarea {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; min-height:54px; margin-left:3px;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;	
background-color: rgba(256,256,256,1.0);

    }

    input[type=text]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:3px;

    }

  input[type=number], textarea {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; min-height:54px; margin-left:3px;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;	
background-color: rgba(256,256,256,1.0);

    }

    input[type=number]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:3px;

    }
	

    input[type=select], select {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:54px;	margin-left:3px;
background-color: rgba(256,256,256,1.0);
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('chevron-down.svg');
    background-position: right 14px center;
    background-repeat: no-repeat;
	background-size: 10px;
    }
    input[type=select]:focus, select:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:3px;
    }
	select::-ms-expand {
    display: none;
}

    input[type=password], password {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:54px;
		margin-left:3px;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
background-color: rgba(256,256,256,1.0);

    }

    input[type=password]:focus, password:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:3px;

    }
	
	    input[type=search], search {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 90%; box-sizing: border-box; font-weight:100; padding: 18px; border: 1px solid rgba(0,0,0,0.2); outline: none; height0:45px; margin-top:-2px;	
		margin-left:3px;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
background-color: rgba(256,256,256,1.0);

    }
	    input[type=search]:focus, search:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:3px;
    }
	.small_select {width: auto; padding:15px 40px 15px 15px; margin-bottom: 0.5em; 
background-color: rgba(256,256,256,1.0);
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('chevron-down.svg');
    background-position: right 14px center;
    background-repeat: no-repeat;
	background-size: 10px;
    outline: none;
    font-size: 1.0em !important;
}
.small_select:focus {
    font-size: 1.0em !important;
}
.unselectable-input {
    background-color: #eee;
    cursor: not-allowed;
    color: #555;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
}
    .date_time_fix_for_icon_issue { 
            position:relative; z-index:97;
        }

.form_answer_input {display: inline;
}
.form_answer_input_hidden {display: none; position: relative;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
/************************ INPUT STATES ****************************/

input:disabled {
  background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}

textbox:disabled {
  background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}
listbox:disabled {
  background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}

textbox:read-only {
  background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}
listbox:read-only {
  background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}
.aspNetDisabled {
      background: #eee !Important;
  color: #666 !Important;
  cursor: not-allowed !Important;
}
	
/************************ PLACEHOLDERS ****************************/
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
}
    
/************************ FORM ELEMENTS - ICONS ****************************/

	 .input-icons i { 
            position: absolute; 
            
        } 
          
        .input-icons { 
            font-size: 1.1em;
            color:#222;
            
        } 
          
        .icon { 
            position: absolute; 
             margin-top: 20px;
             margin-left: 15px;
             z-index: 99;
        } 
        .icon-lower { 
            position: absolute; 
             margin-top: 23px;
             margin-left: 15px;
             z-index: 99;
        } 
        .icon-higher { 
            position: absolute; 
             margin-top: 17px;
             margin-left: 15px;
             z-index: 99;
        } 
        .icon-calendar { 
            position: absolute; 
             margin-top: 17px;
             margin-left: 15px;
             z-index: 99;
        } 

		.icon_warning { 
		color:#DA4B38;
        font-size: 1.1em; 
         position: absolute; 
        margin-top: 15px;
         margin-left: 14px;
        } 

       .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
i {
    font-style: normal;
}

/************************ FORM ELEMENTS - ICONS IF USING FONTAWESOME CSS INSTEAD OF SVG +JS
	 .input-icons i { 
            position: absolute; 
        } 
          
        .input-icons { 
            width: 100%; 
            margin-bottom: 0px; 
			text-align:left;
        } 
          
        .icon { 
            padding: 18px 17px 11px 15px; 
            min-width: 40px;
			color:#222;
        } 
    
            .icon-calendar { 
            padding: 18px 17px 11px 15px; 
            min-width: 40px;
			color:#222;
        } 
		
		.icon_warning { 
        padding: 18px 17px 11px 13px; 
        min-width: 40px;
		color:#DA4B38;
        } 
		
       .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
    ****************************/
		
     /************************ CHECK BOXES AND RADIO BUTTONS ****************************/
    select[disabled] {
        background-color: #dddddd;
        color: #999999;
        cursor: not-allowed;
    }

    input[type="radio"] {
        display: none;
    }

    input[type="radio"] + label span {
        display: inline-block;
        width: 23px;
        height: 35px;
        margin: 0px 8px 0 0;
        vertical-align: middle;
        background: url(../Layout_images/radio_sheet_original_blue.png) left top no-repeat;
        background-size: 50px 26px;
        cursor: pointer;
		font-size: 1.0em;
    }

    input[type="radio"]:checked + label span {
        background: url(../Layout_images/radio_sheet_original_blue.png) -25px top no-repeat;
        background-size: 50px 26px;
		font-size: 1.0em;
    }

    input[type="checkbox"] {
        display: none;
    }

    input[type="checkbox"] + label span {
        display: inline-block;
        width: 23px;
        height: 35px;
        margin: 0px 8px 0 0;
        vertical-align: middle;
        background: url(../Layout_images/check_radio_sheet_original_blue.png) left top no-repeat;
        background-size: 50px 26px;
        cursor: pointer;
	font-size: 1.0em;
    }

    input[type="checkbox"]:checked + label span {
        background: url(../Layout_images/check_radio_sheet_original_blue.png) -23px top no-repeat;
        background-size: 50px 26px;
		font-size: 1.0em;
    } 

input[type="checkbox"]:disabled + label span {
    background: url(../Layout_images/check_radio_sheet_original_blue_disabled.png) -23px top no-repeat;
    background-size: 50px 26px;
    font-size: 1.0em;
    cursor: not-allowed;
}
        
        		    input[type="checkbox"]:disabled {
        background: url(../Layout_images/check_radio_sheet_original_blue_disabled.png) -23px top no-repeat;
        background-size: 50px 26px;
		font-size: 1.0em;
		cursor: not-allowed;
        }


 /************************ NEW CHECKBOXES AND RADIO BUTTONS - NO IMAGE ****************************/
.b-contain *,
.b-contain *::before,
.b-contain *::after {
  box-sizing: content-box !important;
}

.b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.b-contain span {
  line-height: 1.5;
  font-size: 1rem;
  font-family: inherit;
}

.b-contain {
  display: table;
  position: relative;
  padding-left: 2.0rem;
  cursor: pointer;
  margin-bottom: 0.9rem;
}

.b-contain-inline-fix {
  display: inline-block !Important;
}

.b-contain input[type="checkbox"] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: #f1f5f9;
  transition: background 250ms;
  border: 1px solid #94a3b8;
  border-radius: 0rem;
}

.b-contain input[type="radio"] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: #f1f5f9;
  transition: background 250ms;
  border: 1px solid #94a3b8;
  border-radius: 3rem;
}

.b-contain input[type="checkbox"] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 0.3rem;
  height: 0.6rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transition: background 250ms;
  transform: rotate(45deg);
}

.b-contain input[type="radio"] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 4px;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 3rem;
  background: #ffffff;
  transition: background 250ms;
}

.b-contain input[type="checkbox"]:disabled ~ .b-input::after {
  border-color: #ffffff;
}

.b-contain input:checked ~ .b-input::after {
  display: block;
}

.b-contain:hover input[type="checkbox"]:not([disabled]) ~ .b-input,
.b-contain input[type="checkbox"]:focus ~ .b-input {
  background: #e2e8f0;
  border-color: #64748b;
}

.b-contain:hover input[type="radio"]:not([disabled]) ~ .b-input,
.b-contain input[type="radio"]:focus ~ .b-input {
  background: #e2e8f0;
  border-color: #64748b;
}

.b-contain input:focus ~ .b-input {
  box-shadow: 0 0 0 2px #60a5fa;
}

.b-contain input[type="checkbox"]:checked ~ .b-input {
  background: #0099CC;
  border-color: #0099CC;
}

.b-contain input[type="radio"]:checked ~ .b-input {
  background: #0099CC;
  border-color: #0099CC;
}

.b-contain input[type="checkbox"]:disabled ~ .b-input,
.b-contain input[type="radio"]:disabled ~ .b-input {
  opacity: 0.5;
  cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input::after {
  background: #ffffff;
}

.b-contain:hover input[type="checkbox"]:not([disabled]):checked ~ .b-input,
.b-contain input[type="checkbox"]:checked:focus ~ .b-input {
  background: #0099CC;
  border-color: #0099CC;
}

.b-contain:hover input[type="radio"]:not([disabled]):checked ~ .b-input,
.b-contain input[type="radio"]:checked:focus ~ .b-input {
  background: #0099CC;
  border-color: #0099CC;
}

        .b-contain-label-text-custom {position: relative; top: -0.25rem;
        }


 /************************ BUTTON ****************************/
.Button {
        color: #fff;
		background-color: #666;
		border-color: #666;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
        cursor: pointer;
		padding: 0px 30px 0px 30px;
		height: 54px;
		margin: 0px 4px 4px 2px;
		font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
		font-size: 1.0em;
		font-weight: 100;
		text-transform: uppercase;
		cursor: pointer;
		border: 0;
		border-radius: 0.0em;
		outline: 0;
		/*transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;*/
    }
.Button:hover, .btn-secondary:focus {
		border-color: #701c7e;
        background-color: #eee;
        color: #222;
		/*box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);*/
    }
.Button_no_change_mobile {
        color: #fff;
		background-color: #666;
		border-color: #666;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
        cursor: pointer;
		padding: 0px 30px 0px 30px;
		height: 54px;
		margin: 0em 1px 0.5em 1px;
		font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
		font-size: 1.0em;
		font-weight: 100;
		text-transform: uppercase;
		cursor: pointer;
		border: 0;
		border-radius: 0.2em;
		outline: 0;
		/*transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;*/
    }
.Button_no_change_mobile:hover, .btn-secondary:focus {
		border-color: #701c7e;
                background-color: #eee;
        color: #222;
		/*box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);*/
    }
 /************************ BUTTON COLOURS ****************************/
.Button_light_blue {
		background-color: #0099CC;
		border-color: #0099CC;
}
.Button_dark_blue {
		background-color: #3b5998;
		border-color: #3b5998;
}
.Button_red {
		background-color: #cc2127;
		border-color: #cc2127;
    }	
.Button_purple {
		background-color: #9c27b0;
		border-color: #9c27b0;
    }
.Button_green {
		background-color: #4caf50;
		border-color: #4caf50;
    }
.Button_yellow {
		background-color: #FFDF14;
		border-color: #FFDF14;
    }
.Button_orange {
		background-color: #FF5414;
		border-color: #FF5414;
    }
.Button_black {
		background-color: #000;
		border-color: #000;
    }
.Button_white {
		background-color: #fff;
		border-color: #fff;
		color: #222;
    }
.Button_light_grey {
		background-color: #ccc;
		border-color: #ccc;
		color: #222;
    }
/************************ BUTTON - SHAPE CHANGES ****************************/
.Button_small_padding {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
    }
.Button_small_padding_no_change {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
        max-width: 56px;
    }
.Button_small_padding_no_change_event {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
        max-width: 200px;
    }
.Button_small_padding_no_change_wide {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
        max-width: 100%;
    }
.Button_round {
	border-radius: 50%;
	padding: 0px 20px 0px 20px;
}
/************************ BUTTON - NO BACKGROUND ****************************/
.Button_no_background {
		background-color: transparent;
		border-color: transparent;
		color: #666;
		/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);*/
		padding: 0px 5px 0px 5px;
		height: 24px;
		font-size: 0.9em;
        cursor:  pointer;
        font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
}
.Button_no_background:hover, .btn-secondary:focus {
		border-color: transparent;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);*/
		color:#222;
}
.Button_no_background_light_blue {color: #0099CC; }
.Button_no_background_dark_blue {color: #3b5998;}
.Button_no_background_red {color: #cc2127;}
.Button_no_background_purple {color: #9c27b0;}
.Button_no_background_green {color: #4caf50;}
.Button_no_background_yellow {color: #FFDF14;}
.Button_no_background_orange {color: #FF5414;}
.Button_no_background_black {color: #000;}
.Button_no_background_white {color: #fff;}
.Button_no_background_light_grey {color: #ccc;}


/************************ IMAGE GALLERY ****************************/


.image_gallery_holder {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 1.0);
}

.image_gallery_item {
  width: 25%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 260px;
  margin:auto;
  flex-grow: 1;
  min-width:200px;
}
.image_gallery_item:hover {
opacity:0.8 !important;
}
.image_span {width: 100%; height: 260px; display:block;}






/************************ TABLE (RESPONSIVE) ****************************/
.table_responsive {
  border: 1px solid rgba(0,0,0,0.2);
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.table_responsive tr {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 15px;
}

.table_responsive th,
.table_responsive td {
  padding: 15px;
  text-align: center;
  font-size: .95em;
}

.table_responsive th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}


/************************ TABLE (RESPONSIVE - MOBILE EVEN ON DESKTOP) ****************************/
.table_responsive_mobile {
  border: 1px solid rgba(0,0,0,0.2);
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table_responsive_mobile tr {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 15px;
}

.table_responsive_mobile th,
.table_responsive_mobile td {
  padding: 15px;
  text-align: left;
  font-size: .95em;
}

.table_responsive_mobile th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.table_responsive_mobile {
    border: 0;
  }
  
.table_responsive_mobile thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.table_responsive_mobile tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
.table_responsive_mobile td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .95em;
    text-align: left;
  }
  
.table_responsive_mobile td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	 font-size: .95em;
  }
  
.table_responsive_mobile td:last-child {
    border-bottom: 0;
  }
  

/************************ DATATABLE.JS (RESPONSIVE) ****************************/
.datatablesjs_table_wrapper {font-size: 1.0em; margin-top:0px;}

/************************ CALENDAR ****************************/
.calendar_container {
  box-sizing: border-box;
  background: rgba(0,0,0,0.05);
  border: solid 0.05em rgba(0,0,0,0.1);
  padding: 0.1em 0.1em 0.1em 0.1em;
  position: relative;
  margin: 5px auto auto auto;
}
.month {
  min-width: 99.9%;
  height: auto;
  border-top: 1px solid #666;
}
.month_title {
  width: 99.9%;
  height: auto;
  padding: 10px 0;
  text-align:center;
  font-weight: 100;
  font-size: 1.5000em;
  background: rgba(0,0,0,0.1);
  margin-bottom: 0.1em;
}

.week {
  display: flex;
}
.week_headers {
  display: flex;
}

.day {
  background-color: rgba(256,256,256,1.0);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}
.day_green {
  background-color: rgba(20,144,0,0.2);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_green:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}
.day_red {
  background-color: rgba(204,0,26,0.2);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_red:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}
.day_holiday {
  background-color: rgba(242,218,0,0.4);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_holiday:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}
.day_absence {
  background-color: rgba(256,0,0,0.6);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_absence:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}

.day_ddo {
  background-color: rgba(0,7,174,0.4);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_ddo:hover {
    background-color: rgba(0,153,204,0.3);
  cursor: grab;
}
.day_inactive {
  background-color: rgba(256,256,256,0.5);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  min-height: 100px;
}
.day_inactive:hover {
    background-color: rgba(256,256,256,0.5);
  cursor: not-allowed;
}
.day_of_week_background {
display:none;
}
.day_pre_next_month {
  background-color: rgba(256,256,256,0.2);
  color: #333;
  margin: 1px;
  flex: 1 1 0;
    display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
}
.day_headers {
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  padding: 0px 0px 0px 0px;
  margin: 1px;
  flex: 1 1 0;
  text-align:center;
}

.calendar_link_span {
	  display:block;
	  width: 100%;
	  height:100%;
	  margin: 5px 0px 5px 10px;
}
.week:first-of-type .day:first-of-type {
  margin-left: 42.85714%;
}

.week:last-of-type .day:last-of-type {
  margin-right: 0%;
}
.calendar_day {
width:auto;
padding: 0em 0.0em 0.0em 0.3em;
color: #222;
font-size: 0.875em;
}
        .calendar_event_holder {
  position:relative;
  margin: 0.0em 0.0em 0.0em 0.0em;
  height:100px;
  overflow:hidden;
  margin-top:-24px;
  width: 100%;
}
        .calendar_event_holder_item {
 display:inline-block;
 width:90%;
  text-indent: 0em;
font-size: 0.875em;
padding: 1px 0px 0px 1.5em;
line-height: 14px;
}
.calendar_event_holder_item a  {
color: #222 !Important;
font-weight: 400 !Important;
}
.calendar_event_holder_item a:hover  {
color: #222 !Important;
font-weight: 400 !Important;
text-decoration: underline;
}

/*== start of code for new tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 180%;
    color: #fff;
    content: attr(data-tip);
    margin-left: -5em;
    padding: 0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);  
    width: 10em;
    text-align: center;
    font-size: 0.8125em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}


   /************************ TOOLTIP (OLD) ****************************/
 .tooltip {
    position: relative;
    display: inline;
    border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
	color: #0099CC;
	cursor: pointer;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
	min-width: 100px;
    background-color: black;
    text-align: center;
    padding:1.8em;
    border-radius:  0.0em;
	-moz-border-radius: 0.0em; 
    position: absolute;
    z-index: 1;
	top: 100%;
    left: 50%; 
	font-size:1.0em;
	line-height: 160%;
	background-color: #ffffff;
	margin-top:10px;
outline: 0;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.34);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.34);
	color:#222;

}
.tooltip:hover .tooltiptext {
    visibility: visible;
}



/************************ PAGINATION ****************************/
.pagination {  
display:block;
margin: 0 0%;
border-top: 0.05em solid rgba(0,0,0,0.2);
border-bottom: 0.05em solid rgba(0,0,0,0.2);
}
.pagination_container {  
display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
}
.pagination_left {
width: 25%;
padding: 10px 1% 10px 0%;
border-right: 0.05em solid rgba(0,0,0,0.2);
color:#ccc;
}
.pagination_middle {
width: 50%;
padding: 10px 1% 10px 0%;
}
.pagination_right {
width: 25%;
padding: 10px 1% 10px 0%;
border-left: 0.05em solid rgba(0,0,0,0.2);
}
.pagination_dropdown {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
		font-size: 1.0em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: auto; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 15px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:54px;	
}

/************************ CAROUSEL TEXT OVERLAY ****************************/
.inner-cell {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0px;
  max-height: auto;
  display: block;
  left: 0;
  top: 0;  
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-cell-responsive {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 0px;
  display: block;
  left: 0;
  top: 0;  
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -8px;
}
.inner-cell-responsive img {
  width: 100%;
  height: auto;
}
.inner-cell a:visited {
  color: inherit;
 }
.carousel_text_ovelay_left {
	position: absolute;
	width: 90%;
	height: auto;
	margin:0% 5%;
	text-align:left;
			top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.carousel_text_ovelay_center {
	position: absolute;
	width: 90%;
	margin:0% 5%;
	height: auto;
	text-align:center;
		top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.carousel_text_ovelay_right {
	position: absolute;
	width: 90%;
	height: auto;
	margin:0% 5%;
	text-align:right;
			top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.carousel_image {
	margin:0 auto; 
  object-fit: cover;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: block;
  left: 0;
  top: 0;  
}
.carousel_text_ovelay {
	position: absolute;
	width: 90%;
	height: auto;
	margin:0% 5%;
	text-align:left;
	top: 50%;
	left: 0px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
   z-index: 2;
}

/************************ PARALLAX ****************************/
.parallax-container {
      height: 100vh;
	  z-index:0;
    }

/************************ GOOGLE MAP - LOCATION FINDER AND EVENTS ****************************/

.map_holder {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
}
.map_holder_location {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
margin-top: 20px;
}
.map_overlay {
position: relative;	
display:block;
width: 100%;
height: auto;
min-height:80px;
top: 0px;
left: 0px;
padding:0.0% 0% 0.0% 0%;
background: rgba(256,256,256,0.0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
z-index:0;
}
.map_holder_inner {
position: relative;	
display:block;
width: 100%;
height: auto;		
top: 4px;
left: 0px;
z-index:0;
padding-bottom: 30px;
overflow:visible;
}
#toggle_button {
display:block;
padding: 16px 16px;
margin:0px -16px;
}

#toggle_button_booking {
display:block;
padding: 16px 16px;
margin:0px -16px;
}
#toggle_panel {
  display: none;
  position:relative;
  padding: 0 0.2% 2% 0.2%;
}
.arrow-down {
  width: 155px;
  height: auto;
  position: relative;
  height: 54px;
  top:-16px;
  padding-top:16px;
  margin-left:-12px;
}
.arrow-down:before {
content: " ";
  display: block;
  position: absolute;
  transition: transform .5s;
  background-image: url('../svg/chevron-down-white-bold.svg');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.arrow-down:before {
  right: 0px;
  transform: rotate(0deg);
}

.arrow-down:after {
  right: 10px;
  transform: rotate(-180deg);
}

.arrow-down.active:before {
  transform: rotate(-180deg);
}

.arrow-down.active:after {
  transform: rotate(-180deg);
}



/************************ CARDS ****************************/
.card_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;
  }
.card {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.333333% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}
.card:hover {background:#f5f5f5;
}
.card:hover .larger_h6_text {color: #0099CC;
}
.card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content {font-size: 0.92em; width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block;  }



/************************ FLOATING CONTACT BUTTONS ****************************/

.fl-fl {
  background: #0099CC;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 190px;
  position: fixed;
  right: -148px;
  z-index: 99;
  font: normal normal 12px 'Open Sans', sans-serif;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
}
/************************ FLOATING CONTACT BUTTONS ****************************/
.contact_icon {
  font-size: 1.8em;
  color: #fff;
   margin-top: 10px;
   margin-left: 7px;
   margin-right: 10px;
}
/************************ FLOATING CONTACT BUTTONS if using CSS fontawesome instead of SVG +JS
.contact_icon {
  font-size: 1.25em;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}
 ****************************/

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 43px;
  vertical-align: top;
}

.contact_float1 {
  top: 160px;
}

.contact_float2{
  top: 215px;
}

.contact_float3 {
  top: 270px;
}

.contact_float4 {
  top: 326px;
}

.contact_float5 {
  top: 382px;
}
/* Floating Social Media Bar Style Ends Here */

/************************ ORDERING ADDON ****************************/

.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

#mobilemenuonly {display:none;} 
.grid-item__number {display:none;}
.show {display:inline;}

.spec_icon_span {width: 100%;
                 display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: left;
    justify-content: left;
    padding: 20px 0px;
    font-size: 0.90em;
    font-weight: normal;
}
.spec_icon_span_fontawesome {
    width: 100%;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: left;
    justify-content: left;
     padding: 20px 0px;
    font-size: 0.90em;
    margin: 0px;
    font-weight: normal;
}
.spec_icon_span_fontawesome svg {
    font-size: 1.375em;
    color: #0099CC;
}
.vat_price_ordering {font-size: 0.875em; color: rgba(0,0,0,0.7);
}
.desktop_tabs {display: inline;
}
.mobile_accordion {display: none;
}
.stars_ordering {position: relative; margin: 5px 0px 0px -2px; width: 100%; display: block;
}
.ordering_page_stars {position: relative; width: 100%; display: block;
}
.ordering_page_price {position: relative; width: 100%; display: block; margin: 10px 0px; font-weight: bold; font-size: 1.4em;
}
.ordering_page_productref {position: relative; width: 100%; display: block; font-size: 0.85em; margin-top: 2px;
}
.prices_ordering {position: relative; width: 100%; display: block; margin: -15px 0px 0px 0px;
}
.price_font {font-weight: bold !Important;}

/************************ CUSTOM STYLES - ROW NAV BUTTONS ****************************/
.nav_bullet_holder { position: fixed;
    right: 1vw;
	z-index: 99;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#nav {
    width: 50px;
    
}
#nav ul {
    list-style-type: none;
    position: relative;
    padding: 3px;
    padding-left: 35%;
}
#nav ul li{
    position: relative;
    padding-bottom: 20px;
    padding-left: 35%;
    color: rgb(113,135,133);
}
#nav a{
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border-radius: 50%;
    border: 2px solid;
    border-color: white;
    text-decoration: none;
}
#nav a:hover{
    border-radius: 50%;
    background-color: #fff;
    text-decoration: none;
}
#nav a.active{
    border-radius: 50%;
    background-color: white;
    text-decoration: none;
}
.label {
    position: relative;
    top: -60%;
    left: -200%;
    width: 100%;
    text-align: right;
    font-size: 1em;
    color: rgb(113,135,133);
    display: none;
}
.section {
    display:block;
	margin:0px;
    min-height: 0px;
    width: 100%;
    background-color: rgba(245, 245, 245, 1.0);
}

/************************ BOOKING SYSTEM ****************************/
.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.card_booking_holder {  display: flex;   margin: 0 -10px 50px -10px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;
  }
.card_booking {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 1%; width:31.333333%; overflow:hidden; height: auto;
}
.card_booking:hover {background:#f5f5f5;
}
.card_booking:hover .larger_h6_text {color: #0099CC;
}
.card_image_booking {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image_booking img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image_booking iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content_booking {font-size: 0.92em; width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block;  }


#toggle_panel_booking {
  display: none;
  position:relative;
  text-align: left;
  margin-bottom: 0px;
}
.booking_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:0%; margin-bottom: 0px; margin-top: -23px;}
.booking_products_sort_holder {position:relative; width: 100%; float:right;  }
.booking_products_sort_select {position:relative; width: auto; min-width: 150px;}
.booking_products_left {position:relative; float: left; width: 17%; margin: -60px 3% 0% 0%; }
.booking_products_right {position:relative; float: left; width: 80%; margin: -25px 0% 3% 0%}
.booking_products_bottom {position:relative; float: left; width: 100%;}
.booking_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.booking_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.toggle_button_hide {display:none;}
.toggle_button_hide_donations {display:none;}
.toggle_button_hide_booking {display:none;}
.toggle_button_hide_locations {display:none;}
.toggle_button_hide_locations_mappage {display:inline;}
.location_list_button_position_map  {}
.location_list_button_position_list  {}
.location_list_button_position_map_mappage  {}
.location_list_button_position_list_mappage  {}

.postcode_search_holder {position: absolute; width: 90%; left: 5%; bottom:50%; }

      	  #search_postcode {
			font-size: 1.3em;
			padding: 30px;
			width: 90vw;
max-width: 550px;
    }
	.search_input_position {position: absolute;  }
.search_button_position {position: absolute; right: 20px; max-width: 550px; top:5px; z-index:1;}
.Button_no_background_custom_search {
		background-color: transparent;
		border-color: transparent;

		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
		padding: 0px 5px 0px 5px;
		font-size: 1.8em; color:#999; height: 80px;
}
.Button_no_background_custom_search:hover, .btn-secondary:focus {
		border-color: transparent;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
		color:#222;
}
.search_background_image {  
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: block;
  left: 0;
  top: 0;  
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}
/************************ DONATIONS SYSTEM ****************************/
.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.donation_detail_donation_holder {text-align: left;  border: solid 0px rgba(0,0,0,0.0);  padding: 0px; width:100%; margin-top: -15px; margin-bottom: 10px;
}
.card_donation_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 0px;  margin: 2px -10px 0.0em -10px;
  }
.card_donation_holder_related {width: calc(100% - 20px); display: flex; margin: -10px auto!Important; text-align: center!Important; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;}
.card_donation {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.333333% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis:auto; display:block;
}
.card_donation:hover {background:#f5f5f5;
}
.card_donation:hover .larger_h6_text {color: #0099CC;
}
.card_image_donation {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image_donation img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image_donation iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content_donation {width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block; max-height:500px;}
#toggle_panel_donation {
  display: none;
  position:relative;
  text-align:left;
  margin-bottom: 0px;
}
.donation_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: 0px; margin-top: 41px;}
.donation_products_sort_holder {position:relative; width: 100%; float:right;  }
.donation_products_sort_select {position:relative; width: auto; min-width: 150px;}
.donation_products_left {position:relative; float: left; width: 17%; margin: -47px 3% 0% 0%; }
.donation_products_right {position:relative; float: left; width: 80%; margin: -14px 0% 3% 0%}
.donation_products_bottom {position:relative; float: left; width: 100%;}
.donation_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.donation_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }

		/************************ SHOPPING CART - SLIDE OUT ****************************/
.shopping_cart_area {display:none; width: 100vw;  min-height: 100vh; background-color: rgba(0,0,0,0.8);  backdrop-filter: blur(5px); float:left;  -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); padding:  0px 0px 0px 0px;  overflow: hidden; z-index:10000; position: relative;  }
.shopping_cart_area_DONATION {display:none; width: 100%;  min-height: 100vh; background-color: rgba(0,0,0,0.4); backdrop-filter: blur(5px); float:left;  -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); padding:  0px 0px 0px 0px;  overflow: hidden; z-index:10000; position: absolute; }


.shopping_cart_area_close {position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:10000;}
.shopping_cart_area_close_DONATION {position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:10000;}

.shopping_cart_area_button {position: absolute; width: auto; height: auto; right: 0px; display:block; font-size: 2.0em; color: #fff; }
.shopping_cart_area_button:hover {color: #ccc; cursor: pointer;}
.shopping_cart_area_background {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;    }

.shopping_cart_area_button_DONATION {position: absolute; width: auto; height: auto; right: 0px; display:block; font-size: 2.0em; color: #fff; }
.shopping_cart_area_button_DONATION:hover {color: #ccc; cursor: pointer;}
.shopping_cart_area_background_DONATION {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;    }

.shopping_cart_area_content {position:relative; width: 100vw; height:100vh; float:left;   padding: 0px 0px 30px 0px; display:inline-block;}
.shopping_cart_area_inner {position:relative; width: 90%; height: auto; margin: 0px 5%; display:block;  }
.shopping_cart_area_header {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 50px; }

.shopping_cart_area_content_DONATION {position:relative; width: calc(60vw + 20px); height:100vh; float:left;   padding: 0px 0px 0px 0px; display:inline-block;}
.shopping_cart_area_inner_DONATION {position:relative; width: 100%; height: auto; margin: 0px 6vw 0px 5vw; display:block;  }
.shopping_cart_area_header_DONATION {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; }


.shopping_cart_area_donation_holder {position:relative; width: 100%; height: auto; background-color: rgba(256,256,256, 0.0);-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); margin-bottom:10px; padding-bottom:0px;}
.shopping_cart_area_donation_holder_header {position:relative; width: 100%; height: auto; top:0; left: 0px; padding: 0px 0px; font-size: 0.7em; letter-spacing: 0.1em; word-spacing: 0.1em; color:#000; text-align:left; background-color: rgba(256,256,256,0.0); margin-bottom: 10px; font-weight: 400;}
.shopping_cart_area_donation_holder_header_background {display:block; width: 100%; height: auto; top:0; left: 0px; padding: 5px 0px; background-color: transparent; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.shopping_cart_area_donation_item_holder {
    position: relative;
    width: 100%;
    height: auto;
    background-color: rgba(256,256,256,1.0);
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 0%);
}
.shopping_cart_area_donation_item_holder_empty {
    position: relative;
    width: 100%;
    height: auto;
    background-color: rgba(256,256,256,0.0);
    border: 0px solid rgba(0,0,0,0.1);
    margin-bottom: 10px;
    overflow: hidden;
}
.shopping_cart_area_donation_item_holder_image {position:relative; width: 20%; height: 180px; float: left; overflow: hidden; margin-right: 3%; text-align:left; }
.shopping_cart_area_donation_item_holder_text {
    position: relative;
    width: 77%;
    height: auto;
    float: left;
    overflow: visible;
    margin-right: 0%;
    text-align: left;
    padding-top: 0px;
    overflow: hidden;
    line-height: 1.8em;
}
.shopping_cart_area_donation_item_holder_price {
    position: absolute;
    width: 80%;
    height: auto;
    float: left;
    overflow: visible;
    text-align: right;
    font-weight: bold;
    color: #222;
    line-height: 40px;
    padding-right: 2.5%;
    padding-top: 0px;
    bottom: 0px;
    right: 0%;
    font-size: 1.125em;
    border: 0px solid #ddd;
    margin-right: 0%;
    background-color: #f8f8f8;
    font-family: "Open Sans", "Font Awesome 6 Pro", "Arial", "Helvetica", sans-serif;
    font-weight: 900;
}
.shopping_cart_area_donation_item_holder_price2 {
    position: absolute;
    width: 100%;
    height: auto;
    float: left;
    overflow: visible;
    text-align: right;
    font-weight: bold;
    color: #222;
    line-height: 40px;
    padding-right: 2.5%;
    padding-top: 0px;
    bottom: 0px;
    right: 0%;
    font-size: 1.125em;
    border: 0px solid #ddd;
    margin-right: 0%;
    background-color: #f8f8f8;
    font-family: "Open Sans", "Font Awesome 6 Pro", "Arial", "Helvetica", sans-serif;
    font-weight: 900;

}
.shopping_cart_area_donation_item_image {width: 100%; height: 100%; background-size: cover; background-position: center; }

.shopping_cart_area_donation_total_holder {
    position: relative;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    margin-top: 35px;
}
.shopping_cart_area_donation_total_holder_total {
    position: relative;
    width: 100px;
    float: left;
    margin-right: 0%;
    text-align: left;
    color: #000;
    font-size: 1.6em;
    font-weight: normal;
}
.shopping_cart_area_donation_total_holder_value {
    position: relative;
    width: auto;
    float: right;
    margin-right: 2.5%;
    text-align: right;
    color: #0099CC;
    font-size: 1.6em;
    font-weight: bold;
}
.shopping_cart_area_donation_checkout_holder {
    position: relative;
    width: 100%;
    height: 86px;
    border-bottom: 0px solid rgba(0,0,0,0.1);
    margin-bottom: 1px;
    padding: 0px 0% 20px 0%;
}
.shopping_cart_area_donation_checkout_holder_checkout {position:relative; width: 100%; float: left;  margin-right: 0%; text-align:right; color: #0099CC; font-size: 1.0em; font-weight: bold; }
.shopping_cart_empty {margin: -40px 0 0 0;
    display: block;
    text-align: left;
    line-height: 60px;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    world-spacing: 0.1em;
    font-weight: 400;
    width: 100%;
    margin: 150px auto 0 auto;
    text-align: center;
}
.shopping_cart_empty_main {margin: -40px 0 0 0;
    display: block;
    text-align: left;
    line-height: 60px;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    world-spacing: 0.1em;
    font-weight: 400;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
}
.shopping_cart_payment_logos { width: 70%; max-width: 260px;}

.shopping_cart_combined_ecom {display:inline;}
.shopping_cart_combined_donation {display:inline;}


.sale_price_text {color:#cc2127; font-size: 0.7em;
}
.sold_ex_vat_message {color:green; font-size: 0.7em; padding: 10px 0px; display: none;
}


	/************************ searcharea CART - SLIDE OUT ****************************/

.searcharea_cart_area {display:block; position: absolute; right: 5%; top: -2px;}
.searcharea_cart_area_close {display: none;}
.searcharea_cart_area_button {display:none;}
.searcharea_cart_area_background {display:none;}
.searcharea_cart_area_content {display:inline;}
.searcharea_cart_area_inner {display:inline;}
.searcharea_cart_area_header {display:none;}
.autocomplete_mobile {
     width: 240px;
  position: absolute;
  float: left;
  top: 0px;
  right: 98px;
  bottom: 0;
  border: 0;
  padding: 0;
  margin: 2px 0 0 0;
  text-indent: 10px;
  height: 34px;
  z-index: 101;
  outline: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #000;
  background-color: rgba(235, 235, 235, 1.0);
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  font-size: 1.0em;
    font-weight: 300;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0);
font-family: 'Open Sans', sans-serif;
}
.autocomplete_mobile:focus {
  color: #222;
  width: 240px;
  background-color: rgba(205, 205, 205, 1.0);
}
.autocomplete_mobile::placeholder {
  color: rgba(0, 0, 0, 1.0);
      font-family: 'Open Sans', Font Awesome 6 Pro, Georgia, sans-serif;
      text-transform: none;
      font-size: 0.75em;
      word-spacing: auto;
      letter-spacing: auto;
      font-weight:200;
}
.autocomplete_mobile:focus::placeholder {
  color: #000;
      font-family: 'Open Sans', Font Awesome 6 Pro, Georgia, sans-serif;
}

.autocomplete_mobile:focus~.btnstyle .fa {
  color: #fff;
  opacity: 1;
}
.autocomplete_mobile:focus~.searchicon {
  opacity: 1;
  z-index: 3;
  color: #FFFFFF;
}
.btnstyleslide {
  top: 3px;
  position: absolute;
  right: 98px;
  bottom: 0;
  width: 40px;
  height: 33px;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #000;
  z-index: 102;
  background-color: transparent;
  border: solid 0px;
  -webkit-transition: all 0.0s ease 0s;
  -moz-transition: all 0.0s ease 0s;
  transition: all 0.0s ease 0s;
  outline: none;
  background-color: rgba(225, 225, 225, 1.0);
  border-left: 0px dotted rgba(0, 0, 0, 0.4);
}
 .btnstyleslide .fa {
  line-height: 34px;
  margin: 0;
  padding: 0;
  text-align: center;
  opacity: 0.90;
  font-size: 1.25em !Important;
  background-color: rgba(225, 225, 225, 1.0);
  margin-top: 3px;
}
.btnstyleslide:hover {
  background-color: rgba(225, 225, 225, 1.0);
  color: #0099CC !Important;
}
.btnstyleslide:hover .fa {
  background-color: rgba(225, 225, 225, 1.0);
}


	/************************ 	QUICK DONATE - SLIDE OUT ****************************/
.quick_donate_area {    display: none;
    width: 100vw;
    background: url(../svg/);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: rgba(256,256,256,1.0);
    backdrop-filter: blur(5px);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    -webkit-box-shadow: inset -4px 0px 11px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0);
    box-shadow: inset -4px 0px 11px 0px rgb(0 0 0 / 0%);
    padding: 0px 0px 50px 30px;
    overflow: hidden;
    z-index: 10000;
    border-top: solid 5px #0099CC;
}

.quick_donate_area_close {position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:101;}

.quick_donate_area_button {position: absolute; width: auto; height: auto; right: 10px; display:block; font-size: 28px; color: #000; top: 5px; }
.quick_donate_area_button:hover {color: #ccc; cursor: pointer;}
.quick_donate_area_background {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;    }

.quick_donate_area_content {position:relative; width: 100%; height:100vh; float:left;   padding: 0px 40px 40px 0px; }
.quick_donate_area_inner {position:relative; width: auto; height: auto; margin: 0px 30px 0px 30px; }
.quick_donate_area_header {position:relative; width: 100%; height: 90px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; }
.quick_donate_area_header_other {position:relative; width: 100%; height: 60px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; }

.quick_donate_area_donation_holder {position:relative; width: 100%; height: auto; background-color: #fff;-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); margin-bottom:10px; padding-bottom;30px;}
.quick_donate_area_donation_holder_header {position:relative; width: 100%; height: auto; top:0; left: 0px; padding: 10px 15px; font-size: 0.7em; letter-spacing: 0.1em; word-spacing: 0.1em; color:#fff; text-align:left; background-color: rgba(233,246,249,1.0);}
.quick_donate_area_donation_holder_header_background {width: auto; height: auto; top:0; left: 0px; padding: 5px 10px; background-color: rgba(77,196,232,1.0); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.quick_donate_area_donation_item_holder {position:relative; width: 100%; height: 150px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; }
.quick_donate_area_donation_item_holder_image {position:relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 5%; text-align:left; }
.quick_donate_area_donation_item_holder_text {position:relative; width: 50%; height: 150px; float: left; overflow: hidden;margin-right: 0%; text-align:left;}
.quick_donate_area_donation_item_holder_price {position:relative; width: 20%; height: 150px; float: right; overflow: hidden; text-align:center; font-size:1.5em; line-height:auto; padding-top:20px;}
.quick_donate_area_donation_item_image {width: 100%; height: 100%; background-size: cover; background-position: center; }

.quick_donate_area_donation_total_holder {position:relative; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; margin-top:30px; }

.quick_donate_area_donation_total_holder_total {position:relative; width: 100px; float: left; margin-right: 0%; text-align:left; color: #fff; font-size: 2.0em; font-weight: normal; }
.quick_donate_area_donation_total_holder_value {position:relative; width: auto; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_area_donation_checkout_holder {position:relative; width: 100%; height: 120px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; padding: 30px 0px; }

.quick_donate_area_donation_checkout_holder_checkout {position:relative; width: 100%; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_payment_logos { width: 70%; max-width: 260px;}

#quickdonateopenclose {height: 40px; display:block; background-color: transparent;}



	/************************ 	ECOM BASKET SLIDE OUT ****************************/
.quick_donate_area_ecombasket {
    display: none;
    width: 100vw;
    background: url(../svg/);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: rgba(256,256,256,1.0);
    backdrop-filter: blur(5px);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    -webkit-box-shadow: inset -4px 0px 11px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0);
    box-shadow: inset -4px 0px 11px 0px rgb(0 0 0 / 0%);
    padding: 0px 0px 50px 30px;
    overflow: hidden;
    z-index: 10000;
    border-top: solid 5px #0099CC;
}
.quick_donate_area_ecombasket_donation {width: 100%; position:relative;  padding:  0px 30px 50px 30px;  }

.quick_donate_area_close_ecombasket {position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:10000;}
.quick_donate_area_close_ecombasket_donation {position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:10px; z-index:10000;}


.quick_donate_area_button_ecombasket {
    position: absolute;
    width: auto;
    height: auto;
    right: 10px;
    display: block;
    font-size: 1.8em;
    color: #222;
    z-index: 10001;
    top: 5px;
}
.quick_donate_area_button_ecombasket:hover {color: #ccc; cursor: pointer;}
.quick_donate_area_background_ecombasket {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;    }
.quickdonicons {color: #0099CC; font-size: 5em; }
.quick_donate_area_content_ecombasket {position:relative; width: 100%; height:100vh; float:left;   padding: 0px 40px 40px 0px; }
.quick_donate_area_inner_ecombasket {position:relative; width: auto; height: auto; margin: 0px 30px 0px 30px; }
.quick_donate_area_header_ecombasket {
position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 0px solid rgba(0,0,0,0.1);
    top: 0px;
}
.quick_donate_area_header_ecombasket_ecom {
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.quick_donate_area_header_ecombasket_donation {
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: -65px;
    top: -75px;
}


.quick_donate_area_donation_holder_ecombasket {position:relative; width: 100%; height: auto; background-color: #fff;-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.0); margin-bottom:10px; padding-bottom;30px;}
.quick_donate_area_donation_holder_header_ecombasket {position:relative; width: 100%; height: auto; top:0; left: 0px; padding: 10px 15px; font-size: 0.7em; letter-spacing: 0.1em; word-spacing: 0.1em; color:#fff; text-align:left; background-color: rgba(233,246,249,1.0);}
.quick_donate_area_donation_holder_header_background_ecombasket {width: auto; height: auto; top:0; left: 0px; padding: 5px 10px; background-color: rgba(77,196,232,1.0); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.quick_donate_area_donation_item_holder_ecombasket {position:relative; width: 100%; height: 150px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; }
.quick_donate_area_donation_item_holder_image_ecombasket {position:relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 5%; text-align:left; }
.quick_donate_area_donation_item_holder_text_ecombasket {position:relative; width: 50%; height: 150px; float: left; overflow: hidden;margin-right: 0%; text-align:left;}
.quick_donate_area_donation_item_holder_price_ecombasket {position:relative; width: 20%; height: 150px; float: right; overflow: hidden; text-align:center; font-size:1.5em; line-height:auto; padding-top:20px;}
.quick_donate_area_donation_item_image_ecombasket {width: 100%; height: 100%; background-size: cover; background-position: center; }

.quick_donate_area_donation_total_holder_ecombasket {position:relative; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; margin-top:30px; }

.quick_donate_area_donation_total_holder_total_ecombasket {position:relative; width: 100px; float: left; margin-right: 0%; text-align:left; color: #fff; font-size: 2.0em; font-weight: normal; }
.quick_donate_area_donation_total_holder_value_ecombasket {position:relative; width: auto; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_area_donation_checkout_holder_ecombasket {position:relative; width: 100%; height: 120px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; padding: 30px 0px; }

.quick_donate_area_donation_checkout_holder_checkout_ecombasket {position:relative; width: 100%; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_payment_logos_ecombasket { width: 70%; max-width: 260px;}

#quickdonateopenclose_ecombasket {height: 40px; display:block; background-color: transparent;}


.quick_donation_tab {display: block; position: fixed; bottom:0px; right:2%; background-color: #0099CC;  border-top: 0px solid #ddd; width:auto; height: auto; z-index:100; text-align: center; padding: 10px 20px; display: block; font-size: 1.375em; -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0); }


	/************************ 	ECOM SEARCH SLIDE OUT ****************************/
.quick_donate_area_ecomsearch {display:block; position: absolute; right: 5%; top: -12px;}
.quick_donate_area_close_ecomsearch {display: none;}
.quick_donate_area_button_ecomsearch {display:none;}
.quick_donate_area_background_ecomsearch {display:none;}
.quick_donate_area_content_ecomsearch {display:inline;}
.quick_donate_area_inner_ecomsearch {display:inline;}
.quick_donate_area_header_ecomsearch {display:none;}

.ecomsearch_input_holder {position: relative; top: 0px; right: -5px;
      }    
.ecomsearch_input_holder.small {position: fixed; top: 11px; right: 5%; z-index: 102; display: none;
      } 


/************************ ORDERING ADDON ****************************/
.delivery_address_style {font-size: inherit;
}

.shopping_cart_image_ecom {background-attachment: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; display:block; width:150px; height:100px; position: relative; margin: 0 auto;}
.ordering_category_header {
position: relative;
display: inline-block;
width: 100%;
height:  auto;
top: 0px;
margin-top: -8px;
margin-bottom: -5px;
}


.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.card_ordering_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;
  }
.card_ordering {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.333333% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis:auto; display:block;
}
.card_ordering:hover {background:#f5f5f5;
}
.card_ordering:hover .larger_h6_text {color: #0099CC;
}


.card_ordering_holder_related {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 100px;  margin: 2px -10px 0.0em -10px; width: calc(100% - 0px); align-items: stretch;
  }
.card_ordering_related {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(20% - 20px); overflow:hidden; height: auto; flex-grow: 1; flex-basis:auto; display:block; max-width: 400px;
}
.card_ordering_related:hover {background:#f5f5f5;
}
.card_ordering_related:hover .larger_h6_text {color: #0099CC;
}
.card_image_ordering {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image_ordering img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image_ordering iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content_ordering { width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block; max-height:500px;}

#toggle_panel_ordering {
  display: none;
  position:relative;
  text-align:left;
  margin-bottom: 0px;
}
.ordering_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: 0px; margin-top: 34px;}
.ordering_products_sort_holder {position:relative; width: 100%; float:right;  }
.ordering_products_sort_select {position:relative; width: auto; min-width: 150px;}
.ordering_products_left {position:relative; float: left; width: 17%; margin: -60px 3% 0% 0%; }
.ordering_products_right {position:relative; float: left; width: 80%; margin: -2px 0% 3% 0%}
.ordering_products_bottom {position:relative; float: left; width: 100%;}
.ordering_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.ordering_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }

.no-results {display:none; position: relative; top:120px; height: 0px; width:100%; text-align: center; font-size: 1em; min-height: 400px;}

.booking_products_right {min-height: 200px;}
.inpage_search_holder {position: relative; margin:20px 0px 10px 0px; left:-3px; display: none;}

/************************ EVENT ADDON ****************************/
.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.card_event_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;
  }
.card_event {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.333333% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}
.card_event:hover {background:#f5f5f5;
}
.card_event:hover .larger_h6_text {color: #0099CC;
}
.card_image_event {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image_event img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image_event iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content_event {width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block; max-height:500px;}


#toggle_panel_event {
  display: none;
  position:relative;
  text-align:left;
  margin-bottom: 0px;
}

.overlay-margin-correction {margin: auto -6px auto -6px !Important; padding: 0px;
}

.toggle_button_hide_events {display: none;
}

.event_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: 36px; margin-top: -64px; min-height: 98px;}
.event_products_sort_holder {position:relative; width: 100%; float:right;  }
.event_products_sort_select {position:relative; width: auto; min-width: 150px;}
.event_products_left {position:relative; float: left; width: 17%; margin: -86px 3% 0% 0%; }
.event_products_right {position:relative; float: left; width: 80%; margin: -53px 0% 3% 0%}
.event_products_bottom {position:relative; float: left; width: 100%;}
.event_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.event_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }


.event_title_correction { margin: -10px 0px 25px -1px;
}

/************************ LOCATION ADDON ****************************/
.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.card_location_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;
  }
.card_location {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.333333% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}
.card_location:hover {background:#f5f5f5;
}
.card_location:hover .larger_h6_text {color: #0099CC;
}
.card_image_location {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 200px;
  background: #fff;
}
.card_image_location img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_image_location iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 200px;
}
.card_content_location { width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block; max-height:500px;}




#toggle_panel_location {
  display: none;
  position:relative;
  text-align:left;
  margin-bottom: 0px;
}

.location_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: 36px; margin-top: -44px; min-height: 98px;}
.location_products_sort_holder {position:relative; width: 100%; float:right;  }
.location_products_sort_select {position:relative; width: auto; min-width: 150px;}
.location_products_left {position:relative; float: left; width: 17%; margin: -86px 3% 0% 0%; }
.location_products_right {position:relative; float: left; width: 80%; margin: -53px 0% 3% 0%}
.location_products_bottom {position:relative; float: left; width: 100%;}
.location_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.location_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }

/************************ MESSAGE ADDON ****************************/
.image_gallery_item_basket {
  width: 24.8%; 
  background-size: cover;
   background-repeat: no-repeat;
  background-attachment: absolute;
  background-position: center; 
  height: 120px;
  margin:0.3%;
  flex-grow: 0;
  min-width:160px;
}
fieldset {
    border: 0;
}
.image_span_basket {width: 100%; height: 120px; display:block;}

.card_message_holder {  display: flex;
  margin: 0 -10px;   flex-flow: row wrap; rgba(256,256,256,0.0)
  }

.card_message { background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 1%; width:31%; overflow:hidden; height: 600px;
}
.card_image_message {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;
  background-attachment: relative;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  display:block;
}
.card_content_message {width: auto; height: auto; position:relative; padding: 6% 9% 9% 9%;  display:block; }

#toggle_panel_message {
   display: none;
  position:relative;
  text-align:left;
  margin-bottom: 0px;
}
.message_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:0%; margin-bottom: 0px; margin-top: 30px;}
.message_products_sort_holder {position:relative; width: 100%; float:right;  }
.message_products_sort_select {position:relative; width: auto; min-width: 150px;}
.message_products_left {position:relative; float: left; width: 17%; margin: -60px 3% 0% 0%; }
.message_products_right {position:relative; float: left; width: 80%; margin: 0% 0% 3% 0%}
.message_products_bottom {position:relative; float: left; width: 100%;}
.message_process_action_button_holder { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }
.message_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:inline-block; }


/** Coroner, footer and header ribbons **/
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: inherit;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 99;
}

.top-ribbon{
  width: 100%;
  background: #e43;
  position: fixed;
  top: 0px;
  left: 0px;
  text-align: center;
  line-height: auto;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  z-index: 1001;
 padding: 20px;
}

.bottom-ribbon{
  width: 100%;
  background: #e43;
  position: fixed;
  bottom: 0px;
  left: 0px;
  text-align: center;
  line-height: auto;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  z-index: 1001;
    padding: 20px;
}
.corner-ribbon.sticky{
  position: fixed;
}
.corner-ribbon.shadow{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.top-ribbon.shadow{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.bottom-ribbon.shadow{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.whitetrans{background: rgba(255, 255, 255, 0.7);color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.blacktrans{background: rgba(0, 0, 0, 0.7);}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.darkgrey{background: #333;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.darkblue{background: rgba(31, 65, 134, 1.0);}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}
.corner-ribbon.brown{background: #4D2F00;}

.top-ribbon.white{background: #f0f0f0; color: #555;}
.top-ribbon.whitetrans{background: rgba(255, 255, 255, 0.7);color: #555;}
.top-ribbon.black{background: #333;}
.top-ribbon.blacktrans{background: rgba(0, 0, 0, 0.7);}
.top-ribbon.grey{background: #999;}
.top-ribbon.darkgrey{background: #333;}
.top-ribbon.blue{background: #39d;}
.top-ribbon.darkblue{background: rgba(31, 65, 134, 1.0);}
.top-ribbon.green{background: #2c7;}
.top-ribbon.turquoise{background: #1b9;}
.top-ribbon.purple{background: #95b;}
.top-ribbon.red{background: #e43;}
.top-ribbon.orange{background: #e82;}
.top-ribbon.yellow{background: #ec0;}
.top-ribbon.brown{background: #4D2F00;}

.bottom-ribbon.white{background: #f0f0f0; color: #555;}
.bottom-ribbon.whitetrans{background: rgba(255, 255, 255, 0.7);color: #555;}
.bottom-ribbon.black{background: #333;}
.bottom-ribbon.blacktrans{background: rgba(0, 0, 0, 0.7);}
.bottom-ribbon.grey{background: #999;}
.bottom-ribbon.darkgrey{background: #333;}
.bottom-ribbon.blue{background: #39d;}
.bottom-ribbon.darkblue{background: rgba(31, 65, 134, 1.0);}
.bottom-ribbon.green{background: #2c7;}
.bottom-ribbon.turquoise{background: #1b9;}
.bottom-ribbon.purple{background: #95b;}
.bottom-ribbon.red{background: #e43;}
.bottom-ribbon.orange{background: #e82;}
.bottom-ribbon.yellow{background: #ec0;}
.bottom-ribbon.brown{background: #4D2F00;}


/** Coroner ribbons Product **/
.corner-ribbon-product{
  width: auto;
  background: #e43;
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0px 15px;
  text-align: left;
  line-height: 24px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  z-index: 99;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: 400;
  overflow: hidden;
}

.corner-ribbon-product.shadow{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

/* Different positions */


.corner-ribbon-product.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon-product.white{background: #f0f0f0; color: #555;}
.corner-ribbon-product.whitetrans{background: rgba(255, 255, 255, 0.7);color: #555;}
.corner-ribbon-product.black{background: #333;}
.corner-ribbon-product.blacktrans{background: rgba(0, 0, 0, 0.7);}
.corner-ribbon-product.grey{background: #999;}
.corner-ribbon-product.darkgrey{background: #333;}
.corner-ribbon-product.blue{background: #39d;}
.corner-ribbon-product.darkblue{background: rgba(31, 65, 134, 1.0);}
.corner-ribbon-product.green{background: #2c7;}
.corner-ribbon-product.turquoise{background: #1b9;}
.corner-ribbon-product.purple{background: #95b;}
.corner-ribbon-product.red{background: #e43;}
.corner-ribbon-product.orange{background: #e82;}
.corner-ribbon-product.yellow{background: #ec0;}
.corner-ribbon-product.brown{background: #4D2F00;}

 .product_gallery_container {position: relative; width: auto; height: auto; overflow: hidden; margin-top: 0.8em;
       }
 
/************************ COOKIE WINDOW ****************************/
#cookie-popup{width: 100%;
  background: rgba(230,230,230,1.0);
  position: fixed;
  bottom: 0px;
  left: 0px;
  text-align: center;
  line-height: auto;
  letter-spacing: 1px;
  color: #000;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  z-index: 99;
    padding: 12px 30px 14px 30px ;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);)
} 

.cookie_bar {color:#fff; margin:0vh auto;padding:15px 50px 15px 50px;background: rgba(0,0,0,0.7);border-radius:0px;width:100%;position:fixed;bottom:0px;left:0px;transition:all 1s ease-in-out;z-index:1000; text-align:center; display:none; font-size: 0.875em;}

#closeButton {position: absolute; right:0px; top:0px; margin: 15px; color:#fff; cursor: pointer; font-size:18px;}


/************************ POPUP ONLOAD ****************************/
#newsletter-popup{color:#222; margin:10vh auto;padding:20px 40px 40px;background:#fff;border-radius:0px;width:500px;position:relative;transition:all 1s ease-in-out;z-index:1001;-webkit-box-shadow:0 0 48px 7px rgba(0,0,0,.37);-moz-box-shadow:0 0 48px 7px rgba(0,0,0,.37);box-shadow:0 0 48px 7px rgba(0,0,0,.37); line-height: 1.3em}

.newsletter-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);transition:opacity .5s;visibility:visible;opacity:1;display:none;z-index:1001}

#newsletter-popup .popup-close{color:#222;height:30px;width:30px;position:absolute;top:10px;right:10px;text-align:center;text-decoration:none;line-height:30px; font-size:18px;}

.apollyoncredit {font-size: 0.75em; position: absolute; bottom: -30px; left: 0px; z-index: 2;
}
/** ENABLE CREDIT LINK TO BE CHANGED IF NEEDS BE **/
.apollyoncredit a:link {color: !Important}

.apollyoncredit_comp_details {font-size: 0.75em; position: absolute; bottom: 0px; left: 0px; z-index: 2;
}

.horizontal_rule {border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 0px 0em 10px 0em;  display: block; width:100%;
}

.vertical_rule {border-left: 1px solid rgba(0, 0, 0, 0.2); margin: 0em 0.5em; display: block; width:auto; height:100%;
}
.searchMenuSupport {display: none; position: absolute; left: 10000px;  
}

.tree { margin: 1em; }

.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }

.tree input ~ ul { display: none; }

.tree input:checked ~ ul { display: block; }


.tree li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 1em;
  }

.tree ul li { padding: 1em 0 0 1em; }

.tree > li:last-child { padding-bottom: 0; }


.tree_label {
  position: relative;
  display: inline-block;
  background: #fff;
  }

label.tree_label { cursor: pointer; }

label.tree_label:hover { color: #666; }


label.tree_label:before {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  content: '+';
  text-align: center;
  line-height: .9em;
  }

:checked ~ label.tree_label:before { content: '–'; }


.tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  border-left: 1px solid #777;
  content: "";
  }

.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  border-bottom: 1px solid #777;
  border-left: 1px solid #777;
  border-radius: 0 0 0 .3em;
  content: '';
  }

label.tree_label:after { border-bottom: 0; }

:checked ~ label.tree_label:after {
  border-radius: 0 .3em 0 0;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto;
  }

.tree li:last-child:before {
  height: 1em;
  bottom: auto;
  }

.tree > li:last-child:before { display: none; }

.tree_custom {
  display: block;
  background: none;
  padding: 0em;
  width: auto;
  
}
/************************ MESSAGE BAORD ADDON ****************************/
.message_board_category_page_post_holder {width: 100%; height:  auto; margin: -30px 0px 30px 0px;
}

/************************ ERROR PAGE STYLES ****************************/
    .logo_error {text-align: center; width: 100%; display: block; position: relative; margin: 20px 0px 30px 10px;}
    .logo_error img {width: 100%; max-width: 250px;}

/************************ BULLET POINT RESET ****************************/
    .browser-default {
    padding-left: 2em;
    }
    .browser-default li {
    margin-bottom: 0.6em;
    }

/************************ PAYMENT PAGE REVEAL ****************************/
     #autoUpdate {display:none; background-color: rgba(256,256,256,1.0);} .input-icons {position: relative;}
     #autoUpdateBAC {display:none; background-color: rgba(256,256,256,1.0);} .input-icons {position: relative;}
    #autoUpdateCHQ {display:none; background-color: rgba(256,256,256,1.0);} .input-icons {position: relative;}

/************************ PAYMENT PAGE NEW BITS ****************************/
       .payment_button_full_width {width: 100% !Important;
       }

       .pp_button {
		background-color: transparent;
		border-color: transparent;
		height: 46px;
        width: 232px;
          background-image: url('../Layout_images/buy-logo-large.png');
  background-size: 228px 44px;
  background-repeat: no-repeat; 
  cursor: pointer;
}
       .cccard_outer {  width: 100%; margin-top: 10px;
  text-align: center;
       }
       .cccard_holder {
           display: inline-block;
           margin: 0 auto;
           background: #f5f5f5;
           border: solid 1px #ddd;
           width: 50%;
           padding: 10px 15px;
           border-radius: 0.0em;
       }
.card_error_style {
    font-size: 0.875em;
    color: #c11010;
    width: 100%;
    text-align: center;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: -10px;
}
/************************ PAGE LOADING ANIMATION ****************************/
.loading_animation_background_HIDE {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 100vh;
  width: 100%;
  background-color: #222222;
  display:none;
  position: fixed;
  top:0px;
  left:0px;
  z-index:100000;
  opacity: 0.8;}
.loading_animation_background {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 100vh;
  width: 100%;
  background-color: #222222;
  display:block;
  position: fixed;
  top:0px;
  left:0px;
  z-index:100000;
  opacity: 0.8;
}
#loading_animation_holder{
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
   z-index:100001;
}
/* KEYFRAMES */

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

/* GRID STYLING */
.spinner-box {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
/* SPINNING CIRCLE */
.leo-border-1 {
  position: absolute;
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.0);
  background: linear-gradient(0deg, rgba(63,249,220,0.1) 33%, rgba(63,249,220,1) 100%);
  animation: spin3D 1.8s linear 0s infinite;
}
.leo-core-1 {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.0);
  border-radius: 50%;
}
.leo-border-2 {
  position: absolute;
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.0);
  background: linear-gradient(0deg, rgba(251, 91, 83, 0.1) 33%, rgba(251, 91, 83, 1) 100%);
  animation: spin3D 2.2s linear 0s infinite;
}
.leo-core-2 {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  border-radius: 50%;
}

/* ALTERNATING ORBITS */
.circle-border {
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.0);
  background: linear-gradient(0deg, rgba(63,249,220,0.1) 33%, rgba(63,249,220,1) 100%);
  animation: spin .8s linear 0s infinite;
}
.circle-core {
  width: 100%;
  height: 100%;
  background-color: #222222;
  border-radius: 50%;
}
.leo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.loading_text {position: absolute; width:100%;	justify-content: center;
	align-items: center; color:#fff;  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
  font-size:1.3em;
  font-family: 'Open Sans', Font Awesome 6 Pro, Georgia, sans-serif;
}

.filter_input_margin_correction {width: calc(100% + 2%);   display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0px -16px 1px;
}

.main_page_title_area {width: calc(100% + 0%); position: relative; margin-top: 10px; margin-bottom: -10px; min-height: 0px;
}
.main_page_title_area_forms {width: calc(100% + 0%); position: relative; margin-top: -10px; margin-bottom:20px; min-height: 0px;}
.main_page_title_area_tables {width: calc(100% + 0%); position: relative; margin-top: -10px; margin-bottom:40px; min-height: 0px;}

.Popup_window_close {position: absolute; display: block; top: 20px; right: 10px;
}
.ecomsearchmobile {display: none;
}
.sidenav {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 1002;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
}
.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 1001;
  display: none;
} 

.sidenav.right-aligned {
  right: 0;
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  left: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.sidenav .collapsible {
  margin: 0;
}

.sidenav li {
  float: none;
  line-height: 24px;
}

.sidenav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a {
  color: #000;
  display: block;
  font-size: 1.0em;
  font-weight: 100;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
  border-left: solid 3px #fff;
}

.sidenav li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-left: solid 3px #0099CC;
  padding: 0 32px;
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
  margin: 10px 15px;
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
  color: #fff;
}

.sidenav li > a.btn-flat {
  color: #343434;
}

.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
  background-color: #2bbbad;
}

.sidenav li > a.btn-floating:hover {
  background-color: #26a69a;
}

.sidenav li > a > i,

.sidenav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

.sidenav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 48px;
}

.sidenav .subheader:hover {
  background-color: transparent;
}

.sidenav .user-view {
  position: relative;
  padding: 32px 32px 32px;
  margin: 0 0 8px 0;
  font-size: 14px !Important;
  color: #fff;
  line-height: 24px !Important;
  text-align: center;
}

.sidenav .user-view > a {
  height: auto;
  padding: 0;
}

.sidenav .user-view > a:hover {
  background-color: transparent;
}

.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  background-color: #0099CC;
}

.sidenav .user-view .circlesidenav, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}

.sidenav .user-view .circlesidenav {
  height: 64px;
  width: 64px;
}

.sidenav .user-view .name,
.sidenav .user-view .email {
  font-size: 0.875em;
  line-height: 24px;
}

.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 400;
}

.sidenav .user-view .email {
  padding-bottom: 16px;
  font-weight: 400;
}
.sidenav_icon {
  width: 30px;
  display: inline-block;
  text-align: left;
  margin: 0px 0px 0px 0px;
}
.sidenavdivider {
    width: 100%;
    height:  0.05em;
    margin: 0 0 0 0;
    background-color: rgba(0,0,0,.2);
}

img.circlesidenav {
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
}

.roundpoint a {
  padding: 11px 15px 11px 23px;
  text-align: center;
  
}

.roundpoint a .fa {
  font-size: 1.0625em;
}

em.roundpoint {
  position: relative;
  top: -9px;
  width: auto;
  height: auto;
  display: inline-block;
    right: auto;
    left: -2px;
    background-color: transparent;
  font-size: 0.75em;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  line-height: 10px;
  color: #222;
  border-bottom: solid #222 0px;
}

.roundpoint>a>.mobiletext {
    display: none;
}
.sidenav-trigger { }

 .backtocat_positon {position: absolute; right: 5%; top: 20px; z-index: 0; font-size: 0.8em; font-weight: normal;}

/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/
.data_grid_items_all_left {position:relative; float: left; width: 17%; margin: -19px 3% 0% 0%; }
.data_grid_items_all_right {position:relative; float: right; width: 80%; margin: 17px 0% 3% 0%}
.data_grid_card_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 6px -10px 0.0em -10px;}
.data_grid_card {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 1em 10px; width: calc(33.333333% - 20px); overflow:hidden; }
.data_grid_card:hover {background:#fff;}
.data_grid_card:hover .larger_h6_text {color: #0099CC;}
.data_grid_card_content {position: relative; padding: 20px 9% 20px 9%; display: block; min-height: 160px;}
.data_grid_card_stars_holder {position: relative; margin: 0px 0px -20px 0px; width: 100%; display: block; font-size: 13px;}
.data_grid_card_stars {font-size: 13px; }
.data_grid_card_stars_star {color: #FFDF14; display: none;}
.data_grid_card_description  {position: relative; margin: -5px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_price {position: relative; margin: 0px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_regular_price {font-weight: bold !Important;}
.data_grid_filter_button {display:none;}
.data_grid_toggle_button_hide {display:block;}
#data_grid_toggle_button {display:block; padding: 16px 16px;margin:0px -16px;left:0px; z-index:0; position: relative;} 
#data_grid_toggle_panel {  display: block;  position:relative;  text-align:left;  margin-bottom: 0px;}
.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 280px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 280px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 280px;}
.data_grid_no-results {position: relative; width: 100%; height:100%; line-height:3em; display: block; text-align:center; background-color: transparent; font-size:18px; font-weight:100; margin-top:21px;}
.data_grid_popup_options {display:block;}
.data_grid_popup_options_closebutton {display: none;}
.map_container_datagrid {margin: 20px 0 0px 0; border: solid 0.05em rgba(0,0,0,0.2); display: block; background-color: #f5f5f5; }
.filter_wrapper {display:block; padding: 0px 0px 10px 0px;}
.filter_sub_wrapper {display:block; margin: -10px 0px -14px 0px;}
.sort_wrapper {display:block; padding: 0px 0px 0px 0px; margin-left: -2px;}
.sort_sub_wrapper {display:block; margin: 10px 0px 0px 0px; }
.search_wrapper {display:block; padding: 2px 0px 0px 0px; margin-left: -2px;}
.search_sub_wrapper {display:block; margin: 10px 0px 0px 0px;}
.pages_wrapper {display:block; padding: 0px 0px 0px 0px; margin-left: -2px;}
.pages_sub_wrapper {display:block; margin: 10px 0px 0px 0px;}
.reset_wrapper {display:block; padding: 20px 0px 0px 0px;}
.button_lowercase {text-transform: capitalize !Important; font-size:16px; margin: 0px 0px 0px -5px;}
.item_filters_hidden {display:none;}
.pagination-label-holder {display: block; position: absolute; right:  5px; top: -14px; font-size: 0.90em;  font-weight: bold;}
.pagination-label-mobile-holder {display: none;}
.pagination-label::before {content: "Displaying items: "; font-weight: bold; margin-right: 4px; color: #af0c0c;}
.pagination_holder {display: flex;    padding-right: 0;    list-style: none;	width:100%;	justify-content: flex-end;	margin-top: 10px;	}
.pagination {  display: inline-flex;  padding-left: 0;  list-style: none;  width: 100%;  border: 0;}
.page-link {  position: relative;  display: block;  color: #0d6efd;  text-decoration: none;  background-color: #fff;  border: 1px solid #dee2e6;  font-size: 16px;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.page-link {transition: none;}
.page-link:hover {z-index: 2;color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6;}
.page-link:focus {z-index: 3;color: #0a58ca;  background-color: #e9ecef;  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
 .page-item:not(:first-child) .page-link {  margin-left: -1px;}
.page-item.active .page-link { z-index: 3;  color: #fff;  background-color: #0d6efd;  border-color: #0d6efd;}
.page-item.disabled .page-link {  color: #6c757d;  pointer-events: none;  background-color: #fff;  border-color: #dee2e6;}
.page-link { padding: 0.375rem 0.75rem;}
.page-item:first-child .page-link {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem;}
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem;}
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;}
.pagination-sm .page-link {padding: 0.25rem 0.5rem; font-size: 0.875rem;}
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}
.pagination-sm .page-item:last-child .page-link {border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}
.sign_in_price_link { width: 48%; cursor:pointer; display: inline-block; z-index: 0; bottom: 0px; left: 0px; position:  relative; font-weight: 100;  background: rgba(0,153,204,1.0); padding: 15px 2px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 0.8rem; margin: 30px 2% 0px 0px; white-space: nowrap; }
.sign_in_price_link:hover {background: rgba(50,50,50,1.0); }
.sign_in_price_link a:link {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:visited {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:hover {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:active {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:focus, active {outline: none;}


.sign_in_price_link_viewproduct { width: 48%; cursor:pointer; display: inline-block; z-index: 0; bottom: 0px; left: 0px; position:  relative; font-weight: 100;  background: rgba(50,50,50,1.0); padding: 15px 2px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 0.8rem; margin: 30px 2% 0px 0px; white-space: nowrap; }
.sign_in_price_link_viewproduct:hover {background: rgba(0,153,204,1.0);; }
.sign_in_price_link_viewproduct a:link {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:visited {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:hover {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:active {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:focus, active {outline: none;}

/************************ WIDE LAYOUT ****************************/
.data_grid_card_holder_wide {display: flex; margin: 0 0px 0px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); height: auto;  margin: 2px 0px 0.0em 0px;}
.data_grid_card_wide {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);   margin:0 0 20px 0; width: calc(100% - 0px); overflow:  hidden; position: relative; }
.data_grid_card_wide:hover {background:#fff;}
.data_grid_card_wide:hover .larger_h6_text {color: #0099CC;}
.data_grid_card_content_wide {position: relative; padding: 20px 2%; display: inline-block; width: 60%; height: 100%; float:left; top: 0px; overflow: hidden; min-height: 280px;}
.data_grid_card_image_wide {width: 40%; border-radius:0px 0px 0px 0px;  position: relative;   display:inline-block;  overflow: hidden;  height: 100%;  background: transparent; float: left; min-height: 280px;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: relative;    min-height: 100%;}     
.larger_h6_text_wide {font-size: 1.8em; text-transform: capitalize; letter-spacing:0.0em; font-weight: 200; margin: 10px 0px 10px 0px;}        
.data_grid_card_image_wide iframe {width: 33.3333%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 280px;}
 .listing_tab_wrapper_inner_relateditems {position: relative; background-color: #f2f2f2; padding: 2%; top: -11px;  bottom: 0px; position: relative; display: block; border: 0px solid #ddd !Important; border-top: 0px solid #ddd !Important;}


/************************ SMALL LAYOUT ****************************/
.data_grid_card_holder_small {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;}
.data_grid_card_small {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 1em 10px; width: calc(25% - 20px); overflow:hidden; }
.data_grid_card_small:hover {background:#fff;}
.data_grid_card_small:hover .larger_h6_text {color: #0099CC;}
.data_grid_card_content_small {position: relative; padding: 20px 9% 20px 9%; display: block; min-height: 160px;}
.data_grid_card_content_small_related {position: relative; padding: 20px 0% 20px 0%; display: block; min-height: 160px;}
.data_grid_card_stars_holder_small {position: relative; margin: 0px 0px -20px 0px; width: 100%; display: block; font-size: 13px;}
.data_grid_card_stars_small {font-size: 13px; }
.data_grid_card_stars_star_small {color: #FFDF14; display: none;}
.data_grid_card_description_small  {position: relative; margin: -5px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_price_small {position: relative; margin: 0px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_regular_price_small {font-weight: bold !Important;}
.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 220px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 220px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 220px;}


/************************ LARGE LAYOUT ****************************/

.data_grid_card_holder_large {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;}
.data_grid_card_large {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);   margin: 0em 10px 1em 10px; width: calc(50% - 20px); overflow:hidden; }
.data_grid_card_large:hover {background:#fff;}
.data_grid_card_large:hover .larger_h6_text {color: #0099CC;}
.data_grid_card_content_large {position: relative; padding: 20px 9% 20px 9%; display: block; min-height: 160px;}
.data_grid_card_stars_holder_large {position: relative; margin: 0px 0px -20px 0px; width: 100%; display: block; font-size: 13px;}
.data_grid_card_stars_large {font-size: 13px; }
.data_grid_card_stars_star_large {color: #FFDF14; display: none;}
.data_grid_card_description_large  {position: relative; margin: -5px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_price_large {position: relative; margin: 0px 0px 0px 0px; width: 100%; display: block;}
.data_grid_card_regular_price_large {font-weight: bold !Important;}
.data_grid_filter_button_large {display:none;}
.data_grid_toggle_button_hide_large {display:block;}
.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 400px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 400px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 400px;}
/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/



.menu_contact_area_mobile {display: none;}

        .postcodebutton {top: 0px;
    position: absolute;
    right: -3px;
    bottom: 0;
    width: 50px;
    height: 53px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    color: #000;
    z-index: 1;
    border: solid 0px;
    -webkit-transition: all 0.0s ease 0s;
    -moz-transition: all 0.0s ease 0s;
    transition: all 0.0s ease 0s;
    outline: none;
    background-color: rgba(0, 0, 0, 0.1);
    border-left: 0px dotted rgba(0, 0, 0, 0.4);
        font-size:16px;}

/************************ LISTING PAGE STYLES ****************************/
.spec_container {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
.spec_icon {display: block; flex-grow: 0; min-width: 60px; position: relative; float: left; font-size: 26px; color: #3e8ed8; margin: 10px; text-align:center; }
.spec_icon_text {display: block; flex-grow: 0; width: auto; position: relative; float: left; margin: 0 5% 0 0; }
.spec_icon_title {display: block; height: auto; flex-grow: 0; width: 100%; font-size: 12px; color: #666; text-transform: uppercase; font-weight: 400;   }
.spec_icon_details {display: block; height: auto; flex-grow: 0; width: 100%; font-size: 15px; color: #000; font-weight: bold; margin-top: -6px; line-height: 18px !Important; }

.spec_container_contact {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
.spec_icon_contact {display: none; flex-grow: 0; min-width: 60px; position: relative; float: left; font-size: 26px; color: #3e8ed8; margin: 10px; text-align:center; }
.spec_icon_text_contact {display: block; flex-grow: 0; width: auto; position: relative; float: left; margin: 0 5% 0 0; }
.spec_icon_title_contact {display: block; height: auto; flex-grow: 0; width: 100%; font-size: 12px; color: #666; text-transform: uppercase; font-weight: 400;   }
.spec_icon_details_contact {display: block; height: auto; flex-grow: 0; width: 100%; font-size: 1.5em; color: #000; font-weight: bold; margin-top: -4px; line-height: 18px !Important; }

.box_contact {
    height: auto;
    padding: 0px;
    background-color: #fff;
}
.row_contact {
    display: flex;
    flex-wrap:wrap;
}
.cell_contact {
    flex: 1 1 185px;
    min-height: 0px;
    background-color: #f2f2f2;
    border: 0rem solid #fff;
    padding: 1rem 1rem 1.6rem 1rem;
}

.box {
    height: auto;
    padding: 0px;
    background-color: #fff;
    padding-top: 0px;
}
.row {
    display: flex;
    flex-wrap:wrap;
}
.cell {
    flex: 1 1 225px;
    min-height: 60px;
    background-color: #f2f2f2;
    border: 0.0625rem solid #fff;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
    min-width: 200px;
}
.listing_tab_wrapper {border: solid 1px #ccc; border-top: solid 0px #ccc; min-height:  550px; }
.listing_tab_wrapper_inner {background-color: #fff; padding: 2%; top: -11px; margin: 0px;  bottom: 0px; position: relative; display: block; border: 1px solid #ddd !Important; min-height: 90px;}
.listing_tab_wrapper_inner_grey {background-color: #f2f2f2; padding: 2%; top: -11px;  bottom: 0px; position: relative; display: block; margin-bottom: 0px; border: 1px solid #ddd !Important; border-top: 0px solid #ddd !Important; min-height: 100px;}
.floating-placeholder {line-height: auto !important; margin-top: 3px !important;}
.floating-placeholder .active {
	text-decoration: none;
    top: 0px ;
}



.listings_tabs_mobile_panel {display: inline;}
.listings_tabs_mobile_tab {display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; margin: 0px 2px; }
.listings_css_listings_tabs_wrapper {display: flex; flex-direction: column; align-items: left;}
.listings_tabs {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.listings_tab {display: block !important; width: 100%; height: 100%; background-color:#fff; text-align: center; min-width: 100px; cursor: pointer; padding: 10px 20px; margin: 0px 0px; color: #222; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.listings_panels {background: #fff;min-height: 0px;width: calc(100% - 4px);border-radius: 0px;overflow: hidden;padding: 10px 0px 0px 0px;border-top: 1px solid #ddd;margin-left: 2px;}
.listings_panel {display: none; animation: fadein 0.8s;}
.listings_radio {display: none;}
        
@keyframes fadein { from {opacity: 0;} to {opacity: 1;}}
#one:checked ~ .listings_panels #one-panel,
#two:checked ~ .listings_panels #two-panel,
#three:checked ~ .listings_panels #three-panel,
#four:checked ~ .listings_panels #four-panel,
#five:checked ~ .listings_panels #five-panel,
#six:checked ~ .listings_panels #six-panel,
#seven:checked ~ .listings_panels #seven-panel,
#eight:checked ~ .listings_panels #eight-panel,
#nine:checked ~ .listings_panels #nine-panel,
#ten:checked ~ .listings_panels #ten-panel  {
display: block;
}

#one:checked ~ .listings_tabs #one-tab,
#two:checked ~ .listings_tabs #two-tab,
#three:checked ~ .listings_tabs #three-tab,
#four:checked ~ .listings_tabs #four-tab,
#five:checked ~ .listings_tabs #five-tab,
#six:checked ~ .listings_tabs #six-tab,
#seven:checked ~ .listings_tabs #seven-tab,
#eight:checked ~ .listings_tabs #eight-tab, 
#nine:checked ~ .listings_tabs #nine-tab, 
#ten:checked ~ .listings_tabs #ten-tab  {
background: #f5f5f5;
color: #222;
border-top: 1px solid #ccc;
}



.tabs_1 {display: inline;}
.tabs_2 {display: inline;}
.tabs_3 {display: inline;}
.tabs_4 {display: inline;}
.tabs_5 {display: inline;}
.tabs_6 {display: inline;}
.tabs_7 {display: inline;}
.tabs_8 {display: inline;}
.tabs_9 {display: inline;}
.tabs_10 {display: inline;}


.tabs_1_panel {display: inline !important;}
.tabs_2_panel {display: inline !important;}
.tabs_3_panel {display: inline !important;}
.tabs_4_panel {display: inline !important;}
.tabs_5_panel {display: inline !important;}
.tabs_6_panel {display: inline !important;}
.tabs_7_panel {display: inline !important;}
.tabs_8_panel {display: inline !important;}
.tabs_9_panel {display: inline !important;}
.tabs_10_panel {display: inline !important;}
        
.content-area-main-description-halfwidth {display: inline;} /* IF DESIGN DOESN'T NEED GALLERY IMAGE ADD WIDTH:100% !IMPORTANT AND HIDE GALLERY B */
.content-area-gallery-halfwidth {display: inline;} /* IF DESIGN DOESN'T NEED GALLERY DISPLAY:NONE; */
.listing_page_sub_header {display: block; margin-top:-26px; position: relative;}
.content-area-main-description-fullwidth {display: none;}
.additonal-content-area1 {display: inline; margin: -10px 0 -20px 0;}
.additonal-content-area3listings_tabs {display: inline; margin-top:20px;}
.additonal-content-area2 {display: inline;}
.listings_tabs_plans {display: inline-block; position: relative; width: 100%; }
.listings_tabs_plans_mobile {display: none;}
.listings_hide  {display: none !important;}
.review_holder_new {display: inline-block; width: 96%; height: auto; position: relative; margin: -20px 0% 20px 0%; border-bottom: 0px solid #ddd;}
.review_holder_item {display: inline-block; width: 100%; height: auto; border-bottom: solid #f5f5f5 8px;} 
.review_title {display: block;  }
.review_response_holder {position:  relative; width: auto; background-color: #e3f9fd; padding: 0px 5px; margin: 0px 0px 20px 0px; line-height: 30px;}

.fancybox-slide {padding: 0px; height: 100vh; width: 100% !Important; oveflow:hidden !Important;}
.fancybox-slide--iframe .fancybox-content {background: #fff;height: 100% !important; position: absolute; top: 0px; left: 0px; width: 100% !important;}


.signin_button_text {top:-5px;left:0px;font-size:10px;display:none;position: relative;}
.signin_button_text::after {content: "Account";display:inline-block;}
.signout_button_text {top:-5px;left:0px;font-size:10px;display:none; position: relative;}
.signout_button_text::after {content: "Account";display:inline-block;}


@media only screen and (max-width : 1600px) {
.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_image_wide {width: 40%; border-radius:0px 0px 0px 0px;  position: relative;   display:inline-block;  overflow: hidden;  height: 100%;  background: transparent; float: left; min-height: 180px;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: relative;    min-height: 100%;}            
.data_grid_card_image_wide iframe {width: 33.3333%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}

.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 160px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 160px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 160px;}

.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 360px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 370px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 360px;}

}

@media only screen and (max-width : 1365px) {
    .ecomsearchmobile {display: inline;
}
    .contact_header_holder{
position: absolute;
    display: block;
    left: 0px;
    margin-right: 0;
    top: 10px;
    padding: 5px 0px 5px 0%;
    width: 100%;
    text-align: right;
    background: rgba(245, 245, 245, 0.0);
    margin-bottom: 0px;
}
.contact_header_holder.small{
position: fixed;
    display: block;
    left: 0px;
    margin-right: 0;
    top: 12px;
    padding: 5px 0px 5px 0%;
    width: 100%;
    text-align: right;
    background: rgba(245, 245, 245, 0.0);
    margin-bottom: 0px;
    z-index: 10000;
}
.logo {
		position: absolute;
		width: 10%;
		max-width:160px;
		min-width:160px;
		height: auto;
		left: 4.2%;
		top: 10px;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		z-index:103;
	}
	.logo.small {
		width: 10%;
		max-width:160px;
		min-width:160px;
		left: 4.2%;
		top: 10px;
		margin-top:-6px;
		display:none;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}
	.logo2 {
		position: absolute;
		width: 20%;
		max-width:160px;
		min-width:160px;
		height: auto;
		left: 4.2%;
		top: 10px;
		display:none;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
	}
	.logo2.small {
		width: 10%;
		max-width:160px;
		min-width:160px;
		left:4.2%;
		top: 10px;
		margin-top:-7px;
		display:inline;
		transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}
    .event_title_correction { margin: -10px 0px -10px -1px;
}
.desktop_header_icons {display:none;}

.mobile_header_icons {display: block;
    top: 16px;
    position: relative;
    width: 100%;
    font-size: 1.0em;
 text-align: right;
right: 90px; }

.mobile_header_icons.small {display: block;
    top: 1px;
    position: relative;
    width: 100%;
    font-size: 1.0em;
 text-align: right;
right: 90px; }
    
/************************ CORE PAGE ITEMS ****************************/
#mobilemenuonly {display:block;}

	
	.logo_menu_container.small {
		position: fixed;
		width: 100%;
		height: 61px;
		left: 0vw;
		top: -1px;
		background-color: #222;
		box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.14), 0 -4px 20px -5px rgba(0, 0, 0, 0.12), 0 -2px 0px -15px rgba(0, 0, 0, 0.2);
		z-index:100;
        border-bottom: 0.00em solid #ddd;
}
.menuicon {position: relative; top:1px; margin-left: 0px; margin-right:4px; font-size: 1.0em; min-height: 0px; min-width: 20px;}

/************************ BOOKING SYSTEM 1365PX ****************************/
.booking_products_top {float:right; width: auto; text-align:right; margin-right:-0.5em; margin-bottom: -100px; z-index: 0; position:relative; padding-top: 10px;}
.booking_products_left {display:none; }
.booking_products_right {position:relative; float: left; width: 100%;}
.toggle_button_hide_bookings {display:block; float:left; text-align:left; width:100%; margin-top:0px; margin-left:0%; margin-bottom: 29px; }
.toggle_button_hide_booking {display:block; float:left; text-align:left; width:100%; margin-top:-25px; margin-left:0%; margin-bottom: 15px; }

	
/************************ DONATIONS SYSTEM 1365PX****************************/
.donation_products_top {float:right; width: auto; text-align:right; margin-right:-0.5em; margin-bottom: -100px; z-index: 0; position:relative; padding-top: 10px;}
.donation_products_left {display:none; }
.donation_products_right {position:relative; float: left; width: 100%; margin:-6px 0% 0% 0%;}
.toggle_button_hide_donations {display:block; float:left; text-align:left; width:100%; margin-top:18px; margin-left:-2px; margin-bottom: 0px; }
.donation_products_sort_holder {display:inline-block; width: auto; float:right; margin-top:0px; margin-left:0%; z-index:1; position: relative; min-height: 16px; }

.shopping_cart_area_content {position:relative; width: 100vw; height:100vh; float:left;   padding: 0px 0px 30px 0px; display:inline-block;}
.shopping_cart_area_inner {position:relative; width: 90%; height: auto; margin: 0px 5%; display:block;  }
.shopping_cart_area_header {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; }

.quick_donation_tab {display: block; position: fixed; bottom:0px; right:2%; background-color: #0099CC;  border-top: 0px solid #ddd; width:auto; height: auto; z-index:100; text-align: center; padding: 10px 20px; display: block; font-size: 1.2em; -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0); }



	/************************ 	ECOM SEARCH SLIDE OUT ****************************/
.quick_donate_area_ecomsearch {display:none; position: absolute; right: 0px; top: 0px; width: 100vw; background: url("../svg/"); background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: rgba(256,256,256,1.0);  backdrop-filter: blur(5px); position:relative; z-index:10000; -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); padding:  0px 0px 50px 30px;  overflow: hidden; z-index:100000; border-top: solid 5px #0099CC; }

.quick_donate_area_close_ecomsearch {display: block; position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:0;}

.quick_donate_area_button_ecomsearch {display: block; position: absolute; width: auto; height: auto; right: 10px; display:block; font-size: 1.8em; color: #000; top: 5px;}
.quick_donate_area_button_ecomsearch:hover {color: #ccc; cursor: pointer;}
.quick_donate_area_background_ecomsearch {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;    }

.quick_donate_area_content_ecomsearch {display: block; position:relative; width: 100%; height:100vh; float:left;   padding: 0px 40px 40px 0px; }
.quick_donate_area_inner_ecomsearch {display: block; position:relative; width: auto; height: auto; margin: 0px 30px 0px 30px; }
.quick_donate_area_header_ecomsearch {display: block; position:relative; width: 100%; height: 90px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; }

.quick_donate_area_donation_holder_ecomsearch {position:relative; width: 100%; height: auto; background-color: #fff;-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); margin-bottom:10px; padding-bottom;30px;}
.quick_donate_area_donation_holder_header_ecomsearch {position:relative; width: 100%; height: auto; top:0; left: 0px; padding: 10px 15px; font-size: 0.7em; letter-spacing: 0.1em; word-spacing: 0.1em; color:#fff; text-align:left; background-color: rgba(233,246,249,1.0);}
.quick_donate_area_donation_holder_header_background_ecomsearch {width: auto; height: auto; top:0; left: 0px; padding: 5px 10px; background-color: rgba(77,196,232,1.0); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.quick_donate_area_donation_item_holder_ecomsearch {position:relative; width: 100%; height: 150px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; }
.quick_donate_area_donation_item_holder_image_ecomsearch {position:relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 5%; text-align:left; }
.quick_donate_area_donation_item_holder_text_ecomsearch {position:relative; width: 50%; height: 150px; float: left; overflow: hidden;margin-right: 0%; text-align:left;}
.quick_donate_area_donation_item_holder_price_ecomsearch {position:relative; width: 20%; height: 150px; float: right; overflow: hidden; text-align:center; font-size:1.5em; line-height:auto; padding-top:20px;}
.quick_donate_area_donation_item_image_ecomsearch {width: 100%; height: 100%; background-size: cover; background-position: center; }

.quick_donate_area_donation_total_holder_ecomsearch {position:relative; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; margin-top:30px; }

.quick_donate_area_donation_total_holder_total_ecomsearch {position:relative; width: 100px; float: left; margin-right: 0%; text-align:left; color: #fff; font-size: 2.0em; font-weight: normal; }
.quick_donate_area_donation_total_holder_value_ecomsearch {position:relative; width: auto; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_area_donation_checkout_holder_ecomsearch {position:relative; width: 100%; height: 120px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; padding: 30px 0px; }

.quick_donate_area_donation_checkout_holder_checkout_ecomsearch {position:relative; width: 100%; float: left;  margin-right: 0%; text-align:left; color: #0099CC; font-size: 2.0em; font-weight: bold; }

.quick_donate_payment_logos_ecomsearch { width: 70%; max-width: 260px;}

#quickdonateopenclose_ecomsearch {height: 40px; display:block; background-color: transparent;}


.ecomsearch_input_holder {position: relative; top: 0px; right: 0px;
      }    
.ecomsearch_input_holder.small {position: relative; top: 72px; right: 0px; z-index: 102;
      } 


.quick_donate_area_inner {position:relative; width: auto; height: auto; margin: 0px 0px 40px 0px; }
.quick_donate_area_inner_ecombasket {position:relative; width: auto; height: auto; margin: 0px 0px 0px 0px; }
.quick_donate_area_inner_ecomsearch {position:relative; width: auto; height: auto; margin: 0px 0px 40px 0px;}

.quick_donate_area {padding:  0px 0px 50px 0px;}
.quick_donate_area_ecombasket {padding:  0px 0px 50px 0px;}
.quick_donate_area_ecomsearch {padding:  0px 0px 50px 0px; position: absolute; top: 0px; left: 0px; z-index: 100000;}

.quick_donate_area_content {position:relative; width: 100%; height:100vh; float:left;   padding: 0px 5% 40px 5%; }
.quick_donate_area_content_ecombasket {position:relative; width: 100%; height:100vh; float:left;   padding: 0px 5% 40px 5%; }
.quick_donate_area_content_ecomsearch {position:relative; width: 100%; height:100vh; float:left;   padding: 0px 5% 40px 5%; }

/************************ ORDERING ADDON 1365PX ****************************/
.ordering_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:0%; margin-top: 15px;}
.ordering_products_left {display:none; }
.ordering_products_right {position:relative; float: left; width: 100%; margin: 5px 0% 0px 0%}
.ordering_products_sort_holder {display:inline-block; width: auto; float:right; margin-top:0px; margin-left:0%; z-index:1; position: relative; }
.shopping_cart_image_ecom {margin: auto 0 auto auto;}
.toggle_button_hide {display:inline-block; float:left; text-align:left; width:100%; margin-top:-2px; margin-left:-2px; z-index:0; position: relative;}


/************************ EVENT ADDON 1365PX ****************************/
.event_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: -38px; margin-top: 10px;}
.event_products_left {display:none; }
.event_products_right {position:relative; float: left; width: 100%; margin: -51px 0% 3% 0%}
.toggle_button_hide_events {display:block; float:left; text-align:left; width:100%; margin-top:-42px; margin-left:-2px; margin-bottom: 56px; }


/************************ LOCATION ADDON 1365PX ****************************/
.location_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: -48px; margin-top: 0px;}
.location_products_left {display:none; }
.location_products_right {position:relative; float: left; width: 100%; margin: -51px 0% 3% 0%}
.toggle_button_hide_locations {display:block; float:left; text-align:left; width:100%; margin-top:-32px; margin-left:-2px; margin-bottom: 56px; }

/************************ MESSAGE ADDON 1365PX ****************************/
.message_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:0%;}
.message_products_left {display:none; }
.message_products_right {position:relative; float: left; width: 100%;}
.message_products_sort_holder {display:inline-block; width: auto; float:right; margin-top:0px; margin-left:0%; z-index:1; position: relative; }


	.header_top_inner_sub {
	position: relative;
	color:#333;
	right: 0%;	
    z-index:100;	
    top: -3px;
    width: 100%;
    text-align: right;
    font-size: 1.0em;
	}



                .payment_button_full_width {width: 100% !Important;
       }
               .cccard_holder {
                   display: inline-block;
                   margin: 0 auto;
                   background: #f5f5f5;
                   border: solid 1px #ddd;
                   width: 80%;
                   padding: 10px 15px;
                   border-radius: 0.0em;
               }

	.menu_desktop {
    	position: relative;
	width: 100%;
	height: auto;
    min-height: 0px;
	float:left;
	left: 0%;
	top: 100px;
	font-size: 0.875em;
	color: #ccc;
	transition: 0.0s;
    -webkit-transition: 0.0s;
    -moz-transition: 0.0s;
	display:inline;
     border-bottom:  solid 0px rgba(0,0,0,0.2);
    padding: 0px 5% 0px 5%;
	}
	.footer_main {
	position: relative; 
	display:block;
	width: 100%;
	padding: 30px 5% 50px 5%;
	margin: 0px 0 0 0;
    background: #222;
    color: #ffffff;
}
.shopping_cart_area {display:none; width: 100vw;  min-height: 100vh; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(5px); float:left;  -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); padding:  0px 0px 0px 0px;  overflow: hidden; z-index:10000; position: relative;  }

	/************************ searcharea CART - SLIDE OUT ****************************/
.searcharea_cart_area {display:none; width: 100vw;  min-height: 100vh; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(5px); float:left;  -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.0); padding:  0px 0px 0px 0px;  overflow: hidden; z-index:10000; position: relative; right: 0%; }
.searcharea_cart_combined_ecom {display:block; position: absolute; margin: 0 auto; z-index: 100000; width: 98%; top: 150px; text-align: center;}
.searcharea_cart_combined_ecom_title {display:block; position: absolute; margin: 0 auto; z-index: 100000; width: 98%; top: -60px; text-align: center; margin-bottom: 20px;}

.searcharea_cart_area_close {display:block; position: relative; width: 100%; height: 20px; float: right; margin-bottom: 0px; right: 0px; top:25px; z-index:10000;}

.searcharea_cart_area_button {position: absolute; width: auto; height: auto; right: 0px; display:block; font-size: 2.0em; color: #fff; z-index:10000;}
.searcharea_cart_area_button:hover {color: #ccc; cursor: pointer; z-index:10000;}
.searcharea_cart_area_background {display:none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.0); position:fixed; z-index:9999; float:right;  -webkit-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); -moz-box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56); box-shadow: inset -4px 0px 11px 0px rgba(0,0,0,0.56);  }

.searcharea_cart_area_content {position:relative; width: 100vw; height:100vh; float:left;   padding: 0px 0px 30px 0px; display:inline-block;}
.searcharea_cart_area_inner {position:relative; width: 90%; height: auto; margin: 0px 5%; display:block;  }
.searcharea_cart_area_header {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 50px; }


.autocomplete_mobile {-webkit-transition: all 0.0s ease-in-out;
        -moz-transition: all 0.0s ease-in-out;
			font-size: 1.2em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 18px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:45px; margin-top:-2px;	
		margin-left:3px;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
background-color: rgba(256,256,256,1.0);
width: 100%;
text-indent: 0px;
right: 0px;
}
.autocomplete_mobile:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 1.0em;
			margin-left:3px;
            width: 100%;
            background-color: rgba(256,256,256,1.0);
}
.autocomplete_mobile::placeholder {
  color: rgba(0, 0, 0, 1.0);
      font-family: 'Open Sans', Font Awesome 6 Pro, Georgia, sans-serif;
      text-transform: none;
      font-size: 1.0em;
      word-spacing: auto;
      letter-spacing: auto;
      font-weight:200;
}
 input:focus~.btnstyleslide .fa {
  color: #fff;
  opacity: 1;
}

 .btnstyleslide {
  top: 0px;
  position: absolute;
  right: 1px;
  bottom: 0;
  width: 40px;
  line-height: normal;
  z-index: 1;
  cursor: pointer;
  color: #000;
  z-index: 102;
  background-color: #f5f5f5;
  height: 42px;
  border: solid 0px;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  outline: none;
  font-size: 1.25em !Important;
}

 .btnstyleslide .fa {
  line-height: 34px;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  opacity: 0.90;
  font-size: 0.9375em;
  
}

 .btnstyleslide:hover .fa {
  opacity: 0.35;
}
.mobile_header_icons_iconwrap_login {display: inline-block; top: -10px; position: absolute; border-right: 1px solid #ccc; width: 38px; height: auto; text-align: center; margin: 10px 0px 0px 0px; padding:0px; right: 5px;}
.mobile_header_icons_iconwrap_basket {display: inline-block; top: -9px; position: absolute; border-left: 1px solid #ccc; width: 38px; height: auto; text-align: center; margin: 10px 0px 0px 0px; padding:0px; right: 41px;}
.mobile_header_icons_iconwrap_search {display: inline-block; top: -10px; position: absolute; border-right: 0px solid #ccc; width: 38px; height: auto; text-align: center; margin: 10px 0px 0px 0px; padding:0px; right: 38px;}

	.header_main {
	position: relative;
	display:block;
	width: 100%;
	height:auto;
    min-height: 0px;
	margin: 0%;
	margin-top:-120px; /* -120px (Designs that requires header at the top of page) -0px (Designs that require header below navigation)*/
    z-index:0;
	  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
	}

.tertiary_link2:link {color: #333333;text-decoration: none;}
.tertiary_link2:visited {color: #333333; text-decoration: none;}
.tertiary_link2:hover {color: #0099CC; text-decoration: none;}
.tertiary_link2:active {color: #333333; text-decoration: none;}
.tertiary_link2:focus, active {outline: none;}
.tertiary_link2.small:link {color: #333333;text-decoration: none;}
.tertiary_link2.small:visited {color: #333333; text-decoration: none;}
.tertiary_link2.small:hover {color: #0099CC; text-decoration: none;}
.tertiary_link2.small:active {color: #333333; text-decoration: none;}
.tertiary_link2.small:focus, active {outline: none;}

.map_holder {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
margin-top: 35px;
}
.map_holder_location {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
margin-top: 20px;
}

.card_ordering_related {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(33.33333333% - 20px); overflow:hidden; height: auto; flex-grow: 1; flex-basis:auto; display:block; max-width: 400px;
}
/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/
.data_grid_items_all_left {position:relative; float: left; width: 100%; margin: 19px 0% 0px 0%; }
.data_grid_items_all_right {position:relative; float: left; width: 100%; margin: -2px 0% 0px 0%}
.data_grid_filter_button {display:block;}
#data_grid_toggle_panel {display: none;position:relative; text-align:left; margin-bottom: 10px; top:0px;}
.data_grid_toggle_button_hide {display:inline-block; float:left; text-align:left; width:100%; margin-top:-2px; margin-left:-2px; z-index:0; position: relative;}
.data_grid_popup_options {display:none;max-width:800px;min-height:300px;}
.data_grid_popup_options_closebutton {display: block; position: relative; top: 0px; right: 0px; border-bottom: solid 1px rgba(0,0,0,0.1); width: 100%; height:80px; margin: -22px -10px 0px 0px !Important;}
.datagrid_popup_mobile_close_button {cursor: pointer; position: absolute; top: 13px; right: -5px;}
.map_container_datagrid {margin: 20px 0 0px 0; border: solid 0.05em rgba(0,0,0,0.2); }
.sort_sub_wrapper {display:block; margin: 10px 0px 0px 0px; max-width:99.7%;}
.search_wrapper {display:block; padding: 0px 0px 0px 0px;}
.search_sub_wrapper {display:block; margin: 10px 0px 0px 0px; max-width:99.68%;}
.pages_sub_wrapper {display:block; margin: 10px 0px 0px 0px; max-width:99.7%;}
.sort_wrapper {margin-left: 0px;}
.search_wrapper {margin-left: 0px;}
.pages_wrapper {margin-left: 0px;}
.pagination-label-holder {display: block; position: absolute; right: 5px; text-align: right; top: -18px;}
.pagination-label-mobile-holder {display: block; position: absolute; font-size: 0.9em; left: 36px; margin-top: 0px; top: 48px; font-weight: bold;}


.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_image_wide {width: 40%; border-radius:0px 0px 0px 0px;  position: relative;   display:inline-block;  overflow: hidden;  height: 100%;  background: transparent; float: left; min-height: 180px;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: relative;    min-height: 100%;}            
.data_grid_card_image_wide iframe {width: 33.3333%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}

.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 180px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}

.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 320px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 320px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 320px;}

/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/

.menu_contact_area_mobile {
    position: relative;
    width: 100vw;
    left: 0px;
    text-align: left;
    height: auto;
    margin: 20px 0px 0px 0px; 
    padding: 15px 6px 20vh 6px;
    color: #222;
    font-size: 16px;
    border-top: 0px solid rgba(256,256,256,0.2);
    border-bottom: 0px solid rgba(256,256,256,0.2);
    background: #f5f5f5;
    display: block;
    }
.h1_header_banner {width:100vw; padding:2em 3em; background-color:#f5f5f5; text-align: center;}

.listings_css_listings_tabs_wrapper {background-color: #f2f2f2; padding: 0;  }
.listings_tabs_mobile_tab {flex-grow: 1; flex-shrink: 1; flex-basis: auto; margin: 0px 2px 4px 2px; border-bottom: 1px solid #ccc; }
.listings_panels {background: transparent;min-height: 0px;width: calc(100% -4px);border-radius: 0px;overflow: hidden;padding: 0px 0px 0px 0px;border-top: 0px solid #ddd;margin-left: 0px; padding: 0px;}
.listings_tab {min-width: 100px;}
.listings_tabs {padding: 1.5% 1% 1% 1%;}
.listings_tabs_plans {display: none;}
.listings_tabs_plans_mobile {display: inline; overflow: hidden;}
.listing_tab_wrapper_inner {background-color: #fff; padding: 3.5% 2.5%; top: -11px; margin: 0px 0.8% 0px 1.6%;  bottom: 0px; position: relative; display: block; border: 0px solid #ddd !Important;}
.listing_tab_wrapper_inner_grey {padding: 3.5% 2.5%; top: 0px; border: 0px !Important;}
.box {height: auto; padding: 0px; background-color: #fff; padding-top: 0px; margin: -10px -0px -10px -20px;}
.review_holder_new {display: inline-block; width: 92%; height: auto; position: relative; margin:-18px 2% 0px 2%; border-bottom: 0px solid #ddd;}

.signin_button_text {top:-5px;left:0px;font-size:10px;display:none;position: relative;}
.signin_button_text::after {content: "Account";display:inline-block;}
.signout_button_text {top:-5px;left:0px;font-size:10px;display:none; position: relative;}
.signout_button_text::after {content: "Account";display:inline-block;}
.additonal-content-area1 {display: inline; margin: -25px 0 5px 0;}
.cell {
    flex: 1 1 225px;
    min-height: 60px;
    background-color: #fff;
    border: 0.0625rem solid #fff;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
    min-width: 200px;
}
}

@media only screen and (max-width : 1000px) {
	.main_content_inner {
	width: 100%;
	border-radius: 0px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
	min-height: 85vh;
	position: relative;
	background: rgba(256,256,256,1.0);
	padding: 10%;
		display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:left;
    margin: 0px 0px 0px 0px;
}
	.main_content_inner_blog {
	width: 100%;
	border-radius: 0px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
	min-height: 85vh;
	position: relative;
	background: rgba(256,256,256,1.0);
	padding: 10%;
		display:inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:left;
    margin: -1px 0px 0px 0px;
}

/************************ FLEX BOXES - COLUMNS ****************************/
.flex-container-columns {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0px 0%;
}
.flex-container-columns-blog {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 30px 0% -10px 0%;
}
.flex-item-100-percent-column {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-100-percent-column-location {
width:100%;
padding: 10px 0% 0px 0%;
}
.flex-item-100-percent-column-event {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-100-percent-column-donations {
width:100%;
padding: 10px 0% 0px 0%;
}
.flex-item-75-percent-column {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-66-percent-column {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-50-percent-column {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-50-percent-column-divider {
width: 100%;
padding: 10px 0% 10px 0%;
border-right: solid 0px #ccc;
}
.flex-item-33-percent-column {
width:100%;
padding: 10px 0% 10px 0%;
}
.flex-item-25-percent-column {
width: 100%;
padding: 10px 0% 10px 0%;
}
.flex-item-16-percent-column {
width: 33.332%;
padding: 10px 3% 10px 0%;
}

/************************ FLEX BOXES - PADDING RIGHT ****************************/
.flex-container-columns-stretch {
  display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0%;
}
.flex-item-100-percent-column-stretch {
width:100%;
padding: 10px 1% 10px 0%;
}
.flex-item-75-percent-column-stretch {
width: 100%;
padding: 10px 1% 10px 0%;
}
.flex-item-66-percent-column-stretch {
width: 100%;
padding: 10px 1% 10px 0%;
}
.flex-item-50-percent-column-stretch {
width: 100%;
padding: 10px 1% 10px 0%;
}
.flex-item-33-percent-column-stretch {
width: 100%;
padding: 10px 1% 10px 0%;
}
.flex-item-33-percent-column-stretch-nopaddingright {
width: 100%;
padding: 10px 0% 10px 0%;
}
.flex-item-25-percent-column-stretch {
width: 100%;
padding: 10px 1% 10px 0%;
}
.flex-item-16-percent-column-stretch {
width: 33.332%;
padding: 10px 1% 10px 0%;
min-width:170px;
}



/************************ FLEX BOXES - ROWS DASHBOARD VARIANTS ****************************/
.flex-item-100-percent-column-stretch-dashboard {
width:100%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-75-percent-column-stretch-dashboard {
width:100%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-66-percent-column-stretch-dashboard {
width:100%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-50-percent-column-stretch-dashboard {
width:100%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-33-percent-column-stretch-dashboard {
width:100%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-25-percent-column-stretch-dashboard {
width: 48%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%;  
}
.flex-item-16-percent-column-stretch-dashboard {
width: 14.666%;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}
.flex-item-auto-percent-column-stretch-dashboard {
width: auto;
padding: 30px;
border: 1px solid #ddd;
margin: 0.0% 0% 3.0% 0%; 
}

/************************ FLEX BOXES - PADDING RIGHT ****************************/
.flex-item-100-percent-column-stretch {
width:100%;
}
.flex-item-50-percent-column-stretch {
width: 100%;
}
.flex-item-33-percent-column-stretch {
width: 100%;
}
.flex-item-25-percent-column-stretch {
width: 50%;
}
.flex-item-25-100mobile-percent-column-stretch {
width: 50%;
padding: 0px 1% 0px 0%;
}
.flex-item-66-percent-column-stretch {
width: 100%;
}
	
/************************ TABLE (RESPONSIVE) ****************************/
.table_responsive {
    border: 0;
  }
  
.table_responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.table_responsive tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
.table_responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .95em;
    text-align: right;
  }
  
.table_responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	 font-size: .95em;
  }
  
.table_responsive td:last-child {
    border-bottom: 0;
  }
  
  
  
/************************ CARDS ****************************/
.card {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(50% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;}
  /************************ CALENDAR ****************************/
.month {
  min-width: 99.7%;
  height: auto;
  border-top: 1px solid #666;
  margin-left:-0.1em;
}
.week {
   display: inline;
}
.week_headers {
  display: inline;
}
.day {
  background-color: rgba(256,256,256,0.6);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_inactive {
  background-color: rgba(256,256,256,0.5);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_green {
  background-color: rgba(20,144,0,0.2);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_red {
  background-color: rgba(204,0,26,0.2);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_holiday {
  background-color: rgba(242,218,0,0.4);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_absence {
  background-color: rgba(256,0,0,0.6);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_ddo {
  background-color: rgba(0,7,174,0.4);
  color: #333;
  padding: 5px;
  margin: 0.1em;
  display:block;
  width:100%;
  flex: 0;
  min-height: 34px;
}
.day_of_week_background {
  color: rgba(0,0,0,0.3);
  display:block;
  z-index:-100;
font-size: 1.5em;
position: absolute;
width: 100%;
height: 100%;
text-align:right;
padding: 0.3em;
}
.day_headers {
  display:none;
}
.day_pre_next_month {
  display:none;
}
.calendar_link_span {
	  display:block;
	  width: 100%;
	  height:auto;
	  margin: 5px 0px 6px 10px;
}
.calendar_event_holder {
  position:relative;
  display: flex;
  flex-flow: row wrap;
    align-items: left;
  justify-content: left;
  margin-top: -24px;
  height:34px;
  overflow:hidden;
}
.calendar_event_holder_item {
width:auto;
padding: 0.1em 0.2em 0.0em 1.35em;
font-size: 0.875em;
color: #222 !Important;
}

.calendar_day {
width:auto;
padding: 0em 0.3em 0.0em 0.1em;
color: #222;
font-size: 0.875em;
}

/************************ BOOKING SYSTEM 1000PX ****************************/


.card_image_booking {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 180px;
  background: #fff;
}
.card_image_booking img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.card_image_booking iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.booking_products_left_mobile {position:relative; width: 100%; min-width: 200px; margin: 0px 0% 10px 0%; }
.booking_products_right {position:relative; float: left; width: 100%;}


/************************ ORDERING ADDON 1000PX ****************************/
.ordering_products_left_mobile {position:relative; width: 100%; min-width: 200px; margin: 0px 0% 10px 0%; }
.ordering_products_right {position:relative; float: left; width: 100%;}
.card_ordering {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}


/************************ EVENT ADDON 1000PX ****************************/
.event_ordering {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;}
.card_image_event {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 180px;
  background: #fff;
}
.card_image_event img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.card_image_event iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.event_products_left_mobile {position:relative; width: 100%; min-width: 200px; margin: 0px 0% 10px 0%; }
.event_products_right {position:relative; float: left; width: 100%;}

.card_event {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;
}

/************************ LOCATION ADDON 1000PX ****************************/
.card_location {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;}

/************************ donation ADDON 1000PX ****************************/
.card_donation {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}
.card_image_donation {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 180px;
  background: #fff;
}
.card_image_donation img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.card_image_donation iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 180px;
}
.donation_products_left_mobile {position:relative; width: 100%; min-width: 200px; margin: 0px 0% 10px 0%; }
.donation_products_right {position:relative; float: left; width: 100%; margin:-6px 0% 0% 0%;}


/************************ MESSAGE ADDON 1000PX ****************************/
 .card_message { text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 10px 1%; width:48%; 
}
.message_products_left_mobile {position:relative; width: 100%; min-width: 200px; margin: 0px 0% 10px 0%; }
.message_products_right {position:relative; float: left; width: 100%;}

.image_float_right {position:relative; float:right; margin: 10px 0px 10px 10px; max-width: 50%; height: auto;}
.image_float_left {position:relative; float:left; margin: 10px 10px 10px 0px; max-width: 50%; height: auto;}
.image_float_right img { max-width: 50%; height: auto;}
.image_float_left img { max-width: 50%; height: auto;}
.text_wrap_right {position:relative; float:right; margin: 10px 0px 10px 20px; max-width: 50%; height: auto;}
.text_wrap_left {position:relative; float:left; margin: 10px 20px 10px 0px; max-width: 50%; height: auto;}
.text_wrap_right img { max-width: 100%; height: auto;}
.text_wrap_left img { max-width: 100%; height: auto;}


.popupvideo_play_overlay_container {width: 100%; max-width: 440px; height: auto; max-height:310px; position: relative; overflow:hidden; border: solid 1px #ddd; padding-bottom:-10px;  }
.popupvideo_play_overlay {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:1; text-align: center; font-size: 2.5em; color:rgba(256,0,0,1.0); padding:30% 0% 30% 0%; }
.popupvideo_play_overlay:hover {color:rgba(0,0,0,1.0);}

.spec_icon_span {
    font-size: 0.8em;
    padding: 10px 0px;
}
.spec_icon_span img {
    max-width: 50px;
}
.spec_icon_span_fontawesome {
     padding: 10px 0px;
    font-size: 0.8em;
}

.filter_input_margin_correction {width: calc(100% - 4px);   display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0px -6px 2px;
}
 .product_gallery_container {position: relative; width: auto; height: auto; overflow: hidden; margin-top: 0.8em; margin-bottom: -2em;}

/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/
.data_grid_card {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 1em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_content_wide {position: relative; padding: 20px 5%; display: inline-block; width: 50%; height: 100%; float:left; top: 0px; overflow: hidden; min-height: 170px;}
.data_grid_card_wide {background:#fff;}

.data_grid_card_image_wide {width: 40%; border-radius:0px 0px 0px 0px;  position: relative;   display:inline-block;  overflow: hidden;  height: 100%;  background: transparent; float: left; min-height: 170px;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: relative;    min-height: 100%;}            
.data_grid_card_image_wide iframe {width: 33.3333%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 170px;}

.data_grid_card_small {background:rgba(256,256,256,1.0); text-align: left; border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);   margin: 0em 10px 1em 10px; width: calc(33.33333% - 20px); overflow:hidden; }
.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 170px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 170px;}

.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 260px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 270px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 260px;}
/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/
.listing_tab_wrapper_inner {background-color: #fff; padding: 30px 20px 20px 20px; top: -11px; margin: 0px 0.8% 0px 1.6%;  bottom: 0px; position: relative; display: block; border: 0px solid #ddd !Important;}
}

@media only screen and (max-width : 767px) {
/************************ DONATIONS SYSTEM 767PX ****************************/

.shopping_cart_area_content {position:relative; width: 100vw; height:100vh; float:left;   padding: 0px 0px 30px 0px; display:inline-block;}
.shopping_cart_area_inner {position:relative; width: 90%; height: auto; margin: 0px 5%; display:block;  }
.shopping_cart_area_header {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; }
.shopping_cart_area_donation_total_holder_value {position:relative; width: auto; float: right;  margin-right: 10px; text-align:left; color: #0099CC; font-size: 1.4em; font-weight: bold; }
.shopping_cart_area_donation_total_holder_total {position:relative; width: 100px; float: left; margin-right: 0%; text-align:left; color: #fff; font-size: 1.4em; font-weight: normal; }
.donation_process_action_button_holder { width: 100%; text-align: center; margin-top: 20px; position: relative; display:block; }
.donation_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:block; }

/************************ ORDERING ADDON 765PX ****************************/
.ordering_process_action_button_holder { width: 100%; text-align: center; margin-top: 20px; position: relative; display:block; }
.ordering_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:block; }

/************************ MESSAGE ADDON 767PX ****************************/
.message_process_action_button_holder { width: 100%; text-align: center; margin-top: 20px; position: relative; display:block; }
.message_process_action_button_holder2 { width: 100%; text-align: left; margin-top: 20px; position: relative; display:block; }



	/************************ booking ADDON 767PX ****************************/
.card_booking { text-align: left;  width: 45.5%;  margin: 0.5em 0% 0.5em 2.8%; min-height: 200px;  border: solid 0.05em rgba(0,0,0,0.2);}


#toggle_panel_booking {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 2px;
}
#toggle_panel_donation {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 2px;
}
#toggle_panel_ordering {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 2px;
}
#toggle_panel_event {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 2px;
}
#toggle_panel_location {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 0px;
}
#toggle_panel_message {
  display: none;
  position:relative;
  text-align:left;
  padding-left: 2px;
}
.inpage_search_holder {position: relative; margin:20px 0px 10px 0px; left:0px; width: 99.8%; display: none;}

.desktop_tabs {display: none;
}
.mobile_accordion {display: inline; top: -20px; position: relative; margin-top: -20px;
}

/************************ SHOPPING CART - SLIDE OUT ****************************/
.shopping_cart_area_donation_item_holder {position:relative; width: 100%; height: auto; min-height: 100px; background-color: rgba(255,255,255,1.0); margin-bottom: 10px; }
.shopping_cart_area_donation_item_holder_image {position:relative; width: 100px; height: 100px; float: left; overflow: hidden; margin-right: 0%; text-align:left; }
.shopping_cart_area_donation_item_holder_text {position:relative; width: auto; height: auto; float: left; overflow: visible;margin-right: 0%; text-align:left; margin: 0px 10px; padding-top: 0px;}
.shopping_cart_area_donation_item_holder_price {position:relative; width: 100%; height: auto; float: left; overflow: visible; text-align:right; font-weight: bold;  line-height: 30px; padding-top:0px; padding-right: 10px; top: 0px; margin: 0px 0px; border-top: 0px solid #ccc; border-bottom: 0px solid #ddd; font-size: 0.9em; color: #222;}
.shopping_cart_area_donation_item_holder_price2 {position:relative; width: 100%; height: auto; float: left; overflow: visible; text-align:right; font-weight: bold;  line-height: 30px; padding-top:0px; padding-right: 0px; top: 0px; margin: 0px 0px; border-top: 0px solid #ccc; border-bottom: 0px solid #ddd; font-size: 0.9em; color: #222;}
.shopping_cart_area_donation_item_image {width: 100%; height: 100%; background-size: cover; background-position: center; }
.shopping_cart_area_donation_total_holder_total {position:relative; width: 60px; float: left; margin-right: 0%; text-align:left; color: #000; font-weight: normal; }
.shopping_cart_area_donation_total_holder {position:relative; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 1px; margin-top:25px;}
.shopping_cart_area_donation_item_holder_text p {line-height: 10px !Important; font-size: 14px !Important;}
.shopping_cart_area_donation_checkout_holder_checkout {margin-top: 10px;}
/************************ PAYMENT PAGE NEW BITS ****************************/
               .cccard_holder {
                   display: inline-block;
                   margin: 0 auto;
                   background: #f5f5f5;
                   border: solid 1px #ddd;
                   width: 100%;
                   padding: 10px 15px;
                   border-radius: 0.0em;
               }


/************************ BUTTON - SHAPE CHANGES ****************************/
.Button_small_padding {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
    }
.Button_small_padding_no_change {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 46px;
    }
.Button_small_padding_no_change_event {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 50%;
    }
.Button_small_padding_no_change_wide {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 100%;
        margin: 0px 0px 0px 1px;
    }
.Button_round {
	border-radius: 50%;
	padding: 0px 20px 0px 20px;
    width: auto;
    margin-left: 0px;
}
	.footer_main {
	position: relative; 
	display:block;
	width: 100%;
	padding: 0px 5% 80px 5%;
	margin: 0px 0 0 0;
    background: #222;
    color: #ffffff;
}
.toggle_button_hide_donations {display:block; float:left; text-align:left; width:100%; margin-top:18px; margin-left:-2px; margin-bottom: 0px; }

/*== start of code for new tooltips ==*/
  .tool::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
  }

.card_ordering_holder_related {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 100px;  margin: 2px 0px 0.0em 0px;
  }
.card_ordering_related {background:#f5f5f5; text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 0px 0.5em 0px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 1; flex-basis:auto; display:block; max-width: 500px;
}

/************************ LISTING PAGE STYLES ****************************/
     .cell {
            flex: 1 1 265px;
            background-color: #fff;
            min-width: 0px;
        }

        .listing_tab_wrapper {
            background-color: transparent;
            padding: 10px 0px 0px 0px;
            border: solid 0px #ccc;
            border-top: solid 0px #ccc;
            min-height: 200px;
        }

/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/
.data_grid_card {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);   margin: 0em 10px 1em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_holder_wide {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: 2px -10px 0.0em -10px;}
.data_grid_card_wide {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 1em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_content_wide {width:100%; position: relative; padding: 20px 9% 20px 9%; display: block; min-height: 160px;}
.data_grid_card_image_wide {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image_wide iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_small {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 20px 10px; width: calc(50% - 20px); overflow:hidden; }
.data_grid_card_content_small {position: relative; padding: 10px 0% 10px 0%; display: block; min-height: 100px;}
.data_grid_card_content_small_related {position: relative; padding: 10px 0% 10px 0%; display: block; min-height: 100px;}
.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 200px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 210px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 200px;}

.data_grid_card_large {background:rgba(256,256,256,1.0); text-align: left;  border: solid 0.00em rgba(0,0,0,0.0); border-bottom: solid 0.05em rgba(0,0,0,0.2);  margin: 0em 10px 1em 10px; width: calc(49.9% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_content_large {position: relative; padding: 20px 9% 20px 9%; display: block; min-height: 160px;}
.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.larger_h6_text {font-size: 1.1em; text-transform: capitalize; letter-spacing:0.0em; font-weight: 200; margin: 0px 0px 10px 0px;}         
.pagination_holder {justify-content: center;	}
.data_grid_items_all_left {position:relative; float: left; width: 100%; margin: 0px 0% 0px 0%; }
/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/

.grey_background {background: #fff !Important;}

.data_grid_card_content {
    position: relative;
    padding: 20px 0.2% 20px 0.2%;
    display: block;
    min-height: 160px;
}

}


@media only screen and (max-width : 600px) {
    
    .filter_input_margin_correction {width: calc(100% - 2px);   display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0px -6px 0px;
}
    	/************************ event ADDON 600PX ****************************/
.card_event_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: -6px -10px 0.0em -10px;
  }
.card_event {background:#f5f5f5; text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;
}

.event_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.event_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.event_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.event_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_events_mappage {display:inline; width:180px;}

.event_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: -6px; margin-top: 14px;}
.toggle_button_hide_events {display:block; float:left; text-align:left; width:100%; margin-top:-73px; margin-left:-2px; margin-bottom: 56px; }
.event_products_right {position:relative; float: left; width: 100%; margin: -51px 0% 3% 0%}

.overlay-margin-correction {margin: auto -4px auto -4px !Important; padding: 0px;}


	/************************ location ADDON 600PX ****************************/
.card_location_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: -6px -10px 0.0em -10px;
  }
.card_location {background:#f5f5f5; text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto;
}

.location_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.location_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.location_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.location_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_locations_mappage {display:inline; min-width:200px!Important;}
.location_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-11px; margin-bottom: -6px; margin-top: 4px;}
.toggle_button_hide_locations {display:block; float:left; text-align:left; width:100%; margin-top:-73px; margin-left:-2px; margin-bottom: 56px; }
.location_products_right {position:relative; float: left; width: 100%; margin: -51px 0% 3% 0%}

.overlay-margin-correction {margin: auto -4px auto -4px !Important; padding: 0px;
}


    /************************ FONTS ****************************/


body {
       line-height: 2.0em;
       font-size: 15px;

}     

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
        font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif;
        
    }


    html * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    h1, .h1 {
        font-size: 1.8em;
    }

    h2, .h2 {
        font-size: 1.4em;
    }

    h3, .h3 {
        font-size: 1.5em;
    }

    h4, .h4 {
        font-size: 1.4em;
    }

    h5, .h5 {
        font-size: 1.3em;
    }

    h6, .h6 {
        font-size: 0.90em;
        text-transform: uppercase;
        font-weight: 400;
    }

	p {
	  margin-bottom: 15px;
      line-height: 2.0em;
      font-size: 0.95em;
	}

    ul, li {
    line-height: 2.0em;
    }

    .smaller_h1_text {
        margin-top: 0px;
        margin-bottom: -5px;
        font-size:1.8em;
    }
    .small_text {font-size: 0.95em; line-height: 1.8em;}

    .blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        border-left: 5px solid #eee;
    }

    .blockquote p {
        font-size: 1.0em;
        font-style: italic;
    }

    .blockquote_small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

    .logo_menu_container_background {
        position: relative;
        width: 100%;
        height: 40px; /* SHOULD MATCH HEIGHT OF logo_menu_container below */
        z-index: 0;
        display: block;
    }



.logo {
        position: absolute;
        width: 20%;
		max-width:160px;
		min-width:160px;
        height: auto;
		left: 2.0vw;
        top: -5px;
		 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
        z-index: 103;
	}
	.logo.small {
		width: 10%;
		max-width:160px;
		min-width:160px;
		left: 2.0vw;
		top: 5px;
		margin-top:-6px;
		display:none;
		 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}
	.logo2 {
		position: absolute;
		width: 20%;
		max-width:160px;
		min-width:160px;
		height: auto;
		left: 2.0vw;
		top: 10px;
		display:none;
		 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
	}
	.logo2.small {
		width: 10%;
		max-width:160px;
		min-width:160px;
		left: 2.0vw;
		top: 9px;
		margin-top:-7px;
		display:inline;
			 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
				z-index:103;
}

    .main_content_inner {
        width: 100%;
        border-radius: 0px;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
        min-height: 75vh;
        position: relative;
        background: rgba(256,256,256,1.0);
        padding: 10%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        margin: 0px 0px 0px 0px;
    }

    .main_content_inner_blog {
        width: 100%;
        border-radius: 0px;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
        min-height: 75vh;
        position: relative;
        background: rgba(256,256,256,1.0);
        padding: 10%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        margin: 6px 0px 0px 0px;
    }

    /************************ FLEX BOXES - COLUMNS ****************************/
    .flex-item-16-percent-column {
        width: 47%;
        padding: 10px 3% 10px 0%;
    }

    /************************ FLEX BOXES - PADDING RIGHT ****************************/

    .flex-item-16-percent-column-stretch {
        width: 47%;
        padding: 10px 1% 10px 0%;
        min-width: 130px;
    }


    /************************ POPUP ONLOAD 600PX ****************************/
    #newsletter-popup {
        width: 90%;
    }


    /** Coroner, footer and header ribbons **/
    .corner-ribbon {
        width: 180px;
        background: #e43;
        position: inherit;
        top: 25px;
        left: 0px;
        text-align: center;
        line-height: 30px;
        letter-spacing: 1px;
        color: #f0f0f0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        z-index: 99;
        font-weight: 400;
        font-size: 0.7em;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

 

    .header_top_inner_sub {
        position: absolute;
        color: #333;
        right: 5%;
        display: inline;
    }

    /************************ BULLET POINT RESET ****************************/
    .browser-default {
        padding-left: 1.5em;
        line-height: 130%;
    }

    .browser-default li {
        margin-bottom: 0.6em;
    }

    .flex-item-25-100mobile-percent-column-stretch {
        width: 100%;
        padding: 0px 1% 0px 0%;
    }

    .image_gallery_item {
        width: 25%;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: absolute;
        background-position: center;
        height: 120px;
        margin: auto;
        flex-grow: 1;
        min-width: 120px;
    }

    .image_gallery_item:hover {
        opacity: 0.8 !important;
    }

    .image_span {
        width: 100%;
        height: 120px;
        display: block;
    }


.logo_menu_container {
		position: absolute;
		width: 100%;
		height: 66px;
		left: 0vw;
		top: 20px;
		background-color: rgba(256, 256, 256, 0.0);
		box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.0), 0 6px 30px 5px rgba(0, 0, 0, 0.0), 0 8px 10px -5px rgba(0, 0, 0, 0.0);
		 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		z-index:100;
		display:block;
        border-bottom: 0px solid #ccc;
	}
	
	.logo_menu_container.small {
		position: fixed;
		 transition: 0.0s;
		-webkit-transition: 0.0s;
		-moz-transition: 0.0s;
		width: 100%;
		height: 61px;
		left: 0vw;
		top: -1px;
		background-color: #222;
		box-shadow: 0 2px 14px -8px rgba(0, 0, 0, 0.2), 0 -4px 20px -5px rgba(0, 0, 0, 0.2), 0 -2px 0px -15px rgba(0, 0, 0, 0.2);
		z-index:100;
        border-bottom: 0.00em solid #eee;
}

    .apollyoncredit {
        font-size: 0.75em;
        position: absolute;
        bottom: -35px;
        left: 0px;
        z-index: 2;
    }
.apollyoncredit_comp_details {font-size: 0.75em; position: absolute; bottom: -10px; left: 0px; z-index: 2; max-width: 90%;
}
	.menu_desktop {
    	position: relative;
	width: 100%;
	height: auto;
	float:left;
	left: 0%;
	top: 66px;
	font-size: 0.875em;
	color: #ccc;
	transition: 0.0s;
    -webkit-transition: 0.0s;
    -moz-transition: 0.0s;
	display:inline;
     border-bottom:  solid 0px rgba(0,0,0,0.1);
    padding: 0px 4% 0px 4%;
	}
.card_ordering_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 400px;  margin: -6px -10px 0.0em -10px;
  }
.card_ordering {background:#f5f5f5; text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}

.ordering_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.ordering_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.ordering_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.ordering_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_orderings_mappage {display:inline; width:180px;}
.overlay-margin-correction {margin: auto -4px auto -4px !Important; padding: 0px;
}
.ordering_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: 11px; margin-top: 8px;}


.card_donation_holder {display: flex; margin: 0 0px 50px 0px; flex-flow: row wrap; background-color:rgba(256,256,256,0.0); min-height: 0px;  margin: -6px -10px 0.0em -10px;
  }
.donation_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: -78px; margin-top: 0px;}
.card_donation {background:#f5f5f5; text-align: left;  border: solid 0.05em rgba(0,0,0,0.2);  margin: 0.5em 10px 0.5em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;
}

.donation_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.donation_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.donation_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.donation_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_donations_mappage {display:inline; width:180px;}
.overlay-margin-correction {margin: auto -4px auto -4px !Important; padding: 10px 0px 0px 0px;
}
.donation_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: 0px; margin-top: -4px;}


	.header_main {
	position: relative;
	display:block;
	width: 100%;
	height:auto;
    min-height: 8px;
	margin-top:-40px; /* -120px (Designs that requires header at the top of page) -0px (Designs that require header below navigation)*/
    margin-bottom:-8px;
    z-index:0;
	  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
	}

.desktop_header_icons {display:none;}
.mobile_header_icons {display: block;
    top: 0px;
    position: relative;
    width: 100%;
    font-size: 1.0em;
 text-align: right;
right: 50px; }

.mobile_header_icons.small {display: block;
    top: 2px;
    position: relative;
    width: 100%;
    font-size: 1.0em;
 text-align: right;
right: 50px; }

.delivery_address_style {font-size: 0.75em; letter-spacing: 0.01em;
}

.map_holder {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
margin-top: 11px;
}
.map_holder_location {
position: relative;	
display:block;
width: 100%;
height: auto;
overflow:visible;
margin-top: -4px;
}
.backtocat_positon {top: 18px; font-size: 0.75em; font-weight: bold;}
.flex-item-100-percent-column-location {
width:100%;
padding: 10px 0% 0px 0%;
}
.flex-item-100-percent-column-event {
width:100%;
padding: 42px 0% 0px 0%;
}
.donation_detail_donation_holder {text-align: left;  border: solid 0px rgba(0,0,0,0.0);  padding: 0px; width:100%; margin-top: 15px; margin-bottom: 10px;
}
    
/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/

#data_grid_toggle_button {display:block;padding: 16px 16px;margin:0px -16px;   width:100%;  margin-left: 4px;}
.data_grid_toggle_button_hide {display:inline-block; float:left; text-align:left; width:100%; margin-top:-4px; margin-bottom:-10px; margin-left: 0px; z-index:0; position: relative;}
.pagination-label-holder {display: block;}
.pagination-label-mobile-holder {display: block; top: 48px; left:  35px;}

.data_grid_card {background:#fff; text-align: left;  border: solid 0.00em rgba(0,0,0,0.0);  border-bottom: solid 0.05em rgba(0,0,0,0.2); margin: 0em 10px 2em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_content {position: relative; padding: 20px .2% 20px .2%; display: block;}

.data_grid_card_large {background:#fff; text-align: left;  border: solid 0.00em rgba(0,0,0,0.0);  border-bottom: solid 0.05em rgba(0,0,0,0.2); margin: 0em 10px 2em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_content_large {position: relative; padding: 20px .2% 20px .2%; display: block;}

.data_grid_card_wide {background:#fff; text-align: left;  border: solid 0.00em rgba(0,0,0,0.0);  border-bottom: solid 0.05em rgba(0,0,0,0.2); margin: 0em 10px 2em 10px; width: calc(100% - 20px); overflow:hidden; height: auto; flex-grow: 0; flex-basis: auto; display: block;}
.data_grid_card_content_wide {position: relative; padding: 20px .2% 20px .2%; display: block;}


.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 170px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 180px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 170px;}


/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/

 .product_gallery_container {margin-bottom: 0em;}
	


}

@media only screen and (max-width : 576px) {
.pagination-label-mobile-holder {display: block; top: 48px; left:  20px;}

/************************ LISTING PAGE STYLES ****************************/
        .cell {
            flex: 1 1 130px;
            background-color: #fff;
        }
    .cell_contact {
    flex: 1 1 185px;
    min-height: 0px;
    background-color: #f2f2f2;
    border: 0rem solid #fff;
    border-top: 10px solid #fff;
    padding: 0.5rem 1rem 1.1rem 1rem;
}
}

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

    .quick_donate_area_header_ecombasket_donation {
    margin-bottom: -45px;
    top: -55px;
}
    .contact_header_holder{
position: absolute;
    display: block;
    left: 0px;
    margin-right: 0;
    top: 10px;
    padding: 5px 0px 5px 0%;
    width: 100%;
    text-align: right;
    background: rgba(245, 245, 245, 0.0);
    margin-bottom: 0px;
}
.flex-item-100-percent-column-location {
width:100%;
padding: 0px 0% 0px 0%;
} 
/************************ FLEX BOXES - ROWS DASHBOARD VARIANTS ****************************/
.flex-item-100-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-75-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-66-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-50-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-33-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-25-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-16-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
.flex-item-auto-percent-column-stretch-dashboard {
width:100%;
padding: 20px 15px;
border: 1px solid #ddd;
margin: 0.0% 0% 30px 0%;
}
   
    .map_overlay {
top: 8px;
}

    	.breadcrumb_productpage {
	  display: none;
	  flex-wrap: wrap;
	  padding: 5px 10px 5px 4.5%;
	  margin-bottom: 0.0em;
	  list-style: none;
	  background-color: #f5f5f5;
	  border-radius: 0.0em;
	  font-size: 0.75em;
      display: flex;
      line-height: auto;
      margin: -20px 0px 0px 0px;
      width: 100vw;
      left: -4vw;
      position: relative;
      border-bottom: solid 1px rgba(0,0,0,0.1);
	}
.breadcrumb {
	  display: none;
	  flex-wrap: wrap;
	  padding: 5px 10px 5px 4.5%;
	  list-style: none;
	  background-color: #f5f5f5;
	  border-radius: 0.0em;
	  font-size: 0.75em;
      line-height: auto;
      margin: -20px 0px 10px 0px;
      width: 100vw;
      left: -4vw;
      position: relative;
      border-bottom: solid 1px rgba(0,0,0,0);

	}

   .toggle_button_hide {display:inline-block; float:left; text-align:left; width:100%; margin-top:-10px; margin-left:0px; z-index:0; position: relative;} 
        .filter_input_margin_correction {width: calc(100% - 0px);   display: flex;
  flex-flow: row wrap;
align-items: stretch;
  margin: 0px 0px -6px 4px;
}
	/************************ CARDS ****************************/
  .card {width: 96%;  margin: 10px 0% 10px 2%; 
}
/************************ BUTTON ****************************/
.Button {
        color: #fff;
		background-color: #666;
		border-color: #666;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
        cursor: pointer;
		padding: 0px 30px 0px 30px;
		height: 54px;
		margin: 0px 4px 6px 2px;
		font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
		font-size: 1.0em;
		font-weight: 100;
		text-transform: uppercase;
		cursor: pointer;
		border: 0;
		border-radius: 0.0em;
		outline: 0;
		/*transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;*/
    width: 100.0%;
    margin-left: 0px;
    margin-bottom: 10px;
    }
.Button:hover, .btn-secondary:focus {
		border-color: #701c7e;
		/*box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);*/
    }
.Button_no_change_mobile {
        color: #fff;
		background-color: #666;
		border-color: #666;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
        cursor: pointer;
		padding: 0px 30px 0px 30px;
		height: 54px;
		margin: 0em 1px 0.5em 1px;
		font-family: "Font Awesome 6 Pro", 'Open Sans', Georgia, sans-serif; 
		font-size: 1.0em;
		font-weight: 100;
		text-transform: uppercase;
		cursor: pointer;
		border: 0;
		border-radius: 0.2em;
		outline: 0;
		/*transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;*/
    width: auto;
    margin-bottom: 10px;
    }
.Button_no_change_mobile:hover, .btn-secondary:focus {
		border-color: #701c7e;
		/*box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);*/
    }
 /************************ BUTTON COLOURS ****************************/
.Button_light_blue {
		background-color: #0099CC;
		border-color: #0099CC;
}
.Button_dark_blue {
		background-color: #3b5998;
		border-color: #3b5998;
}
.Button_red {
		background-color: #cc2127;
		border-color: #cc2127;
    }	
.Button_purple {
		background-color: #9c27b0;
		border-color: #9c27b0;
    }
.Button_green {
		background-color: #4caf50;
		border-color: #4caf50;
    }
.Button_yellow {
		background-color: #FFDF14;
		border-color: #FFDF14;
    }
.Button_orange {
		background-color: #FF5414;
		border-color: #FF5414;
    }
.Button_black {
		background-color: #000;
		border-color: #000;
    }
.Button_white {
		background-color: #fff;
		border-color: #fff;
		color: #222;
    }
.Button_light_grey {
		background-color: #ccc;
		border-color: #ccc;
		color: #222;
    }
/************************ BUTTON - SHAPE CHANGES ****************************/
.Button_small_padding {
		padding: 0px 18px 0px 18px;
		height: 54px;
        min-width: 56px;
    }
.Button_small_padding_no_change {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 46px;
    }
.Button_small_padding_no_change_event {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 50%;
    }
.Button_small_padding_no_change_wide {
		padding: 0px 13px 0px 13px !Important;
		height: 54px;
        min-width: 46px;
        max-width: 100%;
        margin: 0px 0px 0px 1px;
    }
.Button_round {
	border-radius: 50%;
	padding: 0px 20px 0px 20px;
    width: auto;
    margin-left: 0px;
}
/************************ BUTTON - NO BACKGROUND ****************************/
.Button_no_background {
		background-color: transparent;
		border-color: transparent;
		color: #666;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);*/
		padding: 0px 5px 0px 5px;
		height: 24px;
		font-size: 0.9em;
        width: auto;
        margin-left: 0px;
}
.Button_no_background:hover, .btn-secondary:focus {
		border-color: transparent;
		/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
		color:#222;*/
}
.Button_no_background_light_blue {color: #0099CC; }
.Button_no_background_dark_blue {color: #3b5998;}
.Button_no_background_red {color: #cc2127;}
.Button_no_background_purple {color: #9c27b0;}
.Button_no_background_green {color: #4caf50;}
.Button_no_background_yellow {color: #FFDF14;}
.Button_no_background_orange {color: #FF5414;}
.Button_no_background_black {color: #000;}
.Button_no_background_white {color: #fff;}
.Button_no_background_light_grey {color: #ccc;}
#toggle_button {
display:block;
padding: 16px 16px;
margin:0px -16px;
    width:100%;
    margin-left: 4px;
}
#toggle_button_booking {
display:block;
padding: 16px 16px;
margin:0px -16px;
    width:150px;
    margin-left: 4px;
}

.arrow-down {
  width: 100%;
  height: auto;
  position: relative;
  height: 54px;
  top:-16px;
  padding-top:16px;
  margin-left:-12px;
}

.arrow-down:before {
content: " ";
  display: block;
  position: absolute;
  transition: transform .5s;
  background-image: url('../svg/chevron-down-white-bold.svg');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.arrow-down:before {
  right: -15px;
  transform: rotate(0deg);
}

/************************ FORM ELEMENTS ****************************/
      
    input[type=text], textarea {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; min-height:54px; margin-left:3px;
		  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;	
background-color: #fff;	
margin-left:0px;
    }

    input[type=text]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:0px;

    }
	

    input[type=select], select {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:54px;	margin-left:3px;
		background-color: #fff;
		  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('chevron-down.svg');
    background-position: right 14px center;
    background-repeat: no-repeat;
	background-size: 10px;
    margin-left:0px;
    }
    input[type=select]:focus, select:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:0px;
            

    }
	select::-ms-expand {
    display: none;
}

    input[type=password], password {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 100%; box-sizing: border-box; font-weight:100; padding: 15px 15px 15px 36px; border: 1px solid rgba(0,0,0,0.2); outline: none; height:54px;
		margin-left:0px;
		  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	background-color: #fff;
    margin-left:0px;
    }

    input[type=password]:focus, password:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			font-size: 0.9em;
			margin-left:0px;

    }
	
	    input[type=search], search {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
			font-size: 0.9em;
		font-family: 'Open Sans', sans-serif; 
		color: #333; width: 90%; box-sizing: border-box; font-weight:100; padding: 17px; border: 1px solid rgba(0,0,0,0.2); outline: none; height0:45px; margin-top:0px;	
		margin-left:3px;
		  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	background-color: #fff;
    margin-left:0px;
    font-size: 0.9em;
    }
	    input[type=search]:focus, search:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
			margin-left:0px;
            font-size: 0.9em;
    }
      
	.small_select {width: 100%; padding:15px 40px 15px 15px; margin-bottom: 0.5em; 		background-color: #fff;
		  -webkit-appearance: none;
		  -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('chevron-down.svg');
    background-position: right 14px center;
    background-repeat: no-repeat;
	background-size: 10px;
    margin-left: 0px;
    font-size: 1.0em !important;
}

    .small_select:focus {
        box-shadow: 0 0 5px rgba(0, 153, 204, 0.8);
        border: 1px solid rgba(0, 153, 204, 0.8);
        font-size: 1.0em !important;
        margin-left: 0px;
    }

/************************ BOOKING SYSTEM 500PX ****************************/
.card_booking { background-color:#f5f5f5; text-align: left;  width: 94%;  margin: 0.5em 3% 2em 3%;  min-height: 200px;  border: solid 0.00em rgba(0,0,0,0.2); border-bottom: solid 0.05em rgba(0,0,0,0.2);}
.card_content_booking {width: auto; height: auto; position:relative; padding: 3% 2% 5% 2%;  display:block;  }
.card_image_booking {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 240px;
  background: #fff;
}
.card_image_booking img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 240px;
}
.card_image_booking iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 240px;
}
.booking_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.booking_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.booking_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.booking_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_bookings {display:block; float:left; text-align:left; width:100%; margin-top:30px; margin-left:0%; margin-bottom: 15px; }
.toggle_button_hide_bookings_mappage {display:inline; width:180px;}
.booking_products_top {float:left; width: auto; text-align:right; margin-right:0%; margin-top: -10px; top:-50px; margin-left: -8px; z-index: 0; position:relative; padding-top: 50px;}
.Button_no_background_custom_search {
		background-color: transparent;
		border-color: transparent;

		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
		padding: 0px 5px 0px 5px;
		font-size: 1.8em; color:#999; height: 80px;
}
.Button_no_background_custom_search:hover, .btn-secondary:focus {
		border-color: transparent;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
		color:#222;
}

/************************ DONATIONS SYSTEM 500PX ****************************/
.shopping_cart_area_content {position:relative; width: 100vw; height:100vh; float:left;   padding: 0px 0px 30px 0px; display:inline-block; }
.shopping_cart_area_inner {position:relative; width: 90%; height: auto; margin: 0px 5%; display:block;   }
.shopping_cart_area_header {position:relative; width: 100%; height: 80px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30px; }
.donation_list_button_position_map  {position: relative; left: 0px; width: 40px; top: 0px;}
.donation_list_button_position_list  {position: relative; right: 0px; width: 40px; top: 0px;}
.donation_list_button_position_map_mappage  {position: relative; width: 40px; top:0px;}
.donation_list_button_position_list_mappage  {position: relative; width: 40px; top:0px;}
.toggle_button_hide_donations {display:block; float:left; text-align:left; width:100%; margin-top:21px; margin-left:0%; margin-bottom: 0px; }
.toggle_button_hide_donations_mappage {display:inline; width:180px;}
.donation_products_top {float:left; width: auto; text-align:right; margin-right:0%; margin-top: -10px; top:-50px; margin-left: -8px; z-index: 0; position:relative; padding-top: 50px;}
.quick_donation_tab {display: block; position: fixed; bottom:0px; right:0%; left:0%; background-color: #0099CC;  border-top: 0px solid #ddd; width:auto; height: auto; z-index:100; text-align: center; padding: 10px 20px; display: block; font-size: 1.2em; -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0);
box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.0); }


/************************ MESSAGE ADDON 500PX ****************************/
.card_message { text-align: left;  width: 94.1%;  margin: 10px 0% 10px 3%; }

/************************ CARDS 500PX ****************************/
.card { text-align: left;  width: 94%;  margin: 0.5em 3% 2em 3%;  min-height: 200px;  border: solid 0.00em rgba(0,0,0,0.2); border-bottom: solid 0.05em rgba(0,0,0,0.2);}
.card_content {font-size: 1.0em; width: auto; height: auto; position:relative; padding: 3% 2% 5% 2%;  display:block;  }
.card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative; 
  display:block;
  overflow: hidden;
  height: 240px;
  background: #fff;
}
.card_image img {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 240px;
}
.card_image iframe {width: 100%;
  height: auto;
  object-fit: cover;
    margin: auto;
    top: 0px;
    bottom: 0px;
    position: absolute;
    min-height: 240px;
}


/************************ FLOATING CONTACT BUTTONS ****************************/

.fl-fl {
  background: #0099CC;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 180px;
  position: fixed;
  right: -150px;
  z-index: 99;
  font: normal normal 12px 'Open Sans', sans-serif;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
}



/************************ FLOATING CONTACT BUTTONS ****************************/
.contact_icon {
  font-size: 1.3em;
  color: #fff;
   margin-top: 5px;
   margin-left: 4px;
   margin-right: 7px;
}
/************************ FLOATING CONTACT BUTTONS if using CSS fontawesome instead of SVG +JS
.contact_icon {
  font-size: 0.875em;
  color: #fff;
  padding: 6px 0;
  width: 30px;
  margin-left: 4px;
}
 ****************************/

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  vertical-align: top;
}

.contact_float1 {
  top: 140px;
}

.contact_float2{
  top: 180px;
}

.contact_float3 {
  top: 220px;
}

.contact_float4 {
  top: 260px;
}

.contact_float5 {
  top: 300px;
}
/* Floating Social Media Bar Style Ends Here */




/************************ MAKE IMAGE GALLERIES FULL SCREEN (NO PAGE MARGIN) ON MOBILE ****************************/
.carousel {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.carousel_calendar {width: 100% !Important; margin-left: 0px!Important; margin-right: 0px!Important}
.image_gallery_holder {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.parallax-container {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.fullwidth_mobile_image {width: 100vw; display:block; height: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.product_gallery_container {width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); top: 0px; margin-bottom: -11px; margin-top: -11px;}

/** Coroner, footer and header ribbons **/

/* Different positions */

.corner-ribbon.top-left{
  top: 15px;
  left: -60px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 15px;
  right: -60px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 15px;
  left: -60px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -60px;
  bottom: 15px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Product ribbon */
.corner-ribbon-product.top-right{
 top: 15px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.flex-item-auto-percent-column-stretch {
width: auto;
padding: 8px 4px 8px 4px;
}
.flex-item-auto-percent-column-stretch-wide {
width: 50%;
padding: 8px 4px 8px 4px;
}
	/************************ event ADDON 500PX ****************************/
.toggle_button_hide_events {display:block; float:left; text-align:left; width:100%; margin-top:-70px; margin-left:0px; margin-bottom: 56px; }
.event_products_top {position: relative;
    float: right;
    width: 100%;
    text-align: right;
    margin-right: -11px;
    margin-bottom: -12px;
    margin-top: 16px;}
	/************************ ordering ADDON 500PX ****************************/
.ordering_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:-8px; margin-bottom: 8px; margin-top: 16px;}
.ordering_category_header {margin-top: -10px; margin-bottom: 10px;}
.backtocat_positon {top: 6px; font-size: 0.70em;}
/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/
.pagination-label-holder {display: none;}
/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/

/************************ location ADDON 500PX ****************************/
.toggle_button_hide_locations {display:block; float:left; text-align:left; width:100%; margin-top:-70px; margin-left:0%; margin-bottom: 56px; }
.location_products_top {position: relative; float: right; width: 100%; text-align: right; margin-right: -11px; margin-bottom: -12px; margin-top: 6px;}
        .icon { 
            position: absolute; 
             margin-top: 19px;
             margin-left: 17px;
             z-index: 99;
        } 
.h1_header_banner {width:100vw; padding:2em 1em; background-color:#f5f5f5; text-align: center;}

/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/

.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 120px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 130px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 120px;}
.data_grid_card_description_small {display: none;}
/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/



}

@media only screen and (max-width : 420px) {
	/************************ DONATIONS SYSTEM 420PX ****************************/
.donation_products_sort_holder {display:inline-block; width: 100%; float:left; margin-top:0px; margin-left:-1%; z-index:1; position: relative; text-align:left; display: none;  }
.donation_products_sort_select {position:relative; width: 100%;}
.donation_products_top {position:relative; float:right; width: 100%; text-align:right; margin-right:0%; margin-top: -14px;}
.toggle_button_hide_donations {display:block; float:left; text-align:left; width:100%; margin-top:-15px; margin-left:0%; margin-bottom: 0px; }

/************************ ORDERING ADDON 420PX ****************************/

.ordering_products_sort_holder {display:inline-block; width: 100%; float:left; margin-top:0px; margin-left:-1%; z-index:1; position: relative; text-align:left;  }
.ordering_products_sort_select {position:relative; width: 100%;}

/************************ MESSAGE ADDON 420PX ****************************/
.message_products_sort_holder {display:inline-block; width: 100%; float:left; margin-top:0px; margin-left:-1%; z-index:1; position: relative; text-align:left;  }
.message_products_sort_select {position:relative; width: 100%;}
p img {
  width: 100%;
  max-width: 100%;
  height: auto;
  left: 0px;
  position: relative;
}
.text_wrap_right img {  width: 100%;
  max-width: 100%;
  height: auto;
  left: 0px;
  position: relative;
  margin: 10px 0px 0px 0px;
}
.text_wrap_left img {  width: 100%;
  max-width: 100%;
  height: auto;
  left: 0px;
  position: relative;
  margin: 10px 0px 0px 0px;
}
.text_wrap_right {left: 0px; position:relative; float:none; margin: 10px 0px 20px 0px; max-width: 100vw; height: auto;}
.text_wrap_left {left: 0px; position:relative; float:none; margin: 10px 0px 20px 0px; max-width: 100vw; height: auto;}

/************************ DATAGRID ITEMS FOR ALL PAGES ****************************/

.data_grid_card_image_small {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 100px;  background: #fff;}
.data_grid_card_image_small img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 100px;}
.data_grid_card_image_small iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 100px;}
.data_grid_card_description {display: inline-block;}


.data_grid_card_image {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_image_wide {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image_wide img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image_wide iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}

.data_grid_card_image_large {width: 100%; border-radius:0px 0px 0px 0px;  position: relative;   display:block;  overflow: hidden;  height: 240px;  background: #fff;}
.data_grid_card_image_large img {width: 100%;  height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 250px;}
.data_grid_card_image_large iframe {width: 100%;   height: auto;  object-fit: cover;    margin: auto;    top: 0px;    bottom: 0px;    position: absolute;    min-height: 240px;}


/************************ END DATAGRID ITEMS FOR ALL PAGES ****************************/

.sign_in_price_link { width: 100%; cursor:pointer; display: inline-block; z-index: 0; bottom: 0px; left: 0px; position:  relative; font-weight: 100;  background: rgba(0,153,204,1.0); padding: 15px 2px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 0.8rem; margin: 10px 2% 0px 0px; white-space: nowrap; }
.sign_in_price_link:hover {background: rgba(50,50,50,1.0); }
.sign_in_price_link a:link {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:visited {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:hover {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:active {color: #fff !Important; text-decoration: none;}
.sign_in_price_link a:focus, active {outline: none;}


.sign_in_price_link_viewproduct { width: 100%; cursor:pointer; display: inline-block; z-index: 0; bottom: 0px; left: 0px; position:  relative; font-weight: 100;  background: rgba(50,50,50,1.0); padding: 15px 2px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 0.8rem; margin: 30px 2% 0px 0px; white-space: nowrap; }
.sign_in_price_link_viewproduct:hover {background: rgba(0,153,204,1.0);; }
.sign_in_price_link_viewproduct a:link {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:visited {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:hover {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:active {color: #fff !Important; text-decoration: none;}
.sign_in_price_link_viewproduct a:focus, active {outline: none;}