/*
 Theme Name:   Boulder Bundesliga
 Theme URI:    http://klettermafia.de/
 Description:  Divi child theme for boulder-bundesliga.de
 Author:       Simon Stützer, René Heilmann
 Author URI:   www.klettermafia.de
 Template:     Divi
 Version:      1.1.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi-child-BBL
*/
@import url("../Divi/style.css");


#bbl-main-content-part1{
	background: url(img/border/bbl_border_top_left_part1.svg) no-repeat left top;
    background-size: 75% 100%;
}
#bbl-main-content-part2{
	background: url(img/border/bbl_border_top_left_part2.svg) no-repeat left top;
    background-size: 75% auto;
}
#bbl-main-content-part3{
	background: url(img/border/bbl_border_top_left_part3.svg) no-repeat left top;
    background-size: 75% 100%;
    padding-top: 77px;
   	padding-left: 8%;
}
#main-content{
    background-color: transparent; 
    min-height: 600px;
}

#bbl-main-content-part1 .container{
	margin: 0 10px 0 15px;
	width: calc(100% - 25px);
	max-width: 1280px;
	padding: 10px 0 10px 0;
}
/*-------------------[870px]------------------*/
@media only screen and ( max-width: 870px ) {
	#bbl-main-content-part3{
		padding-top: 50px;
	}
}
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 480px ) {
	#bbl-main-content-part3{
		padding-top: 24px;
	}
}
/*-------------------[1280px]------------------*/
@media only screen and ( min-width: 1280px ) {
	#bbl-main-content-part2{
		background-size: 960px auto;
	}
	#bbl-main-content-part1, #bbl-main-content-part3{
		background-size: 960px 100%;
	}
	#bbl-main-content-part3{
  		padding-left: 100px;
  	}
}
.bbl_text_icon {
	font-family: 'ETmodules';
}
/*********************************************************/
/*                  Top Menu Elemente                    */
/*********************************************************/
#logo{
	max-height: 65%;
}
#main-header .container {
	width: 95%;
	max-width: 1010px;
}
.bbl_top_nav_item {
	float: right;
	margin: 0 0 0 15px;
	position: relative;
	display: block;
	width: 32px;
	text-align: center;
	color: #666;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.bbl_top_nav_item .hint{
	position: absolute;
	display: inline-block;
	font-size: 10px;
	width: 60px;
	text-align: center;
	line-height: 1.2em;
	white-space: nowrap;
	left: -14px;
	bottom: 27px;
	opacity: 1;
	-webkit-transition: all .4s;
	transition: all .4s;
	overflow: hidden;
}
.bbl_top_nav_item .hint.small{
	width: 54px;
}
@media only screen and ( min-width: 981px ){
	.et-fixed-header .bbl_top_nav_item {
		margin-top: -3px;
	}
}
.et-fixed-header .bbl_top_nav_item .hint{
	opacity: 0;
	bottom: 50px;
}
.bbl_top_nav_item .top_icon {
	font-family: 'ETmodules';
	font-size: 17px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.et_fixed_nav.et_show_nav #page-container {
	padding-top: 110px;
}
@media only screen and ( max-width: 980px ) {
	#et-top-navigation{
		padding-top: 36px !important;
	}
	#et_mobile_nav_menu .mobile_menu_bar{
		padding-bottom: 13px !important;
	}
	.bbl_top_nav_item {
		margin: 5px 0px 0px 10px;
	}
	#page-container, .et_fixed_nav.et_show_nav #page-container {
		padding-top: 143px;
	}

/*********************************************************/
/*               Divi Style etwas aendern                */
/*********************************************************/
#page-container.et-animated-content{
	margin-top: 0px !important;
}

#main-header.et-fixed-header{
	opacity: 0.65;
}
#main-header.et-fixed-header:hover{
	opacity: 1;
}

.et-search-form input {
	padding: 5px;
	height: 37px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(31,148,178,1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(31,148,178,1);
	box-shadow: inset 0px 0px 5px 0px rgba(31,148,178,1);
	border-radius: 3px;
}
@media only screen and ( max-width: 420px ) {
	#main-header .container{
		width: 90%;
	}
	#et-top-navigation{
		padding-left: 35% !important;
	}
	#logo{
		max-width: 35% !important;
	}
}
@media only screen and ( max-width: 480px ) {
	.et_search_form_container {
		margin-right: 1%;
	}
}
#et_mobile_nav_menu .mobile_nav.closed:not(:hover) .mobile_menu_bar:before{
	color: rgba(0, 0, 0, 0.498039) !important;
}
#bbl_bar_wertungen_punkte .et_pb_counter_container .et_pb_counter_amount{
	/*float: right;*/
}
.et-social-icons li {
	margin-left: 10px;
	margin-right: 10px;
}
@media only screen and ( max-width: 767px ) {
	.comment-reply-link {
	    top: auto;
	    bottom: inherit;
	}
}