/*
 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 --------------------------- */ 
/* CUSTOM CSS CODES */

h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 10px;
	color: #003463 !important;
	font-weight: 500 !important;
	line-height: 1em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

/********************************************************/
/* Schriftgrößen Headers                                */
/********************************************************/
/* Desktop                                              */
/********************************************************/
@media screen and (min-width: 981px) {
h1 {font-size: 34px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
}
/********************************************************/
/* Tablet                                               */
/********************************************************/
@media screen and (min-width: 480px) and (max-width:980px){
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}
}
/********************************************************/
/* Mobile                                               */
/********************************************************/
@media screen and (max-width:479px){
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}
}

/********************************************************/
/* Schriftstärke Menü anpassen                          */
/********************************************************/
#et-top-navigation {
    font-weight: 500 !important;
}

/*********************************************************/
/* Breite Menü Eigentümer anpassen                      */
/*********************************************************/
.SMB-breite-eigentuemer ul {
	width: 410px !important;
}
.SMB-breite-eigentuemer ul li a{
	width: 370px !important;
}

/********************************************************/
/* Icon Google+ ausblenden                              */
/********************************************************/
.et-social-google-plus {
	display:none !important;
}

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

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

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

/*********************************************************/
/* Ninja-Forms anpassen                                  */
/*********************************************************/
.nf-field-label label {
    font-weight: 500 !important;
}
.nf-form-content input[type=button] {
    background: #fff !important;
    border: 0;
    color: #003463 !important;
    font-weight: 700;
}
.nf-form-content input[type=button]:hover {
    background: #003463 !important;
    border: 0;
    color: #fff !important;
    font-weight: 700;
}
.nf-help {
    color: #fff !important;
}
.nf-field a {
	color: #E8080B !important;
}

/*********************************************************/
/* Aufzählungszeichen formatieren                        */
/*********************************************************/
.SMB-bullet-list ul {
	list-style-type: none!important;
	padding: 0 0 23px 2em !important; /* 2em Muss evtl angepasst werden */
}

.SMB-bullet-list ul li:before {
    content: '\e052'!important;
    color: #052F5E;
	font-family: 'ETMODULES'; 
	font-size: 1.2em!important;
	margin-right: 10px;
	margin-left: -33px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	position: relative;
	top: 4px;
}