/*
Theme Name: Twenty Twenty-One Child
Theme URI: http://acorporationlessordinary.co.uk/
Template: twentytwentyone
Author: GGKnight web design


*/

:root {

/* colors */
--global--color-gold: #fec24f;
--global--color-hkblue: #009de6;
	/* Spacing */
	--global--spacing-vertical: 1px;
	
	/* Primary Nav */
	--primary-nav--color-link-hover: var(--global--color-white);
	--primary-nav--color-text: var(--global--color-white);
	/* button */
	--button--color-background: var(--global--color-blue);
	--button--color-text: var(--global--color-white);
	--button--border-color-solid:var(--global--color-white);
	--button--border-radius: 8px;
	--button--padding-vertical:5px;
	/* Form */
	--form--border-color: var(--global--color-white);
}
.site-header {
	max-width:100%;
	padding-left:10px;
	padding-right:10px;	
}
.site-footer {
	max-width:100%;
	padding-left:10px;
	padding-right:10px;
	border-top: #000 1px solid;
	
}
.widget-area {
	max-width:100%;
	padding-left:10px;
	padding-right:10px;
	border-top: #000 1px solid;
}
.site-info {
	max-width:100%;
	padding-left:10px;
	padding-right:10px;
}
.site-info a:link {
	font-size:14px;
}
.widget-area {
	margin-top:0px;
}
.powered-by {
	margin-left:auto;
	margin-right:auto;
}
.site-info {
	--global--color-border:#000 3px solid;
}

a {
	color:#00F;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

p {
	padding-top:3px;
	padding-bottom:3px;
}
.menu-button-container #primary-mobile-menu {
	background-color:#ffffff;
	position: relative;
}
/* Lists ------------------------------------- */
#smsl {
	width:350px;
	margin:auto;
}


/* 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;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
	display: none;
}
.menu-item > a {
	background-color: #000;
}
/* post grid */
.flex-container {
	display: -mox-flex;
	display: -webkit-flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.multipost {
	max-width:350px;
	padding: 5px ;
	margin:auto;
}
.multipost-thumb{
	width:auto;
	margin:auto;
border: 1px solid #ffffff;
}
.multipost-thumb:hover {
  -ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04); 
  transition: transform .4s; /* Animation */
}
.H1B {
	background-color:rgba(0, 0, 0, 0.8);
	border: #000000 3px solid;
	border-radius:5px;
	margin:10px;
}
.H1Btop {
	height: 60px;
}
.H1Btop1 {
	height: 30px;
}
.entry-title-1L {
	font-family: "Roboto", sans-serif;
	font-size:28px;
	font-weight:600;
	color:#ffffff;
	text-align: center;
}
.entry-title-1 {
	font-family: "Roboto", sans-serif;
	font-size:18px;
	font-weight:600;
	color:#ffffff;
	text-align: center;
}
.entry-title-2 {
	font-family: "Roboto", sans-serif;
	font-size:15px;
	color:#ffffff;
	text-align: center;
}
.entry-title-3 {
	text-align: center;
	margin-top:3px;
}
.H88 {
	font-size:17px;
	color:#30d17b;
	text-align:center;
}
.P88 {
	font-size:15px;
	color:#ffffff;
	text-align:center;
}
.P88i {
	font-size:15px;
	color:#ffffff;
	text-align:center;
	font-style:italic;
}
.Flag {
	margin-left: auto;
	margin-right:auto;
	float: none;
}
.Hpics {
	margin: auto;
	width:250px;
}
.HULEZ {
	padding-top:72px;
	padding-bottom:72px;
	margin: auto;
	width:250px;
}
.linkbutton {
	background-color:#ffffff;
	color: #000000;
	font-size:16px;
	border-radius:5px;
	padding: 2px;
	text-decoration: none;
}
.sp {
	font-size:16px;
}
.tiny {
	font-size:9px;
	text-align:right;
}

/* post grid end */


.flex-container {
	display: -mox-flex;
	display: -webkit-flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.flex-container > .row {
	width:280px;
	margin: auto;
}
#door {
	width:375px;
}
/* Contack form 7 columns */
.colA {
	width:400px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 35px;
	margin:auto;
}
.colB {
	width:550px;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	margin:auto;
}
.colC {
	width:270px;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	margin:auto;
}

/* widget area */
.linkbutton-footer {
	border:#000 2px solid;
	border-radius:5px;
	padding: 5px 5px;
	text-decoration: none;
}
.footer-div {
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}


/*  Make nav menu sticky  */

#masthead {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color:#000;
}

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;
}