/*!
	Theme Name: Friends Art Lab
	Theme URI: https://anchoreddesign.com

	Description: The Genesis-powered Developer's Starter Child Theme
	Author: Anchoreddesign
	Author URI: https://anchoreddesign.com

	Version: 1.12.5555

	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.2.3

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
	Text Domain: friends-art-lab
*/

@font-face {
  font-family: "Century Gothic";
  src: local("Century Gothic"), local("Century-Gothic"), local("CenturyGothic"),
    url("assets/fonts/CenturyGothic.woff") format("woff"),
    url("assets/fonts/CenturyGothic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArialBlack";
  src: local("Arial Black"),
    url("assets/fonts/Arial-Black.woff") format("woff"),
    url("assets/fonts/Arial-Black.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Century Gothic";
  src: local("Century Gothic Bold"), local("Century-Gothic"),
    local("CenturyGothic-Bold"),
    url("assets/fonts/CenturyGothic-Bold.woff") format("woff"),
    url("assets/fonts/CenturyGothic-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

:root {
  --para-font: Century Gothic, CenturyGothic, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  --heading-font: Arial Black, Arial Bold,  "ArialBlack",Arial-BoldMT, Droid Sans, Gadget, sans-serif;
  --heading-h1-size: 33px;
  --heading-h2-size: 26px;
  --heading-h3-size: 24px;
  --heading-h4-size: 22px;
  --heading-h5-size: 23px;
  --heading-h6-size: 16px;
  --para-size: 17px;
}

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT Lifcense | http://necolas.github.io/normalize.css/ */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; 
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* ## Box Sizing
--------------------------------------------- */
html,
input[type="search"] {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
  content: " ";
  display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table;
}

/* # Defaults
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
--------------------------------------------- */
html {
  font-size: 62.5%;
  /* 10px browser default */
}

body {
  background-color: #fff;
  color: #000;
  font-family: var(--para-font);
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.625;
  margin: 0;
  /* Chrome fix */
}

@media screen and (max-width: 860px) {
  body {
    font-size: 16px;
  }
}

body > div {
  font-size: 1.8rem;
}

@media screen and (max-width: 860px) {
  body > div {
    font-size: 1.6rem;
  }
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  transition: all 0.1s ease-in-out;
}

a {
  color: var(--wp--preset--color--blue);
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}

p {
  margin: 0 0 20px;
  padding: 0;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  clear: both;
  margin: 1em 0;
}

b,
strong {
  font-weight: 700;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

blockquote {
  margin: 40px;
}

blockquote::before {
  content: "\201C";
  display: block;
  font-size: 30px;
  font-size: 3rem;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

/* ## Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font);
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 10px;
}

h1 {
  font-size: var(--heading-h1-size);
  font-size: 3.6rem;
}

h2 {
  font-size: var(--heading-h2-size);
  font-size: 3rem;
}

.home h2 {
  font-size: var(--heading-h1-size);
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
}

h4 {
  font-size: 20px;
  font-size: 2rem;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

/* ## Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
}

figure {
  margin: 0;
}

/* ## Forms
--------------------------------------------- */
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 16px;
  width: 100%;
  border-radius: 10px;
}

input:focus,
textarea:focus {
  border: 1px solid #ddd;
  outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

::-moz-placeholder {
  color: #000;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #000;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
  background-color: #333;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px 24px;
  text-decoration: none;
  white-space: normal;
  width: auto;
  border-radius: 20px;
  border: 1px solid;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
  background-color: #fff;
  text-decoration: none;
  color: #000;
}

.entry-content .button:hover,
.entry-content .button:focus {
  color: #fff;
}

.button {
  display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
  padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
  background-color: #eee;
  border-width: 0;
  color: #777;
  cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}
.gform_wrapper ul li.gfield,
.hs-form .field {
  list-style-type: none;
  margin-bottom: 15px;
}
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield input,
.hs-form input,
.hs-form select,
.hs-form textarea {
  color: #333333;
  background-color: #ffffff;
  border-width: 0;
  border-color: #5e5e5e;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  padding: 8px;
  text-align: left;
  outline: none;
}
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield input,
.hs-form input,
.hs-form select,
.hs-form textarea {
  color: #333333;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #5e5e5e;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-style: solid;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  outline: none;
}
.hs-form textarea {
  border-width: 1px;
}
.gform_wrapper .gform_footer .button,
.hs-form .button,
.hs-form .hs-button {
  width: auto;
  color: #ffffff;
  background-color: #f6921e;
  padding: 10px 30px;
  white-space: normal;
  border-style: solid;
  border-width: 0;
  background-clip: padding-box;
  border-color: #f6921e;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 30px;
  box-shadow: 0px 0px 2px 2px #c6c6c6;
}
.gform_wrapper .gform_footer .button:hover,
.hs-form .hs-button:hover {
  background-color: #fff;
  color: #f6921e;
}
.hs-form .field li {
  list-style-type: none;
}
/* ## Gallery
--------------------------------------------- */
.gallery {
  overflow: hidden;
}

.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n + 1),
.gallery-columns-3 .gallery-item:nth-child(3n + 1),
.gallery-columns-4 .gallery-item:nth-child(4n + 1),
.gallery-columns-5 .gallery-item:nth-child(5n + 1),
.gallery-columns-6 .gallery-item:nth-child(6n + 1),
.gallery-columns-7 .gallery-item:nth-child(7n + 1),
.gallery-columns-8 .gallery-item:nth-child(8n + 1),
.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
  clear: left;
}

.gallery img {
  border: 1px solid #eee;
  height: auto;
  padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
  border: 1px solid #999;
}
.wp-block-gallery {
  margin-bottom: 20px
}

/* ## Tables
--------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-word;
}

tbody {
  border-bottom: 1px solid #eee;
}

td,
th {
  text-align: left;
}

td {
  border-top: 1px solid #eee;
  padding: 6px;
}

th {
  font-weight: 400;
  padding: 0 6px;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  color: #333;
  background: #fff;
  z-index: 100000;
  /* Above WP toolbar. */
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

.more-link {
  position: relative;
}

a.aligncenter img {
  display: block;
  margin: 0 auto;
}

a.alignnone {
  display: inline-block;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%;
}

img.centered,
.aligncenter,
.wp-block-image.aligncenter {
  display: block;
  margin: 0 auto 14px;
}

img.alignnone,
.alignnone {
  margin-bottom: 12px;
}

a.alignleft,
img.alignleft {
  margin: 0 24px 24px 0;
}

a.alignright,
img.alignright {
  margin: 0 0 24px 24px;
}

.wp-caption.alignright {
  margin: 0 0 24px 24px;
}

.wp-caption.alignleft {
  margin: 0 24px 24px 0;
}

.wp-caption-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.entry-content p.wp-caption-text {
  margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
  margin: 0 0 28px;
}

.single-post .entry-content .wp-block-image.aligncenter {
  margin-bottom: 20px!important;
}

/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* ## Site Containers
--------------------------------------------- */
.site-inner,
.wrap {
  margin: 0 auto;
  max-width: 1200px;
}

.home .site-inner {
  max-width: 100%;
  width: 100%;
  padding: 0px;
  top: 0px;
  margin-top: 0px;
}
.home .site-inner article {
  padding: 0px;
}

.full-width-content .site-container .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

@media screen and (max-width: 1340px) {
  .site-inner,
  .wrap {
    max-width: 1140px;
  }
}

@media screen and (max-width: 1200px) {
  .site-inner,
  .wrap {
    max-width: 960px;
  }
  .site-inner,
  .home .site-inner,
  .gb-block-container.alignfull .gb-container-content {
	padding-left:4%;
	padding-right: 4%;
  }
}

@media screen and (max-width: 1023px) {
  .site-inner,
  .wrap {
    max-width: 800px;
  }
}

.site-inner {
  clear: both;
  padding-top: 30px;
  word-wrap: break-word;
}

@media screen and (max-width: 960px) {
  .site-inner {
    padding: 5% 3% 0;
  }
  .wrap {
    padding-left: 3%;
    padding-right: 3%;
  }
  .beforeHeader .wrap {
	padding-left: 0%;
    padding-right: 0%;
  }
  .beforeHeader .gb-container-content p {
	  flex-wrap: wrap;
  }
}

.landing-page .site-inner {
  max-width: 800px;
}

/* ## Column Widths and Positions
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
  .content,
  .content-sidebar-sidebar .content,
  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-primary,
  .sidebar-secondary,
  .sidebar-sidebar-content .content,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 100%;
  }
}

/* ### Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  width: 1060px;
}

@media screen and (max-width: 1340px) {
  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 920px;
  }
}

@media screen and (max-width: 1200px) {
  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 740px;
  }
}

.content-sidebar-sidebar .content-sidebar-wrap {
  float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  float: right;
}

/* ### Content */
.content {
  float: right;
  width: 820px;
}

@media screen and (max-width: 1340px) {
  .content {
    width: 800px;
  }
}

@media screen and (max-width: 1200px) {
  .content {
    width: 620px;
  }
}


@media screen and (max-width: 960px) {
  .content {
    width: 100%;
  }
  
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
  width: 660px;
}

@media screen and (max-width: 1340px) {
  .content-sidebar-sidebar .content,
  .sidebar-content-sidebar .content,
  .sidebar-sidebar-content .content {
    width: 580px;
  }
}

@media screen and (max-width: 1200px) {
  .content-sidebar-sidebar .content,
  .sidebar-content-sidebar .content,
  .sidebar-sidebar-content .content {
    width: 400px;
  }
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
  float: left;
}

.full-width-content .content {
  width: 100%;
}

/* ### Primary Sidebar */
.sidebar-primary {
  float: right;
  width: 300px;
}

@media screen and (max-width: 960px) {
  .sidebar-primary {
    width: 300px;
	margin: 20px auto;
	float: none;
  }
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
  float: left;
}

/* ### Secondary Sidebar */
.sidebar-secondary {
  float: left;
  width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
  float: right;
}

/* Column Classes
--------------------------------------------- */
/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 1.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 48.217948717948715%;
}

.one-third,
.two-sixths {
  width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
  width: 65.81196581196582%;
}

.one-fourth {
  width: 23.776923076923077%;
}

.three-fourths {
  width: 74.35897435897436%;
}

.one-sixth {
  width: 14.52991452991453%;
}

.five-sixths {
  width: 82.90598290598291%;
}

.first {
  clear: both;
  margin-left: 0;
}

@media screen and (max-width: 960px) {
  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    margin: 0;
    width: 50%;
  }

article.entry.one-fourth {
	padding: 0 10px;
	text-align: center
}

  .five-sixths:nth-of-type(2n+1),
  .four-sixths:nth-of-type(2n+1),
  .one-fourth:nth-of-type(2n+1),
  .one-half:nth-of-type(2n+1),
  .one-sixth:nth-of-type(2n+1),
  .one-third:nth-of-type(2n+1),
  .three-fourths:nth-of-type(2n+1),
  .three-sixths:nth-of-type(2n+1),
  .two-fourths:nth-of-type(2n+1),
  .two-sixths:nth-of-type(2n+1),
  .two-thirds:nth-of-type(2n+1) {
    margin: 0;
	margin-left: 0px;
	clear: both;
  }

}

/* ## Avatar
--------------------------------------------- */
.avatar {
  border-radius: 50%;
  float: left;
}

.alignleft .avatar {
  margin-right: 24px;
}

.alignright .avatar {
  margin-left: 24px;
}

/* ## Buttons
--------------------------------------------- */
/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
  margin: 0;
}

.genesis-skip-link li {
  height: 0;
  width: 0;
  list-style: none;
}

/* Display outline on focus */
:focus {
  color: #333;
  outline: #ccc solid 1px;
}

/* # Site Header
---------------------------------------------------------------------------------------------------- */
.beforeHeader {
  color: #fff;
  padding: 0px;
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
}

.beforeHeader .wrap {
  max-width: 100%;
  width: 100%;
}

.beforeHeader .gb-block-container {
  padding: 3px;
}

.beforeHeader .widget {
  margin-bottom: 0px;
}
.tma .button {
  background: #fff;
  color: #666;
  text-transform: uppercase;
  font: 400 12px/14px var(--para-font);
  border-radius: 20px;
  padding: 7px 12px;
  margin-left: 20px;
}
header.site-header {
  width: 100%;
  padding: 0px;
  position: relative;
}

body:not(.home) .nav-primary .wrap{
    border-bottom: 1px solid #000
}

body.home .nav-bar .nav-primary .wrap,
body:not(.home) .nav-bar .nav-primary .wrap {
    border-bottom: 0px solid #000
}

@media screen and (max-width: 960px) {
	.nav-primary {
		display: none
	}
	
}

.sticky-header {
  display: none;
  background-color: #fff;
  border-bottom:1px solid  #f1f1f1;
}

.sticky .sticky-header {
  position: fixed;
  display: block;
  width: 100%;
  -webkit-transition: linear 0.5s; /* Safari */
  transition: linear 0.5s;
  z-index: 999;
}

.sticky-wrap {
  display: flex;
  width: 1200px;
  max-width: 100%;
  margin: auto;
  position: relative;
}

.sticky-wrap > * {
  flex: 1;
  align-items: center;
  display: flex;
}

.sticky-wrap .title-area {
  max-width: 200px;
}

.sticky-wrap .title-area img {
  max-width: 100%;
}

.sticky-wrap .nav-bar {
  justify-content: flex-end;
}

header.site-header .wrap {
  padding: 0px 20px;
  max-width: 100%;
  width: 1200px;  
  position: relative;
}


.header-widget-area a {
	font: bold 15px/20px var(--para-font);
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 5px 0;
}

.header-widget-area a:hover,
.header-widget-area a:focus {
  color: var(--wp--preset--color--blue);
  text-decoration:underline;
}

.searchicon svg {
	width: 19px;
	height: 19px;
}

.searchicon span:last-of-type,
.searchicon.active span:first-of-type  {
	display: none
}
.searchicon.active span:last-child {
	display: inline-block
}
.header-widget-area a.cart-contents:before {
	content: '';
	display: inline-block;
	background: url(/wp-content/themes/friends-art-lab/assets/images/cart.svg) center / contain;
	width: 24px;
	height: 24px;
}

.header-widget-area  div,
.header-widget-area p {
  display: inline-flex;
  align-items:center;
}

#searchform {
  display: none;
  position: absolute;
  right: 0px;
}
#searchform.active {
  display: block;
}
.sticky-wrap #searchform.active {
  top: 100%
}
#searchform .search-form-submit {
  display: none;
}
#searchform input[type="search"] {
 border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  max-width: 100%;
  width: 280px;
  margin: auto;
  background: #fff url(assets/images/searchicon.svg) no-repeat center right 10px / contain;
  background-size: 20px;

}

@media (min-width: 960px) {
  #searchform {
    top: 50px
  }
}

.beforeHeader {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 99;
}
.beforeHeader .button,
.beforeHeader a {
  font: 400 17px/20px var(--para-font);
  padding: 0px;
  margin-left: 10px;
  text-decoration: none;
}

.beforeHeader a:hover,
.beforeHeader a:focus {
  color: #fff;
  text-decoration: underline;
}

.beforeHeader .gb-container-content p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.beforeHeader .gb-container-content p:before  {
	content: '';
  width: 55px;
  height: 30px;
  margin-right: 10px;
  background: url(/wp-content/themes/friends-art-lab/assets/images/emailicon.svg) center / contain no-repeat;
  display: inline-block;
}

/* ## Title Area
--------------------------------------------- */
.title-area {
  float: none;
  padding: 5px 0 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.title-area img {
  max-width: 370px;
}

.wp-custom-logo .title-area .site-title,
.wp-custom-logo .title-area .site-description {
  text-indent: -9999;
  font-size: 0px;
}

@media only screen and (max-width: 1023px) {
  .title-area {
    width: calc(100% - 40px);
    text-align: center;
    padding: 0px;
  }
  .title-area img {
	  max-width: 100%!important;
    width: 300px;
    margin: auto;
  }
  .sticky-wrap, header.site-header .wrap {
	  padding-left: 3%;
	  padding-right: 3%;
  }
}

.header-full-width .title-area {
  float: none;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .site-description,
  .site-header .title-area,
  .site-header .widget-area,
  .site-title {
    text-align: center;
  }
}

.site-title {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
  color: #333;
  text-decoration: none;
}

.site-description {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}

.site-description,
.site-title {
  margin-bottom: 0;
}

.header-image .title-area {
  margin: 0 auto;
  max-width: 300px;
  padding: 0;
}

@media only screen and (max-width: 1023px) {
  .header-image .title-area {
    float: left;
  }
}

.header-image .site-title > a {
  background-position: center !important;
  background-size: contain !important;
  float: left;
  min-height: 80px;
  width: 100%;
}

.header-image .site-description,
.header-image .site-title {
  display: block;
  text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */
.site-header .widget-area {
  
  text-align: right;
  width: 800px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.site-header .widget-area .widget {
  margin-bottom: 0px;
}
@media all and (min-width: 960px) {

	.searchicon {
	display: none;
}
	.site-header .widget-area {
		margin-top: 0px;
	}
.widget-area .searchicon {
	display: inline-block;
}
#name-2 {

display: flex;
	gap: 1em;
	margin-bottom: 0px;!important;

}
	
	#name-2 > * {
		flex: 1;
    margin-bottom: 0px;
	}

}
@media only screen and (max-width: 1200px) {
  .site-header .widget-area {
    width: 620px;
  }
}


@media only screen and (max-width: 960px) {
  .site-header .wrap {
    padding-left: 5%;
    padding-right: 5%;
  }
  .site-header .widget-area {
    width: 100%;
    text-align:center;
    position:relative;
    margin-bottom: 10px
  }
  .site-header .widget-area .searchicon{
    display: none;
  }
  .site-header .searchicon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items:center;
    height: calc(100% - 40px);
    width: 30px;
    right: 10px;
    top: 0px;
  }
  .site-header > .wrap {
	  display: flex;
    flex-wrap: wrap;
  
align-items: center;
  }
  .beforeHeader {
	  position: relative;

  }
  #searchform {
    width: 100vw;
    padding: 10px;
    background: var(--wp--preset--color--bg);
    margin: 0px;
    top: 100px;
    z-index: 99;
  }
  #searchform input[type="search"] {
    width: 100%;

  }

  .sticky-wrap .title-area {
	  max-width: calc(100% - 40px);
	  justify-content:center;
  }

}

@media only screen and (max-width: 768px) {
  .beforeHeader {
    font-size: 12px;
  }

  .beforeHeader .button,
  .beforeHeader a  {
    font: 400 12px/13px var(--para-font);
    padding: 0px;
    margin-left: 5px;
  }
}


@media only screen and (max-width: 440px) {
  .header-image .title-area {
    max-width: 240px;
  }
}

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .genesis-nav-menu {
    text-align: center;
  }
  .genesis-nav-menu .genesis-nav-menu li,
  .site-header ul .genesis-nav-menu {
    float: none;
  }
}

.menu-item.support a:before {
  display: inline-block;
  content: "\f101";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.menu-item.phone a:before {
  display: inline-block;
  content: "\f525";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.menu-item.login a:before {
  display: inline-block;
  content: "\f110";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.menu-item.blog a:before {
  display: inline-block;
  content: "\f119";
  font-family: "dashicons" !important;
  margin-right: 3px;
}
.genesis-nav-menu {
  text-align: center;
}
.genesis-nav-menu .menu-item {
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
  margin: 0px;
  letter-spacing: 1px;
}

.genesis-nav-menu a {
  display: block;
  margin: 0 10px;
  padding: 11px 0;
  border-bottom: solid 2px transparent;
  text-transform: uppercase;
  font: 600 17px/17px var(--para-font);
  text-decoration: none;
  transition: 250ms all ease;
  color: #000;
}
.site-header .widget_nav_menu:first-of-type .genesis-nav-menu a {
  display: block;
  margin: 0 10px;
  padding: 11px 0;
  border-bottom: solid 2px transparent;
  text-transform: none;
  font: 600 12px/12px var(--para-font);
  text-decoration: none;
  transition: 250ms all ease;
  color: #5b8edb;
}
.site-header
  .widget_nav_menu:first-of-type
  .genesis-nav-menu
  .menu-item.highlight
  a {
  background-color: #fff;
  padding: 4px 10px;
  border-radius: 19px;
}
.site-header
  .widget_nav_menu:first-of-type
  .genesis-nav-menu
  .menu-item.highlight
  a:hover {
  background-color: #5b8edb;
  color: #fff;
  padding: 4px 10px;
  border-radius: 19px;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus {
  color: var(--wp--preset--color--blue);
  text-decoration: underline;
}

.genesis-nav-menu .sub-menu {
  border-top: 1px solid #eee;
  left: -9999px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.4s ease-in-out;
  width: 200px;
  z-index: 99;
}

.genesis-nav-menu .sub-menu a {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 20px;
  position: relative;
  width: 200px;
  word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
  margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
  position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1;
}

.genesis-nav-menu > .first > a {
  padding-left: 0;
}

.genesis-nav-menu > .last > a {
  padding-right: 0;
}

.genesis-nav-menu > .right {
  float: right;
}

.sub-menu .menu-item {
  position:relative;
}

.sub-menu .menu-item a {
	padding: 10px 8px 15px!important;
	margin: 0px;
}

.menu-item.sensoryicon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0px 5px 0px 0;
	background: url(/wp-content/uploads/2022/10/sensory-icon.svg) center / contain no-repeat;
}

.menu-item.articon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0px 5px -7px 0;
	background: url(/wp-content/uploads/2022/10/PALETTE-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.sensoryicon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px -5px 0;
	background: url(/wp-content/uploads/2022/10/sensory-icon.svg) center / contain no-repeat;
}



.menu-item.outdooricon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px -5px 0;
	background: url(/wp-content/uploads/2022/10/outdoor-icon.svg) center / contain no-repeat;
}

.menu-item.scienceicon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px -5px 0;
	background: url(/wp-content/uploads/2022/10/science-icon.svg) center / contain no-repeat;
}

.menu-item.drawicon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px -5px 0;
	background: url(/wp-content/uploads/2022/10/directed-draws-icon-1.svg) center / contain no-repeat;
}

.menu-item.mathicon a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px -5px 0;
	background: url(/wp-content/uploads/2022/10/math-icon.svg) center / contain no-repeat;
}


.menu-item.articon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-PALETTE-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.sensoryicon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-HAND-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.outdooricon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-SUN-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.scienceicon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-BEAKER-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.drawicon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-MARKER-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

.menu-item.mathicon a:hover:before {
	background: url(/wp-content/uploads/2022/10/HOVER-DICE-TRANSLUCENT-150x150.png) center / contain no-repeat;
}

/* ## Accessible Menu
--------------------------------------------- */
.menu .menu-item:focus {
  position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
  left: auto;
  opacity: 1;
}

.sub-menu-toggle,
.menu-toggle {
  display: none;
  visibility: hidden;
}

.sub-menu-toggle:before {
  content:'';
  display: inline-block;
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #000;
}

@media only screen and (max-width: 1023px) {
  .sub-menu-toggle,
  .menu-toggle {
    border-width: 0;
    background-color: #fff;
    color: #333;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    visibility: visible;
  }
}

@media only screen and (max-width: 1023px) {
  .sub-menu-toggle {
    float: right;
    padding: 0 10px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 100;
  }
  .sub-menu-toggle:hover,
  .sub-menu-toggle:focus {
    border-width: 0;
  }
  .sub-menu-toggle:before {
    display: inline-block;
    text-rendering: auto;
    transform: translate(0, 0);
  }
  .sub-menu-toggle.activated:before {
    transform: rotate(-180deg);
  }
  .menu-toggle {
    border-top: 1px solid #eee;
    line-height: 20px;
    position: relative;
    right: 0;
    z-index: 1000;
    width: 100%;
  }
  .site-header .menu-toggle {
    border: 0;
  }
  .menu-toggle:before,
  .menu-toggle.activated:before {
    margin-right: 10px;
    text-rendering: auto;
    transform: translate(0, 0);
  }
}

/* ## Breadcrumbs
--------------------------------------------- */
.breadcrumb {
  font-size: 12px;
  font-size: 1.2rem;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  text-align:Center;
}

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
	text-decoration: underline;
}
 
/* ## Site Header Navigation
--------------------------------------------- */
.site-header .genesis-nav-menu li li {
  margin-left: 0;
}

/* ## Primary Navigation
--------------------------------------------- */
.nav-primary a {
  padding: 20px;
}

.sticky-header .nav-primary a {
	padding: 5px;
}

.nav-secondary {
  background-color: #fff;
  border-top: 1px solid #eee;
}

/* ## Pagination
--------------------------------------------- */
.pagination {
  clear: both;
  margin: 40px 0;
  text-align:center;
}

@media only screen and (max-width: 860px) {
  .pagination {
    margin: 5% auto;
  }
}

.adjacent-entry-pagination {
  margin-bottom: 0;

}

.archive-pagination li {
  display: inline;
	margin: 2px;
}

@media only screen and (max-width: 860px) {
  .archive-pagination li a {
    margin-bottom: 4px;
  }
}

.archive-pagination a {
  background-color: var(--wp--preset--color--blue);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 600;
  padding: 8px 20px;
  text-decoration: none;

}

.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a,
.active .archive-pagination a {
  background-color: var(--wp--preset--color--lightblue);
  color: #fff;
}

.archive-pagination .pagination-next,
.archive-pagination .pagination-previous {
	display:  none;
}

/* ## Footer Navigation
--------------------------------------------- */
.site-footer .genesis-nav-menu {
  padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
  padding: 0 20px 10px;
}

@media only screen and (max-width: 1023px) {
  .js .genesis-nav-menu .sub-menu,
  .js .genesis-nav-menu .sub-menu a {
    width: 100%;
  }
  .js .genesis-nav-menu .menu-item:hover {
    position: relative;
  }
  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
    left: 0;
    margin-left: 0;
  }
  .js .genesis-nav-menu > .menu-item-has-children > a:after {
    content: none;
  }
  .js .genesis-nav-menu .sub-menu {
    border: none;
    clear: both;
    display: none;
    margin: 0;
    opacity: 1;
    padding-left: 15px;
    position: static;
    width: 100%;
  }
  .js .genesis-nav-menu .sub-menu .sub-menu {
    margin: 0;
  }
  .js .nav-primary .genesis-nav-menu .menu-item,
  .js .site-header .genesis-nav-menu .menu-item {
    display: block;
    float: none;
    margin: 1px 0;
    position: relative;
    text-align: left;
  }
  .js .nav-primary .genesis-nav-menu .menu-item a,
  .js .site-header .genesis-nav-menu .menu-item a {
    border: none;
    padding: 12px 0;
    width: 100%;
  }
  .js nav button:hover,
  .js .menu-toggle:hover,
  .js .nav-primary,
  .js nav button:focus,
  .js .menu-toggle:focus {
    background-color: #fff;
  }
  .js nav button:hover,
  .js .menu-toggle:hover,
  .js .nav-primary {
    color: #000;
  }
  .js nav button:focus,
  .js .menu-toggle:focus {
    color: #5b8edb;
  }
}

/* # Archive
---------------------------------------------------------------------------------------------------- */ 
.archive-wrap .inner {
 margin:auto;
 width:100%;
 max-width:100%;
 padding:0
}
.archive-description .wrap {
 display:flex;
 background-color:var(--wp--preset--color--bg);
 margin-bottom:10px
}
.archive-description .wrap .onehalf.first {
 padding:10px 20px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:Center;
 text-align:Center;
}
.archive-description .wrap>* {
 flex:1
}
.archive-description .onehalf img {
 display:block;
 object-fit:cover;
 max-height:400px
}
.archive-description .onehalf img.iconimage {
	max-height: 38px;
	width:auto;
	margin:10px auto;
	display: black;
}
.favorite-wrap {
 margin-bottom:60px
}
.favorite-wrap .grid {
 display:grid;
 grid-template-columns:1fr 1fr 1fr 1fr;
 grid-gap:1em
}
.archive-wrap .archive-title {
 margin-bottom:12px
}
.favorite-wrap .title {
 font-size: 33px;
 text-align:center;
 margin-bottom:20px;
 font-family: var(--heading-font);
 font-weight:700
}
.favorite-wrap p {
 text-align:center;
 margin:0 auto 20px;
 width:1000px;
 max-width:100%
}

.favorite-wrap .entry-title {
	text-align:center;
}

.favorite-wrap .entry-categories {
  margin: 8px 0;
}
.current-archive .archive-title {
 margin-bottom: 0px
}

.current-archive {
	margin: 50px auto 30px;
}

.entry-image-link {
	line-height: 1;
}

.archive .entry:hover img,
.archive .entry:focus img,
.blog .entry:hover img,
.blog .entry:focus img,
.search .entry:hover img,
.search .entry:focus img,
.grid li:hover img,
.grid li:focus img {
  opacity: 0.8;
}

.archive .entry:hover .entry-title a,
.archive .entry:focus .entry-title a,
.search .entry:hover .entry-title a,
.search .entry:focus .entry-title a,
.blog .entry:hover .entry-title a,
.blog .entry:focus .entry-title a,
.grid li:focus .entry-title a,
.grid li:hover .entry-title a {
  text-decoration: underline
}

@media screen and (max-width: 960px) {
	.archive-description .onehalf:last-child {
		display: none;
	}
	.favorite-wrap .grid {
 display:grid;
 grid-template-columns:1fr 1fr;
 grid-gap:1em
}
}

/* # Content Area
---------------------------------------------------------------------------------------------------- */
.latest-articles--inner {
  font-size: 16px;
}

.latest-articles-inner .latest-articles--title {
  margin-bottom: 10px;
}
.latest-articles--inner a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}

.latest-articles--inner .latest-articles--info {
  display: none;
}

.single .entry {
  background-color: #fff;
  margin-bottom: 40px;
  padding: 40px;
}

.single-post .entry {
  padding: 0px;
}

article.entry.one-fourth {
	margin-bottom: 40px
}

.header-featured-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 540px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  position: relative;
}
.single-case-studies .header-featured-image img {
  min-height: 540px;
}
.header-featured-image:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 0;
}
.header-featured-image img {
  width: 100%;
  object-fit: cover;
  object-position: top center;
  min-height: 540px;
}
.header-featured-image h2 {
  position: absolute;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  top: 55%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1380px) {
  .header-featured-image {
    min-height: 200px;
  }
  .single .header-featured-image img {
    min-height: 200px;
  }
}

@media only screen and (max-width: 860px) {
  .entry {
    padding: 0px;
    margin-bottom: 5%;
  }
}

p.entry-meta {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0;
}


.entry-meta a,
.entry-meta a:visited {
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

.entry-meta a:hover,
.entry-meta a:focus {
  text-decoration: underline;
}



/* ## Entry Header
--------------------------------------------- */

h1.entry-title {
  font-size: 33px;
  font-size: 3.3rem;
  text-align:Center;
}

h2.entry-title {
  font-size: 23px;
  text-align:Center;
}


.entry-title a {
  color: #000;
  text-decoration: none;
}

.entry-title a:hover, 
.entry-title a:focus {
  
  text-decoration: underline;
}

.entry-header .entry-meta {
  margin-bottom: 24px;
}

.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
}

.single .entry-header .entry-meta,
.single .entry-header .entry-meta a {
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
}
/* ## Entry Content
--------------------------------------------- */

.hs-featured-image-wrapper img.hs-featured-image {
  float: none !important;
  max-width: 100% !important;
  object-fit: cover;
  height: 260px;
}
.entry-content ol,
.entry-content ul {
  margin-bottom: 28px;
  margin-left: 40px;
}

.entry-content ol > li {
  list-style-type: decimal;
}

.entry-content ul > li {
  list-style-type: disc;
}


.entry-content ul > li > ul li {
  list-style-type: none;
}

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0;
}

.entry-content code {
  background-color: #eee;
  color: #333;
}

/* ## Entry Footer
--------------------------------------------- */


.entry-footer {
	margin: 20px 0;
	text-align: center
}

.entry-footer .entry-meta {
  padding-top: 0px;
  margin-bottom: 50px;
}

.entry-header .entry-meta {
	text-align:center;
}

.entry-categories,
.entry-tags {
  display: block;
  margin: 2px auto 7px auto;
  text-align:center;
}

.entry-categories a,
.entry-categories a:visited {
	color: var(--wp--preset--color--blue);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.entry-categories a:focus,
.entry-categories a:hover {
	text-decoration: underline;
}


.entry-footer .exploretitle {
	font-weight: bold;
}

.entry-footer .entry-categories a,
.entry-footer .entry-categories a:visited{
	padding-bottom: 3px;
	border-bottom: 1px solid;
}

.entry-footer .entry-categories a:hover,
.entry-footer .entry-categories a:focus {
	text-decoration: none;
	border-bottom: 2px solid;
}


/* # After Entry
--------------------------------------------- */
.after-entry {
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 40px;
  padding: 0px;
}


.after-entry .subscriberow .withemailicon {
	text-align: center;
	display: block;
}

.after-entry .subscriberow .withemailicon:before {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

.after-entry .subscriberow p {
	font-size: 19px!important;
}

.after-entry .subscriberow .enews form {
	display: grid;
	gap: .5em;
}

.after-entry .subscriberow .enews  {
	width: 350px;
	margin: 10px auto;
	max-width: 100%;
}

.after-entry .subscriberow .enews  input,
.after-entry .subscriberow .enews input.enews-submit {
	padding: 15px;
	border-radius: 20px;
	
	
}

.after-entry .subscriberow .enews input.enews-submit,
.after-entry .subscriberow .enews input.enews-submit:hover,
.after-entry .subscriberow .enews input.enews-submit:focus{
	font-size: 16px;
	background-size: 35px;
	background-position: left 68% center;
	width: 100%;
	max-width: 100%;
}

@media screen and (max-width: 860px) {
  .after-entry {
    padding: 0px;
    margin-bottom: 5%;
  }
}

/* # Author Box
--------------------------------------------- */
.author-box .avatar {
  margin-right: 24px;
}

/* ## Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}

@media only screen and (max-width: 860px) {
  .comment-respond,
  .entry-comments,
  .entry-pings {
    padding: 30px;
    margin-bottom: 5%;
  }
}

.comment-respond,
.entry-pings {
  padding: 30px 0px 32px;
}

.comment-respond {
	text-align:Center;
}

.comment-respond h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: var(--para-font);
	font-weight: bold;
}


.comment-respond input,
.comment-respond textarea {
	border-radius: 0px;
	border: 1px solid #000;

}

.comment-respond input.submit {
	width: 100%;
  border-radius: 30px;
  text-transform: uppercase;
  background: var(--wp--preset--color--lightblue);
  border-color: var(--wp--preset--color--lightblue);
}

.comment-respond input.submit:hover,
.comment-respond input.submit:focus {
  background: #fff;
  color: var(--wp--preset--color--lightblue);
  border-color: var(--wp--preset--color--lightblue);
}

.comment-form-author,
.comment-form-email  {
	width: 49%;
	display: block;
	float: left;
}
.comment-form-author {
	margin-right: 2%;
}
.comment-form input {
	width: 100%!important;;
}
.comment-form .comment-form-cookies-consent input,
.comment-form .comment-form-cookies-consent label {
	display: inline-block!important;
	width: auto!important;
}

.entry-comments {
  padding: 30px 0px;
}

.entry-pings .reply {
  display: none;
}

.comment-list li {
  padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
  padding-left: 0;
}

.comment-header {
  margin-bottom: 30px;
}

.comment-header p {
  margin-bottom: 0;
}

.comment .avatar {
  margin: 0 16px 24px 0;
}

.comment-content {
  clear: both;
}

.comment-content ul > li {
  list-style-type: disc;
}

.comment-respond label {
  display: block;
  text-align:left;
  margin-bottom: 8px;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
  width: 50%;
}

/* # Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px;
}

.sidebar .widget {
  background-color: #fff;
  padding: 0px;
}

.sidebar .widget {
  margin-bottom: 0px
}


.sidebar .featuredpost article {
 width:50%;
 margin:0 0 20px;
 padding:0 5px;
 float: left;
 border:0px!important;
 clear:none!important;
}

.sidebar .featuredpost article:nth-of-type(2n+1) {
 clear:both!important;
}

.sidebar .featuredpost article .alignnone {
	margin-bottom: 3px;
}

.sidebar .featuredpost article .entry-header {
 border:0px!important
} 

.sidebar .featuredpost article h4.entry-title {
 margin:0;
 font-size: 17px;
 
 text-align:Center;
}

.sidebar .featuredpost article h4.entry-title a,
.sidebar .featuredpost article h4.entry-title a:Visited {
 color:#000;
}

.featurescols .wp-block-columns .wp-block-column {
 margin-left:0em
}

.featurescols p {
 margin-bottom:12px;
 padding-bottom:0;
 font-weight:600;
 line-height:1.3
}

.featurescols .wp-block-image {
 margin-bottom:12px
}

.featurescols .aligncenter .wp-block-columns {
 justify-content:center;
}

.featurescols strong {
 font-weight:600
}


.more-from-category{
	clear:both;
	padding: 40px 0 20px 0;
	text-align:center;
}

.sidebar .more-from-category a,
.sidebar .more-from-category a:visited {
	max-width: 200px;
    text-align: center;
    padding: 12px;
    font-size: 17px !important;
    min-height: 30px;
    border: 1px solid var(--wp--preset--color--black);
	background-color: #fff!important;
    margin: auto;
    color: var(--wp--preset--color--black)!important;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 40px;
	text-decoration: none;
}

.sidebar .more-from-category a:hover,
.sidebar .more-from-category a:visited {
	background-color: var(--wp--preset--color--black)!important;
	text-decoration: none!important;
	 color: #fff!important;
	
}
/* # Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
  margin-bottom: 40px;
  word-wrap: break-word;
}

.widget ul > li {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.widget ul > li:last-of-type {
  padding-bottom: 0;
}

.widget ol > li {
  list-style-position: inside;
  list-style-type: decimal;
  padding-left: 20px;
  text-indent: -20px;
}

.widget li li {
  border: 0;
  margin: 0 0 0 30px;
  padding: 0;
}

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 860px) {
  .sidebar .widget {
    padding: 0px;
    margin-bottom: 2%;
  }
}


.sidebar .widget-title a {
  color: #333;
  text-decoration: none;
}

.widget-title {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}


.sidebar .widget .widget-title {
  font-family: var(--para-font);
  font-weight: 700;
  text-align: center;
  text-transform: none;
  margin-bottom: 20px;
  color: #000;
}

.widget_calendar table {
  width: 100%;
}

.widget_calendar td,
.widget_calendar th {
  text-align: center;
}

/* ## Featured Content
--------------------------------------------- */
.featured-content .entry {
  background: none;
  padding: 0;
}

.featured-content .entry:last-of-type {
  margin-bottom: 0;
}


/* ## Search Form
--------------------------------------------- */
.search-form {
  overflow: hidden;
}

.entry-content .search-form,
.site-header .search-form {
  margin-bottom: 40px;
  width: 50%;
}

.site-header .search-form {
  float: right;
  margin: 0px auto 0;
}

@media only screen and (max-width: 1023px) {
  .site-header .search-form {
    float: none;
    margin: 16px auto;
  }
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
  margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;  
  position: absolute;
  width: 1px;
}

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
  background-color: var(--wp--preset--color--bg);
  font-size: 18px;
  font-size: 1.8rem;
  clear: both;
  padding: 30px 0;
}

.footer-widgets .wrap {
	max-width: 100%;
	width: 1220px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-widgets .footer-widgets-1 {
  width: 40%;
}

.footer-widgets .footer-widgets-2 {
  width: 35%;
}


.footer-widgets .widget {
  margin-bottom: 0px;
}

.footer-widgets .widget_media_image {
  margin-bottom: 5px;
}

.footer-widgets ul li {
  padding: 0px 0 0px 0px;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0px;
}

.footer-widgets ul li:last-of-type {
  border-bottom: 0px;
}

.footer-widgets ul li a {
  font: 300 17px/20px var(--para-font);
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.footer-widgets ul li a:hover,
.footer-widgets ul li a:focus {
  text-decoration: underline;
}

.footer-widgets ul li.wp-social-link-tiktok a {
  font-size: 17px!important;
}

.mobile-widget ul li.wp-social-link-tiktok a {
  font-size: 18px!important;
}

.footer-widgets .widget-title {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font: 500 12px/12px var(--para-font);
  color: #5b8edb;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
  width: 26%;
  padding: 0 20px;
}


.footer-widgets-1 {
  margin-right: 0px;
}


.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
  float: left;
}

@media only screen and (max-width: 1024px) {
	.footer-widgets > .wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1em;
	}
	.footer-widgets > .wrap:before,
	.footer-widgets > .wrap:after {
		display: none;
	}
	.footer-widgets > .wrap .footer-widget-area {
		width: 100%!important
	}

	.footer-widget-area .mobile-toggle {
		display: none
	}
	.footer-widget-area .mobile-toggle {
		display: none
	}
	
}



.wp-block-search .wp-block-search__input {
  border-radius: 10px;
  font-weight: bold;
  font-size: 15px;
  max-width: 225px;
  width: 225px;
  margin: auto;
  background: #fff url(assets/images/searchicon.svg) no-repeat center right 10px / contain;
  background-size: 20px;
  border: 0px;
}

.wp-block-search__button  {
  display: none;
}

/* # Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
  background-color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 20px 0;
  text-align: center;
  color: #000
}

.siteFooter {
  display: none;
}

.site-footer p {
  margin-bottom: 0;
}

.site-footer a {
  color: #000;
  text-decoration: none;
}
.footer.wrap {
  padding: 46px 0 10px 0;
  border-top: solid 1px #262c32;
}
.footer p {
  float: left;
  margin-left: 16px;
  padding-left: 16px;
  border-left: solid 1px #262c32;
  font: 300 11px/14px var(--para-font);
  color: #c2c6c9;
}
.footer .footer-right {
  display: flex;
}

.footer .footer-right .widget {
  margin-right: 20px;
}
.footer-right .widget p > a {
  display: inline-block;
  margin-right: 8px;
  text-decoration: none;
  color: #5b8edb;
}
/* # New mapping
---------------------------------------------------------------------------------------------------- */


.site-footer p {
  margin-bottom: 0;
}

/* # Plugins
---------------------------------------------------------------------------------------------------- */


/* # Wp Related Posts for Wordpress
---------------------------------------------------------------------------------------------------- */

.rp4wp-related-post-content,
.rp4wp-related-post-image {
 float:none;
}

.rp4wp-related-posts h3 {
 font-size:18px;
 margin-bottom:20px;
 font-family: var(--para-font);
 text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.rp4wp-related-post-content a,
.rp4wp-related-post-content a:visited {
 font-family:var(--heading-font);
 font-weight: 400;
 text-decoration:none;
 font-size:17px;
 display:block;
 line-height:1.2;
 text-align:center;
 color:#000;
}
.rp4wp-related-post-content a:focus,
.rp4wp-related-post-content a:hover {
 text-decoration:underline;
}

.rp4wp-related-posts ul {
 display:grid;
 grid-gap:1em;
 grid-template-columns:1fr 1fr 1fr 1fr;
 -webkit-grid-template-columns:1fr 1fr 1fr 1fr;
}

.rp4wp-related-posts ul li .entry-meta {
 text-align:Center;
}

.rp4wp-related-posts .entry-meta a {
 display:inline-block;
 margin:0
}

@media screen and (max-width:600px) {
 .rp4wp-related-posts ul {
  display:grid;
  grid-gap:1em;
  grid-template-columns:1fr 1fr;
  -webkit-grid-template-columns:1fr 1fr
 }
}

/* ## Genesis eNews Extended
--------------------------------------------- */
.sidebar .enews-widget {
  background-color: #333;
}

.sidebar .enews-widget,
.sidebar .enews-widget .widget-title {
  color: #fff;
}

.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
  border: 1px solid #333;
}

.sidebar .enews-widget input[type="submit"] {
  background-color: #5b8edb;
  color: #fff;
}

.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"] {
  background-color: #fff;
  color: #5b8edb;
}

.enews-widget input {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
  margin: 0;
  width: 100%;
}

.enews form + p {
  margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */
#wpstats {
  display: none;
}

/* # Archive
--------------------------------------------- */
.archive-description {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 50px;
}

.archive-description p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 860px) {
  .archive-description {
    padding: 10px;
    margin-bottom: 5%;
  }
  
}

.archive-description .entry-title,
.archive-title {
  font-size: 33px;
  text-align:center;
}

/* TOC */

#header_toc_links {
	background:  rgba(0, 158, 0,.02);
	border:  1px solid var(--wp--preset--color--green);
	padding: 20px 0px 0;
	margin: 30px 0;
	text-align:left;
  border-radius: 20px;
}

#header_toc_links #tocheader {
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 5px;
	padding: 0 20px;
	color: var(--wp--preset--color--green);
	border-bottom: 1px solid;
	padding-bottom: 10px;
	
}

.entry-content #header_toc_links ol  {
	padding: 10px 20px 0 30px;
}


#header_toc_links ol li:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
	display: none
}

#header_toc_links.expanded ol li {
	display: list-item!important;
}

#header_toc_links a {
	text-decoration: none;
	font-weight: bold;
}
#header_toc_links a:hover{
	text-decoration: underline;
	font-weight: bold;
}

.toc-toggle button{
	width: 100%;
	text-align: left;
	color: #fff;
	background: var(--wp--preset--color--green);
}

.toc-toggle button:before {
	content: '+';
	margin-right: 5px;
}

.expanded .toc-toggle button,
.expanded .toc-toggle button:hover,
.expanded .toc-toggle button:focus {
	color: #fff;
	background: var(--wp--preset--color--green);
}
.expanded .toc-toggle button:before {
	content: '-';
	margin-right: 5px;
}

.single .entry-content > .wp-block-image .aligncenter,
.single .entry-content > .wp-block-image.aligncenter {
	display: block;
	margin: auto;
	text-align:Center;
}

.single .entry-content > .wp-block-image .aligncenter figcaption,
.single .entry-content > .wp-block-image.aligncenter figcaption {
	display: block;
	text-align:Center;
}


/* ALL EXTRA CSS (pages) */ 

.margin0 {
  margin-bottom: 0px!important;
}

.margin10 {
  margin-bottom: 10px!important;
}

.homefeatured .wp-block-image:hover {
	opacity: 0.8;
}

.testimonialslider.wp-block-columns {
    position: relative;
    padding-bottom: 40px;
    overflow: hidden;
   
}

.testimonialslider .gb-block-testimonial {
     padding: 0px;
	position: relative;
}

.testimonialslider .gb-block-testimonial  .gb-testimonial-text{
     padding: 20px 100px 0;
     text-align:Center;
}

.testimonialslider .wp-block-media-text  .gb-block-testimonial .gb-testimonial-text {
	padding: 20px 20px 0;
}

.testimonialslider .gb-block-testimonial .gb-testimonial-text:before {
	background: no-repeat url(//kristiank9.sg-host.com/wp-content/uploads/2022/10/quote2.png) center / contain;
	content: '';
	width: 120px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0px;
	left: 30px;
}

.testimonialslider .gb-block-testimonial .gb-testimonial-info {
    text-align:Center;
}


.swiper-arrow {
  bottom: 0px!important;
  top: auto!important;
  left: 45%!important;
  background: transparent;
  border-radius: 50%;
  font-size: 20px;
  height: 50px!important;
  width: 50px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--wp--preset--color--green)
}
 .swiper-arrow.swiper-button-prev {
   left: calc(45% - 20px)!important
  }
  .swiper-arrow.swiper-button-next {
   left: auto!important;
   right: calc(45% - 20px)!important
  }

.swiper-arrow.swiper-button-next::after, .swiper-arrow.swiper-button-prev::after { 
font-size: 20px;
  color: var(--wp--preset--color--green)
}

@media screen and (max-width: 960px) {
  .testimonialslider .gb-block-testimonial  .gb-testimonial-text {
    padding: 20px 20px 0;

  }
  .swiper-arrow.swiper-button-prev {
   left: calc(45% - 40px)!important
  }
  .swiper-arrow.swiper-button-next {
   left: auto!important;
   right: calc(45% - 40px)!important
  }
  .wp-block-buttons > .wp-block-button.wp-block-button__width-50,
   .wp-block-buttons > .wp-block-button.wp-block-button__width-75,
    .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
    width: 100%!important
  }
}
.withemailicon {
  display: flex;
  align-items: center; 
  justify-content:center;
}
.withemailicon:before  {
	content: '';
  width: 75px;
  height: 32px;
  margin-right: 10px;
  background: url(/wp-content/themes/friends-art-lab/assets/images/emailicon.svg) center / contain no-repeat;
  display: inline-block;
}


.subscriberow .enews form {
  display: flex;
  gap: 1em;
}

.subscriberow .enews form input {
  border-radius: 15px;
  border: 0px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}

.subscriberow .enews form input.enews-submit {
  width: 250px;
  font-size: 16px;
  border: 1px solid var(--wp--preset--color--lightblue);
  color: #fff;
  background: url(/wp-content/themes/friends-art-lab/assets/images/thickarrow.svg) center right  5px / contain no-repeat;
  background-color: var(--wp--preset--color--lightblue);
  background-size: 28px;
  padding:10px 5px;
  padding-right: 32px;
}

.subscriberow .enews form input.enews-submit:hover,
.subscriberow .enews form input.enews-submit:focus {
  border: 1px solid var(--wp--preset--color--lightblue);
  color: var(--wp--preset--color--lightblue);
  background: url(/wp-content/uploads/2022/10/thickarrow-hover.svg) center right  5px / contain no-repeat;
  background-size: 28px; 
  background-color: #fff;
}

.categoryicons .wp-block-image {
  text-align: center;
  display: block!important;
}

.categoryicons figure img {
  display: block;
  margin: auto;
  text-align: center;
  height: 100px;
  max-width: 100px;
width: auto;
}

.categoryicons figcaption,
.categoryicons figcaption a {
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  display: block!important;
  padding: 2px 5px;
  text-transform: uppercase;
  width: 100%;
  color: #000;
  border-radius: 30px;
}

.categoryicons figure:hover figcaption,
.categoryicons figure:hover figcaption a {
  background-color: #000;
  color: #fff;
}
.categoryicons .wp-block-column figure:last-of-type {
	display: none!important;;
}


.categoryicons .wp-block-column:hover figure:last-of-type {
	display: block!important;
}

.categoryicons .wp-block-column:hover figure:first-of-type {
	display: none!important;
}


.hide {
  display: none;
}

.tabsBtn {
  text-align: Center;
  margin-bottom: 20px;
}

.tabsBtn a {
  padding: 10px;
  text-decoration: none;
  margin-right: 5px;
  position: relative;
  font-weight: bold;
  font-size: 15px; 
  width: auto;
  padding: 5px 20px!important;
  border-radius: 20px;
  min-width: 170px;
  display: inline-block;
  color: #fff;
  background-color: var(--wp--preset--color--blue);
  border:2px solid var(--wp--preset--color--blue);
  --btn-color: var(--wp--preset--color--blue);
  
}


.tabsBtn a:before {
  content:'';
  width: 30px!important;
  height: 30px!important;
	display: inline-block;
	background: url(/wp-content/uploads/2022/10/WHITE-HAND.png) center / contain no-repeat;
   margin: -5px 5px -9px 0;

}

.tabsBtn a:nth-child(2) {
	background-color: var(--wp--preset--color--green);
  border:2px solid var(--wp--preset--color--green);
  --btn-color: var(--wp--preset--color--green);
}


.tabsBtn a:nth-child(1).active:before,
.tabsBtn a:nth-child(1):hover:before {
 background: url(/wp-content/uploads/2022/10/TRANSPARENT-HAND.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(2):before {
  
  background: url(/wp-content/uploads/2022/10/WHITE-PALETTE.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(2).active:before,
.tabsBtn a:nth-child(2):hover:before {
 background: url(/wp-content/uploads/2022/10/TRANSPARENT-PALETTE.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(3) {
	background-color: var(--wp--preset--color--red);
  border:2px solid var(--wp--preset--color--red);
  --btn-color: var(--wp--preset--color--red);
}

.tabsBtn a:nth-child(3):before {
 background: url(/wp-content/uploads/2022/10/WHITE-BEAKER.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(3).active:before,
.tabsBtn a:nth-child(3):hover:before {
 background: url(/wp-content/uploads/2022/10/TRANSPARENT-BEAKER.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(4) {
	background-color: var(--wp--preset--color--purple);
  border:2px solid var(--wp--preset--color--purple);
  --btn-color: var(--wp--preset--color--purple);
}

.tabsBtn a:nth-child(4):before {
  background: url(/wp-content/uploads/2022/10/WHITE-SUN.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(4).active:before,
.tabsBtn a:nth-child(4):hover:before {
  background: url(/wp-content/uploads/2022/10/TRANSPARENT-SUN.png) center / contain no-repeat;
}

.tabsBtn a:nth-child(5) {
	background-color: var(--wp--preset--color--pink);
  border:2px solid var(--wp--preset--color--pink);
  --btn-color: var(--wp--preset--color--pink);
}

.tabsBtn a:nth-child(5):before {
 background: url(/wp-content/uploads/2022/10/WHITE-DICE.png) center / contain no-repeat;
}


.tabsBtn a:nth-child(5).active:before,
.tabsBtn a:nth-child(5):hover:before {
  background: url(/wp-content/uploads/2022/10/TRANSPARENT-DICE.png) center / contain no-repeat;
}

.tabsBtn a:hover,
.tabsBtn a:focus,
.tabsBtn a.active {
  color: var(--btn-color);
  background-color: #fff;
}


.tabsBtn a:last-child {
  margin-right: 0px;
}

.tabscontent {
  text-align: center;
  padding: 10px 0;
}

.tabscontent a.button {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin: 10px auto;
  text-decoration: none;
  clear: both;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
}

.tabscontent a.button:hover {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.tabscontent .more-from-category {
  margin: 0px  0 0 0;
  padding: 0px;
}

.tabscontent .listing-item a,
.tabscontent .listing-item a:visited {
  font-weight: 400;
  border: 0px;
  font-size: var(--title-size);
  margin-bottom: 0px;
}

.tabscontent .entry:hover .entry-title,
.tabscontent .entry:focus .entry-title {
  text-decoration: underline;
  color: #000000;
}

.tabscontent .entry:hover img,
.tabscontent .entry:focus img {
  opacity: 0.8;
}


.site-container .wp-block-columns {
  gap: 1em!important;
}

.site-container .wp-block-query ul {
	padding: 0px;
	margin: 0px;
}
.site-container .wp-block-query li {
	list-style-type: none;
 
}

.site-container .wp-block-query .taxonomy-category{
	margin: 10px 0 8px ;
	
}

.site-container .wp-block-query .taxonomy-category a {
	color: var(--wp--preset--color--blue);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: var(--para-font);
}

.site-container .wp-block-query .taxonomy-category a:hover,
.site-container .wp-block-query .taxonomy-category a:focus {
  text-decoration: underline
}

.site-container .wp-block-query h2.wp-block-post-title,
.site-container .wp-block-query h2.wp-block-post-title a {
	font-size: 23px;
  color: #000;
  text-decoration: none;
}

.site-container .wp-block-query ul li:hover img,
.site-container .wp-block-query ul li:focus img {
  opacity: 0.8;
}

.site-container .wp-block-query ul li:hover .wp-block-post-title a,
.site-container .wp-block-query ul li:focus .wp-block-post-title a {
  text-decoration:underline;
}

.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt__more-text {
  display: inline;
}

.wp-block-post-excerpt__more-text a,
.wp-block-post-excerpt__more-text a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #000
}

.wp-block-post-excerpt__more-text a:focus,
.wp-block-post-excerpt__more-text a:hover {
  
  text-decoration: underline;
}

.site-container .wp-block-query h2.wp-block-post-title  a:hover {
	text-decoration: underline
}

@media screen and (max-width: 960px) {
  .site-container .wp-block-post-template.is-flex-container li, .site-container  .wp-block-query-loop.is-flex-container li {
    width: 48%;
  }

  .withemailicon:before {
    display: block;
  }

}

@media screen and (max-width: 600px) {
  .site-container .wp-block-post-template.is-flex-container li, .site-container  .wp-block-query-loop.is-flex-container li {
    width: 47%;
  }
  
  h2.entry-title,
  .favorite-wrap .title,
  .site-container .wp-block-query h2.wp-block-post-title, .site-container .wp-block-query h2.wp-block-post-title a {
    font-size: 18px;
  }
  h2 {
    font-size: 28px;
  }
  h2.withemailicon {
	  display: block;
	  text-align: center;
    font-size: 28px;
    
  }
  h2.withemailicon:before {
    display: block!important;;
	  width: 100%;
    margin: 0 0 10px 0;
    background: url(/wp-content/uploads/2022/10/full-emailicon.svg) center / contain no-repeat;
    height: 40px;
  }

  .subscriberow p.margin0 {
    text-align:Center;
    font-size: 18px!important
  }
  
}
.wp-block-button .wp-block-button__link {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 30px;
  height: auto;
  border: 1px solid #000;
}

.wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
	padding: 5px 30px;
} 

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  text-decoration:none;
}

.has-underline-color {
  --box-shadow-color: currentColor;
  box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  -webkit-box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  -moz-box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  padding: 0 10px;
  display: inline-block;
}

.has-underline-color.has-yellow-underline {
  --box-shadow-color: var(--wp--preset--color--yellow);
}

ol.coloredBullet {
  counter-reset: li;
}

ol.coloredBullet li {
  list-style-type: none;
  position: relative;
  margin-bottom: 15px;
}

ol.coloredBullet li::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -30px;
  top: 5px;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  justify-content: center;
}

.product-data {
  padding: 10px 10px 20px;
  text-align: center;
  background-color: #fff;
}

.product-data .product-link,
.product-data .product-link > * {
   color: #000;
   text-decoration: none;  
}

.product-data .product-link:hover img {
   opacity: 0.8;
}

.product-data .product-link:hover .product-title {
   text-decoration:underline;
}

.product-data .product-title {
  font-size: 23px;
  margin-top: 10px;
} 

.product-data span.price {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin: 15px 0;
}

.product-data .button {
  padding: 5px 20px;
  font-size: 16px;
  text-transform: uppercase;
}

.product-data .productImage {
   position: relative
}

.product-data .productImage .productHoverImage {
   position: absolute;
   z-index: 2;
   top: 0px;
   height: 100%;
   width: 100%;
   opacity: 0;
   left: 0px;
   object-fit: cover;
}

.product-data .product-link:hover .productImage .productHoverImage {
   opacity: 1;
}

.gform_wrapper .gform_body ul.gform_fields {
  margin-left: 0px;
}

.features .fl-row-content-wrap {
  padding: 0px;
}

.features .fl-col {
  background: #fff;
}

.pp-pricing-table-inner-wrap li {
  list-style-type: none !important;
  text-align: left;
  font-size: 16px;
}

.pp-pricing-table .pp-pricing-table-price .pp-pricing-table-duration {
  color: #828282;
}

.yes:before,
.no:before {
  content: "\f147";
  border: 1px solid #6698cb;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  font-family: "dashicons" !important;
  color: #6698cb;
}

.no:before {
  color: red;
  border-color: red;
  content: "\f335";
}

.nobutton .fl-button {
  display: none !important;
}

.expandfeatures .pp-icon:before {
  color: #5b8edb !important;
}

.pp-member-wrapper .pp-member-image img {
  height: 280px;
  object-fit: cover;
}

.pp-pricing-table {
  display: flex !important;
}

.pp-pricing-table .pp-pricing-table-col .pp-pricing-table-column {
  height: 100%;
}

.pp-pricing-table .pp-pricing-table-col.pp-pricing-table-highlight {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.pp-pricing-table
  .pp-pricing-table-col.pp-pricing-table-highlight
  .pp-pricing-table-column {
  background: #fff !important;
}

.pp-testimonial a {
  font-size: 13px !important;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.pp-testimonial h4 {
  font-size: 17px;
  font-weight: 600;
}

.pp-testimonial h5 {
  font-size: 14px;
  font-weight: 600;
}

.contactus li {
  padding: 10px 0;
  display: block;
}

.contactus .phone:before {
  display: inline-block;
  content: "\f525";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.contactus .email:before {
  display: inline-block;
  content: "\f466";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.contactus .contact:before {
  display: inline-block;
  content: "\f230";
  font-family: "dashicons" !important;
  margin-right: 3px;
}

.calltoactionimg {
  position: absolute;
  bottom: 0px;
}
.single-case-studies .entry-header {
  display: none;
}
.adjacent-entry-pagination {
  display: block;
  max-width: 100%;
  margin: 40px auto !important;
}


.single-post .adjacent-entry-pagination {
  width: 1200px;
  margin: 0px auto 0px auto !important;
  max-width: 100%;
  border-top: 1px solid #000;
  padding:20px 0 0;
}

.adjacent-entry-pagination .wrap {
	display: flex;
}

.adjacent-entry-pagination .wrap >  * {
	flex: 1;
}

.adjacent-entry-pagination .alignleft a,
.adjacent-entry-pagination .alignright a {
  text-decoration: none;
  color: #000;
}

.adjacent-entry-pagination a:hover,
.adjacent-entry-pagination a:focus {
  text-decoration: underline;
}

.adjacent-entry-pagination a span:first-child {
	font-size: 15px;
	font-weight:bold;
	color: var(--wp--preset--color--blue); 
	text-transform: uppercase;
}

@media screen and (max-width: 800px) {
	.content .gb-block-container .gb-container-inside {
		padding: 20px 0;
	}
	.subscriberow .enews form {
		display: block!important;
	}
.subscriberow .enews form input {
	margin-bottom: 10px;
}

.subscriberow .enews form input.enews-submit {
	max-width: 140px;
	margin: 0px auto 20px;
	display: block;
}

.wp-block-media-text .wp-block-media-text__content{
	padding: 20px!important;;
}

.wp-block-media-text .wp-block-button,
.wp-block-media-text .wp-block-button a {
	width: 100%!important;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
  width: 100%;
}

.after-entry h2 {
  font-size: 25px;
}

.tabsBtn a {
   margin: 5px;
}
.footer-widgets .footer-widget-area {
  padding: 0 10px;
}
.footer-widget-area .wp-block-search .wp-block-search__input {
  max-width: 100%;
  width: 100%;
}
.footer-widget-area .menu-toggle {
  display: none;
}
.site-footer a:last-of-type {
	display: block;
	margin: 10px 0 0;
}
}
/* # Animations
---------------------------------------------------------------------------------------------------- */

@keyframes circle{
  0%{
    transform:rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg);
  }
}

/* # Mobile Menu
---------------------------------------------------------------------------------------------------- */

.pocket-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #312e2e;
  transition: all 0.75s ease;
  background: rgba(49, 46, 46, 0.85);
  transform: translate3d(0, 0, 0);
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  z-index: 999;
  -webkit-backface-visibility: hidden;
}
.fw-top-navigation .fw-top-navigation-inner .fs-menu-trigger {
  position: relative;
  height: 65px;
  line-height: 65px;
  padding: 0 25px 0 50px;
  margin-left: 13px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: #514d4d;
  cursor: pointer;
  transition: background 0.3s;
}
.fw-nav-trigger-bar {
  fill: #000;
  color: #000;
}

.fs-menu-trigger {
  display: none;
  padding: 0 20px;
  cursor: pointer;
}
#fsmobile-nav-trigger {
  text-align: right;
	height: 50px;
}
#fsmobile-nav-trigger:hover {
  cursor: pointer;
} 
.fw-fsmobile-navigation {
  padding-top: 0px;
  display: none;

  position: fixed;
  left: 0;
  top: 0;
  transition: all 0.75s ease;
  height: 100vh;
  width: 300px;
  transform: translate3d(-310px, 0, 0);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
  background: #fff;
  box-shadow: 4px 1px 8px #999;
}

html.open-fsmobile-nav .fw-fsmobile-navigation {
  animation: slide 0.35s;
  transform: translate3d(0, 0, 0);
}
.pocket-header {
  position: relative;
  height: 65px;
  border-bottom: 1px solid #f1f1f1;
}
.pocket-close,
.span-close {
  display: block;
  position: absolute;
  top: 24px;
  right: 21px;
  height: 24px;
  width: 24px;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.3s;
  cursor: pointer;
}

.pocket-close span,
.span-close span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 3px;
  background: #000;
  transition: transform 0.3s;
}

.pocket-close span:nth-of-type(1),
.span-close span:nth-of-type(1) {
  top: 10px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pocket-close span:nth-of-type(2),
.span-close span:nth-of-type(2) {
  top: 10px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pocket-container {
  padding: 10px;
}

.pocket-container .widget_nav_menu:first-of-type .menu-item {
  display: inline-block;
}

.pocket-container ul .menu-item {
  margin-bottom: 0px;
}

.pocket-container ul .menu-item a {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 16px;
  padding: 2px 7px;
  text-decoration: none;
  font-weight: bold;
}


.pocket-container ul .menu-item a {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 16px;
  padding: 2px 7px;
  text-decoration: none;
  font-weight: bold;
}

.pocket-container .wp-block-social-links:not(.is-style-logos-only) li {
	background-color: transparent!important;
	margin: 10px 0!important;
	padding: 0px;
	font-size: 20px;
}

.mobile-widget .sub-menu{
	display: none
}

.mobile-widget .sub-menu.active{
	display: block
}

.mobile-widget .sub-menu li {
	margin: 0px;
	padding: 0px;
}

.mobile-widget .sub-menu li  a {
	border-bottom:1px solid #f2f2f2;
	padding: 10px 5px;
	display: list-item
}

.footer-widgets ul li a.wp-block-social-link-anchor {
  font-size: 20px;
  padding: 0px;
}

@media screen and (max-width: 1023px) {
	
  .site-header .widget-area.mobile-widget {
    display: block;
    text-align: left;
  }

  .site-header .wrap {
    max-width: 100%;
    padding: 0 2%;
  }

  .fs-menu-trigger {
    display: flex;
    align-items:center;
    padding: 0px;
    max-width: 30px;
  }

  .latest-articles--inner .hs-featured-image-wrapper {
    text-align: center;
    display: block;
  }

  .latest-articles--inner .hs-featured-image-wrapper img.hs-featured-image {
    margin: 12px auto !important;
    display: block;
    float: none;
    max-width: 400px;
  }

  .sticky .sticky-header {
	  top: 0px;
  }

  .sticky-wrap .nav-bar {
	max-width: 30px;
    height: 80px;
  }
  .sticky-wrap .fs-menu-trigger {
    height: 80px;
  }
}

@media screen and (max-width: 800px) {
  .calltoactionimg {
    position: relative;
  }

  .pp-pricing-table {
    display: block !important;
  }
  .has-underline-color {
    display: inline;
     box-shadow: inset 0px -15px 0px var(--box-shadow-color);
  -webkit-box-shadow: inset 0px -15px 0px var(--box-shadow-color);
  -moz-box-shadow: inset 0px -15px 0px var(--box-shadow-color);
    
  }

.footer-widget-area .has-underline-color {
 
  box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  -webkit-box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  -moz-box-shadow: inset 0px -10px 0px var(--box-shadow-color);
  padding: 0 10px;
  display: inline;
}
	.has-underline-color.has-yellow-underline {
  --box-shadow-color: var(--wp--preset--color--yellow);
}

  .wp-block-columns.mobilecolumns2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1em;
  }
}