/*
    Theme Name: Groce Group
    Author: Crystal Sinclair
    Author URL: www.crystalsinclair.com
	Version: 1.0.1
*/


/* CSS Document */


*{position:relative;}
body {color:#333;}
h2 {margin-bottom:1rem;}

/*

h1, h2 {font-family: 'nunito', sans-serif;font-size:3rem;font-weight:600;margin:0 0 .1rem;line-height: 1em;letter-spacing: -.02em;} 
h2 {font-size:2.5rem;margin:0 0 .8em;} 
h3 {font-weight:600;font-size:1.3rem;margin:0 0 0.5rem;}
h4 {font-size: 1em;margin:0 0 10px;font-weight:500;}
h5 {font-size: 1em;font-weight:600;margin:0;}
h6 {font-size: 1em;}
p,ul{line-height:1.5em;}

a:not(nav .btn), a:hover, a:visited, a:focus{color:inherit;text-decoration:none;}
a:focus{outline:0}
a img, a:visited img{border:0;}
img{max-width: 100%;height: auto;}
blockquote, q {  font-family:;font-weight: 400;font-style: normal;	font-size: 1.7rem;line-height:1.4em;text-transform: uppercase;max-width:700px;  margin:1rem auto;position:relative;padding:30px;}
blockquote p{color:var(--dustyrose);font-style: italic; text-transform: none;margin:0;}
blockquote cite{position: absolute;  left: 0; right: 0;margin: .5em 0 -.5em;}
cite{font-size:0.85rem;display:block;}
blockquote:before, blockquote:after{ content: "";   border-top: 1px solid;   border-bottom: 1px solid;  width: 50px;  height: 100%;  top: 0;   position: absolute;color:inherit;}
blockquote:before{ border-left: 1px solid;left: 0;}
blockquote:after{ border-right: 1px solid; right: 0;}
:hover{transition:700ms;}
hr{margin:2rem 0;border-color:#777;}
strong{font-weight:600;}


*/


.text-gold {color:var(--gold);}
.text-dark{color:var(--dark);}
.text-lt{color:var(--lt);}
.text-center{text-align:center;}
.text-right{text-align:right;}

/*
section, header, footer{position:relative;display:block;clear:both;}
section, .section, header{width:100%;position:relative;}
.contain{width:calc(100% - 30px);}
.container{padding:80px 15px;margin: 0 auto;position:relative;max-width:1400px;width:100%;}
.container-fluid{padding:0 15px;}
.full > .container{display:table-cell;vertical-align:middle;
	.b{vertical-align:bottom;margin:2em;}
}
.full > .container.b{vertical-align:bottom;margin:2em;}
*/

header{position:fixed;width:100%;z-index:1;background:linear-gradient(0deg, transparent, rgba(0,0,0,0.3));}
header .container{display:flex;width:100%;max-width:1400px;padding:0 15px;margin:0 auto;}
header .wp-block-group{flex:1;align-content:center;}
nav{font-size:10px;color:#fff;}
nav ul{font-weight:500;padding:0;text-transform:uppercase;}
nav li{list-style:none;display:inline-flex;font-size:0.85em;font-weight:500;}
.wp-block-navigation .wp-block-page-list {gap:2em;}
nav > li > a {color:inherit;position:relative;}
nav > li > a:hover{}

.iv{filter:invert(1);}
img.logo{max-height:60px;max-width:30vw;width:auto;}


.wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover.has-background-dim:not(.has-background-gradient):before
{z-index:auto;}


/*.mx600{max-width:600px;}
.w1{padding:0 1em 1em 1em;background-color:var(--dark);max-width:calc(100% - 2em);}
.mh300{max-height:300px;overflow-y:scroll;line-height: normal;font-size: .9em;}
.p15{padding:15px;}
.p0{padding:0;}
.mauto{margin-left:auto;margin-right:auto;}
.mr{margin-left:auto;margin-right:0;}
.ml{margin-left:0;margin-right:auto;}
.mb{margin-bottom:3em;}

.up{text-transform:uppercase;}
.bigger{font-size:4rem;}*/

.stats h3{font-weight:300;text-transform:uppercase;max-width:250px;margin:0 auto 1em;}



.acc{padding:0;border-bottom:1px solid;margin-top:.5em;margin-bottom:.5em;font-size:.9em;line-height:normal;cursor:pointer;}
.acc h4{border-top:1px solid;line-height:2em;margin:0;font-weight:normal;line-height:3em;font-size:1.3em;font-weight:300;}
.acc h4:before{content:"+"; position:absolute;right:30px;}
.acc p{display:none;}

.fixed{background-attachment:fixed;}

.icon{height:1.5em;width:auto;margin:0 1em;display:inline-block;}
.icon.big{height:3em;float:left;}
/*.overlay img.full, video.overlay{z-index: -1;}*/


/* Forms */

form {margin:10px 0;}
form p {line-height:initial;}
input{border-radius:50px;border-style:solid;}
button, input, optgroup, select, textarea {padding: .75em;}

input[type="submit"], button
{color:#fff;background:var(--gold);padding:1.2em 2em;font-weight:500;text-transform:capitalize;border:2px solid transparent;display:block;margin: .5em 0 0;width:max-content;font-size:1em;font-weight:bold;border-radius:2em;cursor:pointer;}
/*.ghost, input[type="submit"]:hover, button:hover{color:var(--dark);border-color:var(--dark);}*/
/*.ghost, .btn:hover { border: 2px solid; color: var(--lt); padding: .2em 1em;  border-radius: 50px;}
.btn, .ghost:hover { border: 2px solid var(--lt); padding: .2em 1em;  border-radius: 50px;background:var(--lt); color:#111;}*/


a.btnnext, a .btnnext{float:right;margin:10px 0;color:#555;font-weight:600;font-size:2em;padding:0.2em 0.4em 0.4em;border:2px solid;text-decoration:none;}
a.btnnext:hover, a .btnnext:hover{background:#111;border-color:#111;color:#fff;}

/* sections */
.steps{padding:0;list-style:none;
	li{flex:1;}
	li/*:not(:first-of-type)*/{background:#fff;border-radius:1em;color:var(--default);padding:30px;}
	h3{margin-bottom:2em;font-weight:bold;}
	p{}

}

/* gutenberg options */
/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}
:root :where(.is-layout-constrained) > * {
    margin-block-start: 0rem;
    margin-block-end: 1rem;
}


/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* Footer */
.footer{background:#111;font-size:0.875em;width:100%;margin-top:5vh;}
.footer h4{font-weight:600;}
.footer p { line-height: 1.5em;}
.footer p a, .footer a{color:inherit;text-decoration:none;}
.footer a:hover {text-decoration:underline wavy;}
.footer li{font-size: 1em;display:block;text-transform:lowercase;line-height:1.8em;}
/*.footer img.logo{max-height:2em;max-width:250px;width:auto;height:auto;}
.footer img {border:0;max-height:80px;filter:invert(0);}*/
.footer .copy{padding-top:3vh;margin-top:3vh;border-top:1px solid var(--brown);}

.footer .container{padding-bottom:1em;border-top:2px solid;}
.table-maker{display:table;width:250px;max-width:100%;table-layout:fixed;margin:2em auto 1em;}
.table-maker span{display:table-cell;}
.social-icon{height:20px;width:auto;margin:1em 0;}

.footer ul {list-style:none;display:block;margin:0;padding:0;}
.footer li a {text-decoration:none;display:block;}
.footer a:hover {text-decoration:underline var(--brown);}




/* animations and other styling*/

.mask1 {
  -webkit-mask-image: url(https://cdn-icons-png.flaticon.com/512/3917/3917741.png);
  mask-image: url(https://cdn-icons-png.flaticon.com/512/3917/3917741.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
}



@media (max-width:768px){
	h1{width:3.2em;}
	.wp-block-media-text{padding: 15px;}
	.wp-block-cover, .wp-block-group.container, .wp-block-cover__inner-container, .wp-block-cover__inner-container {
		padding: 30px 15px;
		}
}

@media (min-width:769px){
	.wp-block-media-text, .wp-block-group.container 
		{padding: 10vh;}
	.wp-block-cover{min-height:90vh;max-height:1000px;}
	.wp-block-media-text__content{max-width:400px;padding:10vh;}
}

@media (min-width:1400px){
}