/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Description: Child theme for the Twenty Twenty-One theme
Author: Your Name
Author URI: https://yourwebsite.com
Template: twentytwentyone
*/

/* You can start adding custom styles below */

body{
	padding:0;
	margin:0;
	overflow-x:hidden;
}
a,:hover{
	text-decoration:none;
	transition: all 0.3s;
}
.site-header {
    z-index: 99;
    position: relative;
}
.top-bar {
    width: 100%;
	padding: 5px 0;
    text-align: right;
}
.top-bar a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 18px;
}
.top-bar a:hover{
    color:#f15722;
}
a.search-icon {
    position: relative;
    top: 5px;
}
.top-bar  .search-form {
    position: absolute;
    right: 0;
    top: 47px;
    background: #fff;
    padding: 14px;
    z-index: 99;
    border: solid 1px #ccc;
}
.top-bar  .search-form > label {
    display:none;
}
.top-bar .search-form .search-field {
    padding: 5px !important;
    margin: 0;
	    font-size: 18px;
    border: solid 1px;
}
.top-bar input.search-submit {
    padding: 0px 10px;
	    margin: 0;
	outline:none !important;
	color:#fff !important;
    height: auto !important;
    line-height: 0 !important;
	background:#F15722 !important;
	border:0 !important;
}
.top-bar input.search-submit:hover {
	border:0 !important;
	background:#28303d !important;
}
.primary-navigation a {
    font-size: 18px;
	color:#fff !important;
}
.primary-navigation a:hover{
	color:#28303d !important;
	text-decoration:none;
}
.site-logo {
    margin: 0;
}
.brands{
	text-align:center;
}
.brands .gallery-item {
    vertical-align: middle !important;
}
.site-footer {
    margin-top: 0px !important;
	padding-bottom:0 !important;
}
.site-footer > .site-info {
    border: 0;
    padding: 0 0 0 0;
    margin-bottom: 0 !important;
    margin: 0;
}
.site-main {
    padding-top: 0 !important;
    padding-bottom: 6px;
}
.mail-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    max-width: 646px !important;
    width: 100%;
}
.mail-form input{
    border: solid 1px #ccc !important;
	border-radius:10px !important;
	outline:none !important;
}
.mail-form  #input_1_6_3_container {
    width: 100%;
}
.mail-form  .gform-theme--foundation .gform_fields {
     row-gap: 24px;
}
.mail-form  h2.gform_title {
    font-size: 28px;
    border-bottom: solid 1px #ccccccde;
    padding-bottom: 13px;
    margin-bottom: 26px;
	font-weight:bold;
	color: #F15722;
}
input#gform_submit_button_1 {
    color: #F15722;
    text-transform: uppercase;
    background: #fff;
    font-weight: bold;
}
input#gform_submit_button_1:hover{
    color: #fff;
    text-transform: uppercase;
    background: #F15722;
    font-weight: bold;
}

@media (max-width:767px){
.top-bar{
    text-align: center;
	background: #fff;
}
.top-bar a {
    font-size: 15px;
    margin: 0 0 0 11px;
}
p {
    line-height: 25px;
}
.menu-button-container #primary-mobile-menu{
	padding-right:0;
}
.menu-button-container #primary-mobile-menu .dropdown-icon {
    color: #fff;
}
.primary-navigation a {
    font-size: 18px;
    color: #fff !important;
}
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
    color: #fff;
    padding-right: 20px;
}
	.primary-navigation > .primary-menu-container,
	.primary-navigation-open .menu-button-container{
		background-color:#F15722;
		
	}
.site-header {
    background: #F15722;
    margin: 0;
    width: 100%;
	    row-gap: 0;
	        justify-content: space-between;
    max-width: 100%;
}
.brands .gallery {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
	justify-content: center;
	align-items: center;
}
.brands .gallery-item {
     max-width: 39% !important;
	margin:0 !important;
	padding:0 !important;
 }
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        position: relative;
        padding-top: 0;
        margin-top: 0;
        top: 0;
    }
	.primary-navigation{
		position:unset;
	}
	.menu-button-container,
	.menu-button-container #primary-mobile-menu{
        margin: 0;
        padding: 0;
    }
    .menu-button-container #primary-mobile-menu {
        top: auto;
        bottom: 13px;
        right: 20px;
		outline: none;
		position:relative;
    }
.site-branding {
    margin-right: 0;
    padding: 9px 20px 10px;
}
.site-logo .custom-logo {
    max-width: 127px;
    max-height: unset !important;
}
.primary-navigation-open .menu-button-container {
    justify-content: right;
    padding: 20px 0px;
}
.top-bar .search-form {
    width: 100%;
	    top: 43px;
    max-width: 100%;
}
}