/*
 Theme Name:   Quokka Creative
 Theme URI:    https://quokkacreative.com/
 Description:  Default GeneratePress child theme
 Author:       Trisha Cupra
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
*/

/* Add your custom styles below... */


/* ----------------------------------- */	

/* ADMIN */

.wp-core-ui h1, .wp-core-ui h2, .wp-core-ui h3, .wp-core-ui h4, .wp-core-ui h5, .wp-core-ui h6, .wp-core-ui p, .wp-core-ui button {
  color: #333;
  letter-spacing: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  text-transform: none;
}

/* ----------------------------------- */	

/* LAYOUT */

/* Full height - Replace 162px with header plus footer heights */
#content {
    min-height: calc(100vh - 618px);
}

.fl-row-full-height > .fl-row-content-wrap {
  min-height: calc(100vh - 618px) !important;
}

/* Anchor Scroll */
:target:before {
    content: "";
    display: block;
    height: 96px; /* fixed header height*/
    margin: -96px 0 0; /* negative fixed header height */
}

a.generate-back-to-top {
  opacity: 0.75 !important;
}

/* Zero out GP secondary menu padding */
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
    padding: 0;
}

/*Zero out BB template margins  */
.fl-builder-module-template {
  margin: 0;
  padding: 0; 
  line-height: 1rem;
  max-width: 100%;
}

/* Put on all sites with Form Fielder forms: */
.frm_form_fields {
    visibility: hidden;
}

/* Remove underlineborder on images */
a[href$=jpg], a[href$=jpeg], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=webp], a[href$=avif] {
	text-decoration: none;
	border: 0 none !important; 
	}

.pp-button {
  box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 500ms ease-in-out !important;
  transition: all 500ms ease-in-out !important;
}
	
.pp-button:hover {
  box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--base);
}	

/* ----------------------------------- */	

/* TYPOGRAPHY */

#content a {
    font-weight: bolder;
}

#content li {
  margin: 0 0 1rem 0;}
 
#content ul, #content ol {
    margin: 1rem 0 2rem 1.5rem;
    padding: 0;
}

#content .fl-rich-text li::marker {
  color: var(--primary);
  content: "✓ ";
}

.broken_link, a.broken_link, a.broken_link:hover {
    font-weight: normal !important;
    color: var(--contrast);
    cursor: not-allowed;
}

.phone    {
white-space: nowrap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    hyphens: none;
 }
 
h2, h3, h4, h5, h6 {
    margin-top: 3rem;
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, 
h1+h2,h2+h3, h3+h4, h4+h5, h5+h6, h3+h5 {
    margin-top: 0;
}

p:last-of-type {
    margin: 0;
}

blockquote {
	font-size: inherit;
	position: relative;
	margin: 0;
	padding: 4rem;
	border: none;
	font-style: normal;
}

blockquote:before,
blockquote:after {
	position: absolute;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
	opacity: 0.2;
	color: var(--primary);
	font-family: Georgia, serif;
}

blockquote:before {
	content: '“';
	left: 0;
	top: 5.5rem;
}

blockquote:after {
	content: '”';
	right: 0;
	bottom: -1rem;
}

cite {
    font-style: italic;
    opacity: 0.75;
}

th {
  text-align: left;
}

p small {
  font-size: 75%;
  line-height: 1.4;
  display: block;
}

#footer-section ul {
    list-style: none;
    margin: 0;
}

#footer-section ul li {
    font-size: 16px;
    margin-bottom: 1.5rem;
    line-height: 1.2rem;
}

#footer-section a {
    font-weight: bolder;
}

#footer-section .fl-rich-text li::marker {
    content: "";
}

#footer-section img {
    filter: brightness(0) invert(1);
}

i.fa-solid {
    width: 1.5rem;
}

/*-----------------------------------*/

/* COLORS - UTILITY CLASSES */

/* COLORS - PRIMARY */

.primary-100-bg {
  background-color: var(--primary-100);
}

.primary-200-bg {
  background-color: var(--primary-200);
}

.primary-300-bg {
  background-color: var(--primary-300);
}

.primary-400-bg {
  background-color: var(--primary-400);
}

.primary-500-bg {
  background-color: var(--primary-500);
}

.primary-600-bg {
  background-color: var(--primary-600);
}

.primary-700-bg {
  background-color: var(--primary-700);
}

.primary-800-bg {
  background-color: var(--primary-800);
}

.primary-900-bg {
  background-color: var(--primary-900);
}

.primary-100 {
  color: var(--primary-100);
}

.primary-200 {
  color: var(--primary-200);
}

.primary-300 {
  color: var(--primary-300);
}

.primary-400 {
  color: var(--primary-400);
}

.primary-500 {
  color: var(--primary-500);
}

.primary-600 {
  color: var(--primary-600);
}

.primary-700 {
  color: var(--primary-700);
}

.primary-800 {
  color: var(--primary-800);
}

.primary-900 {
  color: var(--primary-900);
}

/* ------------------- */

/* COLORS - SECONDARY */

.secondary-100-bg {
  background-color: var(--secondary-100);
}

.secondary-200-bg {
  background-color: var(--secondary-200);
}

.secondary-300-bg {
  background-color: var(--secondary-300);
}

.secondary-400-bg {
  background-color: var(--secondary-400);
}

.secondary-500-bg {
  background-color: var(--secondary-500);
}

.secondary-600-bg {
  background-color: var(--secondary-600);
}

.secondary-700-bg {
  background-color: var(--secondary-700);
}

.secondary-800-bg {
  background-color: var(--secondary-800);
}

.secondary-900-bg {
  background-color: var(--secondary-900);
}

.secondary-100 {
  color: var(--secondary-100);
}

.secondary-200 {
  color: var(--secondary-200);
}

.secondary-300 {
  color: var(--secondary-300);
}

.secondary-400 {
  color: var(--secondary-400);
}

.secondary-500 {
  color: var(--secondary-500);
}

.secondary-600 {
  color: var(--secondary-600);
}

.secondary-700 {
  color: var(--secondary-700);
}

.secondary-800 {
  color: var(--secondary-800);
}

.secondary-900 {
  color: var(--secondary-900);
}

/* ------------------- */

/* COLORS - Hard-coded */

.site-info {
    background-color: var(--primary-700);
}