/*
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.   ***************/

.header-nav-main {
	li{
		&:hover{
			a{
				color: var(--primary-color);
			}
		}
		&:last-child {
			a {
				padding: .5rem 2rem;
				border: 3px solid var(--primary-color);
				border-radius: 5px;
				background: var(--primary-color);
				color: white;
				&:hover{
					background: white;
					color: var(--primary-color);
				}
			}
		}
	}
}
.m-0{
	p{
		margin: 0;
	}
}
.banner-radius{
	border-radius: 2%;
	overflow: hidden;
}
.icon-box-get{
	.col-inner{
		padding-bottom: 0px !important;
		.icon-box{
			position:relative;
			top: calc(-60px - 15px);
			.icon-box-img{
				border-radius: 3px;
				background: var(--fs-color-secondary);
				color: white;
				padding: 8px 16px;
			}
		}
	}
}

.rounded{
	border-radius: 8px;
	overflow: hidden;
}
.icon-box-left, .icon-box-right{
	align-items: center;
}

/* cf7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.wpcf7-radio label {
  display: block;
  margin-bottom: 5px;
}

.wpcf7-submit {
  background: #0a3a12;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.wpcf7-submit:hover {
  background: #0c4a18;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}