/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* General styling improvements */
:root {
    --main-text-color: #333333;
    --light-bg-color: #f5f7fa;
    --transition-speed: 0.3s;

    --main-color: #f95959;
    --main-accent-color: #d34b4b;
}


@media (max-width: 768px) {
.inside-header {
    padding: 5px 40px !important;
}
	.separate-containers .site-main {
    margin: 2px 20px;
}
	
	h1 {
  font-size: 32px;  
  
}
	
	.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 20px;
}

	.inside-article{
		padding: 16px 30px !important;
	}
	
	
	.inside-header.grid-container {
	padding: 20px 40px 4px 40px!important;
}
	
}



html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Body and container improvements */
body {
    line-height: 1.7;
    color: var(--main-text-color);
	 overflow-x: hidden;
}

.site-content {
    padding: 2rem 0;
}

.wp-block-button__link.has-background {
    font-weight: 500;
    transition: all var(--transition-speed);
    letter-spacing: 0.5px;
}


.inside-header.grid-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.2rem;
}

h1 {
	font-weight: 700;
}

@media (min-width: 454px) {
    .inside-header {
			flex-direction: row !important;
    }
}


.site-content {
    padding: 0 !important;
}

.site-main {
	margin: 0 !important;
}

.inside-site-info {
    background-color: var(--main-color);
}


.site-main div{
	margin-bottom: 0;
}


.site-header {
    background-color: var(--main-color);
}

.hero-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hero-subheading-only, .hero-description-only, .website-name-heading {
	color: #fff;
	text-align: center;
}

.website-square-icon{
	border-radius: 20px;
	margin-bottom: 10px;
}

.entry-content h2, .entry-content h3 {
    justify-content: center;
	text-align: center;
}