/*
Theme Name: Cord Media Theme Vorlage
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: Erstellt von Cord Media Webmanagement Stuttgart
Template: Divi
Author: Frank Oschatz
Author URI: https://www.webmanagement-stuttgart.de

ALT
#0065b0 Blue light
#00579a Blue middle
#014983 Blue dark
#f8b101 Yellow




Theme customization starts here
------------------------------------------------------- */

/* Stile 2021 */

/* Header */


#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

#main-header.et-fixed-header {
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

#logo {
	max-width: 200px;
}

#top-menu li a {
	padding-bottom: 20px !important;
}

#top-menu a {
	font-weight: normal !important;
}

#top-menu.nav li ul {
	width: 300px;
}

#top-menu li li a {
    padding: 6px 20px !important;
    width: 260px;
}
#top-menu .sub-menu li a {
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.et-fixed-header #top-menu li li a {
	color: #00305B !important;
}

.mobile_menu_bar:before {
	color: #FFFFFF;
}

#main-header .et_mobile_menu {
	background: #FFFFFF;
	background-color: #FFFFFF;
}

#main-header .et_mobile_menu a {
	color: #00305B !important;
}

.et_pb_text li {
	margin-bottom: 15px;
}


/* Klick Tipp */

.ktv2-form-element input {
	width: 100%;
	padding: 6px 12px;
	color: #000000;
	background: #efefef;
	border: 1px solid #E7AC86;
	border-radius: 3px;
	max-width: 350px;
	font-size: 16px;
	margin-bottom: 10px;
}

#FormSubmit {
	padding: 6px 12px;
	border: none;
	border: 1px solid #E7AC86;
	border-radius: 3px;
	font-weight: bold;
	font-size: 16px;
}


/* MODULE */


.two-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.two-row .et_pb_module{
	max-width: 140px
}


/* Smartphones ----------- */
@media only screen 
and (max-width : 370px) {
.two-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
}

.two-row .et_pb_module{
	max-width: 100px
}

}




.infothemen li {
	margin-bottom: 8px
}


.et_pb_toggle_content li {
	margin-top: 15px
}




/* Karriere Navigator */

/* Coaches Content 
[class^="et_pb_acf_single_item"] — starts with "et_pb_acf_single_item".
[class*="et_pb_acf_single_item"] — contains the substring "et_pb_acf_single_item" occurring directly after a space character
*/

#coachprofil .et_pb_module {
  margin: 0px;
  padding: 0px;
}

#coachprofil .et_pb_row_inner {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

#coachprofil #name {
	margin-bottom: -35px !important;
}

#coachprofil #underline_name {
	margin-bottom: 25px !important;
}

.coachinfo {
    margin-bottom: 25px !important;
    border-bottom: 1px solid #ccc
}
.coachinfo h2 {
    padding-bottom: 0px;
}

.acf_label {
	font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif !important;
	font-size:16px !important;
	font-weight: bold;
}


/* Coaches Sidebar */

.coachpage #sidebar {
    border-left: 1px solid #0065b0 ;
}

.coachtitle {margin-top: 25px; margin-bottom: 0px; padding-bottom: 0px;}
.coachliste a {display: block;}
.coachliste li {border-bottom: 1px solid #ccc;margin: 5px 0px;}
.einsatz {display: block; font-size: 11px;}



/* List Styles Caochprofil */


#coachinfo ul { 
    padding-left: 0px;
    margin-left: 15px;
    list-style: none; 
    margin-top: 10px;
    margin-bottom: 0px;
}

#coachinfo ul li{ 
    position: relative; 
    line-height: 1.2em; 
    margin-bottom: 10px; 
}
#coachinfo ul li::before { 
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url('https://www.coaching-up.de/wp-content/uploads/2018/10/KN_Leuchtturm.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -15px;
}

#coachinfo ul ul, #coachinfo ul li ul { 
    padding: 2px 0 2px 0px ;
    margin-left: 0px !important;
}


#coachinfo ul ul li { 
    margin-left: 0px;
}



.whiteLink a {
    color: #FFFFFF !important;
}



ul.coach_picturelist  {
	padding: 0;
    margin: 0;
}

.coach_picturelist li {
	list-style-type: none;
	float:left;
    position: relative;
}
.coach_picturelist img {
	width: 80px;
	max-width: 80px;
	margin: 0 0 5px 5px;
    border: 3px solid #efefef;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

.coachlist_infobox {
	display: none;
}
.coach_picturelist {
	clear: both;
}


/* GEO Darstellung Mashup*/

#geo-mashup .blogdate, #geo-mashup .meta {
    display: none !important;
}

#geo-mashup .size-post-thumbnail {
    max-height: 80px !important;
    max-width: 80px !important;
    border: 3px solid #efefef;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

#geo-mashup a {
    color: #00579a !important;
}


/* Liststyles */

.list_leuchturm ul li {
	list-style-type: none;
}


/* SHARIFF */

.shariff {
	margin-top: 45px;
}





/* Gravity Forms 
		alt #f8b101
Farbe   neu #F8CEAC

		#036ec0 - #00305B
*/


.gfield_label {
	margin-bottom: 3px !important;
	margin-top: 10px !important;
	font-size: 20px !important;
    font-weight: 300 !important;
}

.gf_readonly input,
.gf_readonly textarea {
	background: #efefef;
	
}

.gfield_description {
	font-size: 12px !important;
	color: #333333 !important;
	margin: 0px !important;
	padding-bottom: 0px !important;
}

.gform_fields input[type="text"], .gform_fields select, .gform_fields textarea, .gform_fields input[type="password"]  {
	border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    border-width: 1px;
    border-color: #F8CEAC;
	padding: 16px !important;
}





.gform_button {
    color: #ffffff !important;
    background: #00305B !important;
    background-color: #00305B !important;
    display: inline-block;
    margin: 0 0 0 15px;
    font-family: inherit;
    cursor: pointer;
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.gform_button:hover {
    color: #00305B !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    display: inline-block;
    margin: 0 0 0 15px;
    font-family: inherit;
    cursor: pointer;
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


/** SECTION 1 **/

/* Hide the OS/Browser checkboxes/radio buttons */
.gform_fields input[type=checkbox] /*input[type=radio]*/  {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
}

/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
.gform_fields input[type=checkbox] + label:before,
.gform_fields input[type=checkbox] + span:before,
.gform_fields input[type=radio] + label:before {
  visibility: visible;  
  font-family: "ETmodules";
  font-size: 30px;
  position: relative;
  top: 6px;
  padding-right: 8px;
}

.gform_fields input[type=checkbox] + label:hover,
.gform_fields input[type=checkbox] + span:hover,
.gform_fields input[type=radio] + label:hover { 
  cursor: pointer; 
}

/** SECTION 2 **/

/* Set checkbox to ET icons: normal, hover, checked, & checked hover */
.gform_fields input[type=checkbox] + label:before,
.gform_fields input[type=checkbox] + span:before { 
  content: '\56'; 
}
.gform_fields input[type=checkbox] + label:hover:before,
.gform_fields input[type=checkbox] + span:hover:before {
  content: '\5a'; 
  filter: alpha(opacity=20); 
  opacity: 0.2;
}
.gform_fields input[type=checkbox]:checked + label:before,
.gform_fields input[type=checkbox]:checked + span:before {
  content: '\5a';
}
.gform_fields input[type=checkbox]:checked + label:hover:before,
.gform_fields input[type=checkbox]:checked + span:hover:before { 
  filter: alpha(opacity=100); opacity: 1; 
}

/* Set radio buttons Divi icons: normal, hover, checked, & checked hover */
.gform_fields input[type=radio] + label:before { 
  content: '\5b';
}
.gform_fields input[type=radio] + label:hover:before { 
  content: '\5c'; 
  filter: alpha(opacity=20); 
  opacity: 0.2; 
}
.gform_fields input[type=radio]:checked + label:before { 
  content: '\5c'; 
}
.gform_fields input[type=radio]:checked + label:hover:before { 
  filter: alpha(opacity=100); opacity: 1; 
}


/* DIGIMEMBER */

.digimember_login {
    margin: 50px auto !important;
}

.gigimem_message {
	font-size: 18px;
	margin: 50px auto 200px;
}


.et-boc {
	margin-top: 0px !important;
}