@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap'");

@font-face {
    font-family: 'chunkfive';
    src: url('../fonts/chunkfive.eot');
    src: url('../fonts/chunkfive.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive.woff') format('woff'),
         url('../fonts/chunkfive.ttf') format('truetype'),
         url('../fonts/chunkfive.svg#chunkfive_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
	--color-orange: #f77f00;
	--color-orange-dark: #893101;
	--color-orange-lite: #fa8128;
	--color-gray: #cccccc;
	--color-gray-dark: #333333;
	--color-gray-lite: #efefef;
	--color-black: #000000;
	--color-white: #ffffff;
}

/* bulma add-ons and overrides */

	.icon-container { display:inline-block; }
	.cell.is-vcentered { display:grid; align-items: center; }
	.button-container { text-align:center; }
	.intro { padding:0 0 3vh 0; }
	
/* https://docs.fontawesome.com/web/add-icons/pseudo-elements */
	/* For regular/solid icons */
.fa-solid {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900; /* or the appropriate weight */
}

/* For brand icons */
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400; /* or the appropriate weight */
}

/* For duotone icons */
.fa-duotone {
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900; /* or the appropriate weight */
}


body { font-family: 'Roboto', HelveticaNeue, 'Helvetica Neue', Arial, Helvetica, serif; }

.section { background-color: transparent; }
	.section-gray { background-color: #efefef; border-top:1px solid var(--gray-dark); border-bottom:1px solid var(--gray-dark); }
	.section-lite-gray { background-color: #f8f8f8; }
	    .section-lite-gray .footer-text {  color:#333333; }
	.section-dark-gray { background-color: #575757; color:#ffffff; }
		.section-dark-gray a:link { color:#efefef; }
		.section-dark-gray a:visited { color:#efefef; }
		.section-dark-gray a:hover { color: #333333; }
		.section-dark-gray a:active, .section-dark-gray a:focus { color: #333333; }
	.section-white { background-color: #ffffff; }


h1, h2, h3, h4, h5, h6,
 .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: 300; margin: 0.6rem 0; font-family: chunkfive, Impact, Haettenschweiler, sans-serif; color:var(--color-black); }
	h1 { font-size: 3.2rem; line-height: 1.2; }
	h2, .content h2 { font-size: 2.8rem; line-height: 1.25; }
	h3, .content h3 { font-size: 2.1rem; line-height: 1.3;}
	h4, .content h4 { font-size: 1.8rem; line-height: 1.35; }
	h5, .content h5 { font-size: 1.8rem; line-height: 1.5; }
	h6, .content h6 { font-size: 1.4rem; line-height: 1.4; } 

.about h2,
.about h3 { text-align:center; }

a:link { color:var(--color-orange); }
	a:visited { color:var(--color-orange-dark); }
	a:hover { color:var(--color-orange-dark); }
	a:active { color:var(--color-orange-dark); }
	
	
	
.header { background-color:var(--color-black); }
			.header h1 { color:#ffffff; }
			.header-address { text-align:center; color:var(--color-white); }
			.header-address .tel a { font-size:2.8rem; margin-bottom:0; padding:0;  font-family: chunkfive, Impact, Haettenschweiler, sans-serif; color:var(--color-white)!important; }	
			.header-address .addr { padding-bottom:15px; }
			
			

			
			
@media (max-width:767px) {

.header h1 { text-align:center; }

.fancybox.columns { display:flex; }	

}
	

@media (min-width:767px) {
	
/* desktop */
  .iframe-container .googleWrap { padding-top: 56.25%;}
	.mapouter { height: 100%; width: 100%;}
	
	
	.header-address { text-align:right; 
	
	
	
}