/*
Theme Name:		Bookkeeper Site
Author:			Kicking Pixels
Author URI:		https://kickingpixels.com.au/
Description:	Bookkeeper Site Theme for BedRock based website
Version: 		4.0.5
Text Domain: 	bedrocktheme 
*/

/* INLINE CSS */
/* ======================== */

/* Wrap ROOT VARS */
	:root { 
		--wrap-wide: 1440px; 
		--wrap: 1280px; 
		--wrap-narrow: 920px; 
	}
	html {
		scroll-behavior: smooth;
	  }

	/*Skip to the content*/
	.skip-link { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
	.skip-link:focus { position: absolute; top: 5px; left: 5px; width: auto; height: auto; z-index: 999; background-color: #62d696; color: #ffffff; font-size: 14px; line-height: 15px; padding: 10px 15px; } 

	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Typography */

	html { font-size: 18px; line-height: 1.5; }
	h1 { font-size: 36px; line-height: 2.4; }
	h2 { font-size: 28px; line-height: 1.3; }
	h3 { font-size: 24px; line-height: 1.3; }
	h4 { font-size: 22px; line-height: 1.3; }
	h5 { font-size: 20px; line-height: 1.2; }
	h6 { font-size: 18px; line-height: 1.5; }
	
	strong { font-weight: 700; }
	.editor-content a { text-decoration-line: underline; }
	.editor-content a:hover { color: var(--light);}
	.small { font-size: 14px; line-height: 19px; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; }
	.small-italic { font-size: 14px; line-height: 19px; font-style: italic; }
	.small-strong { font-size: 14px; line-height: 19px; font-weight: 700; }
	.small-link { font-size: 14px; line-height: 19px; text-decoration-line: underline; }
	.abbreviation { font-size: 16px; line-height: 24px; font-weight: 400; }
	
	.mwa-bttn { font-size: 18px; line-height: 1.2; }
/*Page Contents*/
	/*Image*/
	figure .size-large { max-width: 1024px; max-height: 1024px; width: 100%; }
	figure .size-medium_large { max-width: 300px; max-height: 300px; width: 100%; }
	figure .size-medium { max-width: 300px; max-height: 300px; width: 100%; }
	figure .size-thumbnail { width: 150px; height: 150px;  }
/* Gravity Forms */
	select,
	textarea,
	input[type="tel"],
	input[type="date"],
	input[type="number"],
	input[type="email"],
	input[type="text"] { width: 100%; padding: 0.5rem 1rem; border: 1px solid; border-radius: 3px; background: transparent; }
	.mwa-gf-form_wrapper .gfield_validation_message,
	.mwa-gf-form_wrapper .gfield_required_asterisk { color: red; }
	.advance-name .ginput_container { flex-flow: row !important; }
	.advance-name .ginput_container span.gform-grid-col { padding: 0 !important; }
	.mwa-gf-form_wrapper .gform_footer .gform_button { border: none !important; border-radius: 0px !important; background: var(--Secondary) !important; font-size: 18px; line-height: 1.2; position: relative; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; padding: 0.5em 1em; text-transform: uppercase; opacity: 1; height: 64.5px; }
	.mwa-newsletter { display: grid; grid-template-columns: 1fr 145px; align-items: center; grid-gap: 0px; }
	.mwa-newsletter input { height: 67px; border-radius: 0px; }

	#gform_ajax_spinner_1 { display: none; }
	
	/* Buttons, Links and Inputs Focus */
	.mwa-bttn { font-size: 18px; line-height: 1.2; border-radius: 5px; padding: 0.5em 1em; opacity: 1; }

	/* Site Header */

	.top-header {
		position: relative;
		display: flex;
		justify-content: space-between;
		padding: 0.5em 0em 0.5em 0;
		align-items: center;
		height: 92px;
		opacity: 0;
	}
	.site-header .desk-header .social-profiles .mwa-icon {
		width: 38px;
		height: 38px;
		opacity: 1;
		color: var(--light);
	}
	.site-header { position: relative; z-index: 999; }
	.mob-header .site-logo { position: relative; }
	.menu-bttn.menu-bars {
		background-color: var(--Black);
    	color: #fff;
	}

	blockquote { background-color: #2a56f1; color: #ffffff; padding: 3em 2em 3em; margin: 1.5em 0; position: relative; }
	blockquote::before { content: "\f10e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 40px; line-height: 36px; position: absolute; top: 10px; right: 10px; }

	/* Site Footer */
	footer.site-footer {
		border-top: 0!important;
	}

	/* Main */

	/* Custom Sections */
	.top-banner img {border-radius: 0 !important;}
	.section-col .img-wrap.media-wrap img {border-radius: 20px;}
	.team .img-wrap.media-wrap img {border-radius: 0;}

	.contact-details {
		display: flex;
		align-items: center;
	}

	.contact-info:not(:last-child) a {
		border-right: solid 1px var(--Primary);
		grid-gap: 0;
		height: 20px;
		justify-content: center;
		align-items: center;
	}

	.contact-details i {
		margin: 0;
		padding: 10px;
	}

	/* Custom Post Types */
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin-top: 1.5em!important;
	}

@media only screen and (min-width: 768px) {
	:root {
		--guther: 30px;
	}
	.mwa-bttn {
        padding: 1.2em 2em;
    }
	.mwa-gf-form_wrapper .gform_footer .gform_button {
		padding: 1.2em 2em;
	}
}

@media only screen and (min-width: 992px) {
	body {
        overflow: unset;
    }
	.site-header .desk-header {
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
        padding: 10px 0;
    }
	.main-header-r {
        position: relative;
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }
	.layout-two-cols > .content-wrapper > .section-col:first-child {
        grid-column: 1 / span 11;
    }
	.layout-two-cols > .content-wrapper > .section-col:last-child {
        grid-column: 14 / span 12;
    }
}

@media only screen and (min-width: 1024px) {
	.logo-carousel .slick-slide {
        width: 127px !important;
        margin: auto;
    }
}

@media only screen and (min-width: 1200px) {
	
}