/* FUNKY DEMO POST STYLES */

@font-face {
    font-family: 'Fun Blob';
    src: url('fonts/FunBlobRegular.woff2') format('woff2'),
        url('fonts/FunBlobRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averia Sans';
    src: url('fonts/AveriaSans-Regular.woff2') format('woff2'),
        url('fonts/AveriaSans-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


svg {
    position: fixed;
    top: 0;
    left: 0;
  width: 100%;
    height: 100vh;
    z-index: -10;
}

body {background-image: none;
background-color: yellow;
font-family: 'Averia Sans', sans-serif;}

  .js .nav-primary {
   /* display: block; */
    padding: 15px;
    background-color: rgba(255,255,0,0.9);
    border-radius: 8px;
  }
  
.site-header {background-color: transparent; border-bottom: none;}
.site-header, .pink-panel {
  -webkit-animation: 4s ease 0s normal forwards 1 fadein;
  animation: 4s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadein{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


.before-home .widget, .widget, .content .entry {background-color:transparent;}
.content .entry, .after-entry {box-shadow: none;}
h2, .widget-title {font-size: clamp(2rem, 0.7273rem + 5.8182vw, 4rem);}
.content {float: left;width: 100%;}
.entry-title, .entry-header .entry-meta, .firstpara {display: none;}
.window-height {min-height: 50dvh;}

h1,h2,h3, .genesis-nav-menu a, .site-title a, .menu-toggle, .sub-menu-toggle,
button, input[type="button"], input[type="reset"],
input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button,
.forminator-ui.forminator-quiz#forminator-module-9292 .forminator-button, .goosed, .widget-title {
  font-family: 'Fun Blob', sans-serif !important;
font-weight: 100;
color: #36c;
text-shadow: 1px 1px 1px rgba(0,187,249,1);}
.site-title a:hover, .menu-toggle:hover
{color: yellow;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.goosed {text-shadow: 2px 2px 1px rgba(0,187,249,1);}
.after-entry .widget {margin: 0 1rem;}
.funky-demo .site-title a {color: yellow;}
.funky-demo .site-title a:hover, .funky-demo .menu-toggle:hover {background-color: #36c; padding: 10px 15px;background-image: none;}
.funky-demo .menu-toggle, .funky-demo .sub-menu-toggle {background-image: none; background-color: yellow; border-radius: 4px;
padding-right: 10px;}
.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover,
.sub-menu-toggle:focus {background-image: none;background-color: #36c;border-radius: 4px;color: aliceblue;}
@media screen and (max-width: 800px) {body {margin-left: 0;margin-right: 0;}}
.yellow-menu {background-image: none !important;background-color:#00F5D4 !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}

@media only screen and (max-width: 959px) {.genesis-nav-menu .sub-menu {background-color:transparent;}}
@media screen and (max-width: 500px) {
  .colour-panel .img-wrap {
      padding: 0;
 }
}

.genesis-nav-menu .sub-menu a {background-color: transparent; color: #36c;}
.genesis-nav-menu .sub-menu a:hover {color:aliceblue;}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover{
  background-image: none;
  background-color:#36c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.site-footer {font-size: 1.2rem;}
.note {background-image: none; background-color:rgba(255,255,0,0.9);padding-top: 1rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}

/* COLOURED PANELS */
.pink-panel, .purple-panel, .blue-panel, .green-panel, .yellow-panel, .picture-panel, .testimonial-panel, .related-posts {
  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,0.2));
  margin-bottom: 3em;
  padding: 1rem;
  clear: both;
  overflow: auto;
}
.pink-panel a, .green-panel a {color: white;}
.pink-panel a:hover, .green-panel a:hover {
  text-decoration: underline dotted 4px;
  text-underline-offset: 5px;}

.entry-categories, .entry-tags, .pagination-wrap, .addtoany_content,
.after-entry .widget:last-of-type  {-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
filter: drop-shadow(0 2px 5px rgba(0,0,0,0.2));
background-color:rgba(255,255,0,0.9);
padding: 1rem; display: inline-block;
margin-bottom: 1rem;margin-right: 1rem;}
.entry-footer .entry-meta {border-top: none;}
.pagination-wrap {float: right;}

/* FADE UP CONTENT ANIMATION */
.purple-panel, .blue-panel, .green-panel, .yellow-panel, .picture-panel, .wp-block-jetpack-related-posts {
	-webkit-animation-delay: 10s; /* Safari 4.0 - 8.0 */
    animation-delay: 10s;
	-webkit-animation: fadeInUp 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeInUp 2s; /* Firefox < 16 */
        -ms-animation: fadeInUp 2s; /* Internet Explorer */
         -o-animation: fadeInUp 2s; /* Opera < 12.1 */
            animation: fadeInUp 2s;
}

.pink-panel .wp-block-image .alignleft,
.purple-panel .wp-block-image .alignright,
.blue-panel .wp-block-image .alignleft,
.green-panel .wp-block-image .alignright
{max-width: 30%;margin: 1rem 0 0 0;
background-color: transparent;}
@media only screen and (max-width: 500px) {
  .pink-panel .wp-block-image .alignleft,
.purple-panel .wp-block-image .alignright,
.blue-panel .wp-block-image .alignleft,
.green-panel .wp-block-image .alignright
{max-width: 30%;padding-top:1em;margin-bottom: 0 !important;}
}

@media only screen and (max-width:399px){
  .pink-panel, .purple-panel, .blue-panel, .green-panel {max-width: 100%;}}
@media only screen and (max-width: 800px) and (min-width: 400px)  {
  .pink-panel, .purple-panel, .blue-panel, .green-panel {max-width: 75%;}}
@media only screen and (min-width: 801px){
.pink-panel, .purple-panel, .blue-panel, .green-panel {max-width: 55%;}}

.purple-panel h2, .pink-panel h2, .blue-panel h2, .green-panel h2   {color: yellow;}

.pink-panel {background-color:rgba(241,91,181,0.9);
  color: white;
}
.pink-panel h2, .blue-panel h2 {text-shadow: 3px 3px 2px rgba(155, 93, 229, 1);}

.purple-panel {background-color:rgba(155, 93, 229,0.9);
  float: right;
  color: white;
}
.purple-panel h2, .green-panel h2 {text-shadow: 3px 3px 2px rgba(241,91,181, 1);}

.blue-panel {background-color:rgba(0, 187, 249,0.9);
  color: white;
}

.green-panel {background-color:rgba(50,205,50,0.9);
  float: right;
  color: white;
}

.yellow-panel, .genesis-nav-menu .sub-menu, .testimonial-panel, .related-posts {background-color:rgba(255,255,0,0.9);}
.yellow-panel h2, h3 {text-shadow: 3px 3px 2px rgba(0,187,249,1);}

.picture-panel {background-image: url(https://bigimpactdesign.com/wp-content/uploads/2024/05/portrait-woman-with-cool-superhero-suit-CROPPED.jpg);
background-size: cover; padding: 3em 1em 0 5%; background-position: center center;}
.shout-out {
  font-family: 'Fun Blob';
  font-size: clamp(3rem, 1.7273rem + 5.8182vw, 5rem);
  color: rgba(255,255,0,0.7);
text-shadow: 3px 3px 2px red;
filter: drop-shadow(0 2px 5px rgba(0,0,0,0.2));}
p.shout-out {margin-bottom: 0;}
.photo-credit a {opacity: 0.5;color: yellow;font-size: 90%;}
.photo-credit a:hover {opacity: 1;color: yellow;}

/* FORM BUTTON */
button, .button, .forminator-button .forminator-button-submit {background-image: none;background-color: #36c;color: yellow; border-radius: 4px;}
  button:hover, .button:hover, .forminator-button:hover .forminator-button-submit:hover {background-image: none;color: #36c;background-color: rgba(241,91,181,1);}



/* BOUNCING TEXT ANIMATION */
:root {
    /* Primary Colors */
    --bc: #f1e9f7;
    --primary: #ed829d;
    --primary-shadow: #d9738d;
    --secondary: #00BBF9;
    --secondary-shadow: #00F5D4;
    /* Colors */
    --white: #ffffff;
    --black: #000000;
    /* Sizes */
  /*  --heading: 4rem;
    --heading-medium: 6rem; */
    /* Fonts */
    --font-main: 'Fun Blob';
  }
/* Classes */
.bounce {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .bounce span {
    top: .75em;
    position: relative;
    display: inline-block;
    font-size: var(--heading);
    color: var(--primary);
    text-shadow: 0 1px 0 var(--primary-shadow), 0 2px 0 var(--primary-shadow), 0 3px 0 var(--primary-shadow), 0 4px 0 var(--primary-shadow), 0 5px 0 var(--primary-shadow), 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, 0.4);
    animation: bounce 1s ease infinite alternate;
  }
  .bounce span:nth-child(2) { -webkit-animation-delay: .1s; }
  .bounce span:nth-child(3) { -webkit-animation-delay: .2s; }
  .bounce span:nth-child(4) { -webkit-animation-delay: .3s; }
  .bounce span:nth-child(5) { -webkit-animation-delay: .4s; }
  .bounce span:nth-child(6) { -webkit-animation-delay: .5s; }
  .bounce span:nth-child(7) { -webkit-animation-delay: .6s; }
  .bounce span:nth-child(8) { -webkit-animation-delay: .7s; }
  .bounce span:nth-child(9) { -webkit-animation-delay: .8s; }
  .bounce span:nth-child(10) { -webkit-animation-delay: .9s; }
  .bounce span:nth-child(11) { -webkit-animation-delay: 1s; }
  .bounce span:nth-child(12) { -webkit-animation-delay: 1.1s; }
  .bounce span:nth-child(13) { -webkit-animation-delay: 1.2s; }
  .bounce span:nth-child(14) { -webkit-animation-delay: 1.3s; }
  .bounce span:nth-child(15) { -webkit-animation-delay: 1.4s; }
  .bounce-secondary {
    margin: 0;
    width: 100%;
    text-align: center;
    letter-spacing: -0.15em;}
@media only screen and (max-width: 609px) {.bounce-secondary {font-size: clamp(4rem, 1.2973rem + 12.3552vw, 6rem);}}
@media only screen and (min-width: 610px) {.bounce-secondary  {font-size: clamp(6rem, 4.9971rem + 4.5845vw, 8rem);}}
 /* PANEL DISPLAY FOR BOUNCEY TEXT */
@media only screen and (max-width: 1048px) {.show-above-1048 {display: none;}}
@media only screen and (min-width: 1049px) {.show-below-1049 {display: none;}}


  .bounce-secondary span {
    top: .75em;
    position: relative;
    display: inline-block;
    font-size: var(--heading-medium);
    color: var(--secondary);
    text-shadow: 0 1px 0 var(--secondary-shadow), 0 2px 0 var(--secondary-shadow), 0 3px 0 var(--secondary-shadow), 0 4px 0 var(--secondary-shadow), 0 5px 0 var(--secondary-shadow), 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, 0.4);
    animation: bounce-secondary 1s ease infinite alternate;
  }
  .bounce-secondary span:nth-child(2) { -webkit-animation-delay: .1s; }
  .bounce-secondary span:nth-child(3) { -webkit-animation-delay: .2s; }
  .bounce-secondary span:nth-child(4) { -webkit-animation-delay: .3s; }
  .bounce-secondary span:nth-child(5) { -webkit-animation-delay: .4s; }
  .bounce-secondary span:nth-child(6) { -webkit-animation-delay: .5s; }
  .bounce-secondary span:nth-child(7) { -webkit-animation-delay: .6s; }
  .bounce-secondary span:nth-child(8) { -webkit-animation-delay: .7s; }
  .bounce-secondary span:nth-child(9) { -webkit-animation-delay: .8s; }
  .bounce-secondary span:nth-child(10) { -webkit-animation-delay: .9s; }
  .bounce-secondary span:nth-child(11) { -webkit-animation-delay: 1s; }
  .bounce-secondary span:nth-child(12) { -webkit-animation-delay: 1.1s; }
  .bounce-secondary span:nth-child(13) { -webkit-animation-delay: 1.2s; }
  .bounce-secondary span:nth-child(14) { -webkit-animation-delay: 1.3s; }
  .bounce-secondary span:nth-child(15) { -webkit-animation-delay: 1.4s; }
  /* Keyframes */
  @keyframes comcpos {
    0% {transform:translate3d(0,0,0);}
    16% {transform:translate3d(0,-5%,0);}
    33% {transform:translate3d(0,-10%,0);}
    50% {transform:translate3d(0,-15%,0);}
    66% {transform:translate3d(0,-10%,0);}
    83% {transform:translate3d(0,-5%,0);}
  }
  @keyframes stroke-offset{
    100% {stroke-dashoffset: -35%;}
  }
  @-webkit-keyframes bounce {
    100% {
      top: -20px;
      text-shadow: 0 1px 0 var(--primary-shadow), 0 2px 0 var(--primary-shadow), 0 3px 0 var(--primary-shadow), 0 4px 0 var(--primary-shadow), 0 5px 0 var(--primary-shadow), 0 6px 0 var(--primary-shadow), 0 7px 0 var(--primary-shadow), 0 8px 0 var(--primary-shadow), 0 9px 0 var(--primary-shadow), 0 50px 25px rgba(0, 0, 0, 0.2);
    }
  }
  @-webkit-keyframes bounce-secondary {
    100% {
      top: -20px;
      text-shadow: 0 1px 0 var(--secondary-shadow), 0 2px 0 var(--secondary-shadow), 0 3px 0 var(--secondary-shadow), 0 4px 0 var(--secondary-shadow), 0 5px 0 var(--secondary-shadow), 0 6px 0 var(--secondary-shadow), 0 7px 0 var(--secondary-shadow), 0 8px 0 var(--secondary-shadow), 0 9px 0 var(--secondary-shadow), 0 50px 25px rgba(0, 0, 0, 0.2);
    }
  }

 /* BACK TO TOP BUTTON */
.to-top {
	display:inline-block;
	height:50px;
	width:50px;
	position:fixed;
	bottom:40px;
	right:10px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(https://bigimpactdesign.com/wp-content/uploads/2024/02/back-to-top-animated.gif) no-repeat center 50%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	-webkit-filter: unset;
 filter: unset;
	z-index:1000;
  box-shadow: unset;
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
  border-radius: 50%;
}

.to-top.top-is-visible {
	visibility:visible;
	opacity:1;
	background-color:transparent !important;
	background-image:
	url(https://bigimpactdesign.com/wp-content/uploads/2024/02/back-to-top-animated.gif);
  border-radius: 50%;
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
}

/*.to-top.top-is-visible:hover {
	visibility:visible;
	opacity:1;
	background-color:transparent !important;
	background-image:
	url(images/freak-to-top-pink-arrow.png);
  -webkit-filter: unset;
  filter: unset;
}*/

.to-top.top-fade-out {
	opacity:.5;
}

.no-touch .to-top:hover {
	opacity:1;
}
.to-top:hover {
	opacity:1;
}

@media only screen and (min-width: 768px) {
	.to-top {
		right:20px;
		bottom:20px;
		z-index:1000;
	}
}

@media only screen and (min-width: 1024px) {
	.to-top {
		height:60px;
		width:60px;
		right:30px;
		bottom:30px;
		z-index:1000;
	}
}

/* SHARE BUTTON APPEARENCE FIX */
.a2a_svg svg {
	z-index: 0;
}
.addtoany_header {display: inline; 
font-family: 'Fun Blob' !important;
color: #36c;
text-shadow: 2px 2px 1px rgba(0, 187, 249, 1);
}

/* MOST POPULAR POSTS */
.post-11931 .wpp-post-title {
    font-family: unset;
    font-weight: 900;}

/* REMOVE IMAGE BKG */
.funky-demo .wp-block-image .alignleft, .funky-demo .wp-block-image .alignright {background-color: transparent;}

/* TESTIMONIAL PANEL */
.after-entry .widget {margin-bottom: 60px;}
.funky-demo .gb-block-testimonial, .robot-talking .gb-block-testimonial  {
	background-image: url(https://bigimpactdesign.com/wp-content/uploads/2025/06/quote-marks-funky-150px.png);
}

/* TESTIMONIALS */
/* RELATED POSTS STYLING */
.jp-related-posts-i2__post-link, .gb-block-testimonial .gb-testimonial-name {
  font-family: 'Fun Blob', 'Arial Black', sans-serif !important; color: #36c !important;}