/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*+++++++++++++++++++++++++++++++++
 * 		BOXSTYLES
 *+++++++++++++++++++++++++++++++++
*/


.gfield_radio .gchoice {
  border: 2px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  position: relative;
}

/* Hover */
.gfield_radio .gchoice:hover {
  border-color: #888;
  background-color: #f9f9f9;
}

/* Ausgewählt */
.gfield_radio .gchoice input[type="radio"]:checked + label {
  font-weight: bold;
  color: #eb811b;
}


/*+++++++++++++++++++++++++++++++++
 * 		BUTTONS
 *+++++++++++++++++++++++++++++++++
*/


/* Weiter-Button */
.gform_next_button {
  background-color: #eb811b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.gform_next_button:hover {
  background-color: #d96e12 !important;
}

.gform_previous_button {
  background-color: #0000 !important;
	border-radius: 10px !important;
}
.gform_previous_button:hover{
  background-color: #b1b1b1 !important;
}


/* Naechste Seite --> Anzeige oben*/
.gf_step_number::after {
  background-color: #eb811b !important;
  color: #fff !important;
  border-color: #eb811b !important;
}


/* Radio Button Mitte orange */
.gfield-choice-input::before{
	background-color: #eb811b !important;
}

.ginput_container_consent input[type="checkbox"]:checked{
	background-color: #eb811b !important;
}

/* Absendebutton*/
.gform_button.button{
background-color: #eb811b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px;
  font-weight: bold;
  transition: background-color 0.3s ease;
	
}

/*+++++++++++++++++++++++++++++++++
 * 		WRAPPER Tooltip
 *+++++++++++++++++++++++++++++++++
*/

/* gchoice: Flex-Layout für Radio + Textgruppe */
.gfield_radio .gchoice {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}

/*  Label & Tooltip in vertikalem Container */
.gfield_radio .gchoice .label-wrapper {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* wichtig: linksbündig */
}

/*  Label sauber ausrichten */
.gfield_radio .gchoice .label-wrapper label {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal;
  white-space: normal;
  line-height: 1.4;
}

/* Tooltip direkt unter Label, links bündig */
.gfield_radio .gchoice .label-wrapper .gf-tooltip-text {
  margin: 0.4em 0 0 0;
  font-size: 14px;
  color: #6b6b6b;
  line-height: 1.4;
  display: block;
}

/* Preis leicht wegrücken */
.ginput_price{
  margin-left: 1em;
  color: #6b6b6b;
}

/*+++++++++++++++++++++++++++++++++
 * 			Text Area
 *+++++++++++++++++++++++++++++++++
*/
.textarea{
  border-radius: 10px !important;
}

/*+++++++++++++++++++++++++++++++++
 * 			Summe Rahmen
 *+++++++++++++++++++++++++++++++++
*/
.ginput_total {
  border-color: #eb811b !important;
  border-radius: 10px !important;
}

.gfield--type-post_custom_field .small {
  border-color: #eb811b !important;
  border-radius: 10px !important;
  border-width: 3px !important; ;
}
/*+++++++++++++++++++++++++++++++++
 * 			Confirmation
 *+++++++++++++++++++++++++++++++++
*/
.gform_confirmation_message{
	color:  #008000
}
/*+++++++++++++++++++++++++++++++++
 * 			Sicherheit
 *+++++++++++++++++++++++++++++++++
*/
/* Wenn das Icon irgendwo doch noch auftaucht, zur Sicherheit verstecken (eigentlich schon im Javascript) */
.gfield_radio .gchoice i.gftt-icon {
  display: none !important;
}