/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@media(max-width: 500px){
	body .product-small .product-title, body .product-small .product-title a {
		color: #000;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
}
.product-small.box .box-text.box-text-products {
    text-align: center;
}
.lightbox-by-id {
	padding: 0 !important;
	border-radius: 16px;
	overflow: hidden;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  gap: 20px;
}

.form-group.half {
  flex: 1 1 48%;
}

.form-group.full {
  flex: 1 1 100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="datetime-local"],
select,
textarea {
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  border: 1px solid #000;
  border-radius: 5px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    height: auto;
}
textarea {
  min-height: 100px;
  resize: vertical;
}

.wpcf7-submit.btn-primary {
  background: #000c3d;
  color: #fff;
  padding: 10px 30px;
  border: none;
  border-radius: 999px;
  font-weight: bold;
  transition: 0.3s;
}

.wpcf7-submit.btn-primary:hover {
  background: #001c6b;
  cursor: pointer;
}

.popup-content .wpcf7,
.popup-title {
	padding: 24px;
}

.popup-content .wpcf7 label {
	font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.popup-content .wpcf7-form-control-wrap input[type="text"],
.popup-content .wpcf7-form-control-wrap input[type="tel"],
.popup-content .wpcf7-form-control-wrap select,
.popup-content .wpcf7-form-control-wrap textarea {
	background-color: var(--bs-white);
	border: 0;
	border-radius: 0;
	box-shadow: none !important;
	font-weight: 300;
	font-size: 1.05em;
	padding: 4px 0 5px;
	border-bottom: 1px solid #303030a6;
	height: unset;
	color: var(--bs-gray-600);
	appearance: none;
	margin-bottom: 25px;
}

.popup-content .wpcf7-form-control-wrap textarea {
	height: 80px;
    min-height: unset;
}

.popup-content .wpcf7 input[type="submit"] {
	border-radius: 99px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.popup-title h4 {
	font-size: .95em;
    color: var(--primary-color);
    line-height: 1.2;
    text-transform: none;
}

.popup-title h3 {
	font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
    color: #D42600;
    margin: 5px 0;
    line-height: 1.4;
}

.popup-title p {
	font-size: .9em;
    opacity: .8;
    color: #495057;
    margin-bottom: 0;
}

ul.content-navigation li {
	background-color: rgba(243, 246, 249, 0.61);
}