/* CSS Document */
/*
 Theme Name: GeneratePress Child-Theme
 Description: Responsive WordPress Theme for lebensberatung-anastasia.de 2021 
 Author: webgaroo webdesign studio
 Template: generatepress
 Version: 1.0

*/

/*------------0. MAIN-----------------*/
/*------------1. PAGE HEADER--------------*/
/*------------2. CONTENT-----------------*/
/*------------3. NAVIGATION--------------*/ 
/*------------4. FOOER--------------------*/
/*------------5. BLOG-----------------------*/
/*------------6. SLIDE---------------*/
/*--------- --7. SHORT CODES--------------*/
/*------------8. TABLE-------------------*/ 
/*------------9. FORM-------------------*/ 


/*------------0. MAIN-----------------*/
/* windsong-regular - latin */
@font-face {
  font-family: 'WindSong';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/windsong-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fonts/windsong-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/windsong-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/windsong-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/windsong-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/windsong-v1-latin-regular.svg#WindSong') format('svg'); /* Legacy iOS */
}

/*------------0. MAIN-----------------*/
body {
	font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
	color: #556164;
	font-size: 18px;
	line-height:27px;
		font-weight: 300!important;
}
h1, h3{
    font-family: 'WindSong';
	font-size:70px!important;
	line-height: 105px!important;
    text-align:center;
	color: #235D87;
}
h2 {
    font-size:20px; font-weight:300!important;
    color: #333;
	text-align:center;
	line-height:30px;
	margin-bottom:25px;
}
 h5{
	margin-bottom: 25px!important;
	font-weight: 300;
	text-align: center;
	color:#333; 
	font-size: 20px;
	line-height:30px;
}

h4{
    font-size: 20px; 
	font-weight: bold;
	text-align:center;
}

/*------Zitat------*/
h6{
	font-size: 30px;
	color: #235D87;
	font-weight: 300;
}
blockquote {
	border: none;
	font-style: normal;
	background-color: transparent;
	color: #235D87;
	font-weight: 300;
	padding:0px;
	font-size: 40px;
	line-height: 60px;
	margin-bottom: 10px;
}
strong{
	color: #235D87;
}
pre {
	max-width:100%;
	white-space:pre-wrap;
	line-height:30px;
}
.blue strong{
	color: #fff;
}
/*-----------------------------for diolog only---------------------------*/
.dialog {
  	background-color: #eee;
  	background-image: url(https://lebensberatung-anastasia.de/wp-content/themes/generatepresschild/images/beratung.png);
  	background-repeat: no-repeat;
	background-position: 30px center;
 	background-size: 60px 60px;
  	padding: 50px 50px  50px 150px;
}


hr {background-image: url(images/bar.png);}

/*------------1. PAGE HEADER--------------*/
.site-header {
box-shadow: 0px 30px 40px -40px; 
}
.header-image {max-width:200px;}

/*-------------Page Hero------*/

.inside-page-hero h1, .inside-page-hero h2 {
	color: #fff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}
.inside-page-hero h2 {
	font-size:30px;
}


/*------------2. CONTENT-----------------*/
.site-content a {
	color:#235D87;
}
.site-content a:hover {
	color:#999;
}
.site-content ul{margin-left: 0px; }
.site-content ol{margin-left: 20px;}
.site-content ul li  {
	background-image: url(images/list.png);
	background-repeat: no-repeat;
    background-size: 30px 11px;
	list-style-type: none;
	padding-left: 50px;
	background-position: left 8px;
}
.site-content ol li {
	padding-left:30px!important;
}

.blue li {
	background-image: url(images/list-white.png)!important;
}

.main-navigation .main-nav ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #3b4345;
}
.main-navigation .main-nav ul li ul li a {
	font-size: 13px;
	text-transform: none;
}
.main-navigation .main-nav ul li a:hover {
	color: #235D87;
}
.main-navigation.is_stuck {
	  background-color:#fff;

}
.main-navigation.is_stuck a{
    color:#333;}
.main-navigation .main-nav ul li[class*="current-menu-"] > a  {
	color: #235D87;
	font-weight:700;
}
.menu-toggle{
	color:#235D87;
    font-size:20px;	
}

.slideout ul li a{
	font-size:30px;
	color:#fff;
}
.slideout-navigation.main-navigation {
    background-color: rgba(10,10,10,0.8)!important;
}
/*------------4. FOOER--------------------*/

.footer-widgets {
	color: #fff;
	text-align: center;
	background-color: #235D87;
}

.footer-widgets a, .footer-widgets a:visited {
    color: #fff; 
	border-bottom:dashed 1px;
}
.footer-widgets a:hover {
	color: #999;
}
.footer-widgets strong {
	font-weight: bold;
	text-transform: uppercase;
}
.footer-widgets p {
	margin-bottom: 10px;
}
.site-info {
	background-color: #FFFFFF;
}
.site-info a, .site-info a:visited {
   color: #235D87; }
 .site-info a:hover {
	color: #666;
}
.copyright-bar li  {
	background-image: none;
	display: inline;
	list-style-type: none; margin-right:10px;}

.footer-bar-align-right .copyright-bar {
    float: none;
}
/*-----Top Bar-----*/
.inside-top-bar p { color:#235D87;}
.inside-top-bar strong {font-weight:normal!important;}

/*--------- --7. SHORT CODES--------------*/

.su-spoiler-title {
    font-size: 15px!important;
	color:#235D87;
	padding: 0 0 10px 0!important;
    text-align:center;
    text-transform:uppercase;
}
.su-spoiler-icon {display:none!important;
}
.su-spoiler-style-default > .su-spoiler-content {
    border: none;
}
.su-spoiler-content:hover {background-color: #cee1f5;}

/*------------------------TABLE-------------------------------*/
#cv td {
    border: none;
	}
 #cv {
	border: none;
}
#cv tr:nth-of-type(even) {background: #fdffff;}

#cv td{
	vertical-align: top;
    border-bottom:solid 1px #66acd6;
 }
#cv tr:hover {
    background-color: #235D87;
    color:#fff;}
.cvgold {
	color: #333;
	font-weight: normal;
	text-align: right;
}
.cvwhite {
	color: #333;
}
.cvhead {
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
}
/*------------9. FORM-------------------*/ 
/*------------WPForm--------------------*/
.form input, .form textarea, .form select {  
    min-width: 100%; 
	background-color:#003366!important; 
	border:none; 
	color:#333!important; 
	font-size:20px;
}
.wpforms-form button{
	background-color: #4a86b2!important;
	border: none!important;
	color:#fff!important;
	font-size: 18px;
}
/*-----------------SEKTIONS-------------------*/
.blue {
	color: #fff;
	padding-top:100px;
	padding-bottom:100px;
	background-image: url(images/lebensberatung-einzelpersonen-familien-paare.jpg);
	background-position: center top;
}
.blue h2, .blue h3 {
    color: #fff;
   
}
.white {
 	padding-top:100px;
	padding-bottom:100px;
}

.generate-sections-container {
	background-repeat: no-repeat;
	background-size: auto;
	background-attachment: fixed;
}

/*-----------------SONSTIGES-------------------*/
.center {text-align:center;}
.abstand {margin-bottom: 20px;}
.flag img {max-width:23px!important;}

/*-------------------Tab Focus----------*/

*:focus-visible {
  outline-color: currentColor;
  outline-style: solid;
  outline-offset: .25rem;
  outline-width: .25rem;
}

@media screen and (max-width: 1000px) {
.main-nav ul li a {
   font-size: 14px!important;
   padding-left: 5px!important;}

}

@media screen and (max-width: 768px) {

body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
   text-align:center;
   font-size:16px;
   line-height:24px;
}
.inside-page-hero h1 {
	margin-bottom:0!important;
}
.inside-page-hero h2 {
	font-size:18px;
}
/*------------1. PAGE HEADER--------------*/
h1, h3{ 
	 font-size:30px!important; 
	 line-height:45px!important;
}
h2 {
    font-size:16px;
}

h3 {
	margin-bottom:30px!important;
 }

blockquote {
	font-size:16px;
	line-height:24px;
	padding: 10px;
}

.main-nav ul li a {
    font-size: 20px!important;
 }

.copyright-bar ul {margin: 0;}
.copyright-bar ul li{
    display: block;
	padding: 0;
	margin: 10px 0;
	}

/*-----FOOTER----------*/
.site-footer img {	
     max-width: 26px;
}
/*-----Top Bar-----*/
.inside-top-bar p {text-align:center}	



/*-----RORM----------*/
textarea {resize:horizontal; max-width:100%!important;}
/*-----CONTENT----------*/
.site-content ul {margin-left: 0px;}
.site-content ul li {
	padding-left: 0px;
	background-position: center bottom;
	padding: 15px 0; 	
}
/*----SHORT CODES----------*/

/*-------------------TABLE--------------------------------*/
table {text-align:left;}
#cv {
	border: none;
	padding:1px;
}
#cv td{
    font-size:15px;
	padding: 5px;
}

/*----SECTIONS---*/
.blue, .white {
	padding-top:40px;
	padding-bottom:40px;
}
/*-----------------SONSTIGES-------------------*/
.portrait img{
    max-width:60%!important;
}
/*-----------------dialog-------------------*/
.dialog {
 	background-position: top;
	padding: 90px 50px 50px;
}

}
