/*
Theme Name: Shoptimizer Child Theme
Theme URI: https://www.commercegurus.com/shoptimizer-changelog/
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: https://www.commercegurus.com/shoptimizer-changelog/
Template: shoptimizer
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.vp-category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.vp-category-list .category-item {
	width: calc(33.333% - 20px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px;
	cursor: pointer;
}

.vp-category-list .category-item.has-image {
	height: 200px;
}

.vp-category-list .category-item .name {
	background: #36AF49;
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding: 15px;
}

.vp-category-list .category-item:not(.has-image) .name {
	background: #36AF49;
}

/* Newsletter widget */
.newsletter-form {
	background: #50AF4A;
	padding: 40px;
	margin-bottom: 50px;
  width: 100%;
}

.newsletter-form h3 {
	color: #ffffff;
	margin-bottom: 20px;
}

.newsletter-form .tnp-subscription {
	max-width: 100% !important;
	width: 860px !important;
}

.newsletter-form form .tnp-field-firstname {
	display: inline-block;
	width: calc(30% - 15px);
}

.newsletter-form form .tnp-field-email {
	display: inline-block;
	width: calc(70% - 15px);
}

.newsletter-form form .tnp-field-firstname {
	margin-right: 20px;
}

.newsletter-form .tnp-field-privacy label {
	color: #fff;
}

.newsletter-form .tnp-subscription input.tnp-submit {
	background-color: #FFF600;
	color: #282828;
	padding: 10px 40px;
}

.newsletter-form form input:active,
.newsletter-form form input:focus {
  background: #fff !important;
}

.below-content .col-full {
  display: block !important;
}

.below-content .widget {
  width: 100% !important;
}

/* WP Form */
.wpforms-widget .widget-title {
	border-bottom: 0 !important;
	color: #000;
	font-size: 28px !important;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px !important;
}

.wpforms-widget .widget-title::after {
	display: none;
}

.wpforms-widget form {
	background: #ffffff;
	padding: 70px 50px;
    width: 860px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.wpforms-title {
	color: #AD0000 !important;
	font-weight: 600;
}

.wpforms-field-row {
	width: 100% !important;
	max-width: 100% !important;
}

.wpforms-field-name .wpforms-field-row-block {
	width: 48% !important;
}

.wpforms-field-name input {
	width: 100% !important;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
	max-width: 100% !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	background: #FFF600 !important;
	font-weight: 600 !important;
	color: #000 !important;
}

div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email] {
	height: 45px !important;
}

@media all and (max-width: 992px) {
	.reviews .review {
		width: calc(50% - 10px);
	}
	
	.vp-category-list .category-item {
		width: calc(50% - 20px);
	}
}

@media all and (max-width: 768px) {
	.newsletter-form form .tnp-field-firstname,
	.newsletter-form form .tnp-field-email {
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0;
	}
	
	.reviews .review {
		padding: 20px 20px 10px;
		width: 100%;
	}
	
	.vp-category-list .category-item {
		width: 100%;
		margin: 10px 0;
	}
}