/*
Theme Name: Sue Ford Networking Aug25

Description: A child theme for Twenty Twenty.
Author: Foxxweb Design
Author URI: http://www.foxxweb.co.uk
Template: twentytwenty
Version: 1.0
Text Domain: weston
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
 
{ box-sizing: border-box; }
html {
	padding:0px;
	margin:0px;	
	font-family:"Montserrat",arial
}
a {
  color:#f2a902
}
h1, .heading-size-1 {
	font-size: 30px;
	font-weight:600;
	color:#f2a902
}
.entry-content h2, .entry-content h3 {
    margin: 20px auto 10px;
    font-size:26px
}
.img-responsive {
	width:100%;
	max-width:100%;
	height:auto;
}
.header-navigation-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* spacing between contact and nav */
}

.header-top {
  display: flex;
  justify-content: flex-end;
}
.header-inner .toggle {
  align-items: start;
}

.contact-details {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom:20px;
	font-family:"Montserrat",arial;
	padding-right:20px
}
.contact-details p{
	font-family:"Montserrat",arial
}
.contact-details a{
	text-decoration:none
}

.primary-menu-wrapper {
	display:none
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width:1200px;
	width: calc(100% - 20%);
}

#site-content {
	display:block;
	max-width:1200px;
	margin:0 auto
}
.entry-content{
	float:left;
	max-width:100%;
	width:100%;
	font-family:"Montserrat",arial

}
.site-logo img {
  max-height: 7rem;
  margin: 0 auto 20px auto!important;
  width: auto;
}
.main-page {
	float:none;
	display:block;
	margin:0 auto
}
.section-inner {
	width:100%
}

.post-meta-wrapper {
	max-width:100%
}

	
.footer-top-visible .footer-nav-widgets-wrapper ,
.footer-top-visible .footer-nav-widgets-wrapper a{	
	font-family:"Montserrat",arial;
	float:left;
	width:100%;
	background:#818284;
	color:#fff;
	font-size:18px
}

.footer-top-visible .footer-nav-widgets-wrapper a{	
	float:none;
	display:inline-block;
	width:auto;
	text-decoration:none
}

.widget_nav_menu a {
	font-weight:400;
	font-size:18px
}
#col-wrapper3 {
	background:#fff;
	float:left;
	max-width:100%;
	width:100%;	
	margin: 10px 0;
	padding:20px 0;
}
#col-wrapper3-inner {
	float:none;
	margin:0 auto;
	display:block;
	max-width:1200px;
	width:100%;	
}
#col-wrapper3-inner h2{
	text-align:left;
	font-size:28px;
	color:#f2a902
}
#col-wrapper3-inner h3{
	text-align:left;
	font-size:22px;
	color:#4d5965
}
#col-wrapper3-inner h3,
#col-wrapper3-inner h2,
#col-wrapper3-inner p {
	margin:5px 20px;	
}

#news-wrapper {
	float:left;
	max-width:100%;
	width:100%;
	margin-bottom:30px;
}
#news-wrapper-inner {
	float:none;
	margin:0 auto;
	display:block;
	max-width:1200px;
	width:100%;	
}
#news-wrapper h2{
	text-align:center;
	font-size:28px;
}
.news-item {	
	float:left;
	max-width:100%;
	width:100%;
	padding:10px;
}
.news-item h3{	
	text-align:center;
	font-size:20px;
	color:#f2a902
}
.news-item p{	
	width:100%;
	font-size:14px;
	text-align:center;
}
.news-item img{	
	float:none;
	display:block;
	margin:0 auto
}
.news-item a.nbutton{
	padding:5px 10px;
	margin:0 auto;
	border-radius:5px;
	background:#f2a902;
	color:#f1f1f1;
	text-decoration:none;
}
.news-item a:hover{
	color:#fff;	
}
button, 
.button, .faux-button, 
.wp-block-button__link, 
.wp-block-file .wp-block-file__button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background: #f2a902
	
}
@media (min-width: 700px) {
	
	.contact-details {
	  text-align: right;
  }

	h1, .heading-size-1, 
	h2, .heading-size-2, 
	h3, .heading-size-3 {
		margin:1rem 0
	}
	.footer-widgets-outer-wrapper {
		padding: 4rem 0;
	}
	
	.site-logo img {
    	max-height: 15rem;
	}

	.singular .entry-header {
    	padding: 3rem 0;
  	}
  	
	.news-item {	
		max-width:33.333%;
	}

}

@media (min-width: 865px) {
	
	.primary-menu-wrapper {
		display: flex;
		justify-content: center; /* center the nav below */
	}

	.header-inner {
		padding: 2.8rem 6rem;
	}
	
	.header-inner {
		padding: 1rem 6rem;
	}
  
}

@media (min-width: 1220px) {
	h1, .heading-size-1 {
    	font-size: 36px;
 	}
}