/* CSS Document */
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) { }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) { }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) { }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {  }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {  }


    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {  }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {  }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {  }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {  }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {  }





body { 
	padding: 0;
	
	background: url(/wp-content/themes/anga-child/_artwork/ghosted-b-bkgd.gif) no-repeat fixed center top;
	}
body, p { 
	font-size: 17px;
	line-height: 1.6em;
	/* font-family: 'Sintony', sans-serif; */
	font-family: 'Lato', sans-serif;
	color: #555;
}
p, ul { margin-bottom: 1.6em;  }


.sans { font-family: 'Lato', sans-serif !important;}
.serif { font-family: 'Lustria', serif !important; }

.gray { color: #555 !important; }
.green { color: #066 !important; }
.orange {  color:  #FF7100 !important; }

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
h1,h2,h3,h4 { 
	margin-bottom: .2em; font-weight: 300; 
	/*font-family: 'Rufina', serif; */
	font-family: 'Lustria', serif;
	color: #066;
	}
h5,h6 { margin-bottom: .4em; 
	/* font-family: 'Sintony', sans-serif; */
	font-family: 'Lato', sans-serif;
	color: #222;
	}

h1 { font-size: 54px; line-height: 1.05em ;  }
h2 { font-size: 42px; line-height: 1.05em ;  }
h3 { font-size: 36px; line-height: 1.2em ; }
h4 { font-size: 24px; line-height: 1.2em ;  }
h5 { font-size: 20px; }
h6 { font-size: 17px; }


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }


.intro { font-size: 160%; line-height: 1.8em; font-style: italic; font-family: 'Lustria', serif; margin: 0; }

.intro2 { font-size: 140%; line-height: 1.6em; font-style: italic; font-family: 'Lustria', serif; margin: 0; }

a { color: #066; }
a:link {  }
a:visited { }
a:active, a:hover { }



hr {  border: 1px solid rgba(226, 226, 226, 1.0); border-width: 1px 0 0; margin: 18px 0 17px 0;  height: 0; }
hr.dotted { border: dotted #eee; border-width: 1px 0 0; clear: both; margin: 18px 0 17px; height: 0; }






/* HEADER / NAVIGATION
------------------------------------ */
#header-nav-holder { background: none;   }

#menu-top-nav { margin: 0 auto; padding: 0; list-style: none; position: absolute; right: 0; z-index: 100; }
#menu-top-nav:after {  
		content: ""; 
	   	visibility: hidden; 
	   	display: none; 
	   	height: 0; 
	   	clear: both;
		}
	#menu-top-nav li { float: left;  border-right: solid 1px #e6e6e6; }
		#menu-top-nav li:last-of-type { border-right: none; }
		#menu-top-nav li a { color: #999; display: inline-block; padding: 3px 18px;  font-size: 10px; text-transform: uppercase; }
		#menu-top-nav li a:hover { background: #999; color: #fff;  }

		#menu-top-nav li.spa-menu a { color:  #FF7100; font-weight: bold; }
		#menu-top-nav li.spa-menu a:hover { background:  #FF7100; color: #fff; }
		
		
.bop-nav-search {   }
	form.bop-nav-search {  font-size: 12px; line-height: 1em; }
	form.bop-nav-search input.search-field { font-size: 12px; line-height: 1em; padding: 1px; margin: 8px 12px 6px 18px; height: 20px; width: 80%; color: #999; border: solid 1px #999; }
	form.bop-nav-search > label:nth-child(1) { font-size: 12px; line-height: 1em; }

.bop-nav-search input[type="submit"]{
  display: none;
}

.bop-nav-search .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}


@media only screen and (max-width : 768px) { 

#header-nav-holder { position: relative;  }
#menu-top-nav { margin: 0 auto; padding: 0; list-style: none; position: relative;  }
	
	#menu-top-nav li a { padding-left: 9px; padding-right: 9px; }
	#menu-top-nav li.wish-menu { display: none; }
	
	form.bop-nav-search {  font-size: 12px; line-height: 1em; width: 100px;  }
	form.bop-nav-search input.search-field { width: 100%; margin: 6px 0 0 6px; }
	
	
	#homeCustomSlider { margin-top: -77px; }
}

/* angaStyles overrides */
#siteHeader {  
	background-color: rgba(255,255,255,0.9) !important; 
	border-bottom: #ccc solid 1px;
  }
#siteHeader:after { 
/*
	 	content: " "; 
	   	visibility: hidden; 
	   	display: none; 
	   	height: 0; 
	   	clear: both; 
*/
 }
#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li a  {
    color: #666;
  }
#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li a:hover {
    color: #333;
  }
header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li a:hover {
   	color: #333;
  }
#siteNavigation #main_navbar_collapse .nav.navbar-nav > li .sub-menu { top: 42px; }

body header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li.current-menu-item > a { color: #066; }

#menu-primary-menu-top * { font-size: 15px; }

/* lightSkin overrieds */
#siteNavigation #main_navbar_collapse.um_box .nav.navbar-nav > li:hover > a,
#siteNavigation #main_navbar_collapse.um_box .nav.navbar-nav > li.current_page_item > a,
#siteNavigation #main_navbar_collapse.um_box .nav.navbar-nav > li.current-menu-item > a {
  border-color: #DDD;
}
#main_navbar_collapse .nav.navbar-nav > li > a {
  color: #666;
}

.sub-menu,
.sub-menu a {
	color: #666;
  	border-color: #DDD;
}
.sub-menu a:hover {
  	background: #f2f2f2;
}
.navbar-toggle { color: #666; }


@media only screen and (max-width : 992px) {
header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li a { font-size: 18px; padding-top: 5px; padding-bottom: 5px; border-top: solid 1px rgba(255,255,255,0.6); }
	header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav li a:hover { border-top: solid 1px rgba(0,0,0,0.6); }
header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav .sub-menu li a  { font-size: 14px; padding-top: 5px; padding-bottom: 5px; border-top: none; }
	header#siteHeader #siteNavigation .navbar-collapse .nav.navbar-nav .sub-menu li a:hover  { border-top: none; }
}

.um_cartWrapper .cartBtn { background-color: #f7f7f7;  text-transform: uppercase; font-size: 15px;  }
	.um_cartWrapper .cartBtn p { font-size: 15px; }
	.um_cartWrapper .cartBtn p span.cart_totlWrapper {background-color: #FBFBFB; }
	.um_cartWrapper .cart_content { top: 78px; font-size: 12px; line-height: 1.4em; }
	
	.widget.woocommerce.widget_shopping_cart ul.cart_list li { background-color: #f7f7f7 !important; }
	
	
/* woocommerce-twitter overrides */
.um_cartWrapper * { color: #666; font-size: 15px; }
.um_cartWrapper { height: inherit !important; min-width: 150px; }


/*
#siteHeader { background: purple !important; }
#siteContainer { background: yellow !important; }
#siteFooter { background: orange !important; }
*/

#footer-email-form { padding-right: 30px; }
#footer-email-form .et_bloom_form_text { padding: 0 15px; }
#footer-email-form .et_bloom_form_content { padding: 30px 20px 20px 20px; } 
#footer-email-form .et_bloom_form_content .et_bloom_popup_input { padding-bottom: 5px; margin-bottom: 5px; }
#footer-email-form .et_bloom_form_content .et_bloom_popup_input input { padding-bottom: 0; margin-bottom: 0; }

/* CONTENT CONTAINER
------------------------------------ */
#siteContainer:before {  }
#siteContainer:after { 
	 	content: " "; 
	   	visibility: hidden; 
	   	display: none; 
	   	height: 0; 
	   	clear: both; 
 }

.top-page-spacer { height: 60px !important; }

@media only screen and (max-width : 480px) {
	div.vc_empty_space { height: inherit !important; }
	#footer-email-form { padding-right: 0px; }
}
@media only screen and (max-width : 768px) { 
	div.vc_empty_space { height: inherit !important; }
	#footer-email-form { padding-right: 0px; }
}


/* FOOTER
------------------------------------ */
footer {  }
footer:before { content: "";   clear: both; top: 0; margin-top: 0;  }
#siteFooter { display: block; position: relative; background-color: #fff; border-top: #ccc solid 1px;    }
#siteFooter:before {   }

.footer-tagline { font-size: 20px; }
.footer-links { font-size: 15px; }
.footer-address { font-size: 15px; }

#footer-shipping-holder { background: #006666; }
	h5.shipping-message  { text-align: center; color: #fff; padding: 1em 0; margin: 0; }

#footer-nav-holder { background: #f7f7f7; }

#menu-footer-nav { margin: 0 auto; padding: 0; list-style: none; display: table; }
#menu-footer-nav:after {  
		content: ""; 
	   	visibility: hidden; 
	   	display: none; 
	   	height: 0; 
	   	clear: both;
		}
	#menu-footer-nav li { float: left;  border-right: solid 1px #e6e6e6; }
		#menu-footer-nav li:last-of-type { border-right: none; }
		#menu-footer-nav li a { color: #777; display: inline-block; padding: 12px 24px;  font-size: 15px; }
		#menu-footer-nav li a:hover { background: #ccc; color: #fff;  }





/* PLUG-INs
---------------------------------------  */
article.listing-view { } /* wraps entire listing */

.listing-content { }
	.listing-content h3 { }
	.listing-content h3 a { text-decoration: none; }

	.listing-content a.listing-thumb { }
		.listing-content a.listing-thumb img { }

	.listing-content .listing-excerpt { }

hr.listing-hr { border: 1px dotted rgba(200, 200, 200, 0.6); border-width: 1px 0 0; margin: 36px 0 35px 0;  height: 0; }



/* HOME
---------------------------------------  */
.metaslider {  /* position: relative; height: auto; */ }

.metaslider:before,
.metaslider:after { 
/*
	 	content: " "; 
	   	visibility: hidden; 
	   	display: none; 
	   	height: 0; 
	   	clear: both; 
*/
 }


.home-image { margin-bottom: 15px; }
.home-image-text h5 { margin-bottom: 3px; padding-bottom: 0; font-weight: bold;  }
	.home-image-text h5 a, .home-image-text h6 a { text-decoration: none !important; }
	.home-image-text h6 a { color: #555; }

/* ABOUT 
---------------------------------------  */
.page-slider-title, .page-big-title { font-size: 36px; line-height: 1em; color: #fff; text-align: center; text-shadow: #000 1px 1px 4px; }




/* MEDIA
---------------------------------------  */

#emdvideos { padding-left: 0 !important; padding-right: 0 !important; }
div.emd-container .carousel-inner .item.active iframe { border-color: #066 !important; }
div.emd-container a { color: #066 !important; }
div.emd-container .panel { border-color: #066 !important; }






/* PORTFOLIO 
---------------------------------------  */
article.workPost { max-height: 404px; overflow: hidden; }
.portfolio.oneColumn .workPostContent .um_title {  }

.single-portfolio h5.um_category.hasLine { margin-bottom: 30px; }
.single-portfolio h1.um_title { margin-bottom: 30px; }
.single-portfolio img.um_mokup { display: none; }
.single-portfolio .horizontal_mockup img.um_mokup { display: inherit; }
.single-portfolio .um_slider { padding-left: 5%; padding-right: 5%; }
.single-portfolio .um_hrSeperator { margin-bottom: 40px; }

.open-quote, .close-quote { margin-bottom: 0; }

/* BLOG 
---------------------------------------  */
.singlePost .singleBlogHeader { height: inherit; }
.singlePost .singleBlogHeader .singleHeaderImg { display: none; }
.singlePost .singleContent { margin-top: 0; }



.blogPost  .pageTitle { font-size: 18px !important; /*overflow: visible !important; white-space: normal !important;*/ }

.pageHeaderNew { }
.pageTitleNew { float: left; width: 50%; margin-right: 2%; padding: 3% 0 1% 0; }
.blogCategories { float: left; width: 48%; font-size: 14px; padding: 2% 0 1% 0;  }
	
	.blog-category-menu { float: right; }
	.blog-category-menu .dropdown-menu:after {
		left: auto;
		right: 13px;
		}
	.blog-category-menu .dropdown-menu {
		left: auto;
		right: 0;
		}


.box_border_grey {
	border-radius: 0px;
	box-shadow: none;
	padding: 6px;
	border: 1px solid #EBEBEB;
	}
	
.previous-next-nav { margin: 0 2% 6% 2%;  }
	.previous-next-nav:before { clear: both; content: "\A"; display: block;  white-space:pre; }
.nav-previous { float: left;  width: 50%; text-align: left;  }
.nav-next { float: right;  width: 50%; text-align: right;  }


@media only screen and (max-width : 768px) { 

.singlePost .singleBlogHeader { height: inherit; } 

.blogPage.oneColumn .blogPost header { padding: 15px; }
.blogPage.oneColumn .blogPost .blogPostContent { margin-left: 15px; margin-right: 15px; }

.nav-previous, .nav-next { /* float: none; width: 100%; text-align: center; */}

}

/* CONTACT 
---------------------------------------  */
#contact-form-bm { background: #066; }
	#contact-form-bm label { color: #fff; }
	
	#form-submit-contact-btn {  color: #fff; border: solid 1px #fff; font-size: 15px; }
	#form-submit-contact-btn:hover { border: solid 1px #fff !important; background-color: #015959; }
	
	div.wpcf7-validation-errors { border: solid 2px #FF7100 !important; color: #FF7100 !important; }
	span.wpcf7-not-valid-tip { color: #FF7100 !important; }


/* LISTING PAGES: ReLeases, etc.
---------------------------------------  */

.listingTopContainer {  
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
	}
	.listingTopContainer { height: 200px; }
.listingTopContainer.parallax {
  background-image: url("/wp-content/themes/anga-child/_artwork/soft-background.jpg");
}

h4.listingPageTitle { 
	display: block !important;
	float: none !important; 
	margin: 0 auto !important;
	font-size: 36px;
	text-align: center; 
	line-height: 200px; 
	 }

.listingSection {  padding: 5% 0 7% 0;  }
.listPosts { }
	.listPosts > article.release { }
	.listPosts > article.release .attibutes, .attibutes { font-size: 14px; text-transform: uppercase; color: #ddd; padding: .2em 0; border-bottom: solid 1px #ddd; margin-bottom: .4em; }

@media only screen and (max-width : 768px) {  


}


/* REVIEWS
---------------------------------------  */

.single-add-space-to-image { margin: 1% 0 3% 0; }
.see-the-review-button-div { margin: 4% 0 2% 0; width: 100%;  }
	.see-the-review-button-div div { display: table; margin: 0 auto;   }





/* SPA
---------------------------------------  */
.spa-icon-wrapper { width: 20%; float: left; text-align: center; }
	.spa-icon { display: inline-block; margin: 0 auto; padding: 0 0 6px 0; text-align: center; }
	.spa-text { display: block: text-align: center; }
	

.spa-sidebar { margin: 10% 0 5% 0; }
	.spa-sidebar .widget:not(.widget_rss) ul li { 
		background: #066; 
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px; /* future proofing */
		-khtml-border-radius: 12px; /* for old Konqueror browsers */
		border: solid 2px #004B4B !important; 
		margin-bottom: 10px; 
		}
		.spa-sidebar .widget:not(.widget_rss) ul li:hover { background: #004B4B; }
				.spa-sidebar .widget:not(.widget_rss) ul li.spa-button { background: #FF7100; border: solid 2px #E66600 !important;}
					.spa-sidebar .widget:not(.widget_rss) ul li.spa-button:hover { background: #E66600; }
				
		.spa-sidebar .widget.widget_nav_menu ul li a { color: #fff; padding: 10px 20px; border: none; text-decoration: none;  text-align: center; line-height: 1.2em;  }
		.spa-sidebar .widget.widget_nav_menu ul li a:hover { color: #fff; }
		
		.spa-sidebar .widget.widget_nav_menu ul li.current_page_item { background: #ccc; border: solid 2px #999 !important;  }
			.spa-sidebar .widget.widget_nav_menu ul li.current_page_item a { color: #999; }
			.spa-sidebar .widget.widget_nav_menu ul li.current_page_item a:hover { color: #fff; }
		.spa-sidebar .widget.widget_nav_menu ul li.current_page_item:hover { background: #999;  }
		
		.spa-sidebar .widget.widget_nav_menu ul li a:after { content: none; }
		
@media only screen and (max-width : 768px) {  
	.spa-icon-wrapper { width: 100%; float: none; padding-bottom: 3%; }
	
}


/* 404 page
---------------------------------------  */
body.error404 #siteHeader {
  display: block;
}
body.error404 .um_helper {
  position: relative;
  height: inherit;
  height: inherit;
  height: inherit;
  height: inherit;
  top: inherit;
}
body.error404 #siteFooter {
  position: relative;
  width: 100%;
  bottom: inherit;
}
h3.theError { color: #fff; }


body.error404 #siteHeader * .um_middle.header-logo:first-child {  display: none; }





.vc_btn3 { background-color: #066 !important; }

/* WOOCOMMERCE
------------------------------------ */

.container.um_woocommerce { padding-top: 30px; margin-top: 0; }
.um_woocommerce .page-title { display: block; }
.um_woocommerce form.woocommerce-ordering { margin: 0; padding: 0; display: inline-block; }
	.um_woocommerce .products { padding-top: 20px; }
	.um_woocommerce .products:before { content: ""; clear: both; }

	div.product, .product:not(.type-product) { background-color: rgba(255,255,255,0.0);  }
	
	div.product .um_relative { min-height: 236px;   }
		div.product .um_relative img { position: absolute; bottom: 0; vertical-align: bottom; }
	div.product h3 { font-size: 20px; }


	.woocommerce h1.page-title  { font-size: 36px; line-height: 1.0em ;  } 
/* product cateogry header */
.shop_header_bkg { height: 184px; width: 100%; background: rgba(0,0,0,0.1); }



/* product detail page */
html .woocommerce div.product p.price { font-size: 24px !important;  }
.woocommerce div.product .stock { color: #066 !important; }


/* fix related products */
.woocommerce .related ul.products li.product {width: 33%; }
.woocommerce .related ul.products li:nth-child(3n) { margin-right: 0; }

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {  
	.woocommerce .related ul.products li.product {width: 33%; max-width: 360px; }    
}

.yith-wcpb-product-bundled-items, 
.yith-wcpb-product-bundled-items tr { border: none !important; }
.yith-wcpb-product-bundled-items tr td,
.yith-wcpb-product-bundled-items tr td.yith-wcpb-product-bundled-item-image,
.yith-wcpb-product-bundled-items tr td.yith-wcpb-product-bundled-item-data { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(231,231,231,1.0); ;}
.yith-wcpb-product-bundled-item-data p { font-size: 90%; line-height: 1.2em; }


.wc-tabs { font-size: 14px; }
form.cart { font-size: 14px; line-height: inherit;  }
form.cart .quantity:before { }
form.cart .quantity input.input-text {  height: 53px; margin-left: -3px;  }  /* I will likey hate myself for this later... */



/* issue on medium display - force all to relative on img */
div.product .um_relative img { position: relative; }

.woocommerce .addresses .address:hover h3  { color: #fff !important; }

/* checkout fixes */
.woocommerce .shop_table.woocommerce-checkout-review-order-table { width: 60%; }
.woocommerce-checkout #payment { width: 35%; margin-left: 4.5%;  }
.woocommerce-checkout #payment ul.payment_methods { padding: 10px; }



/* checkout Authorize.Net field fixes */
#wc-authorize-net-cim-credit-card-account-number_field,
#wc-authorize-net-cim-credit-card-expiry_field,
#wc-authorize-net-cim-credit-card-csc_field { width: 100% !important; background: pink; float: left; }

#wc-authorize-net-cim-credit-card-account-number_field:after,
#wc-authorize-net-cim-credit-card-expiry_field:after,
#wc-authorize-net-cim-credit-card-csc_field:after {
	  content: ""; 
	   visibility: hidden; 
	   display: none; 
	   height: 0; 
	   clear: both;
}

#wc-authorize-net-cim-credit-card-account-number_field > input,
#wc-authorize-net-cim-credit-card-expiry_field > input,
#wc-authorize-net-cim-credit-card-csc_field > input { width: 100% !important; }

.woocommerce-tabs.wc-tabs-wrapper > #jp-relatedposts {display: none;  }

p.demo_store {  }


/* new product badge css overrides */
/* see note in functions file if badges disapper after plug-in update */
ul.products li.product .wc-new-badge,
span.wc-new-badge { 
	position: absolute; z-index: 100; top: 0; left: 0; 
	font-size:.75em;
	text-transform: uppercase;
	color: white;
	background:#FF7100;
	padding:.2em .5em;
	display: inline-block;
	font-weight: 700;
	border-radius:2px;
}


.pp_top,
.pp_right,
.pp_bottom,
.pp_left,
.pp_content,
.pp_content_container, 
.pp_pic_holder * {}

body .pp_pic_holder * {  } 


.woocommerce .woocommerce-message:before { color: #fff; }
.woocommerce .woocommerce-message { 
		background-color: #FF7100 !important; 
		border: none !important; 
		text-align: center; 
		margin-bottom: 6px !important; 
		/*
		margin-left: 8.5% !important;
		margin-right: 8.5% !important;
		*/
		color: #fff;
	}
	.woocommerce .woocommerce-message h5 { color: #fff; margin-bottom: .1em;}
	
.woocommerce .cart_container .woocommerce-message { 
		background-color: #FF7100 !important; 
		border: none !important; 
		text-align: center;
		margin-left: 0 !important;
		margin-right: 0 !important;
		color: #fff;
		}

.woocommerce .addresses .title h3 { float: none; }
.woocommerce .addresses .title a.edit { position: relative; padding: 0; float: none; }
.woocommerce .addresses .title a.edit:after { display: none !important; }

@media only screen and (max-width : 768px) {
/* cart */
.woocommerce table.shop_table_responsive tr.cart_item.yith-wcpb-child-of-bundle-table-item { display: none; }

/* checkout fixes */
.woocommerce .shop_table.woocommerce-checkout-review-order-table { width: 100%; }
.woocommerce-checkout #payment { width: 100%; margin-left: 0; }
.woocommerce-checkout #payment ul.payment_methods { padding: 10px; }

.woocommerce .woocommerce-message { 
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

}



/***************************
	forms overrides
****************************/	
input,
input[type="text"],
input[type="email"], 
input[type="date"], 
input[type="password"], 
input[type="date"],
textarea, 
select
{ 
	font-family: inherit; 
	width: 100%; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
	border: solid 1px #ddd ; 
	background: #f7f7f7; background-color: #f7f7f7; 
	padding: .5em 1em;  
	}
	
input:hover,
input[type="text"]:hover,
input[type="email"]:hover, 
input[type="date"]:hover, 
input[type="password"]:hover, 
input[type="date"]:hover,
textarea:hover, 
select:hover,
#password:hover, #password_again:hover 
{
		opacity: 1; 
		background: #fff; background-color: #fff; 
}

#password, #password_again { padding: .5em 1em !important;}  


/* button and submits */
input[type="submit"],
#nuv-button, #pippin_login_submit, #form-submit-contact-btn { 
		border: 1px solid #ddd; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
		-moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;
		margin: 8px 0 24px 0;
		padding: .5em 1em;  
		font-size: 1.5em;
		}
/* button and submits hover */	
input[type="submit"]:hover,
#nuv-button:hover, #pippin_login_submit:hover, #form-submit-contact-btn:hover {   
		opacity: 1; 
		}
	
input[type="submit"]:after,
#nuv-button:after, #pippin_login_submit:after, #form-submit-contact-btn:after {	
	
		}

















/* 
#################################################
  Custom Responsive Stuff cause their stuff sucks
#################################################
*/
.floatLeft { float: left; }
.floatRight { float: right; }

.clear-both, .clear-stuff { clear: both; height: 0; font-size: 0; line-height: 0; display: block; }
.clear-stuff-fix:after, .clearfix2:after { 
	   content: ""; 
	   visibility: hidden; 
	   display: none; 
	   height: 0; 
	   clear: both;
	}
/* anga template no likey
.clearfix:after {	
 	   content: ""; 
	   visibility: hidden; 
	   display: none; 
	   height: 0; 
	   clear: both;
	}
*/
	
.row-stuff { margin-bottom: 5%; }	
	.row-stuff .col-one { float: left; width: 30%; margin-right: 5%; }
	.row-stuff .col-two { float: left; width: 65%;  }
	.row-stuff .col-three { float: left; width: 100%; }
	
	.row-stuff .r-col-1   { float: left; width: 1%; }
	.row-stuff .r-col-2   { float: left; width: 2%; }
	.row-stuff .r-col-3   { float: left; width: 3%; }
	.row-stuff .r-col-4   { float: left; width: 4%; }
	.row-stuff .r-col-5   { float: left; width: 5%; }
	.row-stuff .r-col-6   { float: left; width: 6%; }
	.row-stuff .r-col-7   { float: left; width: 7%; }
	.row-stuff .r-col-8   { float: left; width: 8%; }
	.row-stuff .r-col-9   { float: left; width: 9%; }
	.row-stuff .r-col-10  { float: left; width: 10%; }
	.row-stuff .r-col-11  { float: left; width: 11%; }
	.row-stuff .r-col-12  { float: left; width: 12%; }
	.row-stuff .r-col-13  { float: left; width: 13%; }
	.row-stuff .r-col-14  { float: left; width: 14%; }
	.row-stuff .r-col-15  { float: left; width: 15%; }
	.row-stuff .r-col-16  { float: left; width: 16%; }
	.row-stuff .r-col-17  { float: left; width: 17%; }
	.row-stuff .r-col-18  { float: left; width: 18%; }
	.row-stuff .r-col-19  { float: left; width: 19%; }
	.row-stuff .r-col-20  { float: left; width: 20%; }
	.row-stuff .r-col-21  { float: left; width: 21%; }
	.row-stuff .r-col-22  { float: left; width: 22%; }
	.row-stuff .r-col-23  { float: left; width: 23%; }
	.row-stuff .r-col-24  { float: left; width: 24%; }
	.row-stuff .r-col-25  { float: left; width: 25%; }
	.row-stuff .r-col-26  { float: left; width: 26%; }
	.row-stuff .r-col-27  { float: left; width: 27%; }
	.row-stuff .r-col-28  { float: left; width: 28%; }
	.row-stuff .r-col-29  { float: left; width: 29%; }
	.row-stuff .r-col-30  { float: left; width: 30%; }
	.row-stuff .r-col-31  { float: left; width: 31%; }
	.row-stuff .r-col-32  { float: left; width: 32%; }
	.row-stuff .r-col-33  { float: left; width: 33%; }
	.row-stuff .r-col-34  { float: left; width: 34%; }
	.row-stuff .r-col-35  { float: left; width: 35%; }
	.row-stuff .r-col-36  { float: left; width: 36%; }
	.row-stuff .r-col-37  { float: left; width: 37%; }
	.row-stuff .r-col-38  { float: left; width: 38%; }
	.row-stuff .r-col-39  { float: left; width: 39%; }
	.row-stuff .r-col-40  { float: left; width: 40%; }
	.row-stuff .r-col-41  { float: left; width: 41%; }
	.row-stuff .r-col-42  { float: left; width: 42%; }
	.row-stuff .r-col-43  { float: left; width: 43%; }
	.row-stuff .r-col-44  { float: left; width: 44%; }
	.row-stuff .r-col-45  { float: left; width: 45%; }
	.row-stuff .r-col-46  { float: left; width: 46%; }
	.row-stuff .r-col-47  { float: left; width: 47%; }
	.row-stuff .r-col-48  { float: left; width: 48%; }
	.row-stuff .r-col-49  { float: left; width: 49%; }
	.row-stuff .r-col-50  { float: left; width: 50%; }
	.row-stuff .r-col-51  { float: left; width: 51%; }
	.row-stuff .r-col-52  { float: left; width: 52%; }
	.row-stuff .r-col-53  { float: left; width: 53%; }
	.row-stuff .r-col-54  { float: left; width: 54%; }
	.row-stuff .r-col-55  { float: left; width: 55%; }
	.row-stuff .r-col-56  { float: left; width: 56%; }
	.row-stuff .r-col-57  { float: left; width: 57%; }
	.row-stuff .r-col-58  { float: left; width: 58%; }
	.row-stuff .r-col-59  { float: left; width: 59%; }
	.row-stuff .r-col-60  { float: left; width: 60%; }
	.row-stuff .r-col-61  { float: left; width: 61%; }
	.row-stuff .r-col-62  { float: left; width: 62%; }
	.row-stuff .r-col-63  { float: left; width: 63%; }
	.row-stuff .r-col-64  { float: left; width: 64%; }
	.row-stuff .r-col-65  { float: left; width: 65%; }
	.row-stuff .r-col-66  { float: left; width: 66%; }
	.row-stuff .r-col-67  { float: left; width: 67%; }
	.row-stuff .r-col-68  { float: left; width: 68%; }
	.row-stuff .r-col-69  { float: left; width: 69%; }	
	.row-stuff .r-col-70  { float: left; width: 70%; }
	.row-stuff .r-col-71  { float: left; width: 71%; }
	.row-stuff .r-col-72  { float: left; width: 72%; }
	.row-stuff .r-col-73  { float: left; width: 73%; }
	.row-stuff .r-col-74  { float: left; width: 74%; }
	.row-stuff .r-col-75  { float: left; width: 75%; }
	.row-stuff .r-col-76  { float: left; width: 76%; }
	.row-stuff .r-col-77  { float: left; width: 77%; }
	.row-stuff .r-col-78  { float: left; width: 78%; }
	.row-stuff .r-col-79  { float: left; width: 79%; }
	.row-stuff .r-col-80  { float: left; width: 80%; }
	.row-stuff .r-col-81  { float: left; width: 81%; }
	.row-stuff .r-col-82  { float: left; width: 82%; }
	.row-stuff .r-col-83  { float: left; width: 83%; }
	.row-stuff .r-col-84  { float: left; width: 84%; }
	.row-stuff .r-col-85  { float: left; width: 85%; }
	.row-stuff .r-col-86  { float: left; width: 86%; }
	.row-stuff .r-col-87  { float: left; width: 87%; }
	.row-stuff .r-col-88  { float: left; width: 88%; }
	.row-stuff .r-col-89  { float: left; width: 89%; }
	.row-stuff .r-col-90  { float: left; width: 90%; }
	.row-stuff .r-col-91  { float: left; width: 91%; }
	.row-stuff .r-col-92  { float: left; width: 92%; }
	.row-stuff .r-col-93  { float: left; width: 93%; }
	.row-stuff .r-col-94  { float: left; width: 94%; }
	.row-stuff .r-col-95  { float: left; width: 95%; }
	.row-stuff .r-col-96  { float: left; width: 96%; }
	.row-stuff .r-col-97  { float: left; width: 97%; }
	.row-stuff .r-col-98  { float: left; width: 98%; }
	.row-stuff .r-col-99  { float: left; width: 99%; }
	.row-stuff .r-col-100 { float: left; width: 100%; }
	
	.row-stuff .r-margin-1  { margin-right: 1%; }
	.row-stuff .r-margin-2  { margin-right: 2%; }
	.row-stuff .r-margin-3  { margin-right: 3%; }
	.row-stuff .r-margin-4  { margin-right: 4%; }
	.row-stuff .r-margin-5  { margin-right: 5%; }
	.row-stuff .r-margin-6  { margin-right: 6%; }
	.row-stuff .r-margin-7  { margin-right: 7%; }
	.row-stuff .r-margin-8  { margin-right: 8%; }
	.row-stuff .r-margin-9  { margin-right: 9%; }
	.row-stuff .r-margin-10 { margin-right: 10%; }
	.row-stuff .r-margin-11 { margin-right: 11%; }
	.row-stuff .r-margin-12 { margin-right: 12%; }
	.row-stuff .r-margin-13 { margin-right: 13%; }
	.row-stuff .r-margin-14 { margin-right: 14%; }
	.row-stuff .r-margin-15 { margin-right: 15%; }
	.row-stuff .r-margin-16 { margin-right: 16%; }
	.row-stuff .r-margin-17 { margin-right: 17%; }
	.row-stuff .r-margin-18 { margin-right: 18%; }
	.row-stuff .r-margin-19 { margin-right: 19%; }
	.row-stuff .r-margin-20 { margin-right: 20%; }
	.row-stuff .r-margin-21 { margin-right: 21%; }
	.row-stuff .r-margin-22 { margin-right: 22%; }
	.row-stuff .r-margin-23 { margin-right: 23%; }
	.row-stuff .r-margin-24 { margin-right: 24%; }
	.row-stuff .r-margin-25 { margin-right: 25%; }
	.row-stuff .r-margin-26 { margin-right: 26%; }
	.row-stuff .r-margin-27 { margin-right: 27%; }
	.row-stuff .r-margin-28 { margin-right: 28%; }
	.row-stuff .r-margin-29 { margin-right: 29%; }
	.row-stuff .r-margin-30 { margin-right: 30%; }
	.row-stuff .r-margin-31 { margin-right: 31%; }
	.row-stuff .r-margin-32 { margin-right: 32%; }
	.row-stuff .r-margin-33 { margin-right: 33%; }
	.row-stuff .r-margin-34 { margin-right: 34%; }
	.row-stuff .r-margin-35 { margin-right: 35%; }
	.row-stuff .r-margin-36 { margin-right: 36%; }
	.row-stuff .r-margin-37 { margin-right: 37%; }
	.row-stuff .r-margin-38 { margin-right: 38%; }
	.row-stuff .r-margin-39 { margin-right: 39%; }
	.row-stuff .r-margin-40 { margin-right: 40%; }
	.row-stuff .r-margin-41 { margin-right: 41%; }
	.row-stuff .r-margin-42 { margin-right: 42%; }
	.row-stuff .r-margin-43 { margin-right: 43%; }
	.row-stuff .r-margin-44 { margin-right: 44%; }
	.row-stuff .r-margin-45 { margin-right: 45%; }
	.row-stuff .r-margin-46 { margin-right: 46%; }
	.row-stuff .r-margin-47 { margin-right: 47%; }
	.row-stuff .r-margin-48 { margin-right: 48%; }
	.row-stuff .r-margin-49 { margin-right: 49%; }
	.row-stuff .r-margin-50 { margin-right: 50%; }
	


.margin-top-1 { margin-top: 1%; }
.margin-top-2 { margin-top: 2%; }
.margin-top-3 { margin-top: 3%; }
.margin-top-4 { margin-top: 4%; }
.margin-top-5 { margin-top: 5%; }
.margin-top-6 { margin-top: 6%; }
.margin-top-7 { margin-top: 7%; }
.margin-top-8 { margin-top: 8%; }
.margin-top-9 { margin-top: 9%; }
.margin-top-10 { margin-top: 10%; }

.margin-right-1 { margin-right: 1%; }
.margin-right-2 { margin-right: 2%; }
.margin-right-3 { margin-right: 3%; }
.margin-right-4 { margin-right: 4%; }
.margin-right-5 { margin-right: 5%; }
.margin-right-6 { margin-right: 6%; }
.margin-right-7 { margin-right: 7%; }
.margin-right-8 { margin-right: 8%; }
.margin-right-9 { margin-right: 9%; }
.margin-right-10 { margin-right: 10%; }

.margin-bottom-1 { margin-bottom: 1%; }
.margin-bottom-2 { margin-bottom: 2%; }
.margin-bottom-3 { margin-bottom: 3%; }
.margin-bottom-4 { margin-bottom: 4%; }
.margin-bottom-5 { margin-bottom: 5%; }
.margin-bottom-6 { margin-bottom: 6%; }
.margin-bottom-7 { margin-bottom: 7%; }
.margin-bottom-8 { margin-bottom: 8%; }
.margin-bottom-9 { margin-bottom: 9%; }
.margin-bottom-10 { margin-bottom: 10%; }

.margin-left-1 { margin-left: 1%; }
.margin-left-2 { margin-left: 2%; }
.margin-left-3 { margin-left: 3%; }
.margin-left-4 { margin-left: 4%; }
.margin-left-5 { margin-left: 5%; }
.margin-left-6 { margin-left: 6%; }
.margin-left-7 { margin-left: 7%; }
.margin-left-8 { margin-left: 8%; }
.margin-left-9 { margin-left: 9%; }
.margin-left-10 { margin-left: 10%; }




	
	
/* Small screens */
@media only screen and (max-width: 40em) { 
	
	.clear-both { clear: none; }
	
	.row-stuff { }
	
	.row-stuff .col-one { float: none; width: 100%; margin-right: 0;  margin-top: 2% }
	.row-stuff .col-two { float: none; width: 100%;  margin-right: 0;  margin-top: 2% }
	.row-stuff .col-three { float: none; width: 100%; margin-right: 0;  margin-top: 2%}
	
	.row-stuff .r-col-1,
	.row-stuff .r-col-2,
	.row-stuff .r-col-3,
	.row-stuff .r-col-4,
	.row-stuff .r-col-5,
	.row-stuff .r-col-6,
	.row-stuff .r-col-7,
	.row-stuff .r-col-8,
	.row-stuff .r-col-9,
	.row-stuff .r-col-10,
	.row-stuff .r-col-11,
	.row-stuff .r-col-12,
	.row-stuff .r-col-13,
	.row-stuff .r-col-14,
	.row-stuff .r-col-15,
	.row-stuff .r-col-16,
	.row-stuff .r-col-17,
	.row-stuff .r-col-18,
	.row-stuff .r-col-19,
	.row-stuff .r-col-20,
	.row-stuff .r-col-21,
	.row-stuff .r-col-22,
	.row-stuff .r-col-23,
	.row-stuff .r-col-24,
	.row-stuff .r-col-25,
	.row-stuff .r-col-26,
	.row-stuff .r-col-27,
	.row-stuff .r-col-28,
	.row-stuff .r-col-29,
	.row-stuff .r-col-30,
	.row-stuff .r-col-31,
	.row-stuff .r-col-32,
	.row-stuff .r-col-33,
	.row-stuff .r-col-34,
	.row-stuff .r-col-35,
	.row-stuff .r-col-36,
	.row-stuff .r-col-37,
	.row-stuff .r-col-38,
	.row-stuff .r-col-39,
	.row-stuff .r-col-40,
	.row-stuff .r-col-41,
	.row-stuff .r-col-42,
	.row-stuff .r-col-43,
	.row-stuff .r-col-44,
	.row-stuff .r-col-45,
	.row-stuff .r-col-46,
	.row-stuff .r-col-47,
	.row-stuff .r-col-48,
	.row-stuff .r-col-49,
	.row-stuff .r-col-50,
	.row-stuff .r-col-51,
	.row-stuff .r-col-52,
	.row-stuff .r-col-53,
	.row-stuff .r-col-54,
	.row-stuff .r-col-55,
	.row-stuff .r-col-56,
	.row-stuff .r-col-57,
	.row-stuff .r-col-58,
	.row-stuff .r-col-59,
	.row-stuff .r-col-60,
	.row-stuff .r-col-61,
	.row-stuff .r-col-62,
	.row-stuff .r-col-63,
	.row-stuff .r-col-64,
	.row-stuff .r-col-65,
	.row-stuff .r-col-66,
	.row-stuff .r-col-67,
	.row-stuff .r-col-68,
	.row-stuff .r-col-69,	
	.row-stuff .r-col-70,
	.row-stuff .r-col-71,
	.row-stuff .r-col-72,
	.row-stuff .r-col-73,
	.row-stuff .r-col-74,
	.row-stuff .r-col-75,
	.row-stuff .r-col-76,
	.row-stuff .r-col-77,
	.row-stuff .r-col-78,
	.row-stuff .r-col-79,
	.row-stuff .r-col-80,
	.row-stuff .r-col-81,
	.row-stuff .r-col-82,
	.row-stuff .r-col-83,
	.row-stuff .r-col-84,
	.row-stuff .r-col-85,
	.row-stuff .r-col-86,
	.row-stuff .r-col-87,
	.row-stuff .r-col-88,
	.row-stuff .r-col-89,
	.row-stuff .r-col-90,
	.row-stuff .r-col-91,
	.row-stuff .r-col-92,
	.row-stuff .r-col-93,
	.row-stuff .r-col-94,
	.row-stuff .r-col-95,
	.row-stuff .r-col-96,
	.row-stuff .r-col-97,
	.row-stuff .r-col-98,
	.row-stuff .r-col-99,
	.row-stuff .r-col-100 { float: none; width: 100%; display: block; }
	
	
	
	.row-stuff .r-margin-1  { margin-right: 0;  margin-top: 1%; }
	.row-stuff .r-margin-2  { margin-right: 0;  margin-top: 2%; }
	.row-stuff .r-margin-3  { margin-right: 0;  margin-top: 3%; }
	.row-stuff .r-margin-4  { margin-right: 0;  margin-top: 4%; }
	
	.row-stuff .r-margin-5
	.row-stuff .r-margin-6,
	.row-stuff .r-margin-7,
	.row-stuff .r-margin-8,
	.row-stuff .r-margin-9,
	.row-stuff .r-margin-10 { margin-right: 0;  margin-top: 5%;}
	
	.row-stuff .r-margin-11
	.row-stuff .r-margin-12,
	.row-stuff .r-margin-13,
	.row-stuff .r-margin-14,
	.row-stuff .r-margin-15,
	.row-stuff .r-margin-16,
	.row-stuff .r-margin-17,
	.row-stuff .r-margin-18,
	.row-stuff .r-margin-19,
	.row-stuff .r-margin-20,
	.row-stuff .r-margin-21,
	.row-stuff .r-margin-22,
	.row-stuff .r-margin-23,
	.row-stuff .r-margin-24,
	.row-stuff .r-margin-25,
	.row-stuff .r-margin-26,
	.row-stuff .r-margin-27,
	.row-stuff .r-margin-28,
	.row-stuff .r-margin-29,
	.row-stuff .r-margin-30,
	.row-stuff .r-margin-31,
	.row-stuff .r-margin-32,
	.row-stuff .r-margin-33,
	.row-stuff .r-margin-34,
	.row-stuff .r-margin-35,
	.row-stuff .r-margin-36,
	.row-stuff .r-margin-37,
	.row-stuff .r-margin-38,
	.row-stuff .r-margin-39,
	.row-stuff .r-margin-40,
	.row-stuff .r-margin-41,
	.row-stuff .r-margin-42,
	.row-stuff .r-margin-43,
	.row-stuff .r-margin-44,
	.row-stuff .r-margin-45,
	.row-stuff .r-margin-46,
	.row-stuff .r-margin-47,
	.row-stuff .r-margin-48,
	.row-stuff .r-margin-49,
	.row-stuff .r-margin-50 { margin-right: 0;  margin-top: 10%; }
	
	
}








/* 01-31-18 quick fix for woocommerce and flatsome theme not getting allong */
.product-category.col.product, div.subcategories { display:none !important; }

/* SMALL */
@media screen and (max-width: 549px) {

	.product-category.col.product, div.subcategories { display:none !important; }

}
