/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////  ///////////// ////////////////////////////////////// ////////////////////////////////////////////                //////////*/
/*///////      /////////    /////////               // /////////  /////////             /        /////////////      //////////    ///////*/
/*//////         ////////   ///////    //////////////   ////////   //////    ////////////                  //////   ////////////    /////*/
/*//////    ///   ///////    /////   ////////////////   ////////   /////   //////////////   //////////////   ////   /////////////    ////*/
/*//////    ////   //////    /////   ////////////////   ////////   /////   //////////////   ///////////////    //   /////////////   /////*/
/*//////    /////   //////    ////   ////////////////   ////////   /////   //////////////   ///////////////    //   ///////////   ///////*/
/*//////    //////    ////    ///    ////////////////   ////////     //    //////////////   ////////////    /////   //////      /////////*/
/*//////    ///////    ///    ///     /////     ////    ////       ////     /////       /   ///         /////////           /////////////*/
/*//////    ////////    ///    //           ///////           //   ////           ///////        ///////////////     ////////////////////*/
/*//////    /////////    ///   /    /////////////////   ////////   ///    ///////////////         ////////////////   ////////////////////*/
/*//////    //////////    //   /   //////////////////   ////////   ///   /////////////////   //     //////////////   ////////////////////*/
/*//////    ///////////    /       //////////////////   /////////   //   /////////////////   //////       ////////   ////////////////////*/
/*//////    ////////////     /     ///////////     //   /////////   //   ///////////     /    /////////      /////   ////////////////////*/
/*///////   /////////////   //     /////       //////   /////////    /   /////       //////   /////////////      /   ////////////////////*/
/*///////   /////////////  ////          ////////////   //////////             ////////////   //////////////////     ////////////////////*/
/*///////  /////////////////////////////////////////// /////////////  //////////////////////  /////////////////////   ///////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//     The front-end of NEHERP's website was designed and hand-coded in house by M. Siavrakas for New England Herpetoculture LLC.    //*/
/*//    All unique intellectual property (code/graphics/content) is Copyright Protected 2009-2024 by New England Herpetoculture LLC.   //*/
/*//   Please don't copy or use our intellectual property without written permission. Doing so will result in DMCA Take-Down action.   //*/
/*//                              Terms Of Service + Privacy Info: https://www.neherpetoculture.com/pptos                              //*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
Applicable HTML For Beneath Perishable Products:
<a href="#perishableguarantee"><img src="structure/viewshippinginfostill.gif" onmouseover="this.src='structure/viewshippinginfohover.gif'" onmouseout="this.src='structure/viewshippinginfostill.gif'" class="ship_warning_basic ship_warning" alt="View Shipping Info"></a>
<a href="#perishableguarantee"><img src="structure/ship_warning_heat.gif" class="ship_warning_heat ship_warning"></a>
<a href="#perishableguarantee"><img src="structure/ship_warning_freeze.gif" class="ship_warning_freeze ship_warning"></a>
<a href="update.html"><img src="structure/ship_warning_storm.gif" class="ship_warning_storm ship_warning"></a>
<a href="update.html"><img src="structure/ship_warning_delay.gif" class="ship_warning_delay ship_warning"></a>
*/

/*//////////////////////////////////////////////////////////////////*/
/*///////////////TWEAKABLE CONTAINERS FOR PERISHABLES///////////////*/
/*//////////////////////////////////////////////////////////////////*/

/*Low or high temperature wording & graphics for perishable widget*/
.perishable_widget_map_box_highs {display:inline-block;}/*inline-block or none !important to override jQuery show. NOTE: The important tag is for "none" only. Not inline-block!*/
.perishable_widget_map_box_lows {display:none !important;}/*inline-block or none !important to override jQuery show. NOTE: The important tag is for "none" only. Not inline-block!*/

/*Low or high temperature description and warning text*/
.perish_temp_highs {display:inline-block;}/*inline-block or none !important to override jQuery show. NOTE: The important tag is for "none" only. Not inline-block!*/
.perish_temp_lows {display:none !important;}/*inline-block or none !important to override jQuery show. NOTE: The important tag is for "none" only. Not inline-block!*/

/*Global Perishable Product Warning Icons*/
.ship_warning_basic {display:none;}/*inline-block or none*/
.ship_warning_heat {display:none;}/*inline-block or none*/
.ship_warning_freeze {display:none;}/*inline-block or none*/

/*Global Perishable Product Major Issue Icons.  Links to "update.html"*/
.ship_warning_storm {display:none;}/*inline-block or none*/
.ship_warning_delay {display:none;}/*inline-block or none*/

/*//////////////////////////////////////////////////////////////////*/
/*/////////////NON-TWEAKABLE CONTAINERS FOR PERISHABLES/////////////*/
/*//////////////////////////////////////////////////////////////////*/

/*Style for text warning on top of pages*/
.ship_warning_box {width:100%;}

/*Style for all perishable & shipping notification graphics*/
.ship_warning {width:100%; max-width:140px; margin-top:4px;}
.ship_warning_top {width:100%; max-width:140px; margin-top:-3px;}

/*Style container above perishable warning, visible only when global warnings are displayed*/
.ship_warning_heat_block {
	border:1px #000000 solid;
	border-radius:10px;
	padding-top:3px;
	padding-right:6px;
	padding-bottom:1px;
	padding-left:6px;
	margin-top:1px;
	margin-bottom:1px;
	background: #FFCCCC;
	background: linear-gradient(#FFFFFF, #FFCCCC);
}
.ship_warning_freeze_block {
	border:1px #000000 solid;
	border-radius:10px;
	padding-top:3px;
	padding-right:6px;
	padding-bottom:1px;
	padding-left:6px;
	margin-top:1px;
	margin-bottom:1px;
	background: #CCFFFF;
	background: linear-gradient(#FFFFFF, #CCFFFF);
}

.item_box_heat{
	display:inline-block;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:8px;/*Old Version: 3px*/
	padding-right:0px;
	padding-bottom:8px;
	padding-left:2px;
	border-top:2px #99CC33;
	border-right:0px;
	border-bottom:0px;/*Old Version: 2px #99CC33*/
	border-left:0px;
	border-style:solid;
	background-image:url('structure/contentblockbackgroundheat.png');
}

.item_box_freeze{
	display:inline-block;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:8px;/*Old Version: 3px*/
	padding-right:0px;
	padding-bottom:8px;
	padding-left:2px;
	border-top:2px #99CC33;
	border-right:0px;
	border-bottom:0px;/*Old Version: 2px #99CC33*/
	border-left:0px;
	border-style:solid;
	background-image:url('structure/contentblockbackgroundcold.png');
}

.ship_warning_box_desc{
	width:100%;
	margin-top:7px;
	display:inline-block;
	max-width:1200px;
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px){
	.item_box_freeze{background-image:none;}
	.item_box_heat{background-image:none;}
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||                      BEGIN CSS FOR 2024+ PERISHABLE WIDGET                    ||||*/
/*||||                  *Post shrunk-width content. Removes CT Map!*                 ||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#perishable_widget_ctmap{display:none;}/*--------------REMOVES CT-------------*/
.perishable_widget {/*Wrapper for the Perishable Widget*/
	margin-top:10px;
}
.perishable_widget_column {/*Columns for Order Processing, Perishable Guarantee, Local Temps, and US Temps*/
	display:inline-block;
	width: 32%;/*--------------REMOVES CT-------------*/
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	vertical-align: text-top;
	word-wrap: break-word;
	padding:0px 8px 0px 8px;
}
.perishable_widget_contentblock3{/*Unique identifier for the contentblock3 containers, allowing to set custom min-heights*/
	min-height:380px;
}
.perishable_widget_numberblock{/*Container For Perishable # Data*/
	display:inline-block;
	width:100%;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	border-style:solid;
	border-color:#999999;
	border-width:1px 0px 1px 0px;
}
.perishable_widget_hr{/*Horizontal rule unique to the Perishable Widget which disappears on Media Query @ 1150px screen width*/
	margin:5px 0px 5px 0px;
}
.perishable_widget_map_box{/*Container for NOAA Map data. Required for negative margin formatting of cascading elements*/
	display:inline-block;
	width:100%;
	margin:0px;
	padding:0px;
	height:330px;
	max-height:330px;
}
.noaamap_ct {/*Class for modified NOAA CT Map. Width calculated based off preserved aspect ratios, matching heights with nooaamap_us.*/
	width: 100%;
	max-width: 261px;
}
.noaamap_us {/*Class for modified NOAA US Map. Width calculated based off of comfortable viewing width of container. Scales with media query.*/
	width: 100%;
	max-width: 340px;
}
.map_us_overlayhack{/*A container hack with a negative margin which brings the NEHERP pointer (perishable_widget_map_overlay.png) over the NOAA Maps. Overlay is identical to NOAA Map in dimension.*/
	height:1px;
	margin-bottom:-256px;/*Math: At 340px, noaamap_us has 256px height. Add 1px for defined container height to bring the identical-size pointer image to overlay noaamap.*/
}
.noaamap_bottomhack {/*A container hack with a negative margin which brings noaamap_control upward and visually trims the bottom of the noaamap. (Negative margin eyeballed!)*/
	height:1px;
	margin-bottom:-110px;
}
.noaamap_control {/*Container for NOAA map controls which has a white background used to visually trim the bottom of noaamap.*/
	display:inline-block;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||    Begin Perishable Widget's Column #2: Perishable Queries    ||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.trigger_perishable_widget_q1_a{/*Under 19F*/
	display:inline-block;
	width:48px;
	padding:6px 3px 6px 3px;
	margin:0px 2px 0px 0px;
	border: 2px solid black;
	border-radius:5px;
	color:#FFFFFF!important;
	text-shadow:-1px 1px 2px #000000;
	/*background-image: linear-gradient(90deg, #FDB2FD, #03BFEB);/*WINTER*/
	background-image: linear-gradient(90deg, #FFCCFF, #9933CC);/*SUMMER*/
}
.trigger_perishable_widget_q1_b{/*20-44F*/
	display:inline-block;
	width:69px;
	padding:6px 3px 6px 3px;
	margin:0px 2px 0px 2px;
	border: 2px solid black;
	border-radius:5px;
	color:#FFFFFF!important;
	text-shadow:-1px 1px 2px #000000;
	/*background-image: linear-gradient(90deg, #03BFEB, #9ED503);/*WINTER*/
	background-image: linear-gradient(90deg, #6633CC, #00CCFF);/*SUMMER*/
}
.trigger_perishable_widget_q1_c{/*45-85F*/
	display:inline-block;
	width:88px;
	padding:6px 3px 6px 3px;
	margin:0px 2px 0px 2px;
	border: 2px solid black;
	border-radius:5px;
	color:#FFFFFF!important;
	text-shadow:-1px 1px 2px #000000;
	/*background-image: linear-gradient(90deg, #9ED503, #FFB900);/*WINTER*/
	/*background-image: linear-gradient(90deg, #00CCFF, #00CC00, #FFFF00, #FF3300);/*SUMMER*/
	background-image: linear-gradient(90deg, #00CCFF, #00CC00, #D1DE08);/*HOT SUMMER*/
}
.trigger_perishable_widget_q1_d{/*86-95F*/
	display:inline-block;
	width:69px;
	padding:6px 3px 6px 3px;
	margin:0px 2px 0px 2px;
	border: 2px solid black;
	border-radius:5px;
	color:#FFFFFF!important;
	text-shadow:-1px 1px 2px #000000;
	/*background-image: linear-gradient(90deg, #FFB900, #A40902);/*WINTER*/
	/*background-image: linear-gradient(90deg, #FF3300, #CC0000);/*SUMMER*/
	background-image: linear-gradient(90deg, #FFFF00, #FFFF00, #FF9900, #FF0000);/*HOT SUMMER*/
}
.trigger_perishable_widget_q1_e{/*96F+*/
	display:inline-block;
	width:48px;
	padding:6px 3px 6px 3px;
	margin:0px 0px 0px 2px;
	border: 2px solid black;
	border-radius:5px;
	text-shadow:-1px 1px 2px #000000;
	color:#FFFFFF!important;/*WINTER*/
	/*background-image: linear-gradient(90deg, #A40902, #A40902);/*WINTER*/
	/*color:#FFFFFF!important; background-image: linear-gradient(90deg, #CC0000, #330000);/*SUMMER*/
	color:#FFFFFF!important; background-image: linear-gradient(90deg, #CC0000, #330000);/*HOT SUMMER*/
}
.trigger_perishable_widget_hover:hover{/*Defines hover behavior for temperature selector widget*/
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
	cursor: hand;
	cursor: pointer;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||                   BEGIN MEDIA QUERIES FOR PERISHABLE WIDGET                   ||||*/
/*||||       These rescale columns, contents, and maps in the Perishable Widget      ||||*/
/*||||       All containers are defined in comments above for future reference.      ||||*/
/*||||        Element sizes are "eyeballed" except where explicitly calculated       ||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media only screen and (max-width : 1750px),
only screen and (max-device-width : 1750px){
	.perishable_widget_column {width:32%;padding:0px;}
	.perishable_widget_column .contentblock3 {width:100%;}
	.perishable_widget_contentblock3{min-height:410px;}
	#perishable_widget_ctmap{display:none;}
	.noaamap_us {max-width:420px;}
	.map_us_overlayhack{margin-bottom:-317px;}/*At 420px, noaamap_us has 316px height + 1px for container height*/
	.noaamap_bottomhack {margin-bottom:-80px;}
}
@media only screen and (max-width : 1500px),
only screen and (max-device-width : 1500px){
	.perishable_widget_contentblock3{min-height:395px;}
	.noaamap_us {max-width:365px;}
	.map_us_overlayhack{margin-bottom:-276px;}/*At 365px, noaamap_us has 275px height + 1px for container height*/
	.noaamap_bottomhack {margin-bottom:-91px;}
}
@media only screen and (max-width : 1300px),
only screen and (max-device-width : 1300px){
	.noaamap_us {max-width:300px;}
	.map_us_overlayhack{margin-bottom:-227px;}/*At 300px, noaamap_us has 226px height + 1px for container height*/
	.noaamap_bottomhack {margin-bottom:-132px;}
}
@media only screen and (max-width : 1150px),
only screen and (max-device-width : 1150px){
	.perishable_widget_column {width:100%;border-top:2px solid #99CC33;}/*Sets widget columns to full width, adds border to top*/
	.perishable_widget_numberblock{/*Container For Perishable # Data*/
		display:inline-block;
		margin:5px 0px 5px 0px;
		padding:5px 0px 5px 0px;
		max-width:325px;
		width:100%;
		border-style: solid;
		border-width:1px;
		border-radius:10px;
	}
	.perishable_widget_hr{display:none;}/*Removes horizontal breaks in processing schedule and guarantee columns*/
	.perishable_widget_column .contentblock3 {border:none; box-shadow:none; min-height:unset;} /*Effectively eliminates definitions for contentblock3*/
	.noaamap_us {max-width:400px;}
	.map_us_overlayhack{margin-bottom:-302px;}/*At 400px, noaamap_us has 301x height + 1px for container height*/
	.noaamap_bottomhack {margin-bottom:-75px;}
}
@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
	.noaamap_us {max-width:300px;}
	.map_us_overlayhack{margin-bottom:-227px;}/*At 300px, noaamap_us has 226px height + 1px for container height*/
	.noaamap_bottomhack {margin-bottom:-135px;}
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||                      END CSS FOR 2023+ PERISHABLE WIDGET                      ||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/






















/*//////////////////////////////////////////////////////////////////*/
/*////////////////BEGIN OLD NEHERP PERISHABLE WIDGET////////////////*/
/*//////////////////////////////////////////////////////////////////*/

/*CSS For Left Perishable Column*/
.perish_column1 {padding-right:10px;}
.perish_column2 {padding-left:10px;}

/*CSS For Non-Animated Weather Maps*/
.perish_temp_map_key_small {display:none;}
.perish_temp_map_img {width:15.8%; margin-top:-20px; max-width:480px;}
@media only screen and (max-width : 1400px),
only screen and (max-device-width : 1400px){
	.perish_temp_map_key {display:none;}
	.perish_temp_map_img {width:31%; margin-top:0px;}
}
@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){
	.perish_temp_map_key {display:none;}
	.perish_temp_map_img {width:48%; margin-top:0px;}
}
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	.perish_temp_map_key_small {display:block;}
	.perish_temp_map_key {display:none;}
	.perish_temp_map_img {width:95%; margin-top:0px;}
}

/*CSS For Animated Weather Maps*/
.perish_map_wrapper {display:inline-block; max-width:300px; width:100%; margin-right:auto; margin-left:auto; text-align:top; height:233px;}
.perish_map_overflow {overflow:hidden; height:227px;}/*Height calculation: Image is 239px tall, with 22px cut off through negative margin. (217px)  Adding 10px for bottom margin = 227px.*/
.perish_map_img_start {display:block; max-width:290px; margin-top:-22px; margin-bottom:-239px;}
.perish_map_img {display:block; max-width:290px; margin-top:-22px; margin-bottom:-239px; opacity:0.0;}
.perish_map_button {margin-top:-35px;}

/*CSS For Results Container (Step 3)*/
.perish_result {margin-top:10px;}
.perish_data_box {max-width:400px; margin-top:8px; margin-bottom:8px;}
.perish_reset_box {height:24px;}
.perish_reset_button {
	max-width:100px;
	margin-right:auto;
	margin-left:auto;
	border:1px #999999 solid;
	border-radius:6px;
	padding-top:3px;
	padding-right:6px;
	padding-bottom:3px;
	padding-left:6px;
}

/*CSS For Darksky Widget*/
@media only screen and (max-width : 1015px),
only screen and (max-device-width : 1015px){
	#forecast_embed {display:none;}
}

/*CSS For Perishable Disclaimer*/
.perish_disclaimer {border-color:#333333}
@media only screen and (max-width : 1015px),
only screen and (max-device-width : 1015px){
	.perish_disclaimer {border-color:#99CC33; border-top-width:1px; margin-top:8px;}
	.perish_column2 {padding-left:0px;}
}

/*//////////////////////////////////////////////////////////////////*/
/*///////////////////END NEHERP PERISHABLE WIDGET///////////////////*/
/*//////////////////////////////////////////////////////////////////*/