/*
 Theme Name:   JPW Accountancy
 Theme URI:    https://www.jpwaccountancy.co.uk/
 Description:  Custom Child Theme
 Author:       Supanaught
 Author URI:   https://supanaught.com
 Template:     generatepress
 Version:      0.1
*/

/*GLOBAL*/

body {
	background-color: var(--white) !important; /*Update to match project palette*/
	color: var(--darkgreen) !important; /*Update to match project palette*/
	font-family: "DM Mono", monospace !important; /*Update to match project typography*/
	font-size: 1.25rem !important; /*20px based on 16pt browser default*/
}

/*-Tablet-*/

@media (min-width: 769px) and (max-width: 1024px) {
	body {
		font-size: 1.125rem !important; /*20px based on 16pt browser default*/
	}
}

/*-Mobile-*/

@media (max-width: 768px) {
	body {
		font-size: 1.125rem !important; /*20px based on 16pt browser default*/
	}
}

strong {
	font-weight: 500 !important;
}

/*-Remove bottom margin from any element-*/

.no-margin-bottom {
	margin-bottom: 0rem !important;
}

p {
  margin-bottom: 0rem !important;
  word-spacing: -0.125rem !important;
}

.p-large {
  margin-bottom: 2.5rem !important;
}

/*-Amend default underline style to compensate for Chrome's default-*/

a {
	text-decoration: underline;
	text-decoration-thickness: 0.05em !important;
	text-underline-offset: 0.1em !important;
}

/*-Remove underline from any hyperlink with customn class-*/

.no-text-decoration a {
	text-decoration: none !important;
}

/*-Default Content Container settings to bypass Customiser > Layout > Container-*/

.grid-container {
  max-width: 100% !important;
}

/*--Large Screens--*/

@media (min-width: 1600px) {
	.site-content .content-area {
		width: 100%;
		padding: 0rem 0rem 9.375rem 0rem !important; /*Sets default padding of main content area*/
	}
}

@media (max-width: 1599px) {
	.site-content .content-area {
		width: 100%;
		padding: 0rem 0em 9.375rem 0rem !important; /*Sets default padding of main content area*/
	}
}

/*--Desktop--*/

@media (max-width: 1560px) {
	.site-content .content-area {
		width: 100%;
		padding: 0rem 0rem 9.375rem 0rem !important; /*Sets default padding of main content area*/
	}
}

/*--Tablet--*/

@media (min-width: 769px) and (max-width: 1024px) {
	.site-content .content-area {
		width: 100%;
		padding: 0rem 0rem 6.375rem 0rem !important; /*Sets default padding of main content area*/
	}
}

/*--Mobile--*/

@media (max-width: 768px) {
	.one-container .site-content, .one-container .content-area {
		width: 100%;
		padding: 0rem 0rem 3.375rem 0rem !important;  /*Sets default padding of main content area, one-container class targets Customiser > Layout > Container > Content Layout options*/
	}
}

/*-Hide Page Title-*/

.entry-title {
  margin-bottom: 0;
  display: none !important;
}

/*-Hide Post entry meta-*/

.entry-meta {
  display: none !important;
}

/*-Hide Featured Image-*/

.featured-image {
  display: none !important;
}



/*TYPOGRAPHY*/

h1, h2, h3 {
	font-family: "Geist", sans-serif !important; /*Update to match project typography*/
	margin-bottom: 1.875rem !important;
	font-weight: 700 !important;
}

h4, h5 {
	font-family: "DM Mono", monospace !important; /*Update to match project typography*/
	margin-bottom: 1.875rem !important;
	font-weight: 500 !important;
}

h6 {
	font-family: "DM Mono", monospace !important; /*Update to match project typography*/
	margin-bottom: 0rem !important;
	font-weight: 500 !important;
}

/*-h1-*/

h1 {
	font-size: 3.75rem !important; /*60px*/
}

@media (max-width: 1024px) {
	h1 {
		font-size: 3.4rem !important; /*54.4px*/
	}
}

@media (max-width: 768px) {
	h1 {
		font-size: 3rem !important; /*48px*/
	}
}

/*-h2-*/

h2 {
	font-size: 3.25rem !important; /*52px*/
}

@media (max-width: 1024px) {
	h2 {
		font-size: 3rem !important; /*48px*/
	}
}

@media (max-width: 768px) {
	h2 {
		font-size: 2.75rem !important; /*44px*/
	}
}

/*-h3-*/

h3 {	
	font-size: 3rem !important; /*46px*/
}

@media (max-width: 1024px) {
	h3 {
		font-size: 2.5rem !important; /*43px*/
	}
}

@media (max-width: 768px) {
	h3 {
		font-size: 2.5rem !important; /*40px*/
	}
}

/*-h4-*/

h4 {
	font-size: 2.4rem !important; /*42.4px*/
}

@media (max-width: 1024px) {
	h4 {
		font-size: 2.4rem !important; /*39px*/
	}
}

@media (max-width: 768px) {
	h4 {
		font-size: 2.25rem !important; /*36px*/
	}
}

/*-h5-*/

h5 {
	font-size: 2.25rem !important; /*36px*/
}

@media (max-width: 1024px) {
	h5 {
		font-size: 2rem !important; /*34px*/
	}
}

@media (max-width: 768px) {
	h5 {
		font-size: 1.25rem !important; /*32px*/
	}
}

/*-h6-*/

h6 {
	font-size: 2rem !important; /*32px*/
}

@media (max-width: 1024px) {
	h6 {
		font-size: 1.875rem !important; /*30px*/
	}
}

@media (max-width: 768px) {
	h6 {
		font-size: 1.25rem !important; /*28px*/
	}
}

.headline-quote-attribution {
	font-family: "Geist", sans-serif !important; /*Update to match project typography*/
	margin-bottom: 0rem !important;
	font-weight: 700 !important;
	word-spacing: 0rem !important;
}



/*COLOUR VARIABLES - update values for project*/

:root {
  --black: #000000;
  --white: #ffffff;
  --dark-green: #094944;
  --green: #27cc7d;
  --purple: #9184ed;
  --brown: #37392e;
  --offwhite: #fcfbff;
  --purple-tint: #E9E6FA; 
  --sn-purple: #7605FE; /*Leave default values for quick reference*/
  --sn-teal: #55FFB8; /*Leave default values for quick reference*/
  --sn-blue: #000fff; /*Leave default values for quick reference*/
}



/*MENUS*/

/*-Main Menu - add in any project specific code to override default Customiser / Global Style settings-*/



/*WP DEFAULT BLOCK STYLES - remove if unnecessary*/


/*-Core List block, used for bullets-*/

/*--Remove all margin from tablet menu--*/

ul#menu-mobile-menu-1 {
  margin: 0rem !important;
}

/*--Remove all margin from mobile menu--*/

ul#menu-mobile-menu {
  margin: 0rem !important;
}

/*--Remove default margin from list 'paragraph'--*/

ul {
  margin: 0rem 0rem 0rem 1.25rem !important;
}

/*--Remove margin from individual list 'items'--*/

.wp-block-list li {
	margin-bottom: 0.25rem !important;
}



/*GDPR FORM STYLES, USE WITH GDPR COOKIE COMPLIANCE PLUGIN*/
/*Default brand colours specified within plugin*/

/*-Change Cookie Banner base styles-*/

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
  background-color: var(--white);
  border-top: 1px solid var(--dark-green);
  padding: 15px;
}

/*-Change Cookie Banner font styles-*/

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p {
  color: var(--dark-green) !important;
  margin-bottom: 0px !important;
  font-size: 0.8em !important;
}

/*-Change Button border radius-*/

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr-shr-button, #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn {
  border-radius: 5px !important;
}

/*-Change Settings pop up modal right background colour and remove drop shadow-*/

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {

  background-color: var(--white) !important;
  }
  
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
  background-color: var(--white) !important;
  }
  
  #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.0) !important;
}

/*-Change Settings pop up font styles-*/

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
	color: var(--dark-green) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
	color: var(--dark-green) !important;
}



/*ELEMENTS*/
/*Custom code for Generate Blocks > Elements*/

/*-Masthead-*/

/*--Additional breakpoints for masthead elements between desktop > tablet--*/

/*---Swap row logo for monogram logo---*/

@media (min-width: 1181px) {
	.container-logo-monogram {
		display: none !important;
	}
}

@media (min-width: 1025px) and (max-width: 1180px) {
	.container-logo {
		display: none !important;
	}
}

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

@media (min-width: 1025px) and (max-width: 1250px) {
	.image-logo {
		max-height: 3rem !important;
		width: auto !important;
	}
}

/*---Amend column gap between menu items---row*/

@media (min-width: 1025px) and (max-width: 1100px) {
	.container-desktop-menu {
		column-gap: 1.75rem !important;
	}
}

/*-Footer-*/

/*--Accomodate long email address / company name text on mobile columns--*/

@media (min-width: 768px) and (max-width: 1380px) {
	.email-wrap {
		max-width: 100%; /* Ensure container respects width */
		overflow-wrap: anywhere; /* Modern wrapping model */
		word-break: break-all; /* Force break at container edge as needed */
		white-space: normal; /* Ensure wrapping is permitted */
		}
}


/*PAGE TEMPLATE PATTERNS*/
/*Custom code for Generate Blocks > Patterns > Page Template category - delete if not needed for project*/



/*LOCAL PATTERNS*/
/*Custom code for Generate Blocks > Patterns > Local category - delete if not needed for project*/

/*-Testimonials-*/

/*--Force matched card height across row--*/

.gb-carousel-items {
  height: auto !important;
}

.gb-carousel-item {
  height: auto !important;
}

/*--Remove default transform effect from carousel > pagination > dot is active / remove default browser scrollbar on carousel cards--*/

:where(.gb-carousel-pagination) .gb-carousel-dot.is-active {
  transform: none !important;
}


/*GENERATE BLOCKS GLOBAL STYLES*/
/*Custom code for Generate Blocks Global Styles*/

/*-Hide default back to top button-*/
/*
a.generate-back-to-top {
  display: none !important;
}*./