/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Template: u-design
Version: 1.0.0
*/

/**** BEGIN ADDING YOUR CUSTOM CSS CODE BELOW: ****/




#slogan { display: none!important;}

h3 { color: #E59100!important; }

.divider { margin-bottom: 8px; padding-top: 8px; }

/* reduce footer text size */
#footer, #footer_text { font-size: 12px!important; }

/* change the background colour of expanded toggles to white */
.slide_toggle_content { background: #ffffff !important; }


/* START CONTACT FORM 7 MODS FOR GENERAL CONTACT FORM */

/* CONTACT FORM 7 - Changes the colour of the field labels  */
.wpcf7-form p { font-size : 13px!important;
    color:#515151!important;
}   

/* CONTACT FORM 7 - Changes the style of the input boxes (name, email, subject, message)  
.wpcf7-validates-as-email, .wpcf7-validates-as-required, .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar { border:1px solid #000;
    background:#ffffff !important; 
    font-size :13px;
    color:#000000 ! important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 94%;
    padding: 4px;
}
 */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="select"], .wpcf7 textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-sizing: border-box;
}

.wpcf7-select { border:1px solid #000;
    background: #ffffff!important;
    font-size :13px;
    color:#000000 ! important;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 8px;
}

/* CONTACT FORM 7 - Changes the style of the submit button */
.wpcf7-form-control.wpcf7-submit {
    border:1px solid #f49e11;
    background:#f49e11!important; 
    font-size :13px;
    color:#ffffff!important; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 8px;
}

/* CONTACT FORM 7 - Changes the style of the submit button on hover */
.wpcf7-form-control.wpcf7-submit:hover {
    border:1px solid #a6a6a6;
    background:#a6a6a6!important;     
    font-size :13px;
    color:#000000!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 8px;
}

/* Reduce the spacing between contact form components */ 
.wpcf7-form p { margin: 0px; }

/* Used on the Contact Page to style the Address Summary Details */
.contactbox {border:none}
.contactbox h6 {background:#373737;padding:5px;}   /* used to create the coloured strips on the page */
.contactbox p {color:#9c9c9c;padding:0px;}
.contactbox { -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
}


/*  span.wpcf7-form-control-wrap { 	display: inline !important; }  */


/* END CONTACT FORM 7 MODS FOR GENERAL CONTACT FORM */

/* START CONTACT FORM 7 MODS FOR RESELLER SIGNUP FORM */

#responsive-form { max-width:800px; margin:0 auto; width:100%; }
.form-row { width: 100%; }
.column-half, .column-full { float: left; position: relative; padding: 0.65rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clearfix:after { content: ""; display: table; clear: both; }

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
.column-half { width: 50%; }
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="select"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}

.wpcf7-select { font-size: 13px; padding: 7px; }

.wpcf7 input[type="text"]:focus{ background: #fff; }

.wpcf7-submit{ float: right;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{ background: #ff0000; }

span.wpcf7-not-valid-tip{ text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}


/* END CONTACT FORM 7 MODS FOR RESELLER SIGNUP FORM */



/* Change font colour in woo buttons */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
    background-color: #f49e11;
    color: #ffffff!important;
}

/* change the colour of the top border shown on woocommerce messages */
.woocommerce-message, .woocommerce-info {
    border-top-color: #f49e11!important;
}



/* Start Woocommerce Mods */

/* Change the size & color of the ship to billing address checkbox text on the order checkout page 
.woocommerce .checkout #shiptobilling label, .woocommerce-page .checkout #shiptobilling label {font-size: .95em; color: #ffffff;}   */

/* Change the color of the payment methods options checkbox text on the order checkout page 
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods {  color: #000000; } */

/* Change the color of the T&C acknowledgement text & link on the order checkout page 
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox a {  color: #000000; } */

/* Change the color of the 'Order Comments' input area text on the order checkout page 
#order_comments.input-text {  color: #000000; } */

/* .term-description { display: none !important; }  */

/* Adjust the size of product titles in woocommerce product pages */
ul.products li.product h3 { font-size: 1.0em !important; }  

/* Hide woocommerce meta tags and categories on product pages  */
.product_meta {display:none;} 

/* Hide the SKU and SKU wrapper on product pages 
.product .sku { display: none !important; }
.sku_wrapper { display: none !important; } */

/* Change width & height of the woocommerce coupon input box on shopping cart pages */
#coupon_code.input-text { width: 180px; padding: 6px 6px 9px; }

/* .showcoupon {  color: #000000; }
.form-row.validate-required.woocommerce-validated input.input-text {  color: #000000; }  */

/* Slightly increase the size of the add to cart button */
.single_add_to_cart_button.button.alt { height:30px; }

/* Hide related products within woocommerce across the board */
.related.products { display: none; }

/* Hide woocommerce reviews tab */
.reviews_tab { display: none; }
/* .woocommerce_tabs .tabs { display: none; } */

/* adjust the padding on woccommerce buttons */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: .5em 1em!important; }

/* Add more height to the qty input button on product pages */
.woocommerce .quantity .qty { height: 21px!important; }

/* Modify the styling of woocommerce tables */
.woocommerce form.login, .woocommerce form.register, .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 2px solid rgba(244, 158, 17, 0.9); }

/* Hide the colours label on woocommerce swatches 
table.variations-table label { display: none!important; } 
#pa_size_label { display: none!important; }  */

/* Start woocommerce message box colour changes */

.woocommerce-message {
	border-top: 3px solid #f49e11
}
.woocommerce-message:before {
	background-color: #f49e11;
	content: "\2713"
}
.woocommerce-info {
	border-top: 3px solid #f49e11
}
.woocommerce-info:before {
	background-color: #f49e11;
/*	content: "i" */
}
.woocommerce-error {
	border-top: 3px solid #f49e11
}
.woocommerce-error:before {
	background-color: #f49e11;
/*	content: "x"; */
}

/* End woocommerce message box colour changes */


/* hide borders on add to cart shortcode items 
.product.woocommerce { border:none!important; } */

.woocommerce a.button { margin: 5px 0 0; }


/* Hide the social media links on product pages */
.social { display: none!important; } 

/* Hide the image title on lightboxes on product pages */
div.ppt {  display: none !important; }

/* Hide the social media links on product page lightboxes */
.pp_social { display: none; }

/* hide the variations label on product pages */
.woocommerce div.product form.cart .variations label { display: none!important; }

/* widen the variation select dropdown on product pages */
.woocommerce div.product form.cart .variations select { min-width: 75%; }

/* Remove the words    Product Description    from from single product pages  */
.panel.entry-content.h2{display:none!important;} 

/* woocommerce force product pages to be full width */
#sidebar.grid_8 { display: none !important; }
#sidebar.push_8, #main-content.push_8 { left: 0%; }
#main-content.grid_16 { width: 98%; }


/* Start woocommerce button colour mods */

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { background:#f49e11 !important;
	background-color:#f49e11 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#f49e11 !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { background:#f49e11 !important;
	color:white !important;
	text-shadow: transparent !important;
	border-color:#f49e11 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background:#f49e11 !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color:white !important;
	border-color:#f49e11 !important;
}

/* End woocommerce button colour mods*/

/* Reduce the font weight in woocommmerce buttons */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 500; text-transform: uppercase; }

/* Change the width of the 360 degree view container */
#container.wc360-container { width: 460px!important; }

/* change (reduce) font size of variable product 'titles' in a composite build product layout */
.step_index { font-size: 16px!important; }
.step_title { font-size: 16px!important; }
.woocommerce div.product, .component_title.product_title h2 { font-size: 1.10em!important; }
.woocommerce div.product, .product_title { font-size: 16px!important; }

/* change (reduce) font size of variable product 'message boxes' in a composite build product layout */
.composite_form, .component_message.bottom, .woocommerce-info { font-size: 12px!important; }

/* Reduce the padding before prices on variations in a composite build product layout */
.woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 0em; }

/* change (reduce) font size of variable product prices in a composite build product layout */
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.15em; }

/* change (reduce) font size of variable 'clear selection' text in a composite build product layout 
.component, .clear_component_options { font-size: 1.10em; } 
*/

.component.options-style-dropdowns, .component_options_inner, .component.options-style-radios, .component_options_inner { padding: 0 0 1px 0; }

/* change the colour of the border of boxes on the cart page   */
.woocommerce form.login, .woocommerce form.register, .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 2px solid rgba(244, 158, 17, 0.9)!important;  } 

/*  .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: 1px solid rgba(237, 237, 237, 0.9)!important; } */
    
/* .woocommerce form .form-row input.input-text, form .form-row textarea {  border: none!important; } */ 


form .form-row input.input-text, form .form-row textarea, .widget_login input#user_login, .widget_login input#user_pass, .widget_product_search input.search-field {
    padding: 10px!important; 
-webkit-box-shadow: inset 0 0px 0px 0 rgba(0,0,0,0.1)!important;
}

/* nudge the proceed with paymnent button slightly to the left */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin-right: 30px; }

/* manually adjust the height of the form input boxes on the my account page */
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { min-height: 330px!important; }


/* Style the jwmessageadd_shipping_notice FUNCTION */
.rtrn { font-style: italic; }



/* End Woocommerce Mods */


/* RESPONSIVE MODS BELOW 
------------------------------- */

/* Mobile Screen ( smaller than 480px )*/
@media screen and ( max-width: 480px )  { 
.back-to-top { display:none; }

}

/* Medium Screen ( 480px to 719px ) */
@media screen and ( min-width: 480px ) and ( max-width: 719px ) {  
.getthemost { font-size: 14px!important; }
}

/* 720px to 959px Screen */
@media screen and ( min-width: 720px ) and ( max-width: 959px ) { 

}