/*
Theme Name: baracocoa
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* Hide Top Control */
html #topcontrol{display:none!important;}

/* Quick Cart */
#mini-cart.simple .cart-items{box-shadow:none!important;}

/* Mobile Menu */
#side-nav-panel{background-color:rgba(0,0,0,0.6)!important;}

/* Newsletter */
.bottom-contact-input.w-news-btn {	border: solid 3px #000000;	height: 35px;	width: 260px;	box-shadow: -4px 4px 0px 0px #000000;	}
.bottom-contact-input.w-news-btn:focus	{	box-shadow: -4px 4px 0px 0px #000000!important;	}
.bottom-contact-button.btn-primary.news-btn {	background-color: #000000;	width: 200px;	margin-top: 10px;	height: 40px;	color: #FFFFFF;	font-size: 16px;	}
.contact-box	{	background-color:rbga(255,255,255,0.5);	}

.contact-form-container {  max-width: 600px;  margin: 0 auto;  background: rgba(255,255,255,0.5);  padding: 40px;  color: #000;  font-family: 'Poppins', sans-serif;	}

.contact-form-container h2 {  font-size: 28px;  margin-bottom: 20px;	}
.form-row {  display: flex;  gap: 20px;	}
.form-group {  flex: 1;  display: flex;  flex-direction: column;	}

.contact-form-container input[type="text"], .contact-form-container input[type="email"], .contact-form-container textarea {
  background: transparent;  border: none;  border-bottom: 2px solid #000;  padding: 8px 0;  font-size: 14px;  outline: none;  color: #000;	}

.contact-form-container textarea {  resize: none;  height: 100px;	}

.contact-form-container input[type="submit"] {
  background: #000;  color: #fff;  padding: 10px 30px;  border: none;  border-radius: 25px;  cursor: pointer;  transition: all 0.3s ease;  display: inline-block;  margin-top: 20px;	}

.contact-form-container input[type="submit"]:hover {  background: #333; }

.contact-form-container2 {	max-width: 600px;  margin: 0 auto;	}
.contact-form-container2 p {	background: #000000;	padding: 2px;	}
.contact-form-container2 a {	color: #ffffff;	padding: 2px; text-decoration:underline;	}