/*
Theme Name: Love Lessons
Version: 1
Author: Christian Röder
Template: enfold
*/

*{margin:0px;padding:0px;}

@font-face {
   font-family: Chalet;             
   src: url(fonts/ChaleLonNinSix.woff); 
}

html, body, p, h1,h2,h3,h4,h5{
	font-family: Chalet !important;
}

p a{
	color:#FF0000 !important;
}

p .av_font_icon a{
	color:#000 !important;
}

p .av_font_icon{
	animation:0s !important;
	transform: scale(1) !important;
	opacity:1 !important;
}

.breadcrumb-trail a{
	pointer-events: none !important;
}

#top #main,#top .html_stretched #wrap_all,#top .header_color,#top .header_color div,#top #header,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color, #top .alternate_color {
	background-color:rgba(255,255,255,0) !important;
}

#top .alternate_color.title_container, #top .header_color form div{
	background-color:#fff !important;
}
main.content{
	padding-top:0px;
}

#wrap_all {
    opacity: 0.98;
}

#top .container_wrap {
	border-top-width:0px !important;
}
#top #header_main {
	border-bottom-width: 0px !important;
}

#top .main_color,#top .header_color .container_wrap_meta{	
	background-color:#fff !important;
}

.av-inner-masonry.main_color{
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
}


#top #main, #header_meta{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	overflow:hidden !important;
}

#top #main{
	margin-bottom:50px;
}


.container {
 /* padding: 0px 20px !important;*/
}

.logo{
	margin-top:30px;
}


.main_menu ul li:first-child a{
	padding-left:0px;
}

.header_color .main_menu ul:first-child > li > a {font-weight: 400; font-family: Chalet; text-transform:uppercase;font-size:14px;}

.main_color .content  ul {
   list-style-image: url('img/bullet_heart.png');
}

.um ul{
	list-style-image:none !important;
}

.button{
	text-decoration:none !important;
}

/* Lessons */
.lesson_btn{
	margin-top:10px !important;	
}

.lesson_btn:hover .av-special-heading-tag{
	color:#FF0004 !important;
}

.lesson_btn:hover .special-heading-inner-border{
	border-color:#FF0004 !important;
}

.level_2, .level_3,.level_4,.level_5{
	display:block;
	text-decoration:none !important;
	padding: 5px;
	color:#000 !important;
}

.level_2{
	margin-top:5px;
}

.level_3,.level_4,.level_5{
	margin-top:1px;
}

.main_color .level_2.button:hover,.main_color .level_3.button:hover,.main_color .level_4.button:hover,.main_color .level_5.button:hover{
	background-color: #FF0000;
    color: #ffffff;
}


.main_color .level_2.button{
	/*margin-left:2%;
	width:98%;*/
	background-color:#cdcdcd;
}   

.main_color .level_3.button{
	/*margin-left:2%;
	width:98%;*/
	padding-left:20px;
	background-color:#e6e6e6;
}

.main_color .level_4.button{
	/*margin-left:4%;
	width:96%;*/
	padding-left:40px;
	background-color:#f1f1f1;
}

.main_color .level_5.button{
	/*margin-left:6%;
	width:94%;*/
	padding-left:60px;
	background-color:#f7f7f7;
}

.phase .content{
	padding-top:0px !important;
	padding-bottom:20px !important;
}

.responsive #top .avia-post-nav {
    display: block !important;
}

#top .avia-post-nav {
 
    background: rgba(0,0,0,0.5) !important;
    
}


.zitat{
	background: url(img/zitate_bg.jpg) no-repeat top center;
    background-size: 100%;
    padding: 30px 30px;
    margin-bottom: 20px;
    min-height: 210px;
}

.zitat h2{
	font-style:italic;
	font-size: 22px;
    line-height: 30px;
}

.zitat .post_delimiter, .gedicht .post_delimiter{
	display:none;
}

.gedicht .entry-content p{
	text-align:center;
}

/* Test */

.lovelesson_test{
	height:0px;
	overflow:hidden;
}

.lovelesson_test .entry-content{
	padding: 50px 0px;
	position:relative;	
}

.lovelesson_test p{
	margin:0px;
	padding:0px;
	}

.test_gender{
	font-weight:bold;
	text-transform:uppercase;
	/*text-shadow: 1px 1px #e1e1e1;*/
}

.question_bubble {
	position: relative;
	background: #f8f8f8;
	border: 1px solid #e1e1e1 !important;
	padding:10px;
	max-width:300px;
	min-width:100px;
	width:auto;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: #444;
	left:10px;
	/*opacity:0;*/
	text-align:left !important;
	
}
.question_bubble:after, .question_bubble:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.question_bubble:after {
	border-color: rgba(149, 213, 145, 0);
	border-right-color: #f8f8f8;
	border-width: 10px;
	margin-top: -10px;
}
.question_bubble:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #e1e1e1;
	border-width: 11px;
	margin-top: -11px;
}

.answer_bubble {
	position: relative;
    padding: 10px;
	max-width:300px;
	min-width:100px;
	background: #E0F1B5;
	border: 1px solid #8BAF5B !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 40px;
    margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #4F5F39;
	display:none;
	right:10px;
	float:right;
	text-align:left !important;
	
}
.answer_bubble:after, .answer_bubble:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.answer_bubble:after {
	border-color: rgba(123, 235, 120, 0);
	border-left-color: #E0F1B5;
	border-width: 10px;
	margin-top: -10px;
}
.answer_bubble:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #8BAF5B;
	border-width: 11px;
	margin-top: -11px;
}

.losung{
	text-align:left;
	white-space:pre-wrap;
	position:relative;
	opacity:0;
	
}

.losung .avia_message_box_content{
	text-transform:none !important;
}

.answer_btns{
	position:absolute;
	z-index:1;
	width:100%;
}

.answer_btn{
	width: 100%;
    display: inline-block;
    text-align: center;
	margin-bottom:5px;
	color:#000 !important;
	background-color:#f8f8f8 !important;
	border:thin solid #e1e1e1 !important;
	opacity:0;
}

.answer_btn:hover{
	color:#fff !important;
	background-color:#ff0000 !important;
	border:thin solid #940002 !important;
}

.auswertung{
	opacity:0;
}

.auswertung .good, .auswertung .mid, .auswertung .bad{
	display:none;
}

.losung_box{
	text-align:left !important;
}

.losung_box .falsch{
	color:#FF0000 !important;
}

.losung_box .richtig{
	color:#8BAF5B !important;
}

@media all and (max-width:850px){
	.zitat h2{
		font-style:italic;
		font-size: 18px;
		line-height: 26px;
	}

}

@media all and (max-width:600px){
	.zitat{
		background:none;
		min-height:0px;
		padding:0px;
	}

}