/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


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

/** General >> Remove white gap above footer **/
.page-header, 
.sidebar .widget, 
.site-main>* {
	margin-bottom: 0 !important;
}

/** General >> Link :hover **/
a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Logo :hover (change id) **/
.fl-photo-content .wp-image-173:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	display: inline-block !important;
}

/** General >> FL button :hover **/
.fl-button-width-auto .fl-button:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> PP button :hover **/
.fl-module .pp-button:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	box-shadow: 0 0 6px 1px rgb(46,205,237) !important;
}

/** General >> WSF button **/
.wsf-button {
	color: rgb(242, 240, 236) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	background-color: rgb(30, 134, 156) !important;
	padding: 13px 25px 10px 25px !important;
	border: 1px solid rgb(46, 205, 237) !important;
	border-radius: 45px !important;
}

/** General >> WSF button :hover **/
.wsf-button:hover {
	color: rgb(242, 240, 236) !important;
	background-color: rgb(38, 170, 196) !important;
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Bullets after Para **/
p + ul {
	margin-top: -10px !important;
}

/** General >> Text Link **/
.fl-rich-text a {
	font-weight: 700 !important;
}

/** General >> P Links **/
.fl-rich-text a, 
.fl-icon-text a {
	color: #5BA9BD !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background-image: linear-gradient(#26AAC4, #26AAC4) !important;
	padding: 0.1em 0 0.1em 0 !important;
	cursor: pointer !important;
	background-position: 0 1.6em !important;
	background-repeat: no-repeat !important;
	background-size: 100% 2px !important;
	-webkit-transition: all 0.75s ease, padding 0.75s ease, background-position 0.75s ease, background-size 0.75s ease !important;
	transition: all 0.75s ease, padding 0.75s ease, background-position 0.75s ease, background-size 0.75s ease !important;
}

/** General >> P Links :hover **/
.fl-rich-text a:hover, 
.fl-icon-text a:hover {
	color: rgb(242, 240, 236) !important;
	background-image: linear-gradient(#26AAC4, #26AAC4) !important;
	padding-top: 0.05rem !important;
	padding-bottom: 0.7rem !important;
	background-size: 100% 70% !important;
	background-position: 0 0 !important;
	-webkit-transition: all 0.75s ease, padding 0.75s ease, background-position 0.75s ease, background-size 0.75s ease !important;
	transition: all 0.75s ease, padding 0.75s ease, background-position 0.75s ease, background-size 0.75s ease !important;
}

/** General >> Horizontal rule **/
hr {
	background-color: rgb(109, 141, 77) !important;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

/** General >> PP accordion icon **/
.pp-accordion-icon {
	color: rgb(72, 112, 32) !important;
}

/** General >> Subscribe button :hover **/
.pp-modal-trigger:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	box-shadow: 0 0 6px 1px rgb(46,205,237) !important;
}

/** General >> + / - QTY **/
.buttons-added a {
	border-color: rgb(30, 134, 156) !important;
	border-right-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 90px !important;
}

/** General >> Add to Cart button **/
#content button[type="submit"] {
	padding-right: 30px !important;
	padding-left: 30px !important;
	margin-left: 20px !important;
	border-radius: 90px !important;
}

/** General >> Product Variable Labels **/
#content .label {
	text-align: left !important;
	padding-top: 15px !important;
}

/** General >> Chose an Option border **/
.value select {
	border-color: rgb(38, 170, 196) !important;
	border-radius: 90px !important;
}

/** General >> QTY number **/
#content input[type="number"] {
	border-width: 0 !important;
}

/** General >> Related Products Button **/
.related .button {
	padding-right: 30px !important;
	padding-left: 30px !important;
	border-radius: 90px !important;
}

/** General >> Related Products Title **/
.woocommerce-loop-product__link .woocommerce-loop-product__title {
	font-weight: 600 !important;
}

/** General >> Related Products Images **/
#content .inside-wc-product-image {
	padding: 10px !important;
	border: 1px solid rgb(72, 115, 53) !important;
	border-radius: 5px !important;
}

/** General >> Shop Filter Reset Button **/
#content .wpgb-reset {
	background-color: rgb(30, 134, 156) !important;
	padding-top: 15px !important;
	border-radius: 90px !important;
}

/** General >> Shop Filter Reset Button (:hover) **/
#content .wpgb-reset:hover {
	background-color: rgb(38, 170, 196) !important;
}

/** General >> Shop Search input **/
#content input[type="search"] {
	border-color: rgb(30, 134, 156) !important;
	border-radius: 90px !important;
}

/** General >> Product Order input **/
.wpgb-select {
	padding-right: 10px !important;
	padding-left: 10px !important;
	border-color: rgb(30, 134, 156) !important;
	border-radius: 90px !important;
}

/** General >> Price Range Reset Button **/
#content .wpgb-range-clear {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(30, 134, 156) !important;
	padding-top: 10px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	border-radius: 90px !important;
}

/** General >> Price Range Reset Button (:hover) **/
#content .wpgb-range-clear:hover {
	background-color: rgb(38, 170, 196) !important;
}

/** General >> Name Your Donation input **/
#nyp-1 {
	text-align: right !important;
	border-color: rgb(72, 115, 53) !important;
	border-radius: 5px !important;
}

/** General >> Suggested Donation extra label **/
.suggested-price .suggested-text {
	display: none !important;
}

/** General >> Woocommerce message **/
#content .woocommerce-message {
	border-radius: 5px !important;
}

/** General >> WooCommerce message (:hover) **/
#content .woocommerce-message:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Add to Cart button (:hover) **/
#content button[type="submit"]:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Edit Price in Checkout **/
.wc-block-cart-item__edit .components-button {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(30, 134, 156) !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
	border-radius: 90px !important;
}

/** General >> Edit Price in Checkout (:hover) **/
.wc-block-cart-item__edit .components-button:hover {
	text-decoration: none !important;
	background-color: rgb(38, 170, 196) !important;
}

/** General >> Checkout: Place Order **/
#main .wc-block-components-checkout-place-order-button {
	border-radius: 90px !important;
}

/** General >> Checkout: Place Order (:hover) **/
#main .wc-block-components-checkout-place-order-button:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


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

/** Footer >> FL CTA **/
.fl-cta-inline .fl-cta-text {
	width: 15% !important;
}

/** Footer >> FL CTA button **/
.fl-cta-inline .fl-button {
	padding: 13px 20px 10px 20px !important;
}

/** Footer >> FL CTA title **/
.fl-cta-text .fl-cta-title {
	margin-top: 5px !important;
}

/** Footer >> SocMed icons **/
.fl-icon-group .fl-icon {
	border: 3px solid rgb(243, 240, 237) !important;
	border-radius: 90px !important;
}

/** Footer >> SocMed icons (:hover) **/
.fl-icon-group .fl-icon:hover {
	border: 3px solid rgb(46, 205, 237) !important;
	border-radius: 90px !important;
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Footer >> Contact icons **/
.fl-col-group-nested > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span {
	border: 3px solid rgb(243, 240, 237) !important;
	border-radius: 90px !important;
}

/** Footer >> Contact icons (:hover) **/
.fl-col-group-nested > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span:hover {
	border-color: rgb(46, 205, 237) !important;
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


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

/** General 2 >> Hide Coupon from Cart **/
.actions .coupon {
	display: none !important;
}

/** General 2 >> Proceed to Checkout Button **/
.cart_totals .button {
	border-radius: 90px !important;
}

/** General 2 >> Donation select in cart **/
#give-donation-level-select-3409 {
	border-color: rgb(30, 134, 156) !important;
	border-radius: 5px !important;
}

/** General 2 >> Add Donation to Cart section **/
.give_wc_donation_section table {
	background-color: rgb(212, 238, 243) !important;
	border: 1px solid rgb(30, 134, 156) !important;
	border-radius: 5px !important;
}

/** General 2 >> Woocommerce checkout **/
.wp-block-woocommerce-checkout {
	max-width: 1100px !important;
	padding-top: 0 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin: 0 auto 80px auto !important;
}

/** General 2 >> My Account **/
#post-103 .woocommerce {
	max-width: 1100px !important;
	padding-top: 0 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin: 0 auto 80px auto !important;
}

/** General 2 >> Hide Downloads in My Account **/
.woocommerce-MyAccount-navigation-link--downloads a {
	display: none !important;
}

/** General 2 >> My Account - WC info **/
#post-103 .woocommerce-info {
	border-radius: 5px !important;
}

/** General 2 >> My Account H2 Address labels **/
#post-103 h2 {
	font-size: 36px !important;
}

/** General 2 >> My Account Address **/
#post-103 address {
	font-size: 16px !important;
}

/** General 2 >> My Account save changes button **/
#main button[type="submit"] {
	margin-top: 20px !important;
	margin-left: 0 !important;
}

/** General 2 >> Column Group for CTA align **/
#post-87 .fl-col-group-align-top {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** General 2 >> CTA align **/
.ba-col {
	margin: 10px !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-flex: 1 !important;
	flex: 1 !important;
}
.ba-col .fl-module-rich-text {
	-webkit-flex-grow: 1 !important;
	flex-grow: 1 !important;
}