/*
Theme Name: Stephen Hoper Gantry
Theme URI: http://gantry.org
Author: Stephen Hoper and RocketTheme, LLC
Author URI: https://stephenhoper.com
Description: Stephen Hoper Gantry - a chld theme of Helium by RocketTheme
Version: ${xml.version}
Template: g5_helium
*/

/*
colours from old site:
	blue #69F
	bg light grey #DDD
	un-hover dark grey e.g. menu buttons #999
		BUT it's too light for the A-underline
	body text #333


new colours:
	International Klein Blue #002FA7
	dark grey body text #444
	white #FFF
	light grey page bg #EEE

*/




/* -------------------logo [nb more logo-related styles in the menu section]----------------------------------------------------------------------------- */


.g-logo img {
/*PREVIOUSLY centre-align the PNG img-based logo on all screens, not just (by default) on narrow screens*/
/*margin: 0 auto;*/

/*left-align it*/
margin: 0 !important;

/*limit the logo's width to 50% (previously 66) of the vw screen width*/
max-width: 50vw !important;
/*and limit its height*/
max-height: 30px !important;
}

/*WHEN USING SVG LOGO make the logo no bigger than 66% of the vw screen width*/
/*#Helv_Bold_0tracking_OUTLINED {
max-width: 66vw !important;
}*/


/* Remove Focus Border(Outline) Around logo when clicked*/
input:focus {
    outline: none;
}



/* -------------------/logo----------------------------------------------------------------------------- */



/* -------------------other styles----------------------------------------------------------------------------- */


/*increase default font size of 1rem*/
body {
font-size: 1.2rem;
}


/*remove Home heading on homepage*/
body.home .entry-header {
display:none;
}

/*homepage slideshow*/
/*remove grey bg so that the slideshow can be seen*/
		/*NB THE #g-page-surround STYLE MIGHT BE RESTYLED IN THE MENU SECTION!!! */
#g-page-surround, #g-mainbar {
background:none !important;
}




/*use Helvetica in audio player*/
.cue-playlist-container, .cue-playlist  {
font-family: "Helvetica", "Lato", "Tahoma", "Geneva", "Arial", sans-serif !important;
}





/*make headings blue and bold, with no margin-bottom as that puts too much space before 'Posted in' */
h1,h2,h3,h4,h5 {
color:#002FA7 !important;
font-weight:700 !important;
margin-bottom:0 !important;
}



/*on each post, stop showing an icon next to Category*/
.meta-categories i.fa {
display:none;
}
/*and stop transforming the category text to uppercase*/
.meta-categories {
text-transform: none !important;
}



/*remove default 40px L+R margin [DEFAULT TOP+BOT MARGINS ARE 1em] from portfolio images via .figure
			I may need to make this more specific if it also affects other elements*/
figure {
/*margin-left:0 !important;
margin-right:0 !important;*/
margin:2em 0 !important;
}



/*make headings blue and bold*/
h1,h2,h3,h4,h5 {
color:#002FA7 !important;
font-weight:700 !important;
}


/*hide the Edit link when I am logged-in*/
.post-edit-link {
	display:none;
}


/*style HR as a divider line which can be easily inserted into the doc*/
hr {
width:100%; /*i.e. full width of the parent div*/
clear:both !important;
/*margins to add vertical space between sections*/
margin-top:45px;
margin-bottom:45px;
background-color:#002FA7 !important;
border-top:1px solid #002FA7 !important;
}
/*but reduce the margin for the hr's in menu Particles*/
.menu-item-particle hr { 
margin-top:10px;
margin-bottom:10px;
}




/*remove extra padding from above/below the main content*/
#g-mainbar {
padding: 0 0 2em 0 !important; /*default 3em 0*/
}


/*add underlines to paragraph+meta links*/
p a,
.entry-meta a {
border-bottom: 1px solid #444 !important;
}
p a:hover, 
.entry-meta a:hover {
border-bottom: 1px solid #002FA7 !important;
}


/*colour selected text*/
::selection {
color: #FFF !important;
background: #002FA7 !important;
}


/*make Music page project grid links be regular weight, not bold*/
.pt-cv-title a {
font-weight:400 !important;
}


html {
scroll-behavior: smooth;
}



/* -------------------/other styles----------------------------------------------------------------------------- */


/* -------------------testimonials----------------------------------------------------------------------------- */


/*testimonial text, default #777 and 1.1rem*/
blockquote p {
color: #444 !important;
font-size: 1.2rem; /*to match body*/

}

/*testimonial highlight, default #e0e0e5 */
blockquote {
border-left: 10px solid #002FA7;
}


/*remove margin-top from testimonial images*/
.wp-container-core-columns-is-layout-9d6595d7 figure {
/*DEFAULT margin:2em 0 !important;*/
margin:0 0 2em 0 !important;
}
/* -------------------/testimonials----------------------------------------------------------------------------- */



/* -------------------menu----------------------------------------------------------------------------- */



/*some copied from Aristos*/

		/* XXXXXXX REFERS TO ARISTOS XXXXX by default, the category list LI's are display:block, and the A's inside them have no padding */
/*make the A's into blocks with top+bot padding but not L+R*/
#g-mobilemenu-container .g-toplevel li a {
display:block;
padding:1em 0; /*default 1em*/
}

#g-offcanvas a {
color: #444 !important;
}


/*give the mobile menu a transparent bg*/
#g-offcanvas #g-mobilemenu-container ul {
/*background:none;*/
}


/*the current Page's un-hovered button */
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
background: #002FA7 !important;
}
/*the current page's un-hovered button*/
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
color:white !important;
}


/*hovering all buttons, inc the current page's */
#g-offcanvas a:hover {
color: white !important;
background-color: #002FA7 !important;
}
/*hover the current page's button*/
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active:hover > .g-menu-item-container {
color:white !important;
}
/* /copied from Aristos*/




/*replace the '>' indent symbol ( \f105 ) before the sub-menu buttons with an em-space instead*/
a.g-menu-item-container .fa-angle-right::before {
content: "\2003" !important;
}


/*change the 3 bars to a 'close' X when the menu is open*/
div.g-offcanvas-toggle[aria-expanded="true"] i.fa-bars::before {
/*DEFAULT BARS  content: "\f0c9";*/
content: "\f00d";
}


/*stop the toggle from having 0.6 opacity when menu is open*/
/*.g-offcanvas-open*/ .g-offcanvas-toggle {
  color: white !important;
}



/*DISPLAY THE TOGGLE ON THE LHS OF THE LOGO*/
.g-offcanvas-toggle {
		display:inline-block !important;
		position: relative !important; /*default is absolute*/
		top:0.3rem !important;
		left:0.3rem !important;
}
.g-logo, #g-navigation {
display:inline-block !important;
}
/*AND MAKE THE BARS+LOGO STRIP BG BLUE AND THE REST OF THE SITE BG GREY (without this, the bars dont have a bg, and the blue logo strip bg is only a bit wider than the logo)*/
/*BUT THIS BADLY AFFECTS THE HOMEPAGE!!! IT'S GOOD ON OTHER PAGES THOUGH*/
#g-page-surround {
background:#002FA7 !important;
}
#g-container-main {
background:#EEE !important;
}
/*THEN UNFUCK THE HOMEPAGE BY REMOVING ALL CONFLICTING BGs SO THAT THE BARS+LOGO ARE WHITE-ON-TRANSPARENT*/
body.home #g-page-surround, 
body.home #g-container-main, 
body.home #g-navigation {
background:none !important;
}




/* -------------------/menu----------------------------------------------------------------------------- */