/* Anchor Link Reset */
a { outline: 0!important; }

/* Fonts in Use */
.mio { font-family: 'Nanum Gothic', sans-serif; }

/* Header Area */
.site-header { background-color:transparent!important; position:absolute!important; margin:0px 0px!important; padding:0px 0px!important; width:100%; border-bottom:none; }
.site-content { position:absolute; z-index:981; width:100%; }
.header_announcement { text-align:center; padding:10px; font-size:13px; text-transform:uppercase; font-weight:700; background:rgba(255,255,255,1); }
#fawn_head { width:100%; background:rgba(76, 140, 97,.6); z-index:982; height:200px; position:fixed; }
#fawn_head_logo_container { width:100%; width:100%; position: absolute; margin-top: 25px; }
#fawn_head_logo { width:150px; margin:auto; position:relative; z-index:980; }
#fawn_nav_bar { position:relative; margin:auto; max-width:1200px; padding:10px; top:80px; }
.inner_nav_left { float:left; padding:0px 10px 0px 10px; }
.inner_nav_left ul li.nav { float:left; font-size:13px; text-transform:uppercase; font-weight:700; color:#FFFFFF; padding-top:2px; padding-left:35px; }
.inner_nav_right { float:right; padding:0px 10px 0px 10px; }
.inner_nav_right ul li { float:left; padding:5px 10px; }
.inner_nav_right_icons { float:right; padding:0px 10px 0px 10px; }
.inner_nav_right_icons ul li { float:left; padding:5px 0px 5px 15px; }
.inner_nav_right_icons ul li.nav {  float:left; font-size:13px; font-weight:700; color:#FFFFFF; padding-top:2px; padding-left:5px; }
li.nav a { text-decoration:none; color:#FFFFFF; font-weight:bold; }

.site-main { margin-bottom:0px!important; }
#primary { float: none; width: 100%; margin: 0; }

/* Breadcrumbs */
.woocommerce-breadcrumb { margin:0px!important; margin-top:30px!important; padding:3%!important; }

/* Header Area Animation */
.head_active {
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  background:rgba(76, 140, 97,1)!important; height:100px!important; margin-top:-41px;

}

.logo_active { -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; width:90px!important; }
.nav_active { -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; top:30px!important; }
.logo_contain_active { -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; margin-top:5px!important; }
.menu_active { -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out; top:30px!important; }

                .icon-scroll,
                .icon-scroll:before{
                  position: absolute;
                  left: 50%; }

                .icon-scroll{
                  width: 40px;
                  height: 70px;
                  margin-left: -20px;
                  bottom:0;
                  margin-top: -35px;
                 }

                .icon-scroll:before{
                  content: '';
                  width: 8px;
                  height: 8px;
                  background: #fff;
                  margin-left: -4px;
                  top: 8px;
                  border-radius: 4px;
                  animation-duration: 1.5s;
                  animation-iteration-count: infinite;
                  animation-name: scroll;}



                        li.nav > a, h3 > a {
                          text-decoration: none;
                          position: relative;
                        }

                        li.nav > a:before {
                          content: "";
                          position: absolute;
                          width: 100%;
                          height: 3px;
                          bottom: -10px;
                          left: 0;
                          background: #FFFFFF;
                          visibility: hidden;
                          transform: scaleX(0);
                          transition: .25s linear;
                        }
                        li.nav > a:hover:before,
                        li.nav > a:focus:before {
                          visibility: visible;
                          transform: scaleX(1);
                        }
                        @keyframes scroll{
                          0% {
                            opacity: 1;}
                          100% {
                            opacity: 0;
                            transform: translateY(46px); }
                          }

/* Breadcrumb Navigation */
.storefront-breadcrumb { margin-top:210px; }
.woocommerce-breadcrumb { margin-top:100px;}

/* Search Pop Up */
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(200deg, rgba(141, 228, 169, 1), rgba(199, 228, 141, 1));
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999;
    display: block;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF!important; opacity: 0; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFFFFF!important; opacity: 0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFFFFF!important; opacity: 0;
}
#search input[type="search"] {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 30%;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	/*border-top: 3px solid rgba(255, 255, 255, 1);*/
  	border-bottom: 5px solid rgba(255, 255, 255, 1);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
  	font-family: 'Lato';
    font-weight: 500;
    text-align: center;
    outline: none;
  	padding: 10px;
    box-shadow:none;
}
/* ::placeholder { Chrome, Firefox, Opera, Safari 10.1+
    color: #FFFFFF!important;
    opacity: 1; Firefox
		text-transform:uppercase;
} */

/*:-ms-input-placeholder { Internet Explorer 10-11
    color: #FFFFFF!important;
		text-transform:uppercase;
} */

/* ::-ms-input-placeholder {
    color: #FFFFFF!important;
		text-transform:uppercase;
} */

#search .close {
		position: fixed;
		/*top: 15px;
		right: 15px;*/
		top:0;
		right:0;
		margin-top:12%;
		margin-right:10%;
		opacity: 1;
		font-size: 27px;
		color: #fff;
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}

/* Turns off default icon */
.widget_search form::before, .widget_product_search form::before {
	display:none!important;

}

/* Search Testing */
/*a.test{
  color: #FC2121;
  text-decoration: none;
  border: 4px solid #FC2121;
  padding: 10px 15px;
  line-height: 3;
  -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
				  transition: all .3s ease;
}

a.test:hover{
  color: #FFF;
  background: #FC2121;
  -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
				  transition: all .3s ease;
}*/


/* Homepage Main Promo Area */
.main-mobi { background-size:cover!important; background-position:center!important; height:100vh!important; background-attachment:fixed!important; }
.dot-matrix { position:absolute; width:100%; height:100vh; background-size:4px; }
#announcement_area { position: absolute; height: auto; width: 800px; padding: 1%; left:50%; top:40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.announcement_head { font-size: 40px; text-align: center; color: #FFFFFF; }
.announcement_sub_small { font-family:'Lato'!important; font-size: 25px; padding-bottom:20px; line-height:33px; text-align: center; color: #FFFFFF; }

/* Homepage Sub Promo Area */
.sub_promo_left { float:left; width:50%; height:500px; background-size:cover!important; background-position:center!important; }
.sub_promo_right { float:right; width:50%; height:500px; background-size:cover!important; background-position:center!important; }
.sub_promo_copy { position: relative; z-index:990; height: auto; width: 75%; padding: 1%; left:50%; top:25%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,0); transform: translate(-50%,0); }

/* Home Page Block Adjustments */
.lcd span.onsale { display:none; }
.woocommerce-LoopProduct-link { text-align:left; text-transform:uppercase; }
.ad_block_copy { color:#FFFFFF; }
.woocommerce-loop-product__title { font-family: 'Lato'; text-align: center; font-size: 1rem; font-weight: 400; margin: .5407911001em; text-align:left!important; }
.lcd span.price { display: block; color: #43454b; font-weight: 400; font-family: 'Lato'; text-align: left; font-size: .875em; margin: .5407911001em!important; }
.lcd ul.products li.product { font-family: 'Lato'; text-align: center; font-size: 1rem; }
.circle_list_fix ul { margin:0; padding:0; list-style-type:none; }
.product_list_fix ul { margin:0; padding:0; list-style-type:none; font-size:.65rem; /*font-size:.8rem;*/ text-align:left; }

/* Newsletter Plugin Overrides */
.mc4wp-alert, .mc4wp-success { font-family: 'Lato'!important; text-align: center; font-size: 20px; color:#dddddd!important; }
.mc4wp-response { padding:5%; float:left;}
.mc4wp-form-fields { width:400px; font-family: 'Lato'; font-size: .8rem; color:#dddddd!important; padding:0px; position:relative; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,0); transform: translate(-50%,0);  }
.mc4wp-form-fields p { margin:0px; float:left; }
/*.mc4wp-form-fields p label { display:none; }*/
.mc4wp-form-fields input[type="email"] { font-size:20px; padding:12px; }
.mc4wp-form-fields input[type="submit"] { display: inline-block;
    padding: 12px 15px;
    background: rgba(141, 228, 169, 1);
    transition: background-color 0.5s ease;
    font-family: 'Lato';
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-size:20px;
} }
.mc4wp-form-fields input[type="submit"]:hover { background-color:red; color:#232323!important; }

/* Button Adjustments */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button { background-color: rgba(141, 228, 169, 1)!important; border-color: rgba(141, 228, 169, 1)!important; color: #ffffff!important; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover { background-color: rgb(199, 228, 141)!important; border-color: rgb(199, 228, 141)!important; color: #ffffff!important; }

.fw_button { display: inline-block; padding: 10px 15px; background: rgba(141, 228, 169, 1); transition: background-color 0.5s ease; font-family: 'Lato'; color: #FFFFFF !important; text-transform: uppercase; }
.fw_button:hover { background:rgb(199, 228, 141)!important; transition: background-color 0.5s ease; }
.fw_button_contain { text-align:center; font-size:20px; margin-top:2%; }

.woocommerce-result-count { font-family:'Lato'!important; }
.entry-title { font-size:35px!important; color:#232323!important; text-transform: uppercase; }
.entry-content { font-family:'Lato'!important; }


/* Fawn Wellness Mobile Navigation Menu */
#mobi-nav-container { position: absolute; z-index: 992; width: 350px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.menu { cursor: pointer; position: fixed; z-index: 999; top: 30px; right: 30px; width: 40px; height: 40px; display:none;}
.menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 7px solid white; width: 100%; transition: 0.55s; }
.menu-top { top: 0; }
.menu-middle { top: 18px; }
.menu-bottom { top: 36px; }
.menu-top-click { backface-visibility: hidden; top: 15px; transform: rotate(50deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { backface-visibility: hidden; top: 15px; transform: rotate(-410deg); transition: 0.55s 0.5s; }

.mobi-nav { list-style:none; margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; font-size:25px; text-align:center; color:#FFFFFF; }
.mobi-nav li { padding:10px; }
.mobi-nav li a { color:#FFFFFF; font-weight:bold; }
.mobi-nav-btm { position: relative; z-index: 992; width:100%; }
.mobi-nav-social { list-style: none; margin: 0; padding: 0; left: 50%; position: relative; transform: translate(-50%, -50%); width: 150px; }
.mobi-nav-social li  { float:left; padding:10px; }

#ss-mobi-nav-bg { display:none; position:fixed; z-index: 991; width:100%; height:100vh; background-image: linear-gradient(200deg, rgba(141, 228, 169, .8), rgba(199, 228, 141, .9)); }
#ss-mobi-nav-bg.is-open { display:block; }
#mobi-logo { display:none; }

/* Mobile Navigation Styles / Animation */
.overlay-nav-menu-toggle {
	display:none;
	position: absolute;
  font-size: 4rem;
  z-index: 5000;
  color: #ffffff;
  top: 10;
  left: 1.5rem;
  transition: all 0.4s ease-in-out;
}

.overlay-nav-menu-toggle:hover {
  transition: all 0.4s ease-in-out;
  color: #ffffff;
}

.overlay-nav-menu {
  position: fixed;
  z-index: 1000;
  top: 10;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  list-style: none;
  /*background: #1779ba;*/
	/*background: rgba(23, 121, 186, 0.8);*/
	background-color: rgba(0, 0, 0, 0.8);
  background-size: cover;
  text-align: center;
  -webkit-transform: translateX(-100%) rotateX(40deg);
          transform: translateX(-100%) rotateX(40deg);
  transition: all 400ms cubic-bezier(1, -0.4, 0.44, 0.985);
}

.overlay-nav-menu li {
  font-size: 2rem;
	font-family: 'Anton';
}

.overlay-nav-menu a {
  display: block;
  color: #fefefe;
  font-weight: bold;
  height: 6.25rem;
  line-height: 6.25rem;
  border-bottom: 1px solid rgba(254, 254, 254, 0.5);
  text-decoration: none;
}

.overlay-nav-menu a:hover {
  background-color: rgba(254, 254, 254, 0.6);
  color: #0a0a0a;
}

.overlay-nav-menu.is-open {
  top: 0;
  opacity: 1;
  -webkit-transform: perspective(200px) translateX(0) rotateX(0);
          transform: perspective(200px) translateX(0) rotateX(0);
}

.overlay-nav-menu.is-open ~ .overlay-nav-menu-toggle {
	position:fixed;
	display: inline-block;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  color: white;
}
/* Fawn Wellness Mobile Navigation Menu End */

/* Account Page */
.woocommerce-MyAccount-navigation ul li a::before { color:#0d5933; }
.woocommerce-Button { display: inline-block!important; padding: 10px 15px!important; background: rgba(141, 228, 169, 1); transition: background-color 0.5s ease; font-family: 'Lato'; color: #FFFFFF !important; text-transform: uppercase!important; }
.woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color:#0d5933!important; }
/* Contact Page */
.fw-container { width:600px; height:auto; margin:auto; }
#wpcf7-f126-o1 {  }
.wpcf7-form label { font-family: 'Lato'; color:#333333; }
.wpcf7-form input { width:100%; }
.wpcf7-text { margin-top:1%; }
.wpcf7-textarea { width:100%; margin-top:1%; }
.wpcf7-submit { width:200px!important; }

/* Product Page Adjustments */
.content-area {width:100%; margin-right:0px;}
/* Turns off the fade in button at the top when user scrolls past the cart button */
.storefront-sticky-add-to-cart { display:none!important; }
/* Turns off the floated side product preview */
.storefront-product-pagination { display:none!important; }
.storefront-product-pagination a { z-index:990!important; }
.related { font-family:'Lato'!important; }
header { z-index:900!important; }
.woocommerce-loop-product__title { text-align:center!important; }

/* Product Left Tab */
.woocommerce-tabs ul.tabs { font-family:'Lato'!important; }

/* Product Right Tab */
.onsale { color:#FFFFFF!important; background: rgba(141, 228, 169, 1); font-family: 'Lato'; border:0px!important; }

/* Coloring the regular links green */
.product-name a { color:#0d5933; }
.shipping-calculator-button { color:#0d5933; }
.lost_password a { color:#0d5933; }
.woocommerce-privacy-policy-link { color:#0d5933; }
.woocommerce-MyAccount-content a { color:#0d5933; }
.woocommerce-MyAccount-navigation a { color:#0d5933; }
.product_meta a { color:#0d5933!important; }
#tab-title-reviews a { color:#0d5933; }
#tab-title-description a { color:#0d5933; }

/* Product Title */
.entry-title { font-family: 'Nanum Gothic'!important; }
.woocommerce-products-header__title { font-family: 'Nanum Gothic'!important; }
.term-description { font-family: 'Lato'!important; }
.price { font-family: 'Lato'!important; }
.woocommerce-result-count { font-family: 'Lato'!important; }

/* Footer */
.site-footer { background:rgba(76, 140, 97,1)!important; padding:1.618em 0 1.618em 0; }
.footer_social_block { max-width:500px; height:auto; margin: 0 auto; text-align:center; }
.footer_tagline { color:#FFFFFF; font-family:'Nanum Gothic', sans-serif; }
.footer_logo { max-width:500px; height:auto; margin: 0 auto; text-align:center; }
.footer_logo a { display:inline-block; margin-top:3%; }
.footer_link_container { max-width:1000px; height:auto; text-align:center; margin: 0 auto; }
.footer_link_list { list-style:none; margin:0px; text-align:center; position: relative; display: inline-block; width:80%; }
.footer_link_list li { display:inline; margin:1%; font-size:13px; }
.footer_links { color:#FFFFFF!important; }
.footer_copyright_block { max-width:1000px; height:auto; margin: 0 auto; color:#FFFFFF!important; }
.footer_copyright_block div { text-align:center; font-family:'Lato'; color:#FFFFFF!important; font-size:13px; }

@media screen and (max-width: 1080px) {
  .menu { display:block; top:70px; }
  .mobi-logo { display:block; }
  #fawn_nav_bar { display:none; }
  .sub_promo_left { width:100%; margin-top:2%; }
  .sub_promo_right { width:100%; margin-top:2%; }
	.homepage_block_left { width:97%!important; margin:1.5%!important; }
	.homepage_block_right { width:97%!important; margin:1.5%!important; }
	.home_products_right { width:23%!important; margin:1%!important; }
	.partner { width:48%!important; }
	.signup { width:48%!important; }
	.partner ul li { padding:1%!important; width:50px!important; }
	.partner_icon li a { width:50px!important; padding:0px!important; margin:0px; }
	.partner_icon li a img { width:100%!important; }
}

@media screen and (max-width: 960px) {
	.quadmenu-navbar-nav > li {
		margin: 0px 15px 0px 15px!important;
	}
	.navi-container {
		max-width:55em!important;
	}
	.category_icon li a { max-width:120px!important; max-height:120px!important; }
	.home_products_right { width:48%!important; margin:1%!important; }
	.home_products_right img { width:100%; }
	.partner { width:48%!important; }
	.signup { width:48%!important; }
	.partner ul li { padding:1%!important; width:50px!important; }
	.partner_icon li a { width:50px!important; padding:0px!important; margin:0px; }
	.partner_icon li a img { width:100%!important; }
}

@media screen and (max-width: 920px) {
  .quadmenu-navbar-nav > li {
		margin: 0px 15px 0px 15px!important;
	}
	.navi-container {
		max-width:55em!important;
		margin:0px!important;
	}
	.brand_logo {
		width:100%!important;
		margin:0!important;
	}
	.brand_logo img { margin:auto; }
	.navi-bar {
		width:75%!important;
	}
	.navi-icons {
		padding-right:5%!important;
		float:right;
	}
	.category_icon li a { max-width:120px!important; max-height:120px!important; }
	.partner { width:48%!important; }
	.signup { width:48%!important; }
	.partner ul li { padding:1%!important; width:50px!important; }
	.partner_icon li a { width:50px!important; padding:0px!important; margin:0px; }
	.partner_icon li a img { width:100%!important; }
}

@media screen and (max-width: 800px) {
  #announcement_area { width:90%!important; }
	.navi-container {
		max-width:55em!important;
		margin:0px!important;
	}
	.brand_logo {
		display:none!important;
	}
	.brand_logo img { margin:auto; }
	.navi-bar {
		display:none!important;
	}
	.navi-icons {
		display:none!important;
	}
	.overlay-nav-menu-toggle { display:block!important; }
	#search input[type="search"] { display:none; }
	.mobile_logo { display:block!important; }
	.home_category_block { display:none; }
	.partner { width:100%!important; }
	.signup { width:98%!important; }
	.partner ul li { padding:1%!important; width:18%!important; margin:0px!important; }
	.partner_icon li a { width:100%!important; padding:0px!important; margin:0px; }
	.partner_icon li a img { width:100%!important; }
	.mc4wp-form-fields p { width:50%!important; }
	.mc4wp-form-fields p input[type=email] { width:100%; }
	.mc4wp-form-fields p input[type=submit] { width:100%; }
}