/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

 :root {
 	--primary-color: #f04a2b; 
 	--secondary-color: #6b6b6b;
 	--font-color: #1e1e1e;
 }

 body .et_pb_button.alt-white{
 	color: var(--secondary-color) !important;
 	background:#fff !important;
 }

 body .et_pb_button.alt{
 	color: #fff !important;
 	background:var(--secondary-color) !important;
 }

 body .et_pb_button:active, .woocommerce a.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce-page button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce-page input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce #content input.button.alt:active, .woocommerce-page #content input.button.alt:active, .woocommerce a.button:active, .woocommerce-page a.button:active, .woocommerce button.button:active, .woocommerce-page button.button:active, .woocommerce input.button:active, .woocommerce-page input.button:active, .woocommerce #respond input#submit:active, .woocommerce-page #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page #content input.button:active {
 	color: #fff;
 	transform: translateY(-1px);
 	-webkit-box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	-moz-box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	border:0!important;
 	border-radius:0!important;
 }
 body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
 	color: #fff;
 	transform: translateY(-1px);
 	-webkit-box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	-moz-box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	box-shadow: 2px 2px 6px 0px rgba(51,51,51,1)!important;
 	border:0!important;
 	border-radius:0!important;
 }
 .et_pb_button, .woocommerce a.button.alt, .woocommerce-page .button, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button{
 	color: #fff !important;
 	border:0 !important;
 	border-radius:0 !important;
 	background:var(--primary-color) !important;
 	-webkit-box-shadow: 2px 2px 5px 0px rgba(51,51,51,1)!important;
 	-moz-box-shadow: 2px 2px 5px 0px rgba(51,51,51,1)!important;
 	box-shadow: 2px 2px 5px 0px rgba(51,51,51,1)!important;
 	-webkit-transition: all .3s ease;
 	-moz-transition: all .3s ease;
 	transition: all .3s ease;
 	
 }
 .woocommerce .checkout-button, .woocommerce-message a, .woocommerce-message .button{
 	text-align: center !important;
 	padding:10px!important;
 }

 .woocommerce .product-name a{
 	color: var(--font-color) !important;
 }

 /* Contact Forms */
 select {
 	display: block;
 	width: 100%;
 	color: #999 !important;
 	max-width: 100%; 
 	box-sizing: border-box;
 	margin: 0;
 	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
 	-moz-appearance: none;
 	-webkit-appearance: none;
 	appearance: none;
 	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
 	background-repeat: no-repeat, repeat;
 	background-position: right .7em top 50%, 0 0;
 	background-size: .65em auto, 100%;
 }
 select::-ms-expand {
 	display: none;
 }
 select:focus {
 	border-color: #aaa;
 	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 	box-shadow: 0 0 0 3px -moz-mac-focusring;
 	outline: none;
 }
 select option {
 	font-weight:normal;
 }

 .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, select, .page-container input[type=date], .page-container input[type=file], .page-container input[type=search], .wpcf7-quiz{
 	background-color: #eee !important;
 	border: none !important;
 	-moz-border-radius: 0 !important;
 	-webkit-border-radius: 0 !important;
 	border-radius: 0 !important;
 	color: #999 !important;
 	padding: 16px !important;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-captchar:focus, select:focus, .et-main-area input[type=date]:focus, 
 .et-main-area input[type=file]:focus, 
 .et-main-area input[type=search]:focus,
 .wpcf7-quiz:focus,
 .search-field:focus{
 	-webkit-box-shadow: 2px 2px 5px 0px var(--primary-color)!important;
 	-moz-box-shadow: 2px 2px 5px 0px var(--primary-color)!important;
 	box-shadow: 2px 2px 5px 0px var(--primary-color)!important;
 }

 .fullwidth{
 	width:100% !important;
 }