/* 
 Theme Name:     Diced Cafe
 Author:         Starbright
 Author URI:     https://starbright.co.za/
 Template:       Divi
 Version:        Version: 1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.9.5
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* main nav */
ul#menu-main-menu li {
    padding-right: 30px;
}

/*contact*/
.contact-form {
	display:flex;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
  background-color: #f6f7f8;
   border: none;
    padding: 17px;
    color: #556570 !important;
    margin-bottom: 10px;
    margin-right: 10px;
	width: 100%;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    border-width: 2px!important;
    border-color: #bd8f52;
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 13px;
    font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #bd8f52;
    color: #fff;
    padding-top: 16px!important;
    padding-right: 24px!important;
    padding-bottom: 16px!important;
    padding-left: 24px!important;
	box-shadow: inset 0px 0px 0px 2px #ffffff;
    transition: border 300ms ease 0ms,box-shadow 300ms ease 0ms;
	float: right;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
	    border-color: #d1d1d1!important;
        border: 2px solid transparent;
		box-shadow: inset 0px 0px 0px 6px #ffffff;
}

.contact-form-col-1 {
    margin-right: 10px;
}

/*Home*/
.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}

footer.et-l.et-l--footer a:hover {
    color: #BD8F52 !important;
}

#top-bar a:hover {
    color: #BD8F52 !important;
}

/*Contact*/
a.tel:hover {
	color: #BD8F52 !important;
}

a.email:hover {
	color: #BD8F52 !important;
}


/*responsiveness*/
@media all and (max-width: 980px) {
 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin-bottom: 30px;
}
	
@media all and (max-width: 767px) {
 .contact-form {
    display: flex;
    flex-wrap: wrap;
}
	
	.contact-form-col-1 {
    margin-right: 0;
	width: 100%;
}
	
	.contact-form-col-2 {
	width: 100%;
}
	
}
}