*,
*::before,
*::after 
{
box-sizing: border-box;
}

* 
{font-family: 'Graphik Web', sans-serif; }



/*.slick-slide{ height:unset !important };*/



html, body, div, p, span
{
font-family: 'Graphik Web', sans-serif; 
}


strong, b
{
font-family: 'Graphik Web', sans-serif; 
font-weight: 500;
}

/* .b1 uses graphik bold */

.b2
{
font-weight:600; 
}




h2, .h2_photo
{
font-weight:500;	
}


h3
{
font-weight:400;	
}










.b1, 
html .b1, 
body .b1, 
div .b1, 
p .b1, 
span .b1,
.b1 span,
.b1 p
{
font-family: 'Graphik Web Bold', sans-serif !important;
}


.btn_center
{
margin-left:auto;
margin-right:auto;	
}

.btn_colors_001
{
color:var(--color_0001) !important; 
border-color:var(--color_0001)!important;
}

.btn_colors_001:hover
{
box-shadow: 0 0 0 1px white !important;
}







.btn_colors_002
{
color:var(--color_0001) !important; 
background-color: var(--color_0006)!important;
}

.btn_colors_003
{
color:var(--color_0006) !important; 
background-color: var(--color_0001)!important;
}

.btn_colors_004
{
color:var(--color_0002) !important; 
border-color:var(--color_0002)!important;
}



.full_screen
{
min-height:100vh;
width:100%;/*vh causes horizontal scroll bar - doesn't account for width of vert scroll bar*/
margin:0;
padding:0;
}



svg {
  display: block;
}




.headline_03
{ font-size: clamp(26px, 2.5vw, 50px) !important }


.headline_04
{ font-size: 64px !important; line-height:1; }






.headline
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: clamp(24px, 1.9vw, 36px);
font-style: normal;
color: var(--color_0002);
text-align: left;
}	

.headline.center
{ text-align:center; }


.headline.right
{ text-align:right; }

.dm_btn_position_01_wrap.center
{
margin-left:auto; 
margin-right:auto !important; /*there's a hard coded margin-right in dm33*/
}

.dm_btn_position_01_wrap.right
{
margin-left:auto; 
}




.container_width_full
{ width:100; max-width:100%; min-width:100%	}

.container_width_001
{ max-width:1920px; margin-left:auto; margin-right:auto	}

.container_width_002
{ 
max-width:1400px;
margin-left:auto;
margin-right:auto;
}

.container_horizontal_padding_001
{
padding-left: clamp(30px, 8vw, 200px);
padding-right: clamp(30px, 8vw, 200px);	
}





.primary_nav_control
{
font-family: 'Graphik Web', sans-serif; 	
}



.rev1 a, 
.rev1 a:visited, 
.rev1 a:active, 
.rev1 a:link
{
font-family: 'Graphik Web', sans-serif; 	
}









.nav_icon_shopbag_001 .icon_shop_001
{ fill: #FFFFFF; }


@media (min-width: 1px) and (max-width: 1133px) 
{

.nav_icon_shopbag_001 
{ display:none }

}


.nav_icon_profile_001 .icon_profile_001
{ fill: #FFFFFF; }


@media (min-width: 1px) and (max-width: 1133px) 
{

.nav_icon_profile_001 
{ display:none }

}

.text-center/*from bootstrap*/
{
text-align:center;	
}



.icon_snowflake_001, .icon_shop_001, .icon_profile_001
{
fill: white; 
}

#navigation.on .icon_snowflake_001,
#navigation.on .icon_shop_001,
#navigation.on .icon_profile_001
{
fill: var(--color_0002);  
}





.hide
{
display:none;
}



/*.hideat_1133
{ display:contents; }/*not sure of effect when used on a div
*/



.showat_1430
{ display:none; }


@media (min-width: 1px) and (max-width: 1430px) 
{
.hideat_1430
{ display:none; }

.showat_1430
{ display:block; }
}



@media (min-width: 1px) and (max-width: 1400px) 
{
.hideat_1400
{ display:none; }

.showat_1400
{ display:block; }
}



@media (min-width: 1px) and (max-width: 1300px) 
{
.hideat_1300
{ display:none; }

.showat_1300
{ display:block; }
}




@media (min-width: 1px) and (max-width: 1133px) 
{
.hideat_1133
{ display:none; }

.showat_1133
{ display:block; }
}

@media (min-width: 1px) and (max-width: 350px) 
{
.hideat_350
{ display:none; }

.showat_350
{ display:block; }
}


@media (min-width: 1px) and (max-width: 800px) 
{
.hideat_800
{ display:none; }

.showat_800
{ display:block; }
}

















:root 
{
--color_0001: #FFFFFF; 
--color_0002: #002A5A;  /*dark blue (text) / background */
--color_0003: #3D3D3D; /* dark grey text */
--color_0004: #EEF3F9; /* light grey - used in mouse over bg colors */
--color_0005: #D9D9D9;
--color_0006: #5B8CC1; /* SB light blue - ie shop btn */
--color_0007: #FF5D00; /* red - ie alert txt header */
--color_0008: #DBDBDB; /* very light grey */
--color_0009: #ECECEC; /* grey for backgrounds */
--color_0010: #1E1E1E; /* standard body copy */
--color_0011: #EEF3F9; 


--nav_conditions_boxes_gap: 45px;
--header_alert_area_height: 52px;
}



body { color: var(--color_0010); }












@media (min-width: 1134px) and (max-width: 1600px) 
{

:root 
{
--header_alert_area_height: 36px;
}


}



.overlay_0001
{
position:absolute;
display:none;	
}



@media (min-width: 1134px) and (max-width: 1400px) 
{

:root 
{
--nav_conditions_boxes_gap: 30px;
}


}






.color_0001 { color: var(--color_0001); }
.color_0002 { color: var(--color_0002); } /*dark blue (text) / background */


.rev1 .color_0003, .rev1 .color_0003 a, .rev1 .color_0003 a:visited, .rev1 .color_0003 a:active, .rev1 .color_0003 a:link
{ color: var(--color_0003); } /* dark grey text */






.color_0004 { color: var(--color_0004); } /* light grey - used in mouse over bg colors section backgrounds */
.color_0005 { color: var(--color_0005); }
.color_0006 { color: var(--color_0006); }/* SB light blue - ie shop btn */
.color_0007 { color: var(--color_0007); }
.color_0008 { color: var(--color_0008); }/* very light grey */
.color_0009 { color: var(--color_0009); }/* grey for backgrounds */
.color_0010 { color: var(--color_0010); }/* black body copy */
.color_0011 { color: var(--color_0011); }/* ??? */

.bgcolor_0001 { background-color: var(--color_0001); }
.bgcolor_0002 { background-color: var(--color_0002); } /*dark blue (text) / background */
.bgcolor_0003 { background-color: var(--color_0003); }
.bgcolor_0004 { background-color: var(--color_0004); }/* light grey - used in mouse over bg colors section backgrounds */
.bgcolor_0005 { background-color: var(--color_0005); }
.bgcolor_0006 { background-color: var(--color_0006); }
.bgcolor_0006_important { background-color: var(--color_0006) !important; }
.bgcolor_0007 { background-color: var(--color_0007); }
.bgcolor_0008 { background-color: var(--color_0008); }
.bgcolor_0009 { background-color: var(--color_0009); }/* grey for backgrounds */
.bgcolor_0011 { background-color: var(--color_0011); }/* ????? */



.nav_group_label
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight:500;
color: var(--color_0002);
margin-bottom:15px;
}

.nav_group_label a, .nav_group_label a:visited, .nav_group_label a:focus
{
font-family: 'Graphik Web', sans-serif !important;
color: var(--color_0002);
}


.nav_group_label a:hover {
font-family: 'Graphik Web', sans-serif !important;
color: var(--color_0002); 
}




@media (min-width: 1px) and (max-width: 1133px) 
{

.nav_group_label
{
font-size:18px;
font-weight:600;
}


}









a 
{
text-decoration: none; 
color: inherit; 
}

/* Hover state */
a:hover 
{
text-decoration: none;
}

/* Active state */
a:active 
{
text-decoration: none; 
}

/* Visited state */
a:visited 
{
text-decoration: none; 

}


.button_shop_001
{
font-family: 'Graphik Web', sans-serif; /*don't remove*/
border-radius: 100px;
background:  var(--color_0006);
width: 108px;
height: 34px;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}


@media (min-width: 1px) and (max-width: 1133px) 
{

.button_shop_001
{
        border-radius: 0;
        background: none;
        width: auto;
        height: auto;
        color: inherit; /* or another color */
        text-align: initial; /* or left, right, etc. */
        font-size: initial;
        font-style: initial;
        font-weight: normal; /* or initial */
        line-height: normal; /* or initial */
        flex-shrink: 1; /* default value */
        display: block; /* or initial */
        align-items: normal; /* remove centering */
        justify-content: normal; /* remove centering */
        cursor: auto; /* or default */
}
	
}



.btn_size_200
{
width: clamp(180px, 12vw, 210px);
max-width: clamp(180px, 12vw, 210px);
min-width: clamp(180px, 12vw, 210px);
}


.btn_size_250
{
width: clamp(130px, 16vw, 250px);
}

.btn_size_90_pcent
{
width: clamp(180px, 90%, 300px);
}


@media (min-width: 1px) and (max-width: 800px) 
{
.btn_size_90_pcent
{
width: clamp(180px, 90%, 300px);
padding-left:20px;
padding-right:20px;
}
}

.button_001 
{
font-family: 'Graphik', sans-serif; /*don't remove*/
border-radius: 100px;
background: #FFFFFF;
width: 108px;
height: 34px;
color: var(--color_0002);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 1px solid black; 
}

.btn_002 
{
display: flex;                
justify-content: center;     
align-items: center;          
height: 50px; 
                
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
             
border: 1px solid var(--color_0002);;        
border-radius: 100px;         
color: var(--color_0002);                   
font-size: 16px;               
font-weight:bold;
cursor: pointer;              
transition: background-color 0.3s; 
background-color:transparent;
}


@media (min-width: 1134px) and (max-width: 1600px) 
{
.btn_002 
{
        
/*height: 40px; 
                
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
             
border-radius: 20px;         
font-size: 14px;               
font-weight:bold;*/
}
}


[class*="btn_003"]:not([class*="widget_"]), .btn_003 .dm_btn_position_01:not([class*="widget_"]) 
{
font-family: 'Graphik Web', sans-serif !important;
white-space:nowrap;
display: flex;                
justify-content: center;     
align-items: center;          
height: 50px; 
                
padding-top: 13px;
padding-left: clamp(15px, 2.5vw, 40px);
padding-bottom: 13px;
padding-right: clamp(15px, 2.5vw, 40px);
             
border: 0;        
border-radius: 100px;         
color: var(--color_0006);                   
font-size: 16px;               
font-weight:500;
cursor: pointer;              
transition: background-color 0.1s; 
background-color:var(--color_0001);;
}

/*.btn_003:hover 
{ 
background-color: rgb(238, 243, 249, .7);
color: var(--color_0002);
}*/

.btn_003:hover:not([class*="widget_"]) 
{

background-color: rgb(238, 243, 249, .7);
color: var(--color_0002);

}



@media (min-width: 1134px) and (max-width: 1600px) 
{
.btn_003 
{}
}

@media (min-width: 801px) and (max-width: 1133px) 
{
.btn_003 
height: 42px;
white-space:nowrap;

padding-left: clamp(15px, 2.5vw, 40px);
padding-right: clamp(15px, 2.5vw, 40px);
}

@media (min-width: 1px) and (max-width: 800px) 
{
.btn_003
{}
}





















/*MOVED to global.css.cfm .btn_004 
{
display: flex;                
justify-content: center;     
align-items: center;  
        
height: clamp(42px, 3.2vw, 52px); 

min-width:250px; 
max-width:275px;
                
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
             
border: 0;        
border-radius: 100px;         
color: var(--color_0001);                   
font-size: 16px;               
font-weight:500;
cursor: pointer;              
transition: background-color 0.1s; 
background-color:var(--color_0006);
}

.btn_004, 
.btn_004 a, 
.btn_004 a:active, 
.btn_004 a:visited, 
.btn_004 a:link
{
color: var(--color_0001);
text-decoration: none;
border-width: 0px !important;
outline: none;
}


.btn_004:hover
{ 
background-color: rgba(91, 140, 193, 0.8);  
color: var(--color_0002);
}*/










/*}*/




/*.btn_005:not([class*="widget_"]) */
[class*="btn_005"]:not([class*="widget_"]) 
{
display: flex;                
justify-content: center;     
align-items: center;          
height: 50px; 
min-width:250px; 
max-width:275px;
white-space:nowrap;
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
border-radius: 100px;         
color: var(--color_0002);                   
font-size: 16px;               
font-weight:500;
cursor: pointer;              
box-shadow: 0 0 0 0 black; 
transition: box-shadow 0.3s ease;
border: 1px;     
border-color:var(--color_0002);
border-style:solid;   
border-radius: 100px;         
}


.btn_005 .dm_btn_position_01:not([class*="widget_"]) 
{
display: flex;                
justify-content: center;     
align-items: center;          
height: 50px; 
min-width:250px; 
max-width:275px;
white-space:nowrap;
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
border-radius: 100px;         
color: var(--color_0002);                   
font-size: 16px;               
font-weight:500;
cursor: pointer;              
box-shadow: 0 0 0 0 black; 
transition: box-shadow 0.3s ease;
border: 1px;     
border-color:var(--color_0002);
border-style:solid;   
border-radius: 100px;         
}











.btn_005:hover:not([class*="widget_"])  
{ 
box-shadow: 0 0 0 1px black; 
}

.btn_005.btn_005_round:not([class*="widget_"]) 
{
width: 50px;
height: 50px;
min-width: 50px;
max-width: 50px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0px;
}









.btn_005.btn_005_white:not([class*="widget_"]), .btn_005.btn_005_color_0001:not([class*="widget_"]),   .btn_005_color_0001 .dm_tbn_position_01.btn_005:not([class*="widget_"]) 
{
border-color:white;	
color:white;
box-shadow: 0 0 0 0 white;
}


.btn_005.btn_005_color_0001 .dm_btn_position_01:not([class*="widget_"])
{
border-color:white;	
color:white;
box-shadow: 0 0 0 0 white;
}



.btn_005.btn_005_color_0001 .dm_btn_position_01:hover:not([class*="widget_"])
{ 
box-shadow: 0 0 0 1px white; 
}







.btn_005.btn_005_white:hover:not([class*="widget_"]) , .btn_005.btn_005_color_0001:not([class*="widget_"]) 
{ 
box-shadow: 0 0 0 1px white; 
}


.btn_005.btn_005_0002
{
border-color:white;	
color:white;
box-shadow: 0 0 0 0 white;
}

.btn_005.btn_005_white:hover 
{ 
box-shadow: 0 0 0 1px white; 
}








@media (min-width: 1134px) and (max-width: 1600px) 
{.btn_005 {}}



@media (min-width: 801px) and (max-width: 1133px) 
{.btn_005 {}}



@media (min-width: 1px) and (max-width: 800px) 
{

.btn_005 
{
width:146px;     
height: 42px; 

padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
             
font-size: 14px;               
}
}






.btn_006 
{
display: flex;                
justify-content: center;     
align-items: center;          
width: 28px;
height: 28px;
min-width: 28px;
max-width: 28px;
white-space:nowrap;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-radius: 100px;         
cursor: pointer;              
box-shadow: 0 0 0 0 black; 
}

.btn_006:hover 
{}





























.button_shop_001.on
{
background-color: var(--color_0004);
color: var(--color_0002);
}




.report-button 
{
display: flex;                
justify-content: center;     
align-items: center;          
height: 50px; 
                
padding-top: 13px;
padding-right: 40px;
padding-bottom: 13px;
padding-left: 40px;
             
border: 1px solid var(--color_0002);;        
border-radius: 100px;         
color: var(--color_0002);                   
font-size: 16px;               
font-weight:bold;
cursor: pointer;              
transition: background-color 0.3s; 
background-color:transparent;
}

.report-button:hover {
    background-color: #e0e0e0;     /* Change background on hover */
}



@media (min-width: 1134px) and (max-width: 1600px) 
{
.report-button 
{
height: 40px; 
padding-right: 10px;
padding-left: 10px;
font-size: 14px;               
}

}

























/* 16px at 1600 */
.txt_0001
{
font-family: 'Graphik Web', sans-serif !important;
color: #FFF;
/*text-align: center;*/
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}



/* header banner txt*/
/* 134px at 1600 */
.txt_0002
{
font-family: 'Graphik Web Bold' !important;
font-style: normal;
letter-spacing: -4.009px;
font-size: clamp(40px, 12vw, 200px); /* design is 134px at 1600 */
letter-spacing: clamp(-1px, -.25vw, 0px);
line-height: clamp(1em, 7.5vw, 2em);
}

.txt_0003
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 16px;
font-style: normal;
font-weight:500;
}


.txt_0004
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 16px;
font-style: normal;
}

.txt_0004_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: 16px;
font-style: normal;
}









@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0004
{
/*font-size: 12px;
font-style: normal;*/
}
}


@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0004
{
font-size: 14px;
font-style: normal;
}
}




/* 46px at 1600 */
.txt_0005
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 46px;
font-style: normal;
font-weight: 600;
line-height:1;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0005
{
font-size: 32px;
}
}

@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0005
{
font-size: 32px;
}
}













.txt_0006
{
font-family: 'Graphik Web', sans-serif !important;
font-size: clamp(16px, 1.2vw + 1rem, 22px);
font-style: normal;
font-weight: 500;
}

/*@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0006
{ font-size: 16px; }	
}*/

/*@media (min-width: 801px) and (max-width: 1133px) 
{
.txt_0006
{ font-size: 16px; }	

}*/

@media (min-width: 1px) and (max-width: 800px) 
{
#nav_conditions_drop_002 .txt_0006 /*icon label - ie weather roads lifts */
{ font-size: 20px }
}



.txt_0007
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height:1;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0007
{
font-size: 26px;
}	
}

@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0007
{
font-size: 26px;
}	
}









/* 12px at 1600 */
.txt_0008
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 12px;
font-style: normal;
font-weight: 400;
}

.txt_0008_b1
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 12px;
font-style: normal;
font-weight: 600;
}



/* nav links */
.txt_0009, .txt_0009 a
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 16px;
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0009{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0009{}}




/* alert text  */
.txt_0010
{
font-family: 'Graphik Web', sans-serif !important;
font-size: clamp(14px, 2vw, 16px);
font-style: normal;
}


@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0010{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0010{}}











/* home page hero sub-copy */
.txt_0011, .txt_0011 p
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 24px;
font-style: normal;
font-weight:400;
letter-spacing:-.72px;
line-height: 1;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0011, .txt_0011 p {}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0011, .txt_0011 p {}}




/* footer 20px cal slide subhead */
.txt_0012
{
font-family: 'Graphik Web', sans-serif !important;
font-size: clamp(18px, 2.5vw, 22px);
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
font-weight:500;
}

.txt_0012_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: clamp(18px, 2.5vw, 22px);
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}





.txt_nav_alert
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 14px;
font-style: normal;
}








@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0012{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0012{}}



/* tabs - weather/webcams */
.txt_0013
{
font-family: 'GraphikWeb-Medium', sans-serif !important;
font-size: 24px;
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}

/* tabs - weather/webcams */
.txt_0013_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: 24px;
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}









@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0013{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0013{}}






/* section conditions temp etc */
.txt_0014
{
font-family: 'GraphikWeb-Medium', sans-serif !important;
font-size: 120px;
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}


.txt_0014_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: 120px;
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0014{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0014{}}




/* 40px */
.txt_0015
{
font-family: 'Graphik Web', sans-serif !important;
/*font-size: 40px;*/
font-size: clamp(24px, 2.5vw, 44px);
font-style: normal;
}

.txt_0015_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
/*font-size: 40px;*/
font-size: clamp(26px, 2.5vw, 44px);
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0015{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0015{}}




/* 30px Calendar Slider headline */
.txt_0016
{
font-family: 'Graphik Web', sans-serif !important;
font-size: clamp(24px, 1.9vw, 36px);
font-style: normal;
}

.txt_0016_b1
{
font-family: 'Graphik Web Bold', sans-serif !important;
font-size: clamp(24px, 1.9vw, 36px);
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0016{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0016{}}

/*17 already built in style sets*/
/*font-family: 'Graphik Web', sans-serif !important;
line-height:1.5;
font-size: clamp(20px, 1.5vw, 28px);
font-style: normal;
color: var(--color_0001);*/




/* STANDARD 22px */
.txt_0052, .txt_0052 p
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 22px;
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0052, .txt_0052 p {}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0052, .txt_0052 p {}}






/* STANDARD 24px */
.txt_0050, .txt_0050 p
{
font-family: 'Graphik Web', sans-serif !important;
font-size: clamp(16px, 1.5vw, 24px);
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0050, .txt_0050 p {}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0050, .txt_0050 p {}}



/* 48px at 1600 */
.txt_0051
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 46px;
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0051
{ font-size: 32px; }
}

@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0051
{
font-size: 32px;
}
}


/* 14px at 1600 */
.txt_0052
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 14px;
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0052
{  }
}

@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0052
{}
}


/* 40px at 1600 */
.txt_0053
{
font-family: 'Graphik Web', sans-serif !important;
font-size: 40px;
font-style: normal;
}

@media (min-width: 1134px) and (max-width: 1600px) 
{
.txt_0053
{  }
}

@media (min-width: 1px) and (max-width: 1133px) 
{
.txt_0053
{}
}






.bodycopy_001
{
line-height:26px;	
}







@media (min-width: 1px) and (max-width: 700px) 
{
.txt_0003, .nav_group_label
{
font-size: 18px;
font-weight:600;
}
}


.nav_group_label
{
color: var(--color_0002);
margin-bottom:15px;
}




/* INTERIOR HEADER PHOTOS */
.txt_0017
{
font-family: 'GraphikWeb-Medium', sans-serif !important;
font-size: clamp(42px, 8.4vw, 120px); /* design is 100px at 1600 */
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}


@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0017{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0017{}}



/* GSAP SEASON PASS ANIMATION */
.txt_0018
{
font-family: 'GraphikWeb-Medium', sans-serif !important;
font-size: clamp(68px, 8.4vw, 120px); /* design is 100px at 1600 */
font-style: normal;
letter-spacing:-.6px;
line-height: 1;
}


@media (min-width: 1134px) and (max-width: 1600px) 
{.txt_0018{}}


@media (min-width: 1px) and (max-width: 1133px) 
{.txt_0018{}}







.nav_group_spacer
{
height:30px;
}



.body_no_scroll 
{
overflow: hidden;
/*position: fixed; */
width: 100%; 
}



.flex_align_center
{
align-items:center
}


/*************BEGIN CHART STYLES*/
.chart_text_large img
{width:75%}



.large-chartbox div[chart-type*="donut"] {
  width: 135px;
  height: 135px;
  display: block;
  position: relative;
  margin-right: 115px;
}
.large-chartbox div[chart-type*="donut"]:last-of-type {
  margin-right: 0;
}
.large-chartbox div.donut-hole 
{
display:flex;
align-items:center;
justify-content:center;
height: 105.3px;
width: 105.3px;
background-color: #19325A;
z-index: 20;
position: absolute;
top: 14.85px;
left: 14.85px;
border-radius: 105.3px;
line-height: 33.75px;
}
.large-chartbox span.donut-filling {
/*  position: absolute;
  display: block;
  vertical-align: middle;
  font-family: "Open Sans";
  font-weight: 300;
  color: #616161;
  font-size: 32.9994px;
  top: 50%;
  margin-top: -16.875px;
  width: 105.3px;
  height: 33.75px;
  text-align: center;
  cursor: default;
  overflow: none;*/
}
.large-chartbox div.donut-caption-wrapper {
  width: 135px;
  align-content: center;
  position: relative;
  top: 165px;
}
.large-chartbox span.donut-caption {
  display: block;
  text-align: center;
  font-family: "Open Sans";
  color: #616161;
  font-size: 13px;
  font-weight: 600;
  cursor: default;
  margin: 0 auto;
}
.large-chartbox .donut-bite {
  position: absolute;
  width: 67.5px;
  height: 135px;
  overflow: hidden;
  top: 0;
  left: 68px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.large-chartbox .donut-bite.large {
  width: 135px;
  height: 135px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.large-chartbox .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 67.5px;
  height: 135px;
  top: 0;
  left: -67.5px;
  border-radius: 67.5px 0 0 67.5px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.large-chartbox .donut-bite.large:BEFORE {
  left: 0;
}
.large-chartbox .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 67.5px;
  height: 135px;
  left: 67.5px;
  border-radius: 0 67.5px 67.5px 0;
}

.scale{transform-Origin: center;}
/************* end CHART STYLES*/



/*  BASIC WIDGET WIDTH CONTROL - AS VIEWPORT SHRINKS - WIDTH INCREASES  */
.wwidth_001 
{
width:80%;
max-width:80%;
min-width:80%;
}

@media (min-width: 601px) and (max-width: 1600px) 
{
.wwidth_001 
{
width:90%;
max-width:90%;
min-width:90%;
}
}

@media (min-width: 1px) and (max-width: 600px) 
{
.wwidth_001 
{
width:95%;
max-width:95%;
min-width:95%;
}
}


[class*="cgrid_"]
{
max-width:100vw;
overflow:hidden;
}

.align_left
{
text-align:left	
}
.align_center
{
text-align:center;
justify-content:center;
align-items:center;
}
.align_right
{
text-align:right	
}


.w_clickable
{
cursor:pointer;
}

.hover_element_001 
{
display: none;
position: absolute; 
top:20px;
right:20px;
}

.widget_wrap_outer:hover .hover_element_001  
{
display: flex; 
}


/* Add margin to  each child */
/*.dm_033 > * 
{
margin-bottom: 30px; 
}*/

.dm_033 > *:last-child 
{
margin-bottom: 0; /* Remove margin from the last child */
}

/*{
row-gap:30px;	
margin-bottom:30px;
}*/


.pid_18440 .lbox

{height:fit-content}



.img_height_override .flex_bg_img {height:auto;} /*prevent img height from taking more height than needed*/


.vcenter 
{ justify-content:center }




/*currently used for bullets side by side on village project tabs*/
.flex_2col_001 
{
display: flex;
flex-wrap: wrap; /* Allows stacking */
gap: 20px; /* Adds space between columns */
}

.flex_2col_001 > div
{
flex:1;
min-width:90%; 
}

@media (max-width: 1400px) 
{

.flex_2col_001
{ 
flex-direction: column; 
gap:0px;
}

.flex_2col_001 > div
{

margin-left: clamp(20px, 25%, 200px);
}


}

.ul_001
{
margin-top:0px;
margin-bottom:0px;
text-align:left;
}

.ul_002 
{
list-style-position: outside; 
padding-left: 1em; 
}

.ul_002 li 
{
text-indent: -1em; 
padding-left: 2em; 
}


/* not sure if in use */
.cgrid_16.flex_dir_vertical .container_inner_max
{
flex-direction:column;	
}



@media (min-width: 1px) and (max-width: 800px) 
{
.cgrid_16 .container_inner.flex_row 
{
flex-direction:column;	
}
}




/* not sure if in use */
.cgrid_16.flex_dir_horizontal .container_inner_max
{
flex-direction:row;	
}









.card_001 
{
border-width: 1px;
border-style:solid;
border-radius: 8px; 
padding: 1em;
}


.card_002 
{
display: flex; 
flex-direction: column; 
border: 1px solid #D4D4D4; 
border-radius: 8px; 
overflow:hidden; 
width: fit-content; 
margin-left:auto; 
margin-right:auto; 
min-width:100%; 
max-width:100%;
width:100%; 
}


.card_002.bradius_002
{
border-radius: 25px;	
}








.border_color_0008 { color: var(--color_0008); }

/*equally spaced children - take up full width of parent */
.card_flex_001 
{
display:flex; justify-content:space-between	
}



/*equally spaced children - take up full width of parent */
.card_flex_001 > div
{
flex: 0 0 auto;	
}


/*equally spaced children - vertical */
.card_flex_002 
{
display:flex; 
flex-direction:column;
align-items:center;
justify-content: center;
}


/*equally spaced children - take up full width of parent */
.card_flex_002 > div
{
flex: 0 0 auto;	
}





.fw_light {font-weight:300}
.fw_normal {font-weight:400}
.fw_medium {font-weight:500}
.fw_semi_bold {font-weight:600}
.fw_bold {font-weight: 700}
.fw_xbold {font-weight: 800}

.flex_col {flex-direction:column}
.flex_row {flex-direction: row}











.cflex_wrap .container_inner {flex-wrap:wrap; justify-content: space-around}



/*CONDITIONS LIFTS/RUNS*/
.lift_status_dropdown 
{
padding:20px; 
border: 1px solid var(--color_0004);
}

.lift_status_top 
{
display:flex; 
justify-content:space-between
}

.trigger_view_more {cursor:pointer;}

.runs_data {display:flex;}

.enable_viewmore.open {background-color: var(--color_0004)}

.lift_status_main {border: 1px solid var(--color_0009); margin-top:22px; background-color:white; padding-left:22px; padding-right:22px; padding-top:12px; padding-bottom:12px; border-radius:12px; overflow:hidden;}

.lift_status_bar {display:flex; justify-content:space-between; align-items:center;}



.runs_data > div:nth-of-type(1) {margin-right:22px; min-width:20px; max-width:20px; min-height:20px; max-height:20px}
.runs_data > div:nth-of-type(3) {margin-left:auto;}

.runs_data > div[data-difficulty="1"] {background-color: green;}
.runs_data > div[data-difficulty="2"] {background-color: var(--color_0006);}
.runs_data > div[data-difficulty="3"] {background-color: black; color: var(--color_0001);}



.arrow-icon {
  transition: transform 0.3s ease;
}

.open .arrow-icon {
  transform: rotate(180deg);
}
/* end CONDITIONS LIFTS/RUNS*/