/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Header **/
header {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: linear-gradient(0deg, rgb(0, 0, 63), rgb(0, 0, 114) 70%) !important;
	padding-top: 50px !important;
	display: block !important;
	overflow: visible !important;
	overflow-x: visible !important;
	cursor: auto !important;
}

/** Header >> Serach Form **/
form.search-form input {
	border-radius: 0 !important;
}

/** Header >> Serach widget wrapper **/
section#gwnf-search-widget-5 div#gwnf-search-widget-wrapper {
	border-radius: 0 !important;
}

/** Header >> Logo Title **/
p.site-title a {
	background-color: rgba(0, 0, 0, 0) !important;
	background-repeat: no-repeat !important;
}


/*= Main Menu ================= */

/** Main Menu >> Navbar Primary **/
nav.nav-primary {
	background-image: linear-gradient(180deg, rgb(0, 0, 114), rgb(0, 0, 63) 70%) !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 5000 !important;
	display: block !important;
	overflow-y: visible !important;
}

/** Main Menu >> Menu active **/
li.current-menu-item a {
	color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(0deg, rgb(0, 0, 114), rgb(0, 0, 63)) !important;
}

/** Main Menu >> Hover **/
li.menu-item a:hover {
	color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(0deg, rgb(0, 0, 114), rgb(0, 0, 63)) !important;
}

/** Main Menu >> Menu active hover **/
li.menu-item-type-custom a:hover {
	color: rgba(255, 255, 255, 0.97) !important;
	background-image: linear-gradient(0deg, rgb(0, 0, 114), rgb(0, 0, 63)) !important;
}

/** Main Menu >> Woo Cart Menu Hover **/
li.wpmenucartli a:hover {
	color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(180deg, rgb(0, 0, 63), rgb(0, 0, 114) 90%) !important;
}

/** Main Menu >> Woo Check Out Button **/
a.checkout-button {
	background-image: linear-gradient(rgb(190, 39, 47), rgb(115, 27, 33)) !important;
	border-radius: 20px !important;
}


/*= Content =================== */

/** Content >> Title **/
header.entry-header h1.entry-title {
	background-color: rgba(0, 0, 0, 0) !important;
}

/** Content >> H1 Title **/
header.entry-header h1.entry-title {
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: none !important;
}

/** Content >> Title 2 **/
header.entry-header h1.entry-title {
	background-color: rgb(255, 255, 255) !important;
	background-image: none !important;
}

/** Content >> Widget **/
section {
	background-image: linear-gradient(180deg, rgb(0, 0, 140), rgb(0, 0, 114) 90%, rgb(0, 0, 114)) !important;
	border-radius: 0 !important;
}

/** Content >> Button Submit **/
input[type=submit] {
	background-image: linear-gradient(rgb(190, 39, 47), rgb(115, 27, 33)) !important;
	border-radius: 0 !important;
}

/** Content >> Content body **/
main.content {
	border-radius: 0 !important;
}

/** Content >> BG **/
div.site-container div.site-inner {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: linear-gradient(rgb(242, 242, 242), rgb(230, 230, 230)) !important;
}

/** Content >> Product Category H3 **/
li.product-category h3 {
	text-align: center !important;
}

/** Content >> Product Category Mark Count **/
li.product-category mark.count {
	color: rgb(0, 0, 114) !important;
	background-color: rgba(255, 255, 0, 0) !important;
}

/** Content >> Product Price Listing View **/
span.woocommerce-Price-amount {
	color: rgb(0, 0, 114) !important;
	font-weight: 900 !important;
	text-align: center !important;
}

/** Content >> Product Price **/
p.price span {
	color: rgb(0, 0, 114) !important;
}

/** Content >> Cart Button **/
form.cart button {
	background-image: linear-gradient(rgb(190, 39, 47), rgb(115, 27, 33)) !important;
}

/** Content >> Input Button **/
input.button {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 0, 0) !important;
	background-image: linear-gradient(rgb(190, 39, 47), rgb(115, 27, 33)) !important;
	border-radius: 0 !important;
}

/** Content >> Begin Opnieuw Button **/
input.js-wpv-reset-trigger {
	background-image: linear-gradient(rgb(190, 39, 47), rgb(115, 27, 33)) !important;
	border-radius: 0 !important;
}

/** Content >> Header Title **/
header.title {
	background-image: linear-gradient(rgba(0, 0, 63, 0), rgba(0, 0, 114, 0)) !important;
}

/** Content >> Article Header **/
article.entry header.entry-header {
	background-image: linear-gradient(rgba(0, 0, 63, 0), rgba(0, 0, 114, 0), rgba(0, 0, 114, 0)) !important;
}

/** Content >> Product Link Catalog **/
a.woocommerce-LoopProduct-link h3 {
	text-align: left !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	border-color: rgb(190, 10, 38) !important;
}

/** Content >> Product Price Catalog **/
span.price span.amount {
	text-align: center !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

/** Content >> Products Cat Listings View Background **/
ul.products li.product-type-simple {
	border: 1px ridge rgb(0, 0, 114) !important;
}

/** Content >> Li.purchasable A.add_to_cart_button **/
li.purchasable a.add_to_cart_button {
	/* MT [ google_font: 1 ] */
	font-family: 'Cuprum' !important;
	font-size: 15px !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: capitalize !important;
	padding: 5px !important;
	margin-right: 15px !important;
	margin-bottom: 15px !important;
	margin-left: 15px !important;
	border: 1px solid rgb(0, 0, 114) !important;
}

/** Content >> Ul.products Li.product **/
ul.products li.product {
	border: 1px solid rgb(0, 0, 114) !important;
}

/** Content >> Div.coupon Input.input-text **/
div.coupon input.input-text {
	width: 120px !important;
	height: 36px !important;
}

/** Content >> Div.quantity Input.qty **/
div.quantity input.qty {
	padding-right: 10px !important;
}

/** Content >> Sidebar widget **/
.sidebar .widget {
	border-top-left-radius: 0 !important;
}

/** Content >> .related **/
.related {
	background-image: linear-gradient(rgba(0, 0, 0, 0), transparent) !important;
}


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

/** Footer >> Footer **/
footer {
	background-image: linear-gradient(rgb(0, 0, 114), rgb(0, 0, 63) 90%) !important;
	margin-bottom: -26px !important;
}

/** Footer >> Footer text **/
div.site-container footer.site-footer {
	color: rgb(255, 255, 255) !important;
}

/** Footer >> .entry-footer .entry-meta **/
.entry-footer .entry-meta {
	background-color: rgb(255, 255, 255) !important;
}

/** Footer >> .comment-header **/
.comment-header {
	background-image: linear-gradient(rgba(0, 0, 63, 0), transparent) !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= Header ==================== */

	/** Header >> Header **/
	header {
	height: 190px !important;
}

	/** Header >> Serach Form **/
	form.search-form input {
	border-color: rgb(255, 255, 255) !important;
}

	/** Header >> Logo Title **/
	p.site-title a {
	background-repeat: no-repeat !important;
}


	/*= Content =================== */

	/** Content >> Sidebar widget **/
	.sidebar .widget {
	border-top-left-radius: 0 !important;
}

	/** Content >> Search form input **/
	.search-form input {
	border-top-left-radius: 30px !important;
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Header ==================== */

	/** Header >> Header **/
	header {
	height: 269px !important;
}

	/** Header >> Serach Form **/
	form.search-form input {
	border-color: rgb(255, 255, 255) !important;
}

	/** Header >> Serach widget wrapper **/
	section#gwnf-search-widget-5 div#gwnf-search-widget-wrapper {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 0 !important;
}

	/** Header >> Logo Title **/
	p.site-title a {
	background-repeat: no-repeat !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Header ==================== */

	/** Header >> Serach Form **/
	form.search-form input {
	border-color: rgb(255, 255, 255) !important;
}

	/** Header >> Serach widget wrapper **/
	section#gwnf-search-widget-5 div#gwnf-search-widget-wrapper {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 0 !important;
}

	/** Header >> Logo Title **/
	p.site-title a {
	background-repeat: no-repeat !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Header ==================== */

	/** Header >> Serach Form **/
	form.search-form input {
	border-color: rgb(255, 255, 255) !important;
	border-radius: 0 !important;
}

	/** Header >> Serach widget wrapper **/
	section#gwnf-search-widget-5 div#gwnf-search-widget-wrapper {
	border-radius: 0 !important;
}

	/** Header >> Logo Title **/
	p.site-title a {
	background-repeat: no-repeat !important;
}


	/*= Content =================== */

	/** Content >> Widget **/
	section {
	background-image: linear-gradient(rgb(0, 0, 140), rgb(0, 0, 114)) !important;
}

	/** Content >> Button Submit **/
	input[type=submit] {
	border-top-left-radius: 0 !important;
}


}