/**
 * Theme Name:     Twenty Twenty-One Child
 * Author:         the WordPress team
 * Template:       twentytwentyone
 * Text Domain:	   twenty-twenty-one-child
 * Description:    Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 * Author URI:     http://GGKnight%20web%20design
 */
    :root {
	--button--color-background: var(--global--color-white);
	--button--color-text: var(--global--color-gold);
	--button--border-color-solid:var(--global--color-gold);
	--button--border-radius: 8px;
	--button--padding-vertical:5px;
	/* Form */
	--form--border-color: var(--global--color-white);
	/* Font Size */
--global--font-size-base: 18px;
--global--font-size-xs: 16px;
--global--font-size-sm: 17px;
--global--font-size-md: 17px;
--global--font-size-lg: 26px;
--global--font-size-xl: 30px;
--global--font-size-xxl: 36px;
--global--font-size-xxxl: 36px;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal;
--heading--font-size-h3: var(--global--font-size-lg);
--heading--font-size-h2: var(--global--font-size-xl);
}
.site-header, .site-footer, .site-info {
	max-width:100%;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left:10px;
	padding-right:10px;
}
.site-footer > .site-info a:link {
	font-size:14px;
}
.site-footer > .site-info {
	border-top: #000000 1px solid;
}
.powered-by {
	margin-left:auto;
	margin-right:auto;
}
p {
	padding-top: 10px;
	padding-bottom:10px;
}
a {
	color:#00F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* My header */
.primary-navigation {
	margin-left:auto;
	margin-right:auto;
}
.top {
	width:100%;
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width:1260px;
}
.flex-container {
	display: -moz-flex;
	display: -webkit-flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.Col1 {
	max-width:834px;
	padding: 10px;
	background-color: #d5f6ff;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.6);
	margin: 10px;
}
.Col2 {
	width:365px;
	padding: 10px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.6);
	margin: 10px;
}
/*  Make nav menu sticky  */
#masthead {
	margin-left:auto;
	margin-right:auto;
    padding-top: 1px;
    padding-bottom: 1px;
	width:1260px;
    height:80px;
    background-image:url(https://www.comingtogravesham.com/wp-content/images/shadow-1.png)
}
div.sticky {
  position: -webkit-sticky; /* firefox */
  position: sticky;
  top: 0;
  margin-left:auto;
	margin-right:auto;
	width:100%;
  z-index:300;
}
div.sticky {
  position: -webkit-sticky; /* microsoft edge */
  position: sticky;
  top: 0;
  margin-left:auto;
	margin-right:auto;
	width:100%;
  z-index:300;
}
div.sticky {
  position: -webkit-sticky; /* safari */
  position: sticky;
  top: 0;
  margin-left:auto;
	margin-right:auto;
	width:100%;
  z-index:300;
  
}
@media only screen and (min-width: 1024px) {

.widget-area {
	grid-template-columns: repeat(4, 1fr);
}
}
.widget {
	margin-top:5px;
	margin-bottom:5px;
	border:#CCC 1px solid;
}