/*
 Theme Name: Divi SMB Child-Theme
 Theme URI: https://socialmedia-bayern.de
 Description: Dies ist ein Child-Theme für Divi.
 Author: SocialMedia Bayern - Reiner Pfeil
 Author URI: https://socialmedia-bayern.de/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme,
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

@media all and (max-width:980px){
#et-main-area{
padding-top:0px !important;
}
}

/*********************************************************/
/* Den Content vertikal zentrieren                       */
/*********************************************************/
.SMB-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/********************************************************/
/* Scroll-Bar anpassen                                  */
/********************************************************/
::-webkit-scrollbar {width: 10px; } 
::-webkit-scrollbar-track {background-color: #F1F1F1;border-radius: 1px; }  /* Farbe Hintergrund Scrollbaar anpassen */
::-webkit-scrollbar-thumb {background-color: #01CFED;border-radius: 1px; } /*Farbe Scrollbar anpassen */

/********************************************************/
/* Back-to-Top-Button anpassen                          */
/********************************************************/
.et_pb_scroll_top.et-pb-icon {
    border-top-left-radius: 50%  !important;
    border-bottom-left-radius: 50%  !important;
    border-bottom-right-radius: 50%  !important;
    border-top-right-radius: 50%  !important;
    border: #fff 1px solid;
    background: #01CFED !important; /* Farbe Button anpassen */
    font-size: 40px !important; /*Größe evtl anpassen */
    right: 5px !important;
}

/********************************************************/
/* Spalte "sticky" machen                             ***/
/********************************************************/
.et_pb_row .sticky {
	position:-webkit-sticky;
	position:sticky;
	top:140px;
	z-index:10;
}

/********************************************************/
/* Button Ninja-Forms formatieren                     ***/
/********************************************************/
.nf-form-content input[type=button] {
	background: #fff !important;
    border: #01CFED 2px solid !important;
    border-radius: 50px!important;
    color: #01CFED!important;
    transition: all .5s;
    -webkit-box-shadow: 0px 8px 19px -6px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 8px 19px -6px rgba(0,0,0,0.46);
    box-shadow: 0px 8px 19px -6px rgba(0,0,0,0.46);
}
.nf-form-content input[type=button]:hover {
	background: #01CFED !important;
    color: #fff!important;
}

/*********************************************************/
/* Ninjs-Forms Check-Feld formatieren                    */
/*********************************************************/
.checkbox-container.label-above label {
    height: 30px !important;
}

.nf-field-description {
    padding-top: 10px !important;
}


/********************************************************/
/* Mehr-Lesen Button Blog formatieren                 ***/
/********************************************************/
/*style the Divi blog link text as a button*/
.et_pb_post a.more-link {
  color: #01CFED;
	background: #fff;
	border: 2px solid #01CFED;
	font-size: 17px !important;
	padding: 5px 15px;
	margin-top: 20px;
	border-radius: 50px;
/*	text-transform: capitalize;*/
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog link text as a button on hover*/
.et_pb_post a.more-link:hover {
	background: transparent;
	color: #01CFED;
	border: 2px solid #01CFED;
	transition: all 0.3s ease-in-out;
}
/*add an icon to the Divi blog read more button*/
.et_pb_post .more-link:hover:after {
	content: "\39";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 10px;
}