/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                font-weight: bold; 
				font-size:2em;
                text-transform: uppercase; 
                text-align: center; 
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {color:#fff;}

/*Hover Sticky Navi Class blue-hover */
li.blue-hover:hover a {text-decoration:underline}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .get-started a {
                        color: #fff!important;}
        .get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
                    color: #fff !important;}
 
/* style the get started cta button LIST & LABEL Left */
	#menu-item-4477 a { text-decoration: none; color: #fff!important; }

/* style the get started cta button CRM Left */
	#menu-item-4455 a { text-decoration: none; color: #fff!important; }


 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}


/* Sprachumstellung Header Menu */

@media only screen and (max-width: 600px) {
	.language-en {
   	background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 0px;
    padding-left: 0px;
       }
	}

@media only screen and (min-width: 601px) {
    .language-en {
   	background-image: url(https://www.combit.net/wp-content/uploads/2018/06/languages-de.png);
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:3px;
	 padding-left:25px;
       }
	}




/* Aufzählung Impressum */
#lizenzvertrag {
 padding:2em 0;
}

#lizenzvertrag ol {
 list-style-type:none;
 counter-reset:item;
 margin:0;
 padding:0;
}


#lizenzvertrag ol>li {
 counter-increment:item;
 margin-left:4em;
}

#lizenzvertrag ol>li:before {
 content:counters(item,".") ".";
 position:absolute;
 margin-left:-4em;
}

#lizenzvertrag li>ol>li {
 margin:0;
}

#lizenzvertrag li>ol>li:last-child {
 margin-bottom:3em;
}

#lizenzvertrag ol h3 {
 margin:0 0 1em;
}

#lizenzvertrag ul {
 margin:0;
 padding:0;
}

#lizenzvertrag ul li {
 list-style-type:none;
 font-size: 15px;
 color:#000;
}

#lizenzvertrag ul li:before {
 content:"- ";
}

#impressumtab p {
	font-size: 15px;
	line-height:24px;
	color:#000;
	}


#lizenzvertrag p {
	font-size: 15px;
	color:#000;
	line-height:24px;
	}

#impressum p {
	font-size: 15px;
	line-height:24px;
	color:#000;
	}



.row-fluid {
font-size: 15px;
}

#Foren-Regeln, #lizenzvertrag, #impressumtab   ul li {
font-size: 15px;
	color: #000;
}


/* Footer */
#main-footer {
	display:none;
}

/* Form-Style */
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
 display: none;
}
/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}

/* Mobile Menu */
.et_mobile_menu li a {
    padding: 2px 5%;
  }

.et_mobile_menu li a, .nav li li a 
{
  font-size: 0.7em;
}


/* Hamburger Menu Sticky */
@media (max-width: 980px) {
.et_pb_fullwidth_menu .et_mobile_nav_menu {
    float: right;
    }
}

.mobile_menu_bar:before {
    color: #101010;
	}


/* Dropdown Menü Breite */
.nav li ul { width: 260px; }#top-menu li li a { width: 220px; }


/* H3ersatz */
.h3ersatz {
	line-height: 1.2em;
}


/* ###### SEARCH RESULT PAGE ###### */

@media (min-width: 981px) {
.search #left-area {
	width: 64.833%;
}

.search #sidebar {
	width: 29.666%;
	border-left: 1px solid #e2e2e2;
}

.search #main-content .container:before {
    display: none !important;
}}

.search .et_pb_post a img {
    padding-bottom: 25px;
}

.search h2 {
	font-size: 34px;
	font-weight: bold;
	padding-bottom: 40px;
}

.search h4.widgettitle {
	font-size: 22px;
	font-weight: bold;
}

.search #sidebar .et_pb_widget {
	padding: 25px;
	margin-bottom: 18.54%;
}

.search #content-area {
	padding-bottom: 50px;
}

/* search Seite */
.search #left-area
{
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.search #left-area .et_pb_post a img {
 float:left !important;
 max-width:300px !important;
 padding:10px;
}
.search #left-area ul  {
 list-style-type: none !important;
}
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post {
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding-top: 19px;
    padding-bottom: 10px;
    padding-left: 20px;
	padding-right: 20px;
    border: 1px solid #d8d8d8;
    background-color: #eee;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 10px;
}
 
.search #left-area .et_pb_post h2{
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
{
    padding: 0;
}
 
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.search .pagination {
    padding: 20px 0;
}

.search #left-area .post-meta {
display:none;
}

/* ###### Divi Fromular Beschreibung ###### */

.fomularbeschreibungdivi {
    font-size: 0.9em;
    line-height: 0.25em;
    color: #555;
}

/* content-timeline switch off */
.con_borderImage {
pointer-events: none !important;
}


/* Switch Divi Logo on Mobile Devices */
@media only screen and (max-width: 981px) {
#logo {
content: url(https://www.combit.net/wp-content/uploads/2019/01/combit-logo-grey-30-jahr_de_klein.png);
max-height: 50px;
height: auto; /* default value - the browser calculates the height */
}
}


/* Support Seiten Icons Hero */
.supportheroicons { display:none;}

/*------------------------------------------------*/
/*-----------------[Button in Subnavi LL]----------------*/
/*------------------------------------------------*/
 
/* style the subnavi cta button */
.subnavibuttonll {
		bottom:14px;
		border-radius: 3px!important;
		padding:0px!important;}

.subnavibuttonll a {
		color: #fff!important;
		font-weight: 400!important;
		padding:10px!important;}

#et-main-area li.subnavibuttonll a{
		background-color:#97bc1c; 
		font-size:15px!important;
		text-align: center; 
		font-weight: 600!important;
		border-radius: 3px;}
		
#et-main-area li.subnavibuttonll a:hover{
		background-color:#999; 
		font-size:15px!important;
		text-align: center; 
		font-weight: 600!important;
		border-radius: 3px;}
		



/*li.subnavibuttonll:hover .et-hover a:hover {
		background-color:#000!important;
		color: #fff!important;
		padding:0px;
		background-color:#657d14;
		padding:0px;} */

/* fixed header button text color */
.et-fixed-header #top-menu .subnavibuttonll a {
color: #fff!important;}
.subnavibuttonll li.current-menu-ancestor > a, .subnavibuttonll li.current-menu-item > a {
color: #fff !important;}
 
@media only screen and (
min-width : 981px) {
li.subnavibuttonll {}}


/*------------------------------------------------*/
/*-----------------[Styling Thumbnailes NEWS-SEITE]----------------*/
/*------------------------------------------------*/
/*Styling for the posts*/
.ds-thumbnail-blog .et_pb_post {
    background-color: #fff;
    min-height: 150px;
    margin-bottom: 50px;
}
/*Sets the image size posts and moves it to the left of the text*/
.ds-thumbnail-blog .et_pb_post a img {
    float: left;
    width: 200px;
    height: 180px;
    object-fit: cover;
    margin: 0 40px 40px 0;
  	border: solid 1px #ededed;
}
/*Resize the overlay to fit the image*/
.ds-thumbnail-blog .et_overlay {
    width: 400px !important;
    height: 350px !important;
}
/*Stack the image and content on smaller screens*/
@media only screen and (max-width: 980px) {
    .ds-thumbnail-blog .et_pb_post a img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin: 0 0 40px 0;
    }
    /*Resize the overlay on smaller screens*/
    .ds-thumbnail-blog .et_overlay {
        width: 100% !important;
        height: 200px !important;
    }
    .ds-thumbnail-blog .et_pb_post h2 {
        margin: 40px 30px 20px 0px !important;
    }
    .ds-thumbnail-blog .et_pb_post p {
        margin: 0px;
    }
    .ds-thumbnail-blog a.more-link {
        margin: 20px 0 40px 0;
    }
    
    .ds-thumbnail-blog .post-content {
        padding: 2px 30px 100px 0px;
    }
}
/*Add a little top padding to the post titles*/
.ds-thumbnail-blog .et_pb_post h2 {
    padding: 40px 0 20px 0!important;
}
.ds-thumbnail-blog .et_pb_post p {
    font-size: 18px;
    margin-right: 40px;
}
.ds-thumbnail-blog .post-meta {
    font-size: 14px !important;
}
/*This styles the read more link*/
.ds-thumbnail-blog a.more-link {
    display: inline-block;
    position: absolute;
    padding: 4px !important;
    margin-top: 10px;
    text-transform: uppercase;
    background: #0099cc;
    color: #fff;
    width: 120px;
    font-style: normal;
    text-align: center;
    font-size: 12px;
}
  
/*This adds the double arrow icon to the read more link*/
.ds-thumbnail-blog a.more-link:after {
    font-family: 'ETmodules';
    content: "\39";
    color: #000;
    margin-left: 5px;
    vertical-align: middle;
}
/*This styles the double arrow on hover*/
.ds-thumbnail-blog a.more-link:hover:after {
    color: #fff;
}

.more-link {
    text-transform: uppercase;
    background: #0099cc;
    color: #fff;
    padding: 2px;
    width: 120px;
    font-style: normal;
    text-align: center;
    font-size: 13px;
    margin-top: 1rem;
    border: 1px solid #0099cc;
}