@charset "UTF-8";
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Theme Name:        GCFP 3
 Version:           3.0.0
 Description:       Golden Corner Pantry custom theme 
 Author: Scott Hammel, Primal Apparatus Workshop, LLC
 Author URI: https://primalapparatus.com
 License: The Artistic License 2.0.  See accompanying LICENSE file.
 License URI: http://www.perlfoundation.org/attachment/legal/artistic-2_0.txt
 
 Copyright: (c) 2021, Primal Apparatus Workshop      
                                                     
                                                     
 
                        A A  
                       aa aa
                      ppp ppp         Primal
                  A  pppp pppp  A 
                 aa  pppp pppp  aa 
                pPPp  PpP PpP  pPPp   Apparatus
                pppp           pppp 
                PppP  wwWWWww  PppP 
                     wwwwwwwww        Workshop
                   wwwwwwWwwwwww
                  wwwwwwwwwwwwwww   
                   WwwwW   WwwwW  
                                                     
                                                     
                               
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Variables 
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
:root 
{ 
  
 /* Global */
 --global--spacing: 20px;
 --global--spacing-horizontal: var(--global--spacing);
 --global--spacing-vertical: var(--global--spacing);
 --global--padding: var(--global--spacing);
 --global--base--font-size: 13px; /* font size on the root html element */
 --global--font-size: 1.2rem; /*12px;*//* 1.5rem;*/ /* rem => size relative to font size of root html element */
 --global--mobile--font-size:1.5rem; 
 --global--font: Arial, Helvetica, sans-serif;/*var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);*/
 --global--line-height: 1.7rem;/*20px;*//*1.7;*/
 --global--logo--max-width: 300px;
 --global--logo--max-width--mobile: 200px;
 /* note main breakpoint is 622px.  there are 621px's specified.  secondary is 822px. */
 --global--post--line-height: 26px;
 
 /* standard light mode */
 --global--color-primary-light: #000000;
 --global--color-background-light: #fff; /*#fafafa;*/

 /* standard dark mode (not implemented yet)*/
 --global--color-primary-dark: #000000;
 --global--color-background-dark: #fafafa;
 
 /* until dark mode is implemented, do this: */
 --global--color-primary: var(--global--color-primary-light);
 --global--color-background: var(--global--color-background-light);
 
 --global--content-width: 960px; /* I think actually only used on the foot-pads */
 --global--small-content-width:98vw;
 
 --carousel-scale-factor: calc(370 / 940);
 --carousel-width: 940px; /* restricts max size for larger screen */
 --carousel-height: calc(var(--carousel-scale-factor) * var(--carousel-width));
 
 --small--carousel-width:90vw; /* on screens smaller than about 940px, scale to 90% of view width */
 --small--carousel-height: calc(var(--carousel-scale-factor) * var(--small--carousel-width));
 
 --logo--width-large:444px; /* restricts max size for larger screens */
 --logo--width-small:98vw; /* and for smaller screens */
 

 --gcfp--dark-red:#700E04;
 --gcfp--mid-red:#791309;
 --gcfp--light-red:#7C150B;
 --gcfp--off-white:#E7EAEC;
 --gcfp--content-background-color:#F9F9F9;  
 
 --gcfp--link-color:black;/*#d50f38;*/
 --gcfp--link-color-hover: var(--gcfp--link-color);/*#b50d30;*/
}

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Variables for responsive-ness.  I just snagged these from elsewhere as a starter
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	/*--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));*/
	--responsive--alignwide-width: 100vw;
	--responsive--alignfull-width: 100vw;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 795px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 707px);
		/*--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));*/
		--responsive--alignwide-width: 100vw;
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 1000px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 707px);
		--responsive--alignwide-width: 100%;
		/*--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);*/
	}
}

/** NOTE: some of the following I picked up from other themes **/
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Reset these, so funky things don't happen unexpectedly 
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 
{
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
 Apply generic border-box to all elements.
 See:
 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	font-family: var(--global--font);
	line-height: var(--global--line-height);
	font-size: var(--global--base--font-size);
}

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
 Relax the definition a bit, to allow components to override it manually.
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-size: var(--global--font-size);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	background-color: var(--global--color-background);
}
@media only screen and (max-width: 1000px)
{
	body
	{
		font-size: var(--global--mobile--font-size);
	}
}
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Tinker around with sizes/margins/etc. for responsive behavior
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width 
{
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width 
{
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width 
{
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 1000px) 
{

	.alignfull,
	.full-max-width
	 {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.width100pct
{
	width:100%;
	position:relative;
}
.centerText
{
	text-align:center;
}
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Some content styles
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/

.right 
{
	float: right;
} 

 
.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide 
{
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}
.entry-header h2
{
	line-height: var(--global--post--line-height);

}
.entry-header em
{
	font-size: 0.75em;
}
p
{
	margin:7px 0;
}
/*
a
{
	color:var(--global--color-primary);
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
	text-decoration-style:solid;	
}
*/
a 
{ 
	color: var( --gcfp--link-color);	
	text-decoration: none; 
	position: relative;
}
a:hover 
{ 
	color: var( --gcfp--link-color-hover); 
	text-decoration: underline; 
}
a:active, img 
{ 
	outline: none; 
	border: none; 
}
li.current_page_item a
{
	/*
	text-decoration:underline;
	text-decoration-style:double;
	*/
	background: #e7eaec;
	color: #700e04;
}

.entry-content p
{
	margin-bottom:1.25em;
}
.entry-content p a, footer a
{
	text-decoration:underline;
}
.entry-content p a:hover, footer a:hover
{
	text-decoration:underline;
	text-decoration-style:dashed;	
}
@media only screen and (min-width: 1000px) 
{

	.entry-content > .alignleft 
	{
		margin-left: var(--responsive--alignleft-margin);
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 1000px) 
{

	.entry-content > .alignright 
	{
		margin-left: var(--global--spacing-horizontal);
		margin-right: var(--responsive--alignright-margin);
	}
}
.gcfp-card-dropshadow
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:5px;
	
}
div.gcfp-card-dropshadow:hover
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
	
}
.gcfp-textalign-center > figure > figcaption
{
	text-align:center;
}
.gcfp-sub-figcaption
{
	font-size:1.2rem;
	padding-bottom:15px;
}
.gcfp-sub-figcaption a
{
	text-decoration:none;
}
@media only screen and (max-width:1000px)
{
	.gcfp-sub-figcaption
	{
		font-size:1.0rem;
		margin-bottom:10px;
	}
}
.entry-content > ul, .entry-content > ol
{
	padding-left:21px;
}

@media only screen and (min-width: 1000px)
{
	.entry-content > ul, .entry-content > ol
	{
		padding-left:33px;
	}	
}

.gcfp-fp-separator
{
	width:10vw;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
 
.gcfp-footnotes-seperator
{
	margin: 0px auto;
    max-width: var(--responsive--aligndefault-width);
	
} 
/****** sucked in from old theme stylesheet ****/
/* G content pieces */
/* G.1 news on the home and news page */
div.news 
{
	overflow: hidden; 
	padding-bottom: 15px; 
	margin-bottom: 15px ; 
	margin-left:20px;
	margin-right:20px;
	border-bottom: 1px dashed #d9d9d9;
}
.gcfp_frame
{
	display:inline-block;
	max-height:100px;
	max-width:130px;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	
	
	border: 7px solid #fff;
	box-shadow: 0px 0px 4px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3);
	margin: 8px 0px 20px auto ; 

	position:relative;
}
div.gcfp_frame
{
	padding-bottom:0px ;
	margin-top: 4px ;
}
.news.dfs
{
	position:relative ;
}
.gcfp_frame img
{
	position:relative;
	width:130px;
	max-width:130px;
}
.gcfp_excerpt
{
	display:inline-block;
	padding-left:16px;
	float:none ;
	max-width:448px;
	position:relative;

}
.gcfp_excerpt h4
{
	margin-top:0px;
}
.gcfp_excerpt h4 a
{
	color:#e0b90d ;
	line-height:24px;
	font-family: Arial,Helvetica,sans-serif;
	text-transform:none ;
	font-size:1.4rem;
}
div.gcfp_excerpt, .gcfp_excerpt
{
	font-size:1.2rem;
	padding-bottom:0px ;
}
.gcfp_news_section_header
{
	color:black;
	font-family: 'Lora',serif;
	font-size:1.7rem ;
	text-transform:none ;
	margin-top:20px;
	margin-bottom:6px;
	padding-left: 18px;
	font-weight:normal;
}
div.gcfp_allnews_link
{
	text-align:right;
	padding-bottom:0px ;
}
.gcfp_allnews_link a
{
	color:#e0b90d;
	font-size:1.4rem;
	font-family: Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}
/* G.2 stuff for single-post views */
.doubleFramed {position: relative; display:block; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 7px 7px 15px 7px;}
.doubleFramed a {position: relative; display: block;}
.doubleFramed img {z-index: 1; position: relative;}

.doubleFramed.large {width: 297px ;height:auto;/* height: 237px ;*/}
.doubleFramed.large a, .doubleFramed.large img {width: 283px ;height:auto; /*height: 237px ;*/}
.doubleFramed.small {width: 81px ;height:auto; /* height: 90px !important;*/ border-width: 5px;}
.doubleFramed.small a, .doubleFramed.small img {width: 81px !important; height:auto; /*height: 85px !important;*/}
.doubleFramed.medium {width: 202px !important; height:auto; /*height: 136px !important;*/ border-width: 6px;}
.doubleFramed.medium a, .doubleFramed.medium img {width: 202px !important;height:auto; /* height: 136px !important;*/}
.hangleft
{
	float:left;
}
.gcfppostimage+p
{
	font-size:1.2rem;
}
.gcfppostimage
{
	margin-right:18px;
}
/* H. Contact page */
.gcfp-contact-inner
{
	position:relative;
}
#contact div
{
	background-position:243px 0px ;
}
/**** end sucked in ****/
/**** home content grid ****/
/* desktop */

#homeContentGrid
{
	display:grid;
	grid-template-areas:
	  'homevidarea homesidebar'
	  'homecontentarea homesidebar';
	grid-template-columns: max-content auto;
	grid-gap: 0;
	background-color: var(--gcfp--content-background-color);
	padding: 0;
		
	/*opacity:0.8;*/
	position:relative;
	width: calc(var(--carousel-width) + 40px); /*979px;*/
	margin-left:auto;
	margin-right:auto;	
	border-left: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	
}
#homeVidWrapper
{
	display:block;
	grid-area: homevidarea;	
	width:674px;	
	/*width:calc(var(--carousel-width) + 40px);*/
	/*height:calc(var(--carousel-height) + 23px);*/
	position:relative;
	margin: 0 auto;
	background-color: var(--gcfp--content-background-color);
	padding: 19px;
	padding-bottom: 20px;	
	padding-top: 0;
	background-image: /*linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* left */
  linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px)/*,*/  /* right */
  /*linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* top */
  /*linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px);*/ /* bottom */
  ;
	
}
#homeVidWrapper .wp-video
{
	/*box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
}
#homeSidebar
{
	display:block;
	grid-area: homesidebar;	
	width:303px;
}
#homeContent
{
	display:block;
	grid-area: homecontentarea;	
	width:674px;
	background-image: 
	/*linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* left */
  	linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),  /* right */
  	linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px)/*,*/ /* top */
  	/*linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px);*/ /* bottom */	
  	;
}
#infopageContentGrid
{
	display:grid;
	grid-template-areas:
	  'infopagesidebar infopagecontentarea';
	grid-template-columns: auto max-content;
	grid-gap: 0;
	background-color:var(--gcfp--content-background-color);
	padding: 0;
		
	/*opacity:0.8;*/
	position:relative;
	width: 979px;
	margin-left:auto;
	margin-right:auto;	
	border-left: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	
}
#infopageContentGridNoSidebar
{
	display:grid;
	grid-template-areas:
	  'infopagecontentareanosidebar';
	grid-template-columns: auto max-content;
	grid-gap: 0;
	background-color:var(--gcfp--content-background-color);
	padding: 0;
		
	/*opacity:0.8;*/
	position:relative;
	width: 979px;
	margin-left:auto;
	margin-right:auto;	
	border-left: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	
}
#infopageSidebar
{
	display:block;
	grid-area: infopagesidebar;	
	width:303px;
}
#infopageContent
{
	display:block;
	grid-area: infopagecontentarea;	
	width:674px;
	padding-left:8px;
	padding-right:8px;
	background-image: 
	linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px), /* left */
 	/*linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/  /* right */
	linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px)/*,*/ /* top */
	/*linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px);*/ /* bottom */	
	;	
}
#infopageContentNoSidebar
{
	display:block;
	grid-area: infopagecontentareanosidebar;	
	width:100%;
	padding-left:8px;
	padding-right:8px;
	background-image: 
	linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px), /* left */
 	/*linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/  /* right */
	linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px)/*,*/ /* top */
	/*linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px);*/ /* bottom */	
	;	
}

#infopageContent ul, #infopageContent ol
{
	margin: 15px 20px;
	list-style-position:inside;
}
/*** Information pages header image and title ***/
.gcfp_pagetitle
{
	font-family:'Lora',serif;
	font-size:1.3rem;
	padding-right:3px;
	line-height:normal;
	color:#700e04;
	font-weight:bold;
	float:right;
}
.gcfp-subpage-header
{
	height:150px;
	width:100%;
	background-color:var(--gcfp--content-background-color);
	background-image: none ;
	padding:0px ;
	text-align:center;
}


.gcfp-subpage-header img
{
	height:150px;
	width:100%; /*979px;*/
	padding-top:0;
}
.infopage-image-wrapper
{
	width:calc(var(--carousel-width) + 39px);
	height:auto; /*calc(var(--carousel-height) + 23px);*/
	position:relative;
	margin: 0 auto;
	background-color:var(--gcfp--content-background-color);
	padding: 10px;
	padding-top:8px;
	padding-bottom: 36px;
	border: #d5d5d5 solid 1px;
	
}


@media only screen and (max-width: 1000px)
{
	#infopageContent
	{
		padding-left:0;
		padding-right:0;
	}
	#infopageContent img
	{
		max-width:100vw;
	}
	.infopage-image-wrapper
	{
		width:calc(var(--small--carousel-width) + 8px);
		height:auto; /*calc(var(--small--carousel-height) + 6px);*/
		position:relative;
		margin: 0 auto;
		background-color: #fff;
		padding: 4px;
		padding-bottom: 8px;
	}
	
	.gcfp-subpage-header,.gcfp-subpage-header img
	{
		width:var(--small--carousel-width);
		height:auto;
	}
}
/*** end information pages header image and title ***/
#mapFrameContact 
{
	width: 243px !important; 
	height: 243px !important; 
	border: 7px solid #fff; 
	box-shadow: 0px 0px 4px rgba(000,000,000,0.3); 
	-webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); 
	-moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 24px auto 20px auto;
	box-sizing:content-box;
}
#mapFrameContact #event_map 
{
	width: 100%; 
	height: 243px;
}
#event_map
{
	width:200px;
}

/* TODO: weird selectors coming up because of how this is down in WP widgets.  Maybe if it is text widgets, you could class it better */
.sidebar
{
	
}
.gcfp_pounds
{
	padding-bottom:50px;
}
.sidebar .widget.box
{
	box-sizing:content-box;
	padding-bottom:20px;
}
.sidebar h3
{
	font-family:Lora,serif;
	background-color:#700e04;
	border:1px solid #700e04;
	font-size:1.4rem;
	line-height:22px;
	color:#fff;
	margin:0;
	padding:10px;
	text-transform:uppercase;
	font-weight:normal;
	outline:none;
}
.sidebar > div > div > div
{
	color:#565656;
	/*line-height: 16px;*/
}
.sidebar > div > div > div > p
{
	font-size:1.3rem;
	padding: 0 15px;
	overflow: hidden;
	width:auto;
	border:none;
	outline:none;
}

.sidebar ul
{
	list-style:none;
}
.sidebar ul li
{
	background-image:linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 18px);
	
	padding: 15px 0px 15px 15px;
	height:46px;
	min-height: 46px;
	font-size:1.3rem;
}
.sidebar ul a
{
	color:black;
}

.simpleDivider
{
	display:none;
	border-top:#d5d5d5 solid 1px;
	width:100%;
}
/* mobile */
@media only screen and (max-width: 1000px)
{
	.simpleDivider
	{
		display:block;
		border-top:#d5d5d5 solid 1px;
		width:100%;
	}
	#infopageContentGrid
	{
		display:grid;
		grid-template-areas:
			'infopagecontentarea'
			'infopagesidebar';
		grid-template-columns: max-content max-content;
		grid-gap: 0;
		background-color:var(--gcfp--content-background-color);
		padding: 0;
			
		/*opacity:0.8;*/
		position:relative;
		width: 100vw;
		margin-left:auto;
		margin-right:auto;	
	}
	#infopageContentGridNoSidebar
	{
		display:grid;
		grid-template-areas:
			'infopagecontentarea'
		grid-template-columns: max-content;
		grid-gap: 0;
		background-color:var(--gcfp--content-background-color);
		padding: 0;
			
		/*opacity:0.8;*/
		position:relative;
		width: 100vw;
		margin-left:auto;
		margin-right:auto;	
	}	
	#infopageSidebar
	{
		display:block;
		grid-area: infopagesidebar;	
		width:100vw;
	}
	#infopageContent
	{
		display:block;
		grid-area: infopagecontentarea;	
		width:100vw;
	
	}	
	#infopageContentNoSidebar
	{
		display:block;
		grid-area: infopagecontentareanosidebar;	
		width:100vw;
	
	}		
	#homeContentGrid
	{
		display:grid;
		grid-template-areas:
		  'homevidarea'
		  'homecontentarea'
		  'homesidebar';
		grid-template-columns: max-content max-content;
		grid-gap: 0;
		background-color: var(--global--color-background);
		padding: 0;
			
		/*opacity:0.8;*/
		position:relative;
		width: 100vw;
		margin-left:auto;
		margin-right:auto;	
		
	}
	#homeSidebar
	{
		display:block;
		grid-area: homesidebar;	
		width:100vw;
	}
	#homeContent
	{
		display:block;
		grid-area: homecontentarea;	
		width:100vw;
	}	
	#homeVidWrapper
	{
		display:block;
		grid-area: homevidarea;	
		width:100vw;	
		/*width:calc(var(--carousel-width) + 40px);*/
		/*height:calc(var(--carousel-height) + 23px);*/
		position:relative;
		margin: 0 auto;
		background-color: var(--gcfp--content-background-color);
		padding: 17px;
		padding-bottom: 20px;	
		padding-top: 0;
		background-image: /*linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* left */
	  linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px)/*,*/  /* right */
	  /*linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* top */
	  /*linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px);*/ /* bottom */
	  ;
		
	}	
}
/**** end  home content grid ****/
.gcfp_op_day
{
	font-size:1.1rem;
	font-weight:bold;
	text-decoration:underline;
	font-family:Arial,Helvetica,sans-serif;
	
}
.gcfp_op_desc
{
	font-size:1.1rem;
	font-family:Arial,Helvetica,sans-serif;
	
}
/**** pounds widget ****/
.gcfp_pounds_label
{
	margin:auto;
	text-align:center;
	color:black;
	font-size:1.3rem;
	display:block;
	font-family:Arial,Helvetica,sans-serif;

}
.gcfp_pounds
{
	margin:auto;
	text-align:center;
	color:#700e04;
	font-size:1.9rem;
	font-weight:bold;
	display:block;
	font-family:Arial,Helvetica,sans-serif;

}
/**** en pounds widget ****/
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Order/contact form
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
 /*** simple human test -- visual cue ***/
.sihute-cue-icon
{
  height:21px;
  width:21px;
  /*border:1px solid;*/
  vertical-align:middle;
  display:inline-block;
  
}
.sihute-cue-icon span
{
  font-size:1.6rem;
}
#sihute-ci-lock
{
  color:red;
}
#sihute-ci-unlock
{
  color:green;
}
/*** end simple human test styling ***/
.gcfp-colors-grid
{
	display:grid;
	/* 3 cols, but labels and checkbox for each, so six */
	grid-template-columns: max-content max-content max-content max-content max-content max-content;
}
.gcfp-colors-grid > label
{
	margin-right:9px;
}
.gcfp-postcolors-grid
{
	display:grid;
	/* 3 cols, but labels and checkbox for each, so six */
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
}
.gcfp-postcolors-grid > label
{
	margin-right:9px;
}
@media only screen and (max-width: 1000px)
{
	.gcfp-colors-grid
	{
		display:grid;
		/* 3 cols, but labels and checkbox for each, so six */
		grid-template-columns: max-content max-content max-content max-content max-content max-content;
	}
	.gcfp-colors-grid > label
	{
		margin-right:9px;
	}
	.gcfp-postcolors-grid
	{
		display:grid;
		/* 3 cols, but labels and checkbox for each, so six */
		grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
	}
	.gcfp-postcolors-grid > label
	{
		margin-right:9px;
	}	
}
.gcfp-beads-grid
{
	display:grid;
	/* 3 cols, but labels and checkbox for each, so six */
	grid-template-columns: max-content max-content max-content max-content max-content max-content;
}
.gcfp-beads-grid > label
{
	margin-right:9px;
}
.gcfp-postbeads-grid
{
	display:grid;
	/* 3 cols, but labels and checkbox for each, so six */
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
}
.gcfp-postbeads-grid > label
{
	margin-right:9px;
}
@media only screen and (max-width: 1000px)
{
	.gcfp-beads-grid
	{
		display:grid;
		/* 3 cols, but labels and checkbox for each, so six */
		grid-template-columns: max-content max-content max-content max-content max-content max-content;
	}
	.gcfp-beads-grid > label
	{
		margin-right:9px;
	}
	.gcfp-postbeads-grid
	{
		display:grid;
		/* 3 cols, but labels and checkbox for each, so six */
		grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
	}
	.gcfp-postbeads-grid > label
	{
		margin-right:9px;
	}	
}
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Header ... logos, etc.
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
 /*** containment. In this case, desktop-size first.  See comments in mobile section for what styles are for ***/
#promoImage
{
	height:30px; 
	position:relative;
	width:100%;
	overflow:visible;
}
#promoImage div
{
	
	position:relative;
	max-width:100%;
	margin:0;
	padding:0;
	max-height:calc(var(--carousel-height) + 70px);
	height:calc(var(--carousel-height) + 70px);
	background-position:center;
    background-color:gray;
    background-repeat:repeat-x;
}

@media only screen and (max-width: 1000px)
{
    /* this places and sets the width of the under-lapping background image.  Note it allows overflow */
	#promoImage
	{
		height:6px; /* this sets the spacing between the carousel and the menu bar on the home page */
		position:relative;
		width:100%;
		overflow:visible;
	}
	/* this creates a background image element to under-lap what flows next on the page*/
	#promoImage div
	{
		
		position:relative;
		max-width:100%;
		margin:0;
		padding:0;
		max-height:calc(var(--small--carousel-height) + var(--carousel-scale-factor) * 70px);
		height:calc(var(--small--carousel-height) + var(--carousel-scale-factor) * 70px);
		background-position:center;
	}	
}
#logo  img
{
	max-width:var(--logo--width-large);
}
@media only screen and (max-width: 1000px)
{
	#logo  img
	{
		width:var(--logo--width-small);
		padding-top:1rem;
	}
}

/* this provides the border OUTSIDE the drop shadow around the carousel */
.carousel-wrapper
{
	width:calc(var(--carousel-width) + 40px);
	height:calc(var(--carousel-height) + 23px);
	position:relative;
	margin: 0 auto;
	background-color:var(--gcfp--content-background-color);
	padding: 20px;
	padding-bottom: 3px;
}
/* SBC carousel overrides */
.sbccarousel
{
	width:var(--carousel-width);
	height:var(--carousel-height);
}

@media only screen and (max-width: 1000px)
{
	.carousel-wrapper
	{
		width:calc(var(--small--carousel-width) + 8px);
		height:calc(var(--small--carousel-height) + 6px);
		position:relative;
		margin: 0 auto;
		background-color: #fff;
		padding: 4px;
		padding-bottom: 2px;
	}	
	.sbccarousel
	{
		width:var(--small--carousel-width);
		height:var(--small--carousel-height);
	}
}

#navigationWrapper
{
	/*margin-bottom:30px;*/
}
@media only screen and (min-width: 1000px)
{
	.gcfp-small-font
	{
		font-size:0.8em;
	}
}
@media only screen and (orientation: portrait)
{
	.gcfphat-bannerimage
	{
	  grid-area:gcfphatbanner;
	  position:relative;
	  background-image:url('assets/banner-image.jpg');
	  background-size: auto 100%;  /* width height */
	  background-repeat: no-repeat;
	  background-position:center;
	  height:25vw; /* this is the ratio of the banner image h/w => 420/1680=0.25. Any multiple of this will work */
	  width:100%;
	}

	.gcfp-pagetitle-text
	{
		font-size: 4vw;
		font-weight:bold;
		color: var(--global--color-background);
		z-index:499;
	}  
}
@media only screen and (orientation: landscape)
{
	.gcfphat-bannerimage
	{
	  grid-area:gcfphatbanner;
	  position:relative;
	  background-image:url('assets/banner-image.jpg');
	  background-size: auto 100%;  /* width height */
	  background-repeat: no-repeat;
	  background-position:center;
      height:15vw; /* 0.6 * h/w.  This provides more content real-estate when the display is in landscape mode */
      width:100%;
	}

	.gcfp-pagetitle-text
	{
    	font-size:2.4vw; /* this is 0.6 times the "normal" portrait-orientation size. Since the vertical space is less in the banner, the font size is reduced so it doesn't overflow or get clipped */
		font-weight:bold;
		color: var(--global--color-background);
		z-index:499;
	}  
}
.gcfp-pagetitle
{
  margin: 0px;
  /*top:50%;*/
  bottom:10px;
  left:50%;
  transform:translate(-50%, 0%); /*-50%);*/
  position:absolute;
  text-align:center;	
}

.gcfphat-nav-grid-container
{
	display:grid;
	grid-template-areas:
	  'gcfphattitle gcfphatnav';
	grid-template-columns: max-content auto;
	grid-gap: 0;
	background-color: var(--global--color-background);
	padding: 0;
		
	opacity:1.0;
	position:relative;
	z-index:500;
	width: 100%;
	/*line-height:1.4;*/
}
.gcfphat-sitetitle
{

	display:inline-block;
	grid-area: gcfphattitle;
}
.gcfphat-primarynav
{
	text-align:right;
	display:inline-block;
	grid-area: gcfphatnav;

} 
.gcfphead-contact
{
	position:absolute;
	top:0px;
	right:0px;
	font-size:1.7rem;
	line-height:3rem;
	text-decoration:underline;
	
}
@media only screen and (min-width: 1000px)
{
	.gcfphead-contact
	{
		right:calc((100vw - 999px)/2);
		font-size:1.3rem;
	}
	
}
/*
.gcfphead-grid-container
{
	display:grid;
	grid-template-areas:
	  'gcfphatbanner';
	grid-template-columns: 100%;
	grid-gap: 0px;
	background-color: var(--global--color-background);
	width:100%;
} 
.gcfphead-grid-container-backpage
{
	display:grid;
	grid-template-areas:
	  'gcfphatbanner';
	grid-template-columns: 100%;
	grid-gap: 0px;
	background-color: var(--global--color-background);
	width:100%;
} 
*/

    /*** menu.  Mobile first this time.  ***/
.show-menu-button
{
	display:block;
	position:absolute;
	/*bottom:50px;*/
	top:5px;
	right:0px;
	height:50px;
	width:40px;
	background-color:var(--global--color-background);
	border: 2px solid;
	border-color:var(--global--color-primary);
	padding:0;
	margin-bottom:20px;
	z-index:501;
	
}
.show-menu-button-backpage
{
	top:0px;
	bottom:auto;
	margin-bottom:0;
	margin-top:12px;
}
#gcfpmenuburger span.gcfpburgerfixins
{
	display: block;
	margin-top:2px;
	margin-left:2px;
	height:15%;
	width:90%;
	background: var(--global--color-primary);
	border-radius: 9px;	
}
#gcfpmenuburger span.gcfpburgerlabel
{
	display: block;
	margin:0px;
	height:20%;
	width:100%;
	font-size:8px;
	text-align:center;
}
#primary-mobile-menu-toggle /* the invisible checkbox */
{
	display:none;
}
.primary-nav
{
	visibility:hidden;
}
.primary-menu-container
{
	/*visibility: visible;*/
	opacity: 1.0;
	padding:0px;
	position:relative;
	width:100%;
	text-align:left;
	
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	
	background-color:var(--global--color-background);
	/*
	transition: all 0.15s ease-in-out;
	transform: translateY(var(--global--spacing-vertical));
	*/
}
#primary-mobile-menu-toggle:checked ~ .primary-nav {visibility:visible;}

@media only screen and (max-width: 1000px)
{
	.primary-nav
	{
		visibility:hidden;
		
		top:0;
		left:0;
		right:0px;
		bottom:0px;
		
		position:absolute;
	}
	.primary-menu-container
	{
		/*height: 100vh;*/
		z-index: 500;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid black;
		visibility:inherit;
	}
}

/* desktop size */
@media only screen and (min-width: 1000px)  
{

	.show-menu-button
	{
		display:none;
	}

	.primary-nav
	{
		visibility:visible;
	}
	.primary-menu-container 
	{
		/*visibility: visible;*/
		opacity: 1;
		position: relative;
		padding: 0;
		/*
		padding-left: 33px;
		padding-right:33px;
		*/
		background-color: var(--gcfp--dark-red);
		overflow: initial;
		transform: none;
		
		line-height:48px;

	}
	.primary-menu-container .menu-wrapper
	{
		/*
		padding-left: 33px;
		padding-right:33px;
		*/
		/*
		margin-left:33px;
		margin-right:33px;
		*/
	}

}
.primary-menu-container .menu-wrapper
{
	display: flex;
	justify-content: center; /*space-evenly;*/
	flex-wrap: wrap;
	list-style: none;
	max-width: none;

	position: relative;
}

.primary-menu-container .menu-wrapper
{
	/*padding-bottom: 100px;*/
}

.primary-menu-container .menu-wrapper ul
{
	padding-left: 0;
}

.primary-menu-container .menu-wrapper li
{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-left: var(--global--padding);
	line-height:3rem;
	font-size:2rem;
}

@media only screen and (min-width: 1000px)
{

	.primary-menu-container .menu-wrapper li
	{
		margin: 0;
		width: inherit;
		padding-left: 0;
	}
	.primary-menu-container .menu-wrapper li a
	{
		color:#ffffff;
		text-decoration:none;
		font-size:1.3rem;
		padding-left:33px;
		padding-right:33px;
		height:100%;
		display:block;
	}
	.primary-menu-container .menu-wrapper li a:hover
	{
		text-decoration:none;
		background-color: var(--gcfp--off-white);
		color: var(--gcfp--mid-red);
	}
	.primary-menu-container .menu-wrapper li.current_page_item a
	{
		text-decoration:none;
		background-color: var(--gcfp--off-white);
		color: var(--gcfp--mid-red);
	}
	.primary-menu-container .menu-wrapper li:last-child
	{
		margin-right: 0;
	}
}

/***** button things *****/

.tinyButtonExtra,.buttonExtra,.bigButtonExtra, .tinyButton,.button,
.bigButton,.orangeButton,
.pagination a,.pagination span.current,
.pagination a:hover, .slider_pagination li a,
.slider_pagination li.current a,.slider_pagination li a:hover
{
	background: #cfad1a;
	background: -moz-linear-gradient(top, #eac625 0%, #cfad1a);
	background: -webkit-gradient(linear, left top, left bottom, from(#eac625), to(#cfad1a));
	border: none; 
	text-shadow: 0px 0px 0px #000000, 1px 1px 0px #ffffff;
	color: #000000 ; 
	text-decoration:none;
}
.tinyButtonExtra:hover, .buttonExtra:hover,
.bigButtonExtra:hover, .tinyButton:hover,
.button:hover, .bigButton:hover,.tinyButton.orangeButton:hover,
 .button.orangeButton:hover, .bigButton.orangeButton:hover 
{
	background: #eac625;
	background: -moz-linear-gradient(top, #cfad1a 0%, #eac625);
	background: -webkit-gradient(linear, left top, left bottom, from(#cfad1a), to(#eac625)); 
	text-decoration:none;
}

.bigButtonExtra 
{
	width:144px;
	float:none;
	
	padding:12px 32px;
	height:21px;
	line-height:21px;
	font-size:20px;
}
.bigButton
{
	width:120px;
	box-sizing:content-box;
	font-size:13px;
	height:14px;
	padding: 12px 22px;
}
.bigButtonLong
{
	width:200px;
}
.button, .bigButton, .tinyButton, .buttonExtra, .bigButtonExtra, .tinyButtonExtra,
span.current,.slider_pagination li a, .form-submit input[type=submit] 
{
	text-decoration: none; 
	display: inline-block; 
	cursor: pointer; 
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); 
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); 
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	margin: 4px; 
	text-transform: uppercase;
}
.bigButton:disabled,.bigButton[disabled]:hover
{
	opacity:0.5;
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); 
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); 
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	background: -moz-linear-gradient(top, #eac625 0%, #cfad1a);
	background: -webkit-gradient(linear, left top, left bottom, from(#eac625), to(#cfad1a));
	
}
.sihute-response
{
	display:block;
	margin-left:13px;
	width:90%;
	height: 2.5rem;
}
.sihute-verify-button
{
	background:#9EB3D2;
	box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(255,255,255);
	color:white;
	background-image:linear-gradient(to bottom, rgba(158, 179, 210,1), rgba(34, 88, 158,1));
	margin-bottom:1px;
	margin-left:1px;
	display:inline-block;
	height:3rem;
	width:4.5rem;
}
.sihute-verify-button:hover
{
	background-image:linear-gradient(to top, rgba(158, 179, 210,1), rgba(34, 88, 158,1));
}
.sihute-cue-icon
{
  height:3rem;
  width:3rem;
  /*border:1px solid;*/
  vertical-align:middle;
  display:inline-block;
}
.sihute-cue-icon span
{
  font-size:3rem;
}
#sihute-ci-lock
{
  color:red;
}
#sihute-ci-unlock
{
  color:green;
}
.formTitleLastMsg
{
	font-weight:bold;
}
.formSectionHeader
{
	font-weight:bold;
	padding-top:7px;
}
.gcfp_button_box
{
	text-align:center;
	box-sizing:content-box;
}
.gcfp_button_box_home
{
}
.gcfp_button_box_subpages
{
	padding-bottom:30px;
}
.roundButton, .form-submit input[type=submit] 
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
 
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* 
 Footer
 *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
/* the menu-footer-* elements are created by WP, so if you change the widget areas for the theme
   you will need to find and update these IDs as appropriate to the change */
#menu-footer-left, #menu-footer-right
{
	list-style:none;
	font-size:1.2rem;
	font-family: Arial,Helvetica,sans-serif;
	color:#666;
}

.sep-bar
{
	width:80vw;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid black;
	display:block;
	padding-top:11px;
	margin-bottom:8px;
} 

#footer
{
	background-color:var(--gcfp--content-background-color);
	border-top: #d5d5d5 solid 1px;
	border-bottom: #d5d5d5 solid 1px;
	background-image: 
	/*linear-gradient(to right, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* left */
	/*linear-gradient(to left, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/  /* right */
	/*linear-gradient(to bottom, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px),*/ /* top */
	linear-gradient(to top, rgba(229, 228, 228,1), rgba(255,255,255,0) 10px) /* bottom */
	;	
	
}
.foot-pads
{
	display:flex;
	flex-wrap:wrap;
	min-width:var(--global--content-width);
	max-width:var(--global--content-width);
	margin-left: auto;
	margin-right:auto;
	
}
.foot-pads a
{
	color: #011b38;
}
.foot-pads > section,
.foot-pad
{
	flex:50%;
	padding:0;
}
.foot-left-pad, .foot-pads > section:first-child
{
	text-align:left;
}
.foot-right-pad, .foot-pads > section:last-child
{
	text-align:right;
	font-size:1.1rem;
	font-family: Arial,Helvetica,sans-serif;
	color:#666;		
}
.foot-pads section .widget-title
{
	font-size:1.1em;
	font-weight:bold;
}
#credits
{
	width: var(--global--content-width);
	margin-left:auto;
	margin-right:auto;
	font-size:1.2rem;
	padding-top:20px;
	padding-bottom:20px;
	
}
@media screen and (max-width: 1000px)
{
	.foot-pads
	{
		min-width:var(--global--small-content-width);
		max-width:var(--global--small-content-width);
	}
	.foot-pads section .widget-title
	{
		/*display:none;*/
	}
	.foot-pad, .foot-pads > section
	{
		flex:100%;
	}
	.foot-left-pad,.foot-right-pad, .foot-pads > section, 
	.foot-pads > section:first-child, .foot-pads > section:last-child
	{
		text-align:center;
	}
	#credits
	{
		width: var(--global--small-content-width);	
	}
}

#gcfprights
{
	width:100%;
	text-align:right;
	margin-bottom:20px;
	margin-top:10px;
	font-size:1rem;
}
.site-footer
{
	padding-left:8px;
	padding-right:8px;	
}