/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme
 Author:       Tobias Both
 Template:     Divi
 Version:      2.6.1
*/

/*************************************************************************
****************************** FONTS *************************************
*************************************************************************/

@font-face {
    font-family: Poppins;
    src: url(https://www.galerie-21b.com/wp-content/themes/Divi-child/fonts/poppins-regular.woff);
}

@font-face {
    font-family: Poppins Light;
    src: url(https://www.galerie-21b.com/wp-content/themes/Divi-child/fonts/poppins-light.woff);
}

@font-face {
    font-family: Poppins SemiBold;
    src: url(https://www.galerie-21b.com/wp-content/themes/Divi-child/fonts/poppins-semibold.woff);
}

body {font-family: Poppins;}
h1,h2,h3,h4,h5,h6 {font-family: Poppins SemiBold; position: relative;}

.introtext {font-family: Poppins SemiBold; font-size: 26px; line-height:1.5em;}
.thinner {display: block; font-family: Poppins Light;}
.has-divider:after {
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    margin-bottom:-18px;
    width: 60px;
    height: 5px;
    background: #D76543;
}

.first-paragraph::first-letter {
    float: left;
    font-size: 3.3em;
    line-height: .9em;
    padding-top: 0px;
    padding-right: 6px;
    padding-left: 0px;
}

@media (max-width:425px) {
    .introtext {font-size:23px;}
}


/*************************************************************************
************************** HEADER & NAVIGATION ***************************
*************************************************************************/

@media (min-width: 981px){
    .et_vertical_nav #page-container #main-header {width: 250px;}
    .et_vertical_nav #et-main-area, .et_vertical_nav #top-header {margin-left: 250px!important;}
    .et_vertical_nav #page-container #main-header {padding-top:80px;}
    
    #et-top-navigation a {
        font-family: Poppins Light;
        font-weight: normal;
        padding:18px 0 !important;
    }
    #et-top-navigation li {border-bottom:1px solid #e2e2e2; text-align: left !important;}
    #top-menu li.current-menu-item>a {font-family:Poppins SemiBold !important;}
    
    /* Rechtliches Menü im Header */
    .legal-menu-container { 
        bottom:80px; 
        font-size: 14px; 
        left:50%; 
        margin-left:-104px;
        position:absolute;
    }
    #menu-legal-menu li {display: inline-block; padding:0 9px;}
    #menu-legal-menu li:first-child {border-right:1px solid #e2e2e2;}
    #menu-legal-menu li:last-child {margin-left: -4px;}
}

@media (max-width: 981px){
    .legal-menu-container {display: none;}
    #logo {max-height:43px !important;}
}

/*************************************************************************
*************************** KONTAKTFORMULAR ******************************
*************************************************************************/

/* Basic Styles - Local Kontaktformular */

.form-row {width: 100%; padding:10px 0;}
.form-row p {
    margin-bottom:12px;
    padding-bottom:0px;
}
.column-half, .column-quarter {
    float: left;
	position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.column-half {width:100%;}
.column-quarter {width:50%;}

.form-col-left {padding:0 10px 20px 0;}
.form-col-right {padding:0 0 20px 10px;}

span.wpcf7-list-item {margin-left:0 !important;}
.clearfix:after {content: "";display: table;clear: both;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"], .wpcf7 select {
	width: 100%;
    font-size:21px;
	padding: 14px;
	background:#f0f0f0;
    border-top:0; border-left:0; border-right:0;
    border-bottom:2px solid #000;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
}

label .wpcf7-list-item-label {font-size: 16px; color:#666 !important;}

.wpcf7 input:focus, .wpcf7 textarea:focus{
    -webkit-box-shadow:inset 0px 0px 0px 2px #D76543;
    -moz-box-shadow:inset 0px 0px 0px 2px #D76543;
    box-shadow:inset 0px 0px 0px 2px #D76543;
}

.wpcf7 textarea {height:250px;}

.wpcf7-submit{
	display:block !important;
    font-size:18px;
	background: #D76543;
	color: #fff;
	border: none;
    border-radius:3px;
	padding:16px;
	cursor: pointer;
    -webkit-transition: background 200ms ease-in-out; /* Firefox */
    -moz-transition: background 200ms ease-in-out; /* WebKit */
    -o-transition: background 200ms ease-in-out; /* Opera */
    transition: background 200ms ease-in-out; /* Standard */
}

.wpcf7-submit:hover{
	background:#f0714a;
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 14px;
	color: #D24335;
	background: transparent;
	padding: 5px;
}

div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #FFE29E;
	padding: 20px;
	color: #9C6533;
	text-align: center;
	margin-top: 50px !important;
	font-size: 16px;
}

div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 20px;
	font-size: 16px;
	background: #8EDA89;
	border-color: #8EDA89;
	color: #fff;
	margin-top: 50px !important;
}

/* Responsive Styles - Local Kontaktformular */

@media (max-width:1500px) { 
    .form-column-half {width:100% !important;}
}

@media (max-width:660px) {
    .et_pb_text .form-row column-quarter.form-col-right.senden-button {width:100% !important;}
}

@media (max-width:425px) {
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"], .wpcf7 select {font-size:16px;}
}



/*************************************************************************
************************** FOOTER & INFOLINE *****************************
*************************************************************************/

footer #menu-hauptmenue {margin-top:9px;}
footer #menu-hauptmenue li {float: left; padding:9px 27px 9px 0 !important; margin-bottom:0;}
footer #menu-hauptmenue li a {font-family: Poppins Light; font-weight: normal; font-size: 21px;}
footer #menu-hauptmenue li:before {display: none;}
.footer-widget {margin-bottom:64px !important;}

#footer-bottom {padding:0 0 64px 0;}
#footer-info, #footer-info a {color:#fff;}
#footer-info a {text-decoration: underline; font-weight: normal;}