.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Tips uk child width 1 1 **/
.tips .uk-child-width-1-1 {
	width: 1100px !important;
	margin-left: 0 !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}

/** General >> Leftcolumn uk accordion title **/
#leftcolumn .uk-accordion-title {
	font-size: 16px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	background-color: rgba(0, 0, 0, 0.02) !important;
	padding: 15px !important;
	border: 1px solid rgba(153, 153, 153, 0.62) !important;
}

/** General >> Leftcolumn uk accordion content **/
#leftcolumn .uk-accordion-content {
	background-color: rgba(249, 249, 249, 0.37) !important;
	padding: 10px 20px 20px 20px !important;
	margin-top: 0 !important;
	border: 1px solid rgba(79, 79, 79, 0.22) !important;
}

/** General >> Uk open list item **/
.uk-open li {
	list-style-type: square !important;
	background-color: rgba(241, 241, 241, 0) !important;
	border: 1px solid rgba(79, 79, 79, 0) !important;
	border-radius: 5px !important;
}

/** General >> Footerleftcolumn socialmediawrap **/
.footerleftcolumn .socialmediawrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row nowrap !important;
	-moz-flex-flow: row nowrap !important;
	-ms-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
}

/** General >> Socialmediawrap socialmediaicon **/
.socialmediawrap .socialmediaicon {
	margin-right: 25px !important;
}

/** General >> Leftcolumn acccordion **/
#leftcolumn .acccordion {
	width: 100vw !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	border-top: 1px solid rgb(215, 215, 215) !important;
	border-bottom: 1px solid rgb(215, 215, 215) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** General >> Leftcolumn accordion **/
#leftcolumn .accordion {
	width: 1100px !important;
}

/** General >> Leftcolumn title **/
#leftcolumn .title {
	text-align: center !important;
	width: 100% !important;
}

/** General >> Woopack product 14162 value **/
#woopack-product-14162 .value {
	padding-bottom: 0 !important;
}

/** General >> Artist uk margin medium bottom **/
.artist .uk-margin-medium-bottom {
	width: 1100px !important;
}

/** General >> Leftcolumn uk accordion **/
#leftcolumn .uk-accordion {
	width: 1100px !important;
}

/** General >> Titleunderline image **/
.titleunderline img {
	width: 30% !important;
}

/** General >> Leftcolumn uk width 1 1 **/
.leftcolumn .uk-width-1-1 {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

/** General >> Erin artist **/
#erin .artist {
	width: 100vw !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	border-top: 0 solid rgb(215, 215, 215) !important;
	border-bottom: 0 solid rgb(215, 215, 215) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** General >> Erin erinbiowrap **/
#erin .erinbiowrap {
	width: 1100px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

/** General >> Erin uk grid collapse **/
#erin .uk-grid-collapse {
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** General >> Main Menu **/
#menu-erin a {
	color: rgb(255, 255, 255) !important;
}

/** General >> Main Menu (:hover) **/
#menu-erin a:hover {
	color: rgb(255, 230, 107) !important;
}

/** General >> Erin erinblockwrap **/
#erin .erinblockwrap {
	width: 1100px !important;
}

/** General >> Fl post content uploadform **/
.fl-post-content .uploadform {
	background-color: rgb(249, 249, 249) !important;
	padding: 25px !important;
	border: 1px solid rgb(125, 125, 125) !important;
}

/** General >> File Upload Submit Button **/
.uploadform [type="submit"] {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	background-color: rgb(0, 191, 77) !important;
	width: 100% !important;
	padding: 15px 20px 15px 20px !important;
}

/** General >> File Upload Submit Button (:hover) **/
.uploadform [type="submit"]:hover {
	background-color: rgb(1, 144, 59) !important;
}

/** General >> Gform 3 gform footer **/
#gform_3 .gform_footer {
	padding-bottom: 0 !important;
}

/** General >> Fl main content woocommerce variation price **/
#fl-main-content .woocommerce-variation-price {
	font-size: 30px !important;
	font-weight: 600 !important;
	margin-bottom: 20px !important;
}

/** General >> Fl main content variations **/
#fl-main-content .variations {
	margin-bottom: 0 !important;
}

/** General >> Woocommerce Price amount bdi **/
.woocommerce-Price-amount bdi {
	color: rgb(125, 113, 87) !important;
}

/** General >> Group inner container **/
yellowbg .wp-block-group__inner-container {
	width: 1100px !important;
}

/** General >> Orange button **/
.orangebutton .wp-block-button__link {
	font-weight: 700 !important;
	background-color: rgb(242, 172, 113) !important;
	border-radius: 5px !important;
}

/** General >> Orange button (:hover) **/
.orangebutton .wp-block-button__link:hover {
	color: rgb(249, 249, 249) !important;
	text-decoration: none !important;
	background-color: rgb(216, 120, 56) !important;
}

/** General >> Slide Gallery **/
.galleryslide {
	margin-top: 50px !important;
}

/** General >> Slide Gallery Thumbnail wrap _2 **/
.galleryslide .pgcsimplygalleryblock-slider-item-wrap {
	border: 1px solid rgb(112, 111, 111) !important;
}

/** General >> Pgcsimplygalleryblock slider next prev navi **/
.galleryslide .pgcsimplygalleryblock-slider-next-prev-navi {
	margin-right: 40px !important;
	margin-left: 40px !important;
}

/** General >> Group inner container _3 **/
.yellowbg-full .wp-block-group__inner-container {
	width: 1100px !important;
}

/** General >> Pink bg Row - inner **/
.pinkbg-full .wp-block-group__inner-container {
	width: 1100px !important;
}

/** General >> Tips **/
.tips {
	margin-top: 60px !important;
	grid-column-gap: 40px !important;
	column-gap: 40px !important;
}


/*= MEDIUM ==================== */

/** MEDIUM >> Medium - Wide Row **/
#leftcolumn .test {
	width: 100vw !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	border-top: 0 solid rgb(215, 215, 215) !important;
	border-bottom: 0 solid rgb(215, 215, 215) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** MEDIUM >> Medium Wrap **/
.test .uk-grid-collapse {
	width: 1100px !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** MEDIUM >> Eriin artist **/
#eriin .artist {
	width: 100vw !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	border-top: 0 solid rgb(215, 215, 215) !important;
	border-bottom: 0 solid rgb(215, 215, 215) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** MEDIUM >> Eriin erinblockwrap **/
#eriin .erinblockwrap {
	width: 1100px !important;
}

/** MEDIUM >> Eriin uk width 1 1 **/
#eriin .uk-width-1-1 {
	padding-left: 30px !important;
}

/** MEDIUM >> Socialmediaicon document link **/
.socialmediaicon .document-link {
	font-size: 35px !important;
}

/** MEDIUM >> Socialmediaicon document link (:hover) **/
.socialmediaicon .document-link:hover {
	color: rgb(255, 220, 146) !important;
}

/** MEDIUM >> Fl node s5uowfr1bx7m footerleftcolumn **/
.fl-node-s5uowfr1bx7m .footerleftcolumn {
	padding-right: 50px !important;
}

/** MEDIUM >> Erin mediumtextwrap **/
#erin .mediumtextwrap {
	padding-right: 25px !important;
	padding-left: 25px !important;
}


/*= TIPS ====================== */

/** TIPS >> Tips Wide Row **/
#tips > div {
	width: 100vw !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	border-top: 0 solid rgb(215, 215, 215) !important;
	border-bottom: 0 solid rgb(215, 215, 215) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** TIPS >> Tips - 1100 px width **/
#tips .imagebuttons {
	width: 1100px !important;
}


/*= Footer ==================== */

/** Footer >> Form input **/
.ginput_container input {
	color: rgb(249, 245, 245) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	font-style: italic !important;
	text-decoration: none !important;
	height: 50px !important;
	border-radius: 8px !important;
}

/** Footer >> Charleft **/
#field_1_3 .charleft {
	display: none !important;
}

/** Footer >> Form Label **/
.gfield .gfield_label {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
}

/** Footer >> Contact message **/
.contact .textarea {
	border-radius: 10px !important;
}

/** Footer >> Details **/
.accordion .wp-block-details {
	background-color: rgb(237, 237, 237) !important;
	padding: 10px 15px 10px 15px !important;
	border: 1px solid rgb(137, 137, 137) !important;
}

/** Footer >> Accordion Paragraph **/
.accordion p {
	background-color: rgb(255, 255, 255) !important;
	padding: 10px 15px 10px 15px !important;
	margin: 10px -15px -10px -15px !important;
}

/** Footer >> Form submit **/
.contact .gform_button {
	color: rgb(84, 91, 95) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	width: 100% !important;
	height: 60px !important;
	margin-top: 20px !important;
	border-width: 0 !important;
	border-radius: 100px !important;
}

/** Footer >> Form required **/
.gfield_required {
	color: rgb(234, 233, 231) !important;
	font-size: 15px !important;
}

/** Footer >> Font Awesome Wrap **/
.fontawesome .wp-block-group {
	display: grid !important;
	grid-template-columns: 1fr 2fr !important;
	grid-template-rows: auto !important;
}

/** Footer >> Font awesome icon **/
.wp-block-font-awesome-icon {
	color: rgb(255, 255, 255) !important;
	font-size: 60px !important;
}

/** Footer >> Copyright **/
.wp-block-group-is-layout-constrained .copyright {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
	text-align: center !important;
	padding-top: 30px !important;
}

/** Footer >> Asterisktext **/
.asterisktext {
	font-size: 14px !important;
	line-height: 1.4em !important;
	font-style: italic !important;
	margin-top: 20px !important;
}


/*= General 2 ================= */

/** General 2 >> Tips Images **/
.tips img {
	width: 300px !important;
	height: 300px !important;
	object-fit: cover !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** MEDIUM >> Medium Wrap **/
	.test .uk-grid-collapse {
	width: 900px !important;
}

	/** MEDIUM >> Eriin erinblockwrap **/
	#eriin .erinblockwrap {
	width: 900px !important;
}

	/** TIPS >> Tips - 1100 px width **/
	#tips .imagebuttons {
	width: 900% !important;
}

	/** General >> Leftcolumn uk accordion **/
	#leftcolumn .uk-accordion {
	width: 100% !important;
}

	/** General >> Erin erinblockwrap **/
	#erin .erinblockwrap {
	width: 900px !important;
}

	/** General >> Tips **/
	.tips {
	display: grid !important;
	grid-row-gap: 40px !important;
	row-gap: 40px !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
.tips > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.tips > :nth-child(4) {
	grid-area: 2 / 2 / 3 / 3 !important;
}

	/** General 2 >> Tips Images **/
	.tips img {
	width: 600px !important;
	height: 300px !important;
}

	/** FAQ >> Faq imagebuttons **/
	#faq .imagebuttons {
	width: 900px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** MEDIUM >> Medium Wrap **/
	.test .uk-grid-collapse {
	width: 700px !important;
}

	/** MEDIUM >> Eriin erinblockwrap **/
	#eriin .erinblockwrap {
	width: 700px !important;
}

	/** TIPS >> Tips - 1100 px width **/
	#tips .imagebuttons {
	width: 700px !important;
}

	/** General >> Erin erinblockwrap **/
	#erin .erinblockwrap {
	width: 700px !important;
}

	/** FAQ >> Faq imagebuttons **/
	#faq .imagebuttons {
	width: 700px !important;
}

	/** Footer >> Font Awesome Wrap **/
	.fontawesome .wp-block-group {
	grid-template-columns: 1fr 1fr !important;
}
.fontawesome .wp-block-group > :nth-child(1) {
	justify-self: end !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** General >> Leftcolumn uk accordion **/
	#leftcolumn .uk-accordion {
	width: 100% !important;
}

	/** General >> Leftcolumn uk width 1 1 **/
	.leftcolumn .uk-width-1-1 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General >> Shop imagebuttons **/
	#shop .imagebuttons {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** General >> Erin erinbiowrap **/
	#erin .erinbiowrap {
	width: 350px !important;
}

	/** General >> Erin erinblockwrap **/
	#erin .erinblockwrap {
	width: 350px !important;
}

	/** General >> File Upload Submit Button **/
	.uploadform [type="submit"] {
	font-size: 16px !important;
	width: 100% !important;
	padding-top: 10px !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
}

	/** General >> Tips **/
	.tips {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}
.tips > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.tips > :nth-child(3) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
.tips > :nth-child(4) {
	grid-area: 4 / 1 / 5 / 2 !important;
}

	/** TIPS >> Tips Wide Row **/
	#tips > div {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** TIPS >> Tips - 1100 px width **/
	#tips .imagebuttons {
	width: 350px !important;
}

	/** MEDIUM >> Medium - Wide Row **/
	#leftcolumn .test {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

	/** MEDIUM >> Medium Wrap **/
	.test .uk-grid-collapse {
	width: 350px !important;
}

	/** MEDIUM >> Eriin erinblockwrap **/
	#eriin .erinblockwrap {
	width: 350px !important;
}

	/** MEDIUM >> Fl node s5uowfr1bx7m footerleftcolumn **/
	.fl-node-s5uowfr1bx7m .footerleftcolumn {
	width: 350px !important;
	padding-right: 0 !important;
}

	/** MEDIUM >> Textblockfooterparagraph fl builder module template **/
	.textblockfooterparagraph .fl-builder-module-template {
	padding: 0 !important;
}

	/** MEDIUM >> Fl row fixed width fl node 7560e3nm2xiq **/
	.fl-row-fixed-width .fl-node-7560e3nm2xiq {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** MEDIUM >> Fl col small footerleftcolumn **/
	.fl-col-small .footerleftcolumn {
	width: 350px !important;
}

	/** MEDIUM >> Eriin uk width 1 1 **/
	#eriin .uk-width-1-1 {
	padding-left: 0 !important;
}

	/** FAQ >> Faq imagebuttons **/
	#faq .imagebuttons {
	width: 350px !important;
}

}


/*( < 390 (imp) )*/
@media (max-width: 389.98px) {
	/** General >> Erin erinbiowrap **/
	#erin .erinbiowrap {
	width: 300px !important;
}

	/** General >> Erin erinblockwrap **/
	#erin .erinblockwrap {
	width: 300px !important;
}

	/** FAQ >> Faq imagebuttons **/
	#faq .imagebuttons {
	width: 300px !important;
}

	/** MEDIUM >> Medium Wrap **/
	.test .uk-grid-collapse {
	width: 300px !important;
}

	/** MEDIUM >> Fl col small footerleftcolumn **/
	.fl-col-small .footerleftcolumn {
	width: 300px !important;
}

	/** MEDIUM >> Fl node s5uowfr1bx7m footerleftcolumn **/
	.fl-node-s5uowfr1bx7m .footerleftcolumn {
	width: 300px !important;
}

	/** MEDIUM >> Eriin erinblockwrap **/
	#eriin .erinblockwrap {
	width: 300px !important;
}

	/** TIPS >> Tips - 1100 px width **/
	#tips .imagebuttons {
	width: 300px !important;
}

}