/*
Theme Name: Shopkeeper Child
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 1.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/* Helper classes */

.m-auto {
	margin: auto;
}
.mx-auto {
	margin: 0 auto;
}

/* Extra classes */

.green-lg-form .vc_column-inner {
	text-align: center;
	background-color: #a4d686 !important;
	padding: 30px 32px 20px 32px !important;
}

.green-lg-form .gform_body  {
	text-align: center;
}
.green-lg-form .gform_body li.gfield {
	padding-right: 0px !important;
}
.green-lg-form h3,
.green-lg-form h2,
.green-lg-form .gform_body .gfield_label {
	color: white;
}
.green-lg-form .gform_body input, .green-lg-form .gform_body select{
	margin: 0 auto;
	width: 100% !important;
	padding: 0 20px;
	text-align: center;
	text-align-last:center;
}

/* Theme fixes */
.ufaq-faq-title-text {
	/* Text was on the other line because of miscalculation */
	width: calc(100% - 50px) !important;
}
.ufaq-faq-div {
	/* looks better */
    margin: 10px 0px !important;
}
/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {
	.product_infos .product_summary_top .woocommerce-breadcrumb {
    	width: 100% !important;
	}
	.product-images-style-3 .product_images .product-image:not(.featured) {
		max-width: 140px;
    	float: left;
    	margin-right: 25px
	}
	.product_title.entry-title.for-desktop {
		width: 53% !important;
	}
	.product_layout_3 .product_content_wrapper .product_infos {
    	width: 28% !important;
	}
	form.cart .gfield {
		padding-right: 0px !important;
	}
	form.cart .gfield_label {
		margin-bottom: 3px !important;
		width: 40% !important;
	}
	form.cart .gform_body select, .cart .gform_body input {
    	width: 59% !important;
    	padding: 0 20px;
    	text-align: center;
    	text-align-last: center;
	}
	 form.cart .button {
    	width: 100%;
	}
}
@media only screen and (max-width: 767px){
	body .product:not(.product-type-grouped) form.cart:not(.variations_form), 
	.woocommerce-variation-add-to-cart { 
		background-color: transparent !important;
	}
	.product_infos form.cart .button {
     
      text-align: center !important;
	}
}
/*******************/
.product_layout_classic .product_summary_thumbnails_wrapper .product_thumbnails .carousel-cell {
	padding: 0 !important;
}
.product_layout_classic .product_summary_thumbnails_wrapper .product_thumbnails .carousel-cell img {
    width: 105px !important;
    float: left !important;
    margin: 4px 10px !important;
}
.product_layout_classic .product_content_wrapper .woocommerce-tabs ul.tabs {
    padding-left: 0 !important;
    margin-bottom: 50px !important;
    text-align: left !important;
}
.product_layout_classic .product_content_wrapper .woocommerce-tabs {
    padding-top: 80px;
}
.product_layout_classic .product_content_wrapper .woocommerce-tabs ul.tabs li {
    border: none !important;
    background: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
    margin: 0 15px !important;
    font-size: 13px;
}
.product_layout_classic .product_content_wrapper .woocommerce-tabs ul.tabs li.active {
    background: none !important;
    border-top: 3px solid !important;
}
.product_layout_classic .product_content_wrapper .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}
/****************************************************************/
/****************************************************************/

/*** Workflow edits ***/
.wpb_wrapper .gravityflow-timeline {display:none !important;}
.wpb_wrapper .gravityflow-has-sidebar th#details {display:none !important;}
.wpb_wrapper .postbox-container {display:none !important;}
.wpb_wrapper .gravityflow-has-sidebar #gentry_display_empty_fields {display: inline; margin-top: 7px; margin-bottom: 0px !important;}
.wpb_wrapper .gravityflow-has-sidebar .gravityflow-step-user_input th:nth-child(2) {width :300px!important; text-align:left !important;}
.wpb_wrapper .gravityflow-has-sidebar .gfield_label {width: 50% !important;}
.wpb_wrapper .gravityflow-has-sidebar .gfield_radio li {display: inline-flex !important; width: 80px !important;}

/****************************************************************/
form.cart .gform_footer{
	margin-left: 0 !important;
	width: 100%;
}
form.cart gform_button.buttton{
	width: 100% !important;
}
.gform_wrapper.gf_browser_chrome select {
	padding: 2px 20px 2px 3px;
}

form.cart .gform_footer input[type=submit]{
	width: 100% !important;
}

@media only screen and (min-width: 641px){
	form.cart .gform_footer:not(.top_label) {
    	padding: 16px 0 10px;
    	margin-left: 29%;
    	width: 96%;
	}	

	
	form.cart .gform_body select, .cart .gform_body input{
		width: 80% !important;
		padding: 2px 20px 2px 3px;

	}
	.gform_wrapper .left_label .instruction{
		margin-left: 0 !important;
	}
}

/* Deze code zorgt ervoor dat de invoer van veld 257 in formulier 155 altijd me hoofdletters is */

#input_155_257 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 128 in formulier 6 altijd me hoofdletters is */

#input_6_128 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 248 in formulier 16 altijd me hoofdletters is */

#input_16_248 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 257 in formulier 155 altijd me hoofdletters is */

#input_155_11 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 11 in formulier 6 altijd me hoofdletters is */

#input_6_11 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 11 in formulier 16 altijd me hoofdletters is */

#input_16_11 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 252 in formulier 155 altijd me hoofdletters is */

#input_155_252 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 124 in formulier 6 altijd me hoofdletters is */

#input_6_124 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 251 in formulier 16 altijd me hoofdletters is */

#input_16_251 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 14 in formulier 305 altijd me hoofdletters is */

#input_305_14 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

/* Deze code zorgt ervoor dat de invoer van veld 7 in formulier 305 altijd me hoofdletters is */

#input_305_7 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

.gform_wrapper .datepicker {
    width: initial;
}

/* Test */

.afgerondehoeken img {
border-radius:20%;
}