/*
 Theme Name:   Bio4Energy
 Theme URI:    
 Description:  Enfold child theme produced for bio4energy 
 Author:       ITS
 Author URI:   
 Template:     enfold
 Version: 1.0.27
 Text Domain:  bio4energy
*/

/* HEADER STYLING */

#header_main {
    border-bottom-width: 4px;
    border-color: #becc00;
}

#header_main h1 {
    margin-bottom: 0px;
}

/* NAV MENU */

.header_color a:hover{
    border-color: #EBF0C9;
}

#top #wrap_all .av-main-nav ul > li > a {
    border: 1px solid #becc00;
}

#top #wrap_all .av-main-nav ul > li > a:hover {
    border: 1px solid #EBF0C9;
}

#top #avia-menu li.current-menu-item > a > .avia-menu-fx,
#top #avia-menu .menu-item:hover > a > .avia-menu-fx {
    background-color: transparent !important;
    border: none !important;
    opacity: 0;
    visibility: hidden;
}

#top #avia-menu > li.current-menu-item:before {
    content:"";
    position:absolute;
    top: 16px;
    background:#BFCC00;
    width: 13px;
    height:13px;
    border-radius:50%;
    left:calc(51% - 9px);
}

#top #avia-menu li.current-menu-item .sub-menu .current-menu-item a .avia-menu-text:after {
    content: "";
    position: absolute;
    top: 14px;
    background:#717900;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 4px;
}

.html_header_top .header_color .main_menu ul:first-child >li > ul{
    border-top: 0;
    margin-top: 0.5px;
}

/* STARTPAGE STYLING */

.home .slide-image img, .home .slide-image{
    border-radius: 0;
}

.home .more-link:before {
    display: inline-block;
    text-decoration: none;
    content: "\E822";
    color: #ffffff;
    font-family: 'entypo-fontello';
    background-color: #BFCC00;
    border-radius: 50%;
    line-height: 30px;
    font-size: 1.25rem;
    vertical-align: middle;
    padding: 0 7px;
    margin: 5px 5px 5px 0;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.more-link-arrow { 
    display: none; 
}

.home .hr-inner{
    border-color: #BFCC00;
}

.home #header_main {
    border: 0 !important;
}

.home blockquote {
    border: 0;
}

.home .avia-team-member * {
    text-align: center;
    color: #707070;
}

.home .avia-team-member .team-member-job-title {
    color: #000000;
}

.home .team-img-container img.av-team-img-original{
    border-radius: 50%;
}

.event-container {
    display: flex;
}

.event-icon {
    max-width: 100%;
    margin: 0 10px 0 0;
}

.event-icon:before{
    content: "\E85B";
    display: inline-block;
    color: #ffffff;
    font-family: 'entypo-fontello';
    background-color: #BFCC00;
    border-radius: 50%;
    font-size: 3rem;
    vertical-align: middle;
    padding: 30px 18px;
    margin: 5px;
}

.event-item {
    padding: 5px;
}

.event-item h3{
    font-weight: 100;
    font-size: 1.125rem;
}

.event-startdate {
    color:#717900;
    font-size: 1rem;
}

/* SIDEBAR STYLING */

.main_color .sidebar h2, .main_color .sidebar h3 {
    text-transform: uppercase;
    font-size: 1rem;
    color: #717900;
    overflow: hidden;
}

.sidebar .sidebar-header {
    margin-top: 46px;
}

.sidebar h2:after, .sidebar h3:after {
    content:"";
    display: inline-block;
    height: 0.5em;
    width: 100%;
    margin-right: -100%;
    margin-left: 2px;
    border-bottom: 2px solid #C8C8C8;
}

.main_color .sidebar a{
    color: #717900;
    font-size: 0.75rem;
    font-style: normal;
}

.sidebar-event-thumbnail{
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.widget {
    padding: 0px;
}

.widget_recent_entries li{
    border-top-width: 2px;
    border-color: #C8C8C8;
}

/* FOOTER STYLING */

#footer .flex_column:nth-child(1) {
    width: 15%;
    margin-left: 0;
}

#footer .flex_column:nth-child(2) {
    width: 16%;
    margin-left: 3%;
    border-left: 1px solid #fff;
    padding-left: 10px;
}

#footer .flex_column:nth-child(3) {
    width: 16%;
    margin-left: 3%;
    border-left: 1px solid #fff;
    padding-left: 10px;
}

#footer .flex_column:nth-child(4) {
    width: 44%;
    margin-left: 3%;
}

.wp-block-gallery .blocks-gallery-item img{
    height: auto !important;
    max-height: 57px;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: auto;
    flex: 0;
}

#footer h2 {
    font-size: 1.125rem;
    font-weight: 100;
}

#footer p {
    margin: 0.25rem 0 0;
}

/* SLIDESHOW STYLING */
.caption_bottom .slideshow_caption .slideshow_align_caption {
    width: max-content;
    background-color: #BECD00;
    padding: 20px !important;
    margin-bottom: 40px;
}

.caption_bottom .caption_container .slideshow_caption .slideshow_inner_caption:before{
    content: "";
    display: block;
    border-top: 8px solid transparent;
}

.caption_bottom .caption_container .slideshow_caption .slideshow_inner_caption{
    border-top: 6px solid #BFCC00;
    width: fit-content;
    padding: 0;
    margin-left: 50px;
}

.caption_bottom .slideshow_caption .slideshow_align_caption h2.avia-caption-title  {
    font-size: 1.875rem;
    font-weight: 100;
    color: #000000;
}

.caption_bottom .slideshow_caption .slideshow_align_caption .avia-caption-content p  {
    font-size: 0.875rem;
    color: #000000;
}

.avia-caption-title, .avia-caption-content {
    -webkit-animation: 0s ease 0s normal none 1 running none !important;
	animation: 0s ease 0s normal none 1 running none !important;
	visibility: visible !important;
}

/* EVENT LIST STYLING */

/* SINGLE EVENT STYLING */
.event-date .event-header, .event-location .event-header, .event-organizer .event-header, .event-speaker .event-header, .event-contact .event-header {
    color:#717900;
}

h3.event-header {
    font-size: 0.9375rem;
    font-weight: 100;
}

#top .no_margin.av_seven_eighth {
    width: 87.5%;
  }

/* PROJECT ARCHIVE STYLING */
.small-preview.project {
    border-radius: 0;
    width: 250px;
    height: 250px;
    line-height: 250px;
}

.project-entry{
    margin-bottom: 1.5em;
}

hr.project-divider {
    margin: 0.75em 0;
}

/* MISC STYLING */

.title_container .breadcrumb {
    left: 50px;
    right: auto !important;
}

.breadcrumb .breadcrumb-trail .trail-end {
    color: #717900;
    font-weight: bold;
}

.post-meta-infos .text-sep,
.post-meta-infos .minor-meta,
.post-meta-infos .minor-meta a,
.slide-meta .slide-meta-comments a,
.slide-meta .slide-meta-del,
.slide-meta .slide-meta-time {
    color: #000000;
    font-size: 0.75rem;
}

.template-blog .entry-content-wrapper .post_delimiter {
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0 0 0;
}

/* MEDIA */
@media (min-width: 600px){
    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
        width: auto;
    }
}

@media only screen and (max-width: 1080px) {
    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
		
	.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
	.responsive #top #main {padding-top:0 !important; margin:0;}
	.responsive #top #main .container_wrap:first-child{ border-top:none; }
	.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
	.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
	.responsive .phone-info div{margin:0;padding:0; border:none;}
	.responsive.html_header_top #header_main .social_bookmarks ,
	.responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; }
	
	.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
	.responsive .logo a{display:table-cell; vertical-align: middle;} 
	.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
	.responsive #header_main .container{height:auto !important; }
	.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
	.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
	.responsive.social_header .phone-info div{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
	.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
	.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
	.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
	.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
	.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
	.responsive #header .social_bookmarks li{float:none; display: inline-block;}
	.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
	.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
	.responsive .logo img{margin:0;}
	.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
	.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
	
	.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
	.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
	
	.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
	.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
	.responsive #top .av_header_transparency #header_main_alternate, 
	.responsive .av_header_transparency #header_main .social_bookmarks li a,
	.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
	.responsive #top .av_header_transparency #header_meta, 
	.responsive #top .av_header_transparency #header_meta li,
	.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
	.responsive.html_top_nav_header .av-logo-container{height:auto;}
	.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
	
    /*new mobile*/
	.responsive .av-burger-menu-main{display: block;}
	.responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
	.responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
	.responsive #top .av-main-nav .menu-item{display:none;}
	.responsive #top .av-main-nav .menu-item-avia-special{display:block;}
	.responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 1.5rem; }
	.responsive #header_main_alternate{display:none;}
	.responsive #top #header .social_bookmarks{display:none;}
	.responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
	.responsive #top .av-logo-container .avia-menu{height:100%;}
	.responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
	.responsive #top #main .av-logo-container .main_menu{display:block;}
	.responsive #top #main .av-logo-container .social_bookmarks{display:none;}
	.responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
	.responsive #top #main .av-logo-container .main_menu{display:block;}
	.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
	.responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
	.responsive #top #wrap_all .av-logo-container {padding:0;}
	.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
		min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
	}
	.responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
	.responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
	    background:transparent;
	    color: inherit;
	}

    .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left:0;
        padding-right:0;
        float:none;
    }

    .responsive .title_container .breadcrumb {
        left: -2px;
    }

    .responsive .caption_bottom .caption_container .slideshow_caption .slideshow_inner_caption{
        margin-left: 0;
    }
}