/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.1.1718406709
Updated: 2024-06-14 23:11:49

*/


@font-face {
   font-family: 'UnicaOne';
      src: url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.eot');
      src: url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.eot?#iefix') format('embedded-opentype'),
           url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.woff') format('woff'),
		   url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.woff2') format('woff2'),
           url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.ttf') format('truetype'),
           url('/wp-content/themes/twentytwentyfour-child/fonts/unica-one.regular.svg#unica-one.regular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
}


:root {
    --exdemblue: 60, 73, 97;
	--headerwidth: calc(21vw + 4rem);
	--headerantiwidth: calc(100vw - var(--headerwidth));
}

/* html {  overflow-y: scroll; height: 100%; } */

body {
    background:
        
    linear-gradient(-90deg, rgba(var(--exdemblue), .05) 1px, transparent 1px),
    linear-gradient(rgba(var(--exdemblue), .05) 1px, transparent 1px), 
    linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(transparent 10px, #f2f2f2 10px, #f2f2f2 90px, transparent 90px),
    linear-gradient(-90deg, #bbb 1px, transparent 1px),
    linear-gradient(-90deg, transparent 10px, #f2f2f2 10px, #f2f2f2 90px, transparent 90px),
    linear-gradient(#bbb 1px, transparent 1px),
    #f2f2f2;
  
    background-size:
        20px 20px,
        20px 20px,
        100px 100px,
        100px 100px,
        100px 100px,
       100px 100px,
       100px 100px,
       100px 100px;
       background-position: -20px -20px;
	   
	   cursor: url("http://exdemeng.com/wp-content/uploads/2024/07/exdemcursor.png"), default;
}

a {cursor: url("http://exdemeng.com/wp-content/uploads/2024/07/exdempointer.png"), default;}



/* ALL PAGES BASIC STYLING */



@media screen and (min-width: 901px) {
.container { width: var(--headerantiwidth); float: right;  min-height: calc(100vh - calc(30px + 3vh)) ; 	 }

.pagebanner {background-image: linear-gradient(90deg, rgba(var(--exdemblue), 1) 40%, rgba(var(--exdemblue), 0));
			width: 87%; margin: 4vh 8% 4vh 2rem ;  }
.bannerwrap {color: white; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; margin: .5vh 2vw; font-size: calc( .7rem + 1.3vw) ;}
.pagebox {width: 84%; margin: 0 8% 4vh 8%; background-color: white;  border: 2px solid rgba(var(--exdemblue), 1); 
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray;}
.invisible {display: none; }
}

@media screen and (max-width: 900px) {
	.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {display: block !important;}
.container { width: 100vw; float: none;   margin: 1vh 2vw; 	 }

.pagebanner {background-image: linear-gradient(90deg, rgba(var(--exdemblue), 1) 40%, rgba(var(--exdemblue), 0));
			width: 90%; margin: 2vh 5% 2vh 5% ;  }
.bannerwrap {color: white; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; margin: .5vh 2vw; font-size: calc(2vw + 2vh) ;}
.pagebox {width: 84%; margin: 0 8% 1vh 8%; background-color: white;  border: 2px solid rgba(var(--exdemblue), 1); 
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray;}
.invisible {display: none; }
}

/* HEADER SIDEBAR */

@media screen and (min-width: 901px) {
.header { background-color: rgba(var(--exdemblue), 1); float: left; 
	width: var(--headerwidth) ; height: 100vh ; position: fixed; top: 0; left: 0; 	}
.headerwrap { text-align: center; margin-top: calc(10vw / 90 + 2rem);  }
.headerlogo1 { width: 66%; }
.headerlogo2 { width: 90%; }
.headerlogo3 { display: none;  }
.nav.buttonwrap.desktop {margin-top: calc( 1.2vw + 1rem); width: 90%; margin-left: 5%; }
.nav.buttonwrap.mobile {display: none;  }
.header a {width: 80%; display: inline-block; margin: 1vh 0;  }
.desktop .button { width: 100%; font-family: 'UnicaOne', Arial, sans-serif ; 
	text-transform: uppercase; color: white;   
	background-color: rgba(var(--exdemblue), 1); border: 1px solid white; 
	font-size: calc( .7rem + 1vw); }
.nav a:hover {
	 box-shadow: 0 0 .3rem white  ;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;}
 .nav a:focus {
	outline: 3px solid white ;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;}
.nav .button:active {
		outline: 0px solid white ;}   
.menubutton  { display: none;  }		}
		
@media screen and (max-width: 900px) {
.header { background-color: rgba(var(--exdemblue), 1);  float: none;  
	width: 100vw ; padding-top: 2vh; padding-bottom: 2vh;  position: static;	}
.headerwrap { width: 100%; text-align: center; padding-top: calc(10vw / 90 + 1rem); 
		padding-bottom: calc( 10vw / 5 );   }
.wp-block-group.alignwide.has-base-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {padding-top: 0px !important; padding-bottom: 0px !important; }
.headerlogo1 { display: none; }
.headerlogo2 {display: none; }
.headerlogo3 { width: 70%; margin: 1vh 17% 0 13%;  }
.header a {width: 100%; display: inline-block;   }
.mobile .button { width: 100%; font-family: 'UnicaOne', Arial, sans-serif ; 
	text-transform: uppercase; color: white; background-color: rgba(var(--exdemblue), 1); 
	border: 1px solid white; font-size: calc( .8rem + 1.5vw); }
.desktop.buttonwrap { display: none;   }
.test {width: 100% ; position: absolute; z-index: 10;}
#mobiledropdown {  width: 100%;  text-align: center; position:absolute; 
		background-color: rgba(var(--exdemblue), 1); padding: 2vh 0; z-index: 100;  display: none ; }
.mobile .button {width: 100%; text-align: center; line-height: calc( 2rem + 2vw);  }
.menubutton {float:right;   position: relative; 
				top: calc(-2vw - 2vh); right:  calc(2vw + 2vh); z-index: 20;  }
.menubar1, .menubar2, .menubar3  { width: calc( 1.5rem + 1vw);  height: calc( .2rem + .2vw);  background-color: white ; margin:  calc(.4rem - .25vw) 0; transition: 0.4s;}
.menubar4, .menubar5 { width: calc( 1.5rem + 1vw); height: calc( .2rem + .2vw);  background-color: white ; margin: calc(.4rem - .25vw) 0; transition: 0.4s; position: absolute; top: calc( .5rem + .75vw); opacity: 0;  }
.nav a:hover {
	 box-shadow: 0 0 .3rem white  ;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;}
 .nav a:focus {
	outline: 3px solid white ;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;}
.nav .button:active {
		outline: 0px solid white ;} 


.overlay { 
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: none; }

  .overlay.is-active {
    display: block; }
    
      #mobiledropdown.is-active {
    display: block; }
    
.change .menubar1 {
    -webkit-transform: rotate(45deg) translate(8px, 8px);  
   -moz-transform: rotate(45deg) translate(8px, 8px);  
   -ms-transform: rotate(45deg) translate(8px, 8px);  
   -o-transform: rotate(45deg) translate(8px, 8px);  
   transform: rotate(45deg) translate(8px, 8px); 
    opacity:  0;  }    
  

.change .menubar2 {
    -webkit-transform: rotate(45deg) translate(0px, 0px);  
   -moz-transform: rotate(45deg) translate(0px, 0px);  
   -ms-transform: rotate(45deg) translate(0px, 0px);  
   -o-transform: rotate(45deg) translate(0px, 0px);  
   transform: rotate(45deg) translate(0px, 0px);
     opacity:  0; }

.change .menubar3 {
   -webkit-transform: rotate(45deg) translate(-8px, -8px);  
   -moz-transform: rotate(45deg) translate(-8px, -8px);  
   -ms-transform: rotate(45deg) translate(-8px, -8px);  
   -o-transform: rotate(45deg) translate(-8px, -8px);  
   transform: rotate(45deg) translate(-8px, -8px);
     opacity:  0; }
    
.change .menubar4 {
     -webkit-transform:  rotate(45deg);  
   -moz-transform:  rotate(45deg);   
   -ms-transform:  rotate(45deg);  
   -o-transform:  rotate(45deg);  
   transform:  rotate(45deg);  
     opacity:  1; }
    
.change .menubar5 {
    -webkit-transform:  rotate(-45deg);  
   -moz-transform:  rotate(-45deg);   
   -ms-transform:  rotate(-45deg);  
   -o-transform:  rotate(-45deg);  
   transform:  rotate(-45deg);  
     opacity:  1; }
}

 


/* HOME PAGE */
@media screen and (min-width: 901px) {
.homecontainer {width: 100%;  position: fixed; top: 0px;}
.hometop {width: 100% ; background-color: rgba(var(--exdemblue), 1); height: 100%; 
		padding: 5vh 0; }
.homewrap {width: 70%; margin: 5vh 15%; 
    -webkit-animation: 2s ease-in normal forwards fadeinhome;
	-moz-animation: 2s ease-in normal forwards fadeinhome;
	-ms-animation: 2s ease-in normal forwards fadeinhome;
	-o-animation: 2s ease-in normal forwards fadeinhome;
		animation: 2s ease-in normal forwards fadeinhome;}
.home a {width: 30%; margin: 1vh 1%; border: 1px solid white;  }
.home.button {font-size: calc( .9rem + 1.3vw);   box-sizing: border-box; 
        background-color: rgba(var(--exdemblue), 1); font-family: 'UnicaOne', Arial, sans-serif ; 
	text-transform: uppercase; color: white;  }
.home.buttonwrap {width: 80%; margin: 5vh 10%; display: flex ; text-align: center;  
			 -webkit-animation: 3s ease-in normal forwards fadeinhome;
	-moz-animation: 3s ease-in normal forwards fadeinhome;
	-ms-animation: 3s ease-in normal forwards fadeinhome;
	-o-animation: 3s ease-in normal forwards fadeinhome;
		animation: 3s ease-in normal forwards fadeinhome;}
.homeimg {width: 80% ; margin: 5vh 10%;}
.home a:hover {
	 box-shadow: 0 0 .5rem .2rem rgba(var(--exdemblue), 1) ;
	border: 1px solid transparent;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;}
.home a:focus {
	outline: 3px solid rgba(var(--exdemblue), 1) ; 
	 border: 1px solid white;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;}
.home .button:active {
		outline: 3px solid rgba(var(--exdemblue), 1) ;		}
.homeimg.mobile {display: none;}
}

@media screen and (max-width: 900px) {
    .homecontainer {width: 100%; }
.hometop {width: 100% ; background-color: rgba(var(--exdemblue), 1); height: 100%; 
		padding: 5vh 0; }
.homewrap {width: 100%; margin: 3vh 0;  -webkit-animation: 2s ease-in normal forwards fadeinhome;
	-moz-animation: 2s ease-in normal forwards fadeinhome;
	-ms-animation: 2s ease-in normal forwards fadeinhome;
	-o-animation: 2s ease-in normal forwards fadeinhome;
		animation: 2s ease-in normal forwards fadeinhome;}
.home a {width: 100%; margin: 1vh 1%; border: 1px solid white;  }
.home.button {font-size: calc( .9rem + 1.3vw);   box-sizing: border-box; 
        background-color: rgba(var(--exdemblue), 1); padding: .5rem 0; 
        font-family: 'UnicaOne', Arial, sans-serif ; 
	text-transform: uppercase; color: white;  
}
.home.buttonwrap {width: 80%; margin: 5vh 10%; display: flex ; text-align: center;    flex-direction: column;
			 -webkit-animation: 3s ease-in normal forwards fadeinhome;
	-moz-animation: 3s ease-in normal forwards fadeinhome;
	-ms-animation: 3s ease-in normal forwards fadeinhome;
	-o-animation: 3s ease-in normal forwards fadeinhome;
		animation: 3s ease-in normal forwards fadeinhome;}
.homeimg.img1  {width: calc(20vw + 25vh) ; margin: auto; display: block;  max-width: 100vw;}
.homeimg.img2 {width: calc(33vw + 33vh) ; margin:auto; display: block; max-width: 100vw;}

.home a:hover {
	 box-shadow: 0 0 .5rem .2rem rgba(var(--exdemblue), 1) ;
	border: 1px solid transparent;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;}
.home a:focus {
	outline: 3px solid rgba(var(--exdemblue), 1) ; 
	 border: 1px solid white;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;}
.home .button:active {
		outline: 3px solid rgba(var(--exdemblue), 1) ;}
.homeimg.desktop {display: none;}
}
		
		
@keyframes fadeinhome{
    0%{opacity:0; pointer-events: none; }
    30%{opacity:0; pointer-events: none;  }
	50%{ pointer-events: auto}
	100%{opacity:1} }



/* SERVICES PAGE */
@media screen and (min-width: 901px) {
.servicewrap {width: 100%; display: flex; }
.servicename {width: 22%; margin: calc( 1.5rem + 1.5vw) 4% 0 2%;}
.servicedescription {width: 50%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 
		margin: 2rem 0; 
			font-size: calc( .1rem + 1vw) ; line-height: calc( .5rem + .7vw);}
.serviceimage {width: 50%; margin: 1rem 3% 0 3%;}
.servicetitle {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .5rem + 1.6vw) ; line-height: calc( .6rem + 1.5vw); }
.gradienthr {height: .4rem; margin: .5rem 0; width: 100%; background-image: linear-gradient(90deg, rgba(var(--exdemblue), 1) 40%, rgba(var(--exdemblue), 0)); }
.servicesubtitle {color: rgba(var(--exdemblue), 1) ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .3rem + 1.1vw) ; line-height: calc( .4rem + 1vw);} 
.serviceimg {  width: 100%; height: 90%; object-fit: cover; }
.mobilewrap {width: 78%; display: flex; }
}

@media screen and (max-width: 900px) {
.servicewrap {width: 100%;  }
.servicename {width: 90%; margin: 1rem 5% .5rem 5%;}
.servicedescription {width: 90%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 
			margin: 0 5% 1rem 5%; 
			font-size: calc( .7rem + 1vw) ; line-height: calc( 1rem + 1vw);}
.serviceimage {width: 90%; margin: 0 5% .5rem 5%;}
.servicetitle {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc(.5rem + 2vh) ; line-height: calc( .5rem + 2vh);  margin-bottom: .1rem;}
.gradienthr {height: .4rem; width: 100%; background-image: linear-gradient(90deg, rgba(var(--exdemblue), 1) 40%, rgba(var(--exdemblue), 0)); }
.servicesubtitle {color: rgba(var(--exdemblue), 1) ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .5rem + 1.2vh) ; line-height: calc( .5rem + 1.2vh); margin-top: .4rem;} 
.serviceimg {  width: 100%; height: 20vh; object-fit: cover; }
.mobilewrap {width: 100%; }
}

/* SERVICES PAGE SELECTS ONLY (COPIED FOR NOW)  */
@media screen and (min-width: 901px) {
.selectwrap {width: 100%; display: flex; }
.selectname {width: 22%; margin: calc( 1.5rem + 1.5vw) 4% 0 2%;}
.selectdescription {width: 50%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 
		margin: 2rem 0; 
			font-size: calc( .1rem + 1vw) ; line-height: calc( .5rem + .7vw);}
.selectimage {width: 50%; margin: 1rem 3% 0 3%;}
.selecttitle {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .5rem + 1.6vw) ; line-height: calc( .6rem + 1.5vw); }
.selectsubtitle {color: rgba(var(--exdemblue), 1) ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .3rem + 1.1vw) ; line-height: calc( .4rem + 1vw);} 
.selectimg {  width: 100%; height: 90%; object-fit: cover; }
.mobilewrap {width: 78%; display: flex; }
}

@media screen and (max-width: 900px) {
.selectwrap {width: 100%;  }
.selectname {width: 90%; margin: 1rem 5% .5rem 5%;}
.selectdescription {width: 90%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 
			margin: 0 5% 1rem 5%; 
			font-size: calc( .7rem + 1vw) ; line-height: calc( 1rem + 1vw);}
.selectimage {width: 90%; margin: 0 5% .5rem 5%;}
.selecttitle {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc(.5rem + 2vh) ; line-height: calc( .5rem + 2vh);  margin-bottom: .1rem;}
.selectsubtitle {color: rgba(var(--exdemblue), 1) ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .5rem + 1.2vh) ; line-height: calc( .5rem + 1.2vh); margin-top: .4rem;} 
.selectimg {  width: 100%; height: 20vh; object-fit: cover; }
.mobilewrap {width: 100%; }
}




/* ABOUT PAGE */
@media screen and (min-width: 901px) {
.about span {text-transform: uppercase; font-size: calc( .5rem + 1vw);  }
.aboutimagebox { }
.aboutimagebox img {margin: 2rem 5% 1rem 5%; width: 90%; height: calc(var(--headerantiwidth) / 4); 
		object-fit: cover;}
.teamimagebox img  {margin: 2rem 5% 1rem 5%; width: 90%; height: calc(var(--headerantiwidth) / 4); 
		object-fit: cover;}
.pagetext {margin: 1vh 5%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 	font-size: calc( .3rem + 1vw) ; line-height: calc(1rem + 1vw);}
}

@media screen and (max-width: 900px) {
    .pagetext span {text-transform: uppercase; font-size: calc( 1rem + .3vw);  }
.aboutimagebox { }
.aboutimagebox img {margin: calc( 2vw + 2vh) 5% 1vh 5%; width: 90%; height: calc(9vw + 9vh); 
		object-fit: cover;}
.teamimagebox img  {margin: calc( 2vw + 2vh) 5% 1vh 5%; width: 90%; height: calc(9vw + 9vh); 
		object-fit: cover;}
.pagetext {margin: 1vh 5%; color: dimgray; font-family: 'Optima' , Arial, sans-serif; 	font-size: calc( .5rem + 1vh) ; line-height: calc(.8rem + 1vh);}
}
		
		
/* CONTACT PAGE */	
@media screen and (min-width: 901px) {
.ff-t-column-1 {margin: 1rem .5rem 1rem 5rem; background-color: white;  border: 2px solid rgba(var(--exdemblue), 1); 
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray; padding: .5rem 0; }
.ff-t-column-2 {margin: 1rem 3rem 1rem .5rem; background-color: white;  border: 2px solid rgba(var(--exdemblue), 1); 
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray; padding: .5rem 0;}
.fluentform .ff-t-cell .ff-el-group {margin: .4rem 2rem 1rem 2rem; }
label {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .5rem + .7vw) ; line-height: calc( .9rem + 1.3vw); }

.ff-t-container.ff-column-container.ff_columns_total_2.formwrap  { width: calc( var(--headerantiwidth) - 3vw) ;   }
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style {margin: 3vh 0; background-color: rgba(var(--exdemblue), 1); padding: .5rem 4rem; color: white ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .7rem + 1vw);} 
textarea {resize: none;}
.ff_guten_block {width: calc(var(--headerantiwidth) - 4vw); margin: 2vh 2vw; }
#fluentform_1_success {margin: 8rem 3rem; color: rgba(var(--exdemblue), 1) ;  
			font-family: Arial, sans-serif; font-size: calc( .3rem + 1.1vw) ; padding: 1rem 2rem; }
}

@media screen and (max-width: 900px) {
    #ff_cn_id_1 {width: 100vw; }
    .ff-t-column-1 {margin: 1rem 10vw ; background-color: white;  
		border: 2px solid rgba(var(--exdemblue), 1); width: 80vw ; display: block;  
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray; padding: .5rem 0; }
.ff-t-column-2 {margin: 1rem 10vw ; background-color: white;  
	border: 2px solid rgba(var(--exdemblue), 1); width: 80vw ; display: block;  
		    box-shadow: .5rem .5rem 1rem -.2rem dimgray; padding: .5rem 0;}
.fluentform .ff-t-cell .ff-el-group {margin: .4rem 2rem 1rem 2rem; }
label {color: rgba(var(--exdemblue), 1); text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .7rem + .7vh) ; line-height: calc( .9rem + 1.3vw); }

.ff-t-container.ff-column-container.ff_columns_total_2.formwrap  { width: calc( var(--headerantiwidth) - 3vw) ;   }
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style {margin: 3vh 0; background-color: rgba(var(--exdemblue), 1); padding: .5rem 3rem; color: white ; text-transform: uppercase; 
			font-family: 'UnicaOne', Arial, sans-serif; font-size: calc( .7rem + 1vw);} 
.ff-el-group.ff-text-center.ff_submit_btn_wrapper {width: 100%; text-align: center; display: flex; justify-content: center;  }
textarea {resize: none;}
.ff_guten_block {width: 80vw; margin: 2vh 10vw; }
#fluentform_1_success {margin: 8rem 3rem; color: rgba(var(--exdemblue), 1) ;  
			font-family: Arial, sans-serif; font-size: calc( .3rem + 1.1vw) ; padding: 1rem 2rem; }
}

	
/* FOOTER */
@media screen and (min-width: 901px) {
.footer {  width: 100%; }
.footerwrap {  width: calc(var(--headerantiwidth) + 1vw); float: right;  padding: 2vh 1vw; 
			background-color: rgba(var(--exdemblue), 1); text-align: center; }
.footerinfo {color: white; text-transform: uppercase; font-family: 'UnicaOne', Arial, sans-serif;
		font-size: calc( .3rem + 1vw) ;  }	
.footer span {margin: 0 5%; }
.footerinfo.mobile {display: none;}
}

@media screen and (max-width: 900px) {
    .footer {  width: 100%; }
.footerwrap {  width: 100vw); padding: 2vh 1vw; 
			background-color: rgba(var(--exdemblue), 1); text-align: center; }
.footerinfo {color: white; text-transform: uppercase; font-family: 'UnicaOne', Arial, sans-serif;
		font-size: calc( .5rem + 1vw) ;  }	
.footer span {margin: 0 5%; }
#span1 {display: none; }

#footer1 {width: 100%; }
#footer2 {width: 80%;  margin: 0  10%;}
.footerinfo.desktop {display: none;}
    }



/* TEMP STUFF */

@media only screen and (min-width: 801px) {
.tempbody {width: 100vw; height: 100vh; bottom: 0; background-image: linear-gradient(180deg, rgba(var(--exdemblue), 1) 40%, white); }
.tempcontainer {width: 90%; margin: 0 5%}
#templogo {width: 100%; margin: 15vh 3% 5vh 0; }
#templogomobile {display:none;}
#templogomobile2  {display:none;}
.tempbox {width: 100%; text-align: center;}
.temptagline {font-family: Tahoma, sans-serif; font-size: 2.2em; text-shadow: 2px 2px rgba(var(--exdemblue), 1);
		text-transform: full-width; text-decoration: underline overline white; 
		color: white; text-underline-offset: .2em;}
		.temptaglinemobile {display: none;}
.tempfooter {font-family: Tahoma, sans-serif; font-size: 1.1em; width: 90%; margin: 15vh 5%; 
	color: rgba(var(--exdemblue), 1); text-shadow: 1px 1px white;}
	.tempfootermobile {display:none;}
}

@media only screen and (max-width: 800px) {
.tempbody {width: 100vw; height: 100vh; background-image: linear-gradient(180deg, rgba(var(--exdemblue), 1) 40%, white 70%); }
.tempcontainer {width: 90%; margin: 0 5%}
#templogomobile {width: 60%; margin: 8vh 20% 0; }
#templogomobile2 {width: 100%; }
#templogo {display:none;}
.tempbox {width: 100%; text-align: center;}

.temptaglinemobile {font-family: Tahoma, sans-serif; font-size: 1.5em; text-shadow: 2px 2px rgba(var(--exdemblue), 1);
		text-transform: full-width; text-decoration: underline overline white; 
		color: white;  text-underline-offset: .2em; margin: 3vh 0;}
		.temptagline {display:none;}

.tempfootermobile {font-family: Tahoma, sans-serif; font-size: 1em; width: 90%; margin: 5vh 5%; 
	color: rgba(var(--exdemblue), 1); text-shadow: 1px 1px white;}
	.tempfooter {display:none;}
}