.color_0001 { color:white; }
.color_0002 { color: #002A5A } /*dark blue (text) / background */
.color_0003 { color: #3D3D3D } /* 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); }/* ??? */
.color_0012 { color: var(--color_0012); }/* med gray used on run names that are closed - conditions page */

.bgcolor_0001 { background-color: white; }
.bgcolor_0004 { background-color: #EEF3F9; }
.bgcolor_0006 { background-color: #5B8CC1; }





.inlineb
{
display:inline-block;
vertical-align:top;
}



/*override container level flex - doesn't work on signs*/
.cgrid_05.sugar 
{ display:block !important; }


.center
{
text-align:center;
}


.headline
{
font-family:arial;
font-size: 36px;
}	

.headline_02, .headline_02 .headline
{
font-family:arial;
font-size: 44px !important;
}

.headline_03
{ 
font-family:arial;
font-size: 80px !important 
}


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


.headline_05
{
font-family:arial;
font-size: 21px;
}


.headline_06
{
font-family:arial;
font-size: 24px;
}

.headline_07
{
font-family:arial;
font-size: 29px;
}

.headline_08
{
font-family:arial;
font-size: 14px;
}

.headline_09
{
font-family:arial;
font-size: 12px;
}


.run_status.txt_0001_conditions, .run_name.txt_0001_conditions, .run_status, .run_name
{
font-family:arial;
font-size: 18px;
}

.run_info_row
{
display:block !important;
margin-top:12px !important;
margin-bottom:12px !important;	
}


.run_info_row_rule
{
background-color: #DBDBDB !important;
}



.b2
{ font-weight:600; }






.txt_0001_conditions
{
font-family:arial;
font-size:18px;	
}




.txt_0017
{
font-family: arial;
font-size: 100px; 
}





.card_runs
{
width:300px;
border-radius:18px;
overflow:hidden;
margin-right:20px;
}

.run_difficulty_icon
{
display:inline-block !important;
vertical-align:top !important;
margin-left:14px !important;
margin-right:14px !important;
margin-top:3px !important;	
}

.run_name
{
display:inline-block !important;
vertical-align:top !important;
width: 180px !important;
margin-left:0px !important;
margin-right:0px !important;	
}

.run_status
{
display:inline-block !important;
vertical-align:top !important;
width: 50px !important;
margin-left:0px !important;
margin-right:0px !important;	
text-align:right !important;
text-transform:capitalize !important;
}

.run_conditions
{
margin-left:-100px;
font-size:16px !important;
text-transform:capitalize !important;
margin-top:4px;
}



/*equally spaced children - take up full width of parent */
.card_001 > div
{ display:inline-block;	}


.card_summary_status_row 
{ 
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}



.card_summary_status_row > div
{ 
display:inline-block;	
margin-right:20px;
}


.conditions_zone_summary_card_01
{
padding-top: 1em;
padding-bottom:1em;
background-size: cover;
height: 159px;
min-height: 159px;
max-height: 159px;
}


.conditions_zone_summary_card_03
{
height:190px;
padding-left:25px;
padding-right:25px;
padding-top:10px;
padding-bottom:15px;
}

.conditions_zone_summary_card_04
{ 
padding-top: 1em;
padding-bottom:25px;
padding-left:25px;
padding-right:25px;
}


.widget_3277 .headline_05
{
margin-bottom:8px;
}





.widget_3277.widget_wrap_outer
{
margin-top:5vw;
padding-left: clamp(10px, calc((100vw - 1300px) / 2), 350px); /* screenwidth - width of 4 cards  / 2 with 20px adj 1300 instead of 1320 */
}






.conditions_zone_summary_card
{
min-width:auto;
max-width: 300px;
}

.conditions_zone_summary_card_02
{
color: var(--color_0010);
padding:1em;
padding-left:30px;
padding-right:30px
}

.conditions_zone_summary_card_03
{
color: var(--color_0010);
}

.conditions_zone_summary_card_04
{ color: var(--color_0010); }



.card_summary_conditions_wrap
{
padding-top:50px; 
width:410px;
min-width:410px;
max-width:410px; 
display:inline-block;
vertical-align:top;
}









.card_002 
{
overflow:hidden; 
margin-left:auto; 
margin-right:auto; 
min-width:100%; 
max-width:100%;
width:100%; 
border-radius:25px;
padding-top:36px;
}





#container_2455_outer
{
height:100vh;	
}