/*
Theme Name: Atlas Coaching 2025 one-page
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: One-page theme for Atlas Coaching by Stephen Hoper. A child theme of the Helium Gantry 5 theme.
Version: @version@
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: g5_helium
*/

/*
light grey #A8A9AD
blue #00AEDC

body text is #444

Events dark grey bg is #777
*/


html {
scroll-behavior: smooth;
}


hr.wp-block-separator {
background-color: #00AEDC !important;
color: #00AEDC !important;
border-top: 0 !important;
border-bottom:2px solid #00AEDC !important;
width:100%; /*without this, it is zero width*/
margin: 3rem 0; /*default for hr:  margin: 1.5rem 0;*/
}


body {
line-height: 1.8; /*default 2*/
font-size: 1.1rem; /*to match the blockquote size; default is 1rem*/
}

/*reduce line height of h2, especially for the narrow screen strapline*/
h2 {
line-height: 1.3; /*default 2*/
}


h3 { /*used for Services subheadings*/
font-size: 1.4rem; /*default 1.5rem*/
margin-bottom: 0.4rem; /*default 1.5rem leaves too much space before the Find Out More links*/
}

h4 { /*used for subheads on Privacy+Terms pages*/
font-size: 1.4rem; /*default 1.25rem*/
}




/*-----------------------------------TESTIMONIALS: QUOTES AND CITES-------------------------------------*/

/*restyle the Quote block*/
blockquote {
border-left: 10px solid #00AEDC !important;
}
blockquote p {
color:#444 !important;
font-size: 1.1rem !important; /*default 1.1rem*/
}
blockquote cite {
color:#A8A9AD !important;
text-align: left !important;
}

/*-----------------------------------/TESTIMONIALS: QUOTES AND CITES-------------------------------------*/


/*add space before/after Image Blocks */
.wp-block-image {
margin-top: 2em !important;
margin-bottom: 2em !important; /*default is 1em*/
}

b, strong {
color: #00AEDC !important;
}


/*hide Edit link*/
.edit-link {
display: none;
}


/*blue headings*/
h1,h2,h3, h4 {
font-weight:400 !important;
color:#00AEDC !important;
}


/*add underlines to paragraph + contact details links + Find Out More links*/
p a,
#contactdetails a, 
a.read-link {
border-bottom: 1px dotted #444444 !important;
}
p a:hover,
#contactdetails a:hover, 
a.read-link:hover {
border-bottom: 1px solid #00AEDC !important;
}



/*centre the Find Out More links by centreing everything in the Services column Blocks, which all have the class .centred */
.centred {
text-align:center !important;
}




/*NB #coachinghorizlogo was the orig SVG logo which wouldn't centre properly, i.e. that ID# is part of the SVG code */ 

#png-logo img {
/*big on big screens, and not too big on mobiles*/
max-height: 50px !important;
max-width: 70vw !important;
}

/*centre the logo image on ALL screens - by default it's only on narrow screens with max-width 47.99rem */
.g-logo img {
margin: 0 auto !important;
}
/*remove logo block's default padding-left on max-width 47.99rem screens by always having zero padding*/
.g-logo {
padding-left:0 !important;
}



/* remove margin between columns on mobile */
/* inspired by https://wordpress.org/support/topic/how-to-remove-space-between-stacked-columns-on-mobile */
@media all and (max-width:781px){
  .wp-block-columns {
    grid-gap:0
  }
  .wp-block-column + .wp-block-column figure {
    margin-top:0 !important;
  }
}


/*remove large top+bot padding from #g-mainbar*/
#g-mainbar {
padding:0 !important;
}


/*make footer content the same width as the main content*/
#g-footer .g-content {
margin-left:0.625rem !important; /*to match that of .g-content */
margin-right:0.625rem !important; /*to match that of .g-content */
}

/*footer: remove large top+bot padding, add overline, make font smaller*/
#g-footer {
padding:0 !important;
border-top:3px solid #00AEDC;
font-size:0.8rem; 
}

/*stop wide images from having a margin, especially on the L+R - the default is 1rem 40px */
  /*NB WITHOUT ADDING ".wp-block-image", this style stops Image Block images from being able to be centre-aligned*/
section.entry-content figure.wp-block-image {
margin:0 !important;
}


/*remove default margin-top of 1rem on the first para of About Me text, to vert-align it with the adjacent photo ON WIDE SCREENS*/
@media all and (min-width:781px){
	div.wp-container-core-columns-is-layout-9d6595d7 p:first-of-type {
	margin-top:0 !important;
	}
}


#contactdetails {
display:block;
text-align:center;
line-height: 2.5; /*default is 1.8*/
}

.nobreak {
display:inline-block;
}