/*
Theme Name: Norm braucht Vielfalt
Description: Divi Childtheme für NBV
Version: 1.0
Author: Der Gestalter
Author URI: http://www.dergestalter.de/
Template: Divi

*/

/* @group Imports
============================================================ */
@import url(../Divi/style.css);




/* =========================================================
 Style
============================================================ */


/* General
============================================================ */

body, p {
	font-size:16px !important;
	line-height:21px !important;
}


/* Typography
============================================================ */
body p 	{
	font-size:16px;
	line-height: 21px;
}

body h1 {
	line-height:1.2em !important;
	margin: 0px 0px 15px 0px !important;
	}
	
body h2, body h3 {
	line-height:1.2em !important;
	margin: 0px 0px 15px 0px !important;
	}

h4 {
	font-weight:700;
	line-height:1.2em;
	margin:20px 0px 0px 0px;
	}

.page-header h1 {
	font-size:45px !important;
	line-height: 42px !important;
}

.et_pb_portfolio_item h2, .et_pb_gallery_grid .et_pb_gallery_item h3 {
    margin-top: 10px !important;
}



/* Home Slider
============================================================ */

.et_pb_slide_description .et_pb_slide_title {
    margin-top: 10%;
    font-size: 55px;
    font-weight: 300;
}

.et_pb_slider .et_pb_slide {
    text-align: left;
    list-style: none !important;
}

.et_pb_button, .et_pb_promo_button {
	color:#000;
    border: 1px solid #f9f9f9;
    background: rgba(255,255,255,0.8);
    font-size: 25px;
    font-weight: 500;
	line-height:32px !important;
	padding:15px;
}

.et_pb_button:hover, .et_pb_promo_button:hover {
	color:#fff !important;
    border: 1px solid #f9f9f9;
    background: url(skin/nbv-alpha-bg-01.png) !important;
    font-size: 25px;
    font-weight: 500;
	line-height:32px !important;
	padding:15px;
}


/* Page
============================================================ */

.page-header .et_parallax_bg {
		background-position: center center !important;
		}

.et_boxed_layout #page-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#main-header.et-fixed-header, #main-header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}



.et_overlay {
    background: url(skin/nbv-alpha-bg-02.png) !important;   
}

#footer-bottom {
    visibility:hidden !important;
}

/* Divi Slider Small (need to apply class ".slider-small" in Divi)
============================================================ */

@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .slider-small, .slider-small .et_pb_container { 
        height: 300px !important; 
    }
    .slider-small, .slider-small .et_pb_slide { 
        max-height: 300px; 
    }
    .slider-small .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

/* Divi Slider Medium (need to apply class ".slider-medium" in Divi)
============================================================ */

@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .slider-medium, .slider-medium .et_pb_container { 
        height: 420px !important; 
    }
    .slider-medium, .slider-medium .et_pb_slide { 
        max-height: 420px; 
    }
    .slider-medium .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

#portrait-slider .et_pb_slide_description .et_pb_slide_title {
    display:block;
	margin-top: 400px !important;
	text-align:right !important;
    font-size: 30px;
    font-weight: 500;
}

/* Social Icon youtube und Instagram hinzufügen
============================================================ */

#footer-bottom {
    visibility: visible !important;
}
.et-social-youtube a.icon:before { content: '\e0a3'; }
.et-social-instagram a.icon:before { content: '\e09a'; }