/*
 Theme Name:   Infinite Child
 Theme URI:    http://demo.goodlayers.com/infinite
 Description:  Goodlayers Infinite Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     infinite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  infinite-child

 START YOUR CHILD THEME CSS HERE
*/
#gform_wrapper_2 {}
#gform_wrapper_2 h3 {text-transform:uppercase;font-weight:400 !important;color:#000 !important;font-size:25px;margin-top:70px;position:relative;}
#gform_wrapper_2 li {position:relative;}
#gform_wrapper_2 .gfield_html {max-width:600px;display:flow-root !important;}

.image-click label{padding-top:171px !important;width:200px !important;margin:0 auto 1rem !important;background:no-repeat center top / contain #fff;display:block !important;text-indent:-999em;cursor:pointer;font-size:0;border:3px solid #fff;}
.image-click.clicked label {border:3px solid #1d1d1d;}
.breed label{background-image:url(https://91restyling.nl/wp-content/uploads/2021/03/maten-formulier-breed.jpg);}
.lang label{background-image:url(https://91restyling.nl/wp-content/uploads/2021/03/maten-formulier-lang.jpg);}
.rechthoekig label{background-image:url(https://91restyling.nl/wp-content/uploads/2021/03/maten-formulier-rechthoekig.jpg);}
.vierkant label{background-image:url(https://91restyling.nl/wp-content/uploads/2021/03/maten-formulier-vierkant.jpg);}
.image-click textarea {display:none;max-width:200px !important;margin:0 auto !important;}
.image-click .ginput_container_textarea {margin-top:0 !important;text-align:center;}

#gform_wrapper_2 input[type=submit]{background:#1d1d1d;text-transform:uppercase;font-weight:400 !important;border-radius:3rem;min-width:200px;}
#gform_wrapper_2 input[type=submit]:hover,#gform_wrapper_2 input[type=submit]:focus {box-shadow:0 0 10px 0 #000;background:#222;}
#gform_wrapper_2 input[type=text],#gform_wrapper_2 textarea{font-size:12px !important;font-weight:300;border:1px solid #fff !important;background:#f2f2f2;max-width:360px;letter-spacing:.5px !important;}
#gform_wrapper_2 input[type=text]:hover,#gform_wrapper_2 textarea:hover,
#gform_wrapper_2 input[type=text]:focus,#gform_wrapper_2 textarea:focus {border-color:#000;}
#gform_wrapper_2 label {font-weight:400;}
#gform_wrapper_2 select {border:1px solid #000;font-size:.8em;border-radius:3px;max-width:360px;}
#gform_wrapper_2.gform_wrapper .description_above .gfield_description {padding:0 !important;}
body #gform_wrapper_2.gform_wrapper .top_label div.ginput_container {margin-top:0;}

span.info {border:0;position:relative;font-size:11px;text-align:left;text-transform:lowercase;display:inline-block;margin-left:2rem;color:#000;}
span.info:before {content:'i';width:30px;height:30px;background:#c4c4c4;color:#000;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;cursor:pointer;}
span.info span {position:absolute;top:-18px;left:50px;background:#f2f2f2;padding:.8rem 1rem;display:none;width:200px;color:#000;font-weight:400;}
span.info.clicked span {display:block;}
span.info span:before {content:' ';width:15px;height:15px;transform:rotate(45deg);position:absolute;top:25px;left:-7px;display:block;background:inherit;}

@media only screen and (max-width:1400px) {
	.image-click label{padding-top:131px !important;width:160px !important;	
}

@media only screen and (max-width:1100px) {
	.image-click {width:50% !important;}
	.image-click label{padding-top:171px !important;width:200px !important;}
}

@media only screen and (max-width:500px) {
	.image-click {clear:none !important;display:inline-block !Important;float:left !important;}
	.image-click label{padding-top:121px !important;width:150px !important;	}
	.image-click textarea {max-width:150px !important;}
}