@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700,800,900&display=none');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=none');
:root {

    --primary-font     								: 'Muli', sans-serif;
    --styled-font      								: 'Muli', sans-serif;

	
	--width-push                                    : 0px 270px;
	
	--fixed-top-bg-color         					: #000000;  /* headers and footers background */
    --fixed-top-height            					: 64px;
    --top-push                    					: 42px;  /* above +1 gives white line above content start */
    --fixed-topmenu-push-down     					: 9px;  /* push the menu options down this much to position them vertically within the fixed header */ 

    --footer-bg-color             					: var(--fixed-top-bg-color);    
    --footer-fg-color             					: var(--menu-bar-base-text-color);   
    
    --h1-and-sub-hero-color                         : #ffffff;
    
    --base-color                                    : #ebeef1;
    --base-color                                    : #1c0037;
    --block-spacer                                  : 50px;
    
    --clickables-fg-on-dark-canvas-color            : #ebbeea;
    --clickables-fg-on-dark-canvas-color-hovered    : #cc5bc9;

    --clickables-fg-on-light-canvas-color            : #8000ff;
    --clickables-fg-on-light-canvas-color-hovered    : #490093;


    --menu-bar-base-text-color                      : #ffffff;
    --menu-bar-drop-down-bg-color                   : var(--fixed-top-bg-color);
    --menu-bar-option-hover-bg-color                : #8000ff;
    --menu-bar-option-hover-fg-color                : white;
    --menu-transition-speed                         : .3s;
        
    --border-thickness            					: 1px;
    --border-color                					: #f2f2f2;
    
    --border-radius-curv          					: 30px;
    --full-border-radius          					: var(--border-radius-curv);
    --top-border-radius           					: var(--border-radius-curv) var(--border-radius-curv) 0px 0px;
    --left-border-radius          					: var(--border-radius-curv) 0px 0px var(--border-radius-curv);
    --right-border-radius         					: 0px var(--border-radius-curv) var(--border-radius-curv) 0px;
 
    --canvas-dark-heading-color                     : #ffffff;
    --canvas-dark-text-color                        : #ffffff;
/*    --canvas-dark-bg-color                          : var(--fixed-top-bg-color); */
    --canvas-dark-bg-color                          :  black;
    --canvas-light-heading-color                    : white;    
    --canvas-light-text-color                       : white; 
    --canvas-light-bg-color                         : black;
    
    
    --canvas-shadow      					        : 5px 5px 8px 1px #3f3f3f;
    --canvas-shadow      					        : none;
    
    
    --canvas-shadow-thin   					        : 2px 2px 2px 1px #969696;
    
    --canvas-padding-large        					: 120px;
    --canvas-padding-medium       					: 80px;
    --canvas-padding-small        					: 25px;
    --canvas-margin-large       					: 80px;
    --canvas-margin-medium        					: 40px;
    --canvas-margin-small         					: 20px;
    
    --canvas-heading-font-family  					: var(--primary-font);
    --canvas-heading-padding      					: 0px 0px 0px 0px;
    --canvas-heading-margin       					: 0px 0px;
    
    --canvas-text-font-family     					: var(--primary-font);
    --canvas-text-padding         					: 0px 0px 0px 0px;
    --canvas-text-margin          					: 0px 0px;

    --canvas-text-font-size-large                   : 1.8rem;
    --canvas-text-font-weight-large                 : 600;
    --canvas-text-font-line-height-large            : 2.1rem;
      
    --canvas-text-font-size-medium                  : 1.4rem;
    --canvas-text-font-weight-medium                : 500;
    --canvas-text-font-line-height-medium           : 1.7rem;
    
    --canvas-text-font-size-small                   : 1rem;
    --canvas-text-font-weight-small                 : 400;
    --canvas-text-font-line-height-small            : 1.3rem;    

    --canvas-text-spacer                            : 12px;
    --canvas-heading-spacer                         : 16px;

    --form-heading-font-weight                      : var(--canvas-text-font-weight-large);
    --form-heading-font-size                        : var(--canvas-text-font-size-large);    

    --button-border                                 : 0px solid grey;

    --pressables-fg-color                           : white;
    --pressables-fg-color-hovered                   : white;;
    --pressables-bg-color                           : #8000ff;
    --pressables-bg-color-hovered                   : #5700ae;
   
    --pressables-shadow                             : 2px 2px 3px 1px rgba(0,0,0,.6);
    --pressables-shadow-hovered                     : 1px 1px 0px 0px rgba(0,0,0,.3);

}

* {
    box-sizing : border-box;
    margin : 0;
    padding : 0;
}


.mt-c
{
	margin-top : 70px;
}

html { font-size: 15px; }

/* Body global settings */
body 
{
    font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-smooth: always;
	padding-top : var(--top-push);
	overflow-x : hidden;
	opacity : 1;
    transition : opacity 2s;
    -webkit-transition : opacity 2s;	
    background-color : var(--base-color);
    overflow-y: scroll;    
}


HR {margin-bottom : 40px;}

UL { 
	margin : none;
	margin-left : -12px;
	padding : none;
	list-style : none; 
    list-style-position: outside;	
}

.round-li-bullets 
{
    margin : none;
    padding : none;
	list-style-type : disc;  /* 'disc' gives round bullets */
    padding : 4px;     /* optional: creates indentation */
}



H1, H2, H3, H4, H5
{
	display : inline;
	margin : none;
	padding : none;
	border : none;
}

	
	
.centered-div
{
	text-align : center;
}
	
.text-shadow
{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}	

.output_advert_a_image
{
	border : 10px solid purple;
	border-radius : var(--full-border-radius);
	cursor : pointer;
	width : 100%;


}

.output_advert_a_text
{
	font-size : 1rem;
	color : white;
    margin : 0px 15px;
}


.output_block_spacer
{
	display : block;
	min-height : var(--block-spacer);
	height : var(--block-spacer);
}


.output_blurry_block_a_outer 
{
    position: relative;
    width: 100%;
    height: 500px;                /* adjust as needed */
 /*   background: url('your-image.jpg') center/cover no-repeat; */
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--full-border-radius);    
}


    /* Central box that blurs whatever's behind it */
.output_blurry_block_a_inner
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 33%;
    height: 80%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    /* centre contents */
    display: flex;
    align-items: center;
    justify-content: center;
    /* optional styling */
    border: 2px solid rgba(255,255,255,1);
    border-radius: var(--full-border-radius);
}

    /* Text inside div2 */
.output_blurry_block_a_inner p 
{
    margin: 0;
    text-align: center;
    
}	
	
	
.output_gallery_a_wrapper 
{
	border-radius : var(--full-border-radius);
	text-align : center;
	margin : 20 auto;
	padding : 20px 5px 20px 5px;
	width : 100%;
	background-color : var(--canvas-dark-bg-color);
}
	
.output_gallery_a_image_wrapper 
{
	display : inline-block;
	border-radius : var(--full-border-radius);
	margin : 15px;
	background-size : contain;
	background-color : black;
	
	
}
	
.output_gallery_a_image_tn 
{
	position : relative;
	top : -2px;
	border-radius : var(--full-border-radius);

	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-filter: brightness(1);
   -moz-filter: brightness(1);
   filter: brightness(1);
   transition: all 0.1s;
}



.output_gallery_a_image_tn:hover 
{
    top : 0px;
	cursor : pointer;
	filter : brightness(1.2);
    -webkit-box-shadow : 1px 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow    : 1px 1px 1px 1px rgba(0,0,0,.2);
    box-shadow         : 1px 1px 1px 1px rgba(0,0,0,.2);
}	
	
	
	
	
.output_side_by_side_2_image
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    object-position: left;    
    border-radius : var(--full-border-radius);
}

	
.output_img_left_text_right_bordered_a_image 
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}

.output_img_left_text_right_bordered_a_text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);
    border-radius : var(--full-border-radius);    
}

.output_text_left_img_right__bordered_a_image
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}
.output_text_left_img_right_bordered_a_text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);    
    border-radius : var(--full-border-radius);    
}



.output_img_left_text_right_not_bordered-a-text
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);   
    border-radius : var(--full-border-radius);     
}

.output_img_left_text_right_not_bordered_a_image
{

	height : 100%;
    width : 100%;
    object-fit : cover;
    object-position: center;
    border-radius : var(--full-border-radius);
}

.output_img_left_text_right_no_boxes_a_image
{
    min-height : 600px;
	height : 100%;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}
.output_text_left_img_right_no_boxes_a_text
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);   
    border-radius : var(--full-border-radius);     
}

.output_text_left_img_right_not_bordered_a_image 
{
	height : 100%;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);  
}


.output_text_left_img_right_not_bordered_a_text
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);   
    border-radius : var(--full-border-radius);     
}


.accordion {
    width : 100%;
    margin: 0 auto;
}

.accordionquestion
{
	display : inline-block;
	max-width : 70%;
	background-color : #e9e9e9;
}

.accordionitem {
    margin : 10px;
    border-radius: 5px;
	background-color : #e9e9e9;
    font-weight : 600;
}

.accordionheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    cursor: pointer;
	background-color : #e9e9e9;
    border-radius: 5px;
}


.accordioncircle {
	position : relative;
    width: 70px;
    height: 40px;
    border-radius: 50%;
    top : -1px;
    background-color: var(--pressables-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--pressables-fg-color);
    font-size: 1.2rem;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);
    border : var(--button-border);  
    transition: transform 0.3s ease;
}
.accordioncircle:hover
{
    top : 1px;
    color : var(--pressables-fg-color-hovered);
    background-color : var(--pressables-bg-color-hovered);    
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}

.accordionarrow {
	font-size : 1.5rem;
	font-weight : 800;
    transition: transform 0.3s ease;
}

.accordionanswer {
    padding: 0px 30px;
    background-color: #f9f9f9;
    font-weight : 400;    
    max-height: 0; /* Start closed */
    overflow: hidden;
    transition: max-height .3s ease-out; /* Sliding effect */
}

.accordionheader.active .accordionarrow {
    transform: rotate(180deg);
}

.accordionheader.active + .accordionanswer {
    max-height: 3000px; /* Adjust the max-height as per the content size */
}

.accordionheading
{
    display : block;
    font-family : var(--primary-font);
    font-size : 1.6rem;
    font-weight : 700;
    line-height : 1.8rem;
    color : var(--canvas-light-heading-color);
    background-color : white;
    padding : 20px 4px;
    border-radius : var(--full-border-radius);
}

.full-border-radius { border-radius : var(--full-border-radius); }
.top-border-radius { border-radius : var(--top-border-radius); }
.left-border-radius { border-radius : var(--left-border-radius); }
.right-border-radius { border-radius : var(--right-border-radius); }


.top-push-down
{
	display : block;
	min-height : 60px;
}

.canvas-button
{
	display : inline-block;
	position : relative;
	top : -1px;
	font-family : var(--styled-font);		
	font-size : 1rem;
	font-weight : 800;
	padding : 10px 5px;
	background-color : var(--pressables-bg-color);
	color : var(--pressables-fg-color);
	outline : none;
	text-decoration : none;
    width : 100%;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);	
    border : var(--button-border);
}

.canvas-button:hover
{
	top : 1px;
	cursor : pointer;
	color : var(--pressables-fg-color-hovered);
	background-color : var(--pressables-bg-color-hovered);
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}



.canvas-light
{
	width : 100%;
	color : var(--canvas-light-text-color); 
    background-color : var(--canvas-light-bg-color);
    margin : 0px;
    padding : 0px;
    border-radius : var(--full-border-radius);    
}

.canvas-dark
{
	color : var(--canvas-dark-text-color); 
    background : var(--canvas-dark-bg-color);
    margin : 0px;
    padding : 0px;
    border-radius : var(--full-border-radius);    
}


.canvas-margin-large   { margin : var(--canvas-margin-large); }
.canvas-margin-medium  { margin : var(--canvas-margin-medium); }
.canvas-margin-small   { margin : var(--canvas-margin-small); }

.canvas-padding-large  { padding :  var(--canvas-padding-large); }
.canvas-padding-medium { padding :  var(--canvas-padding-medium); }
.canvas-padding-small  { padding :  var(--canvas-padding-small); }

.canvas-shadow
{
    -webkit-box-shadow : var(--canvas-shadow);
    -moz-box-shadow : var(--canvas-shadow);
    box-shadow : var(--canvas-shadow);
}

.canvas-shadow-thin
{
    -webkit-box-shadow : var(--canvas-shadow-thin);
    -moz-box-shadow : var(--canvas-shadow-thin);
    box-shadow : var(--canvas-shadow-thin);
}


.canvas-text-spacer
{
	display : block;
	min-height : var(--canvas-text-spacer);
}

.canvas-light-heading-h1, .canvas-light-heading-h2, .canvas-light-heading-h3, .canvas-light-heading-h4, .canvas-light-heading-h5,
.canvas-dark-heading-h1, .canvas-dark-heading-h2, .canvas-dark-heading-h3, .canvas-dark-heading-h4, .canvas-dark-heading-h5
{
	display : block;
    font-family : var(--canvas-heading-font-family);
    padding : var(--canvas-heading-padding);
    margin : var(--canvas-heading-margin);
    background-color : none;
}

.canvas-light-h1 { color : var(--canvas-light-heading-color); font-size : 3.0rem; font-weight : 700; }    /* rarely used - hero is h1 */
.canvas-light-h2 { color : var(--canvas-light-heading-color); font-size : 1.5rem; font-weight : 900; }
.canvas-light-h3 { color : var(--canvas-light-heading-color); font-size : 1.4rem; font-weight : 700; }
.canvas-light-h4 { color : var(--canvas-light-heading-color); font-size : 1.2rem; font-weight : 600; }
.canvas-light-h5 { color : var(--canvas-light-heading-color); font-size : 1.1rem;   font-weight : 600; }

.canvas-dark-h1 { color : var(--canvas-dark-heading-color); font-size : 3.0rem; font-weight : 700; }    /* rarely used - hero is h1 */
.canvas-dark-h2 { color : var(--canvas-dark-heading-color); font-size : 1.5rem; font-weight : 700; }
.canvas-dark-h3 { color : var(--canvas-dark-heading-color); font-size : 1.4rem; font-weight : 700; }
.canvas-dark-h4 { color : var(--canvas-dark-heading-color); font-size : 1.2rem; font-weight : 600; }
.canvas-dark-h5 { color : var(--canvas-dark-heading-color); font-size : 1.1rem;   font-weight : 600; }



.canvas-heading-spacer
{
	display : block;
	min-height : var(--canvas-heading-spacer);
}

.canvas-text-large, .canvas-text-medium, .canvas-text-small 
{
	display : block;
    font-family : var(--canvas-text-font-family);
    padding : var(--canvas-text-padding);
    margin : var(--canvas-text-margin);
}

.canvas-light-text-large { 	color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-large); font-size : var(--canvas-text-font-size-large); font-weight : var(--canvas-text-font-weight-large);}
.canvas-light-text-medium { color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-medium);  font-size : var(--canvas-text-font-size-medium); font-weight : var(--canvas-text-font-weight-medium);}
.canvas-light-text-small { color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-small); font-size : var(--canvas-text-font-size-small); font-weight : var(--canvas-text-font-weight-small);}

.canvas-dark-text-large { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-large); font-size : var(--canvas-text-font-size-large); font-weight : var(--canvas-text-font-weight-large);}
.canvas-dark-text-medium { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-medium);  font-size : var(--canvas-text-font-size-medium); font-weight : var(--canvas-text-font-weight-medium);}
.canvas-dark-text-small { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-small); font-size : var(--canvas-text-font-size-small); font-weight : var(--canvas-text-font-weight-small);}

.canvas-text-bold
{
	font-weight : 800;
}

.canvas-centered
{
	text-align : center;
}

.canvas-left
{
	text-align : left;
}

.fflogo
{
	max-height : 70px;
}

.ff-link-text
{
	font-family : var(--primary-font);
	font-size : 1rem;
	color : black;
}
.ff-link-text:hover
{
	color : grey;
}




.fixed-top
{
    font-family: var(--styled-font); 	
    position: fixed;
    position: -webkit-fixed;
    top: 0;
    left: 0;
    width : 100%;
    min-width : 220px;  
    z-index : 100;
    height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
    padding : 0px 0px 0px 0px;
    background-color : #fbfbfb;
    
}

.fixed-top-menu-area-wrapper  
{
	display : inline-block;
	width : 100%;
	background-color : var(--fixed-top-bg-color);
	height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
    border-radius : 0px;    
}

.fixed-top-menu-area  /* tick */
{
	display : block;
	float : right;
    padding-top : var(--fixed-topmenu-push-down);	
	margin-top : 0px;
	margin-right : 10px;
    height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
}

.fixed-top-logo-area   /* tick */
{
    position : fixed;
    position: -webkit-fixed;
    top: 0;
    left: 0;
    z-index : 100;
}

.logo-top
{
    position : relative;
    position: -webkit-fixed;    
	top : 0;
	left : 0;
	margin : 5px 0px 5px 8px;

	z-index : 105;
}


.fullscreen-container 
{
    position: relative;
    width: 100%;
    height: 10vh;
    overflow: hidden;
    z-index: 1;
}

.fullscreen-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 /* Dims the image  
   background: linear-gradient(to right, rgba(58, 79, 107, .9) 0%, rgba(58, 79, 107, 0) 50%);   
*/
    z-index: -1;

}

.output_block_of_3_a_top_image
{
	max-height : 75px;
}

.output_banner_header_a_background
{
background: #ffffff;
/* background: radial-gradient(circle,rgba(255, 255, 255, 1) 35%, rgba(0, 0, 0, 0.02) 100%); */
padding : 0px;
border-radius : 0px;
    -webkit-box-shadow : var(--canvas-shadow);
    -moz-box-shadow : var(--canvas-shadow);
    box-shadow : var(--canvas-shadow);
}

.output_banner_header_a_h1_main_hero_styling {
	display     : inline-block;
	width       : 100%;
	font-family : var(--styled-font); 
    color       : var(--h1-and-sub-hero-color);
    font-size   : 3.6rem;
    line-height : 3.6rem;
    font-weight : 800;
    text-shadow : 2px 2px 2px rgba(0, 0, 0, .6);
}

.output_banner_header_a_h_sub_hero_styling {
	display : inline-block;
	width : 100%;
    font-family: var(--primary-font); 
    color: var(--h1-and-sub-hero-color);
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 900;

    text-align : center;
}

.output_banner_header_a_image
{
	max-height : 400px;
}


.output_banner_header_b_fullscreen_container
{
    position: relative;
    top : 22px;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: top;
    justify-content: center;
    z-index: 1;
}

.output_banner_header_b_fullscreen_container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 /* Dims the image */ 
    background: rgba(0, 0, 0, 0.3); /* Adjust opacity as needed */  
    background : linear-gradient(to right, rgba(58, 79, 107, .0) 0%, rgba(58, 79, 107, .0) 50%);
    z-index: -1;

}


.output_banner_header_b_h1_main_hero_styling 
{
	display : inline-block;
    font-family: var(--styled-font); 
    color: var(--h1-and-sub-hero-color);
    font-size   : 4.5rem;
    line-height : 4.5rem;
    font-weight : 900;
    text-align : center; 
    text-shadow : 5px 5px 5px #4a4a4a;
    width: 100%;
    padding : 20px 10px 20px 0px;

}

.output_banner_header_b_h_sub_hero_styling {
    position : absolute;
    display : inline-block;
    bottom : 10%;
    left : 0;
	font-family: var(--primary-font); 
    color: var(--h1-and-sub-hero-color);
    font-size: 2.6rem;
    font-weight: 600;
    text-align: center; /* changed from center */
    text-shadow: 3px 3px 2px #000000;
    line-height: 2.6rem;
    width: 100%;
    padding: 0px 20px 0px 20px;
}



.output_img_left_list_right_a_icon_styling
{
	height : 50px;
	max-height : 50px;
	padding : 7px;
	margin-right : 10px;
	background-color : #f0f0f0;
	border : 5px solid #c2d638;
	border-radius : 50%;
	vertical-align: middle;
	
}


.output_img_left_list_right_a_text_pushdown
{
	display : inline-block;
	vertical-align: middle;
}

.output_img_left_list_right_a_image_wrapper
{
  display: flex;
  justify-content: center;  /* horizontal centering */
  align-items: center;      /* vertical centering */
  height: 100%;            /* or whatever fixed or relative height you need */
  width: 100%;              /* or fixed width if needed */
}

.output_img_left_list_right_a_image
{
	max-height : 350px;
}

.output_img_left_list_right_a_text
{
    background-color : var(--canvas-light-bg-color);
    border-radius : var(--full-border-radius); 
}

.footer-background
{
    font-family: var(--styled-font); 	
	text-align : center;
	padding : 50px 30px 50px 30px; 
	background-color : var(--footer-bg-color);
	margin : 70px 0px 0px 0px; 
}

.footer-type-large
{
    font-family: var(--primary-font); 	
	font-size : 1.1rem;
	color : var(--footer-fg-color);
}

.footer-type-small
{
    font-family: var(--primary-font);
	font-size : 1rem;
	color : var(--footer-fg-color);
}

.gallery-image-wrapper {
	display : inline-block;
	border-radius : var(--full-border-radius);
	margin : 5px 5px 5px 5px;
	background-size : contain;
	background-color : #f3f3f3;
	overflow : hidden;
}


.gallery-image {
   border : 1px solid grey;
	border-radius : var(--site-full-border-radius);
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-filter: brightness(1.2);
   -moz-filter: brightness(1.2);
   filter: brightness(1.2);
   transition: all 0.5s ease;
}

.gallery-image:hover {
    cursor : pointer;
	filter : brightness(1.3);
}
.logo-in-footer
{
	margin : 0px;
    max-height : 200px;
    padding : 0px 10px;
}


.rounded-image
{
	max-height : 180px;
	border-radius : 90px;
}


.pf-logo 
{ 
	cursor : pointer; max-height : 50px; border-radius : 20px;
}

.pf-link-text 
{
	color : white; 
}

.pf-link-text:hover 
{ 
	color : yellow; 
}



.bg-white
{
	background-color : white;
}


a:link {color : none;}      /* unvisited link */

a:visited {color : none;}  /* visited link */

a:hover {color : none;}  /* mouse over link */

a:active {color : none;}  /* selected link */

a {
	text-decoration :none;
}


.must-complete
{
	display : none;
}

.tick-styling
{
	margin-right : 20px;
	min-height : 30px;
}

.img-cover
{
	width : 100%;
	height : 100%;
	min-height : 335px;
	object-fit : cover;
}


.width-push
{
	display : block;
    padding : var(--width-push); 
}

.no-border
{
	border : none;
	border-radius : 0;
}

.no-margin
{
	margin : 0px;
}

.no-padding
{
	padding : 0px;
}

.no-edge
{
	display : block;
	width : 100%;
	margin: 0px;
	padding: 0px;
}

.white-text-shadow 
{
	text-shadow: 1px 1px #c0c0c0;
}



a { cursor : pointer; }



p 
{
	margin : 0px;
	padding : 0px;
}


.no-padding {
	padding-left: 0px;
  	padding-right: 0px;
}

.raise-5 {
	position : relative;
	z-index : 5;
}


.pdf-wrapper
{
	width : 100%; 
	border : none;
    height : 2200px;
}



.quick-form-offset
{
	position : relative;
	top : -53px;
	z-index : 50;
}

.general-use-bg-color 
{
	background-color : var(--fixed-top-bg-color);
}

.form-heading
{
	display : inline-block;
    background-color : none;
	font-family : var(--primary-font);
	font-size : var(--form-heading-font-size);
    font-weight : var(--form-heading-font-weight);	
}

.form-phone-link
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 2.5rem;
	line-height : 3.3rem;
	color : var(--clickables-fg-on-light-canvas-color);
}

.form-phone-link:hover
{
	color : var(--clickables-fg-on-light-canvas-color-hovered);
}

.form-phone-link-cta
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.4rem;
	padding : 0px 0px 20px 0px;
	color : var(--canvas-heading-standout-fg);
}

.form-inline-contact-image
{
	max-height : 250px;
}

.form-block-background {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}

.form-block-background.active
{
    display: inline-block;
}


.form-message-box
{
    display : none;
    position : fixed;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background : #ffffff;
    -webkit-box-shadow : var(--canvas-shadow);
    -moz-box-shadow : var(--canvas-shadow);
    box-shadow : var(--canvas-shadow);
	border : 1px solid #e6e6e6;
    margin : 0 auto;
    padding : 30px;
    text-align : center;
    z-index : 25006;
    border-radius : var(--full-border-radius);
}
.form-message-box.active
{
    display : inline-block;
}

.form-button
{
	display : inline-block;
	position : relative;
	top : -1px;
	font-family : var(--primary-font);		
	font-size : 1.2rem;
	font-weight : 800;
	padding : 7px 5px;
	height : 45px;
	background-color : var(--pressables-bg-color);
	color : var(--pressables-fg-color);
	outline : none;
	text-decoration : none;
    width : 100%;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);	
    border : var(--button-border);
}

.form-button:hover
{
	top : 2px;
	cursor : pointer;
	color : var(--pressables-fg-color-hovered);
	background-color : var(--pressables-bg-color-hovered);
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}


.form-full-input-line
{
	display : block;
	color : #ffffff;
	font-size : 1rem;
	font-weight : 700;
	text-align : left;
	text-shadow : 1px 1px 1px black;
}

.form-legend 
{
	display : inline-block;
	width : 100%;
	color : var(--canvas-light-text-color);
	margin : 3px 0px 0px 4px;
	padding : 0px 8px 0px 0px;
	font-size : 1rem;
	font-weight : 700;
}


.form-input-text-single-line, .input-text-single-lineUCASE 
{
	display : inline-block;
	width : 100%;
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	outline : none;
	padding : 10px 10px 10px 10px;
	font-size : 1rem;
	color : #454545;
	border-radius : var(--full-border-radius);
}

.form-input-text-single-lineUCASE
{
   text-transform : uppercase;
}

.form-input-text-multi-line {
	display : inline-block;
	width : 100%;
	height : 100px;
	background-color : #efefef;
	border : 2px solid #e6e6e6;
	margin : 0px;
	padding : 5px 0px 0px 13px;
	font-size : 14px;
	color : #787878;
	resize : none;
	outline : none;	
	vertical-align : center;
	border-radius : 0px;	
}


.form-input-text-multi-line:focus, .input-text-single-line:focus, .input-text-single-lineUCASE:focus 
{
   background-color : white;
}




.quick-form-heading
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.6rem;
	color : var(--canvas-dark-heading-color);
}

.quick-form-phone-link
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.6rem;
	color : var(--clickables-fg-on-dark-canvas-color);
}

.quick-form-phone-link:hover
{
	color : var(--clickables-fg-on-dark-canvas-color-hovered);
}





@media (max-width: 1850px) 
{
    :root
    {
        --width-push : 0px 140px; 
    }
}

@media (max-width: 1650px) 
{

}

@media (max-width: 1500px) 
{
    :root
    {
        --canvas-padding-large : 90px;        
        --canvas-padding-medium : 70px;     
        --width-push : 0px 40px; 
   
    }
    

}




/* bs xl */
@media only screen and (max-width: 1200px) 
{
    :root
    {
        --canvas-padding-large : 80px;    
        --canvas-padding-medium : 65px;
        --width-push : 0px 20px; 
    }
  
    
    .output_blurry_block_a_inner
    {
        width : 80%;
    }    
    
}

/* bs lg */
@media only screen and (max-width: 992px) 
{
	:root 
    {
        --canvas-padding-large : 60px;
        --canvas-padding-medium : 50px;        
        --canvas-padding-small : 20px; 
    }
    
    .output_banner_header_b_h1_main_hero_styling 
    {
        font-size: 4rem;
        line-height: 4rem;
        width : 70%;
        padding-bottom : 30px;
    }
    
    .output_banner_header_b_h_sub_hero_styling 
    {
        font-size: 3rem;
        text-align: center; /* changed from center */
        line-height: 3rem;
        width : 100%;
    }
    
    
}

/* bs md */
@media only screen and (max-width: 767px) 
{
    :root 
    {
        --canvas-padding-large : 50px;
        --canvas-padding-medium : 30px;
        --canvas-padding-small : 30px 15px; 
        --width-push : 0px 5px;
    }
    .output_banner_header_b_h1_main_hero_styling 
    {
        font-size: 3.5rem;
        line-height: 3.5rem;
        width : 100%;
        text-align: center;        
    }
    
    .output_banner_header_b_h_sub_hero_styling 
    {
        font-size: 2.6rem;
        text-align: center;
        line-height: 2.6rem;
        width: 100%;
    }


}


@media (max-height: 700px) 
{
    .output_banner_header_b_h1_main_hero_styling 
    {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
    
    .output_banner_header_b_h_sub_hero_styling 
    {
        font-size: 2.9rem;
        line-height: 2.9rem;
    }
}


/*bs sm */
@media only screen and (max-width: 576px) 
{
    :root 
    {
        --canvas-padding-large : 40px 20px;
        --canvas-padding-medium : 30px 15px;
        --canvas-padding-small : 20px 10px; 
    }
    .output_banner_header_b_h1_main_hero_styling 
    {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    
    .output_banner_header_b_h_sub_hero_styling 
    {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }    

}


@media only screen and (max-width: 376px) 
{
    :root 
    {
        --canvas-padding-large : 40px 20px;
        --canvas-padding-medium : 20px 10px;
        --canvas-padding-small : 15px 15px;
                
        --canvas-text-font-size-medium  : 1.1rem;                
    }
    
    .output_gallery_a_image_tn 
    {
        max-width : 230px;
    }    
    
}

@keyframes spinIn {
  from {
    transform: scale(0) rotate(-360deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.spin-in {
  animation: spinIn 1s ease-out forwards;
}