/*
 Theme Name:   CFS Elternini 2020
 Theme URI:    http://www.kriesi.at/
 Description:  Customized Wordpress Child Theme &#10149; Client: Elterninitiative CFS-kranke Kinder und Jugendliche München &#10149; Development & Technical Realization by <a href="https://www.fk-mediaworks.de" target="_blank">Filip Krejcik - FK-Mediaworks</a>
 Author:       Filip Krejcik
 Author URI:   https://www.fk-mediaworks.de
 Template:     enfold
 Version:      1.0.1
*/

/*
Orange
color: #ee783e;
Blau
color: #007bb4;
Grau
color: #6a7980;
neu: #455459;

*/


body { font-family: 'calibri', Arial, Helvetica, sans-serif !important; font-weight: 400; }

@media only screen and (max-width: 1200px) {
.container { padding: 0px 20px; }
}


@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container { width: 100%; max-width: 100%; padding: 0px 20px; }
}


/*** HEADER ***/

#header { background-color: #fff !important; }

#header_meta {
width: auto;
top: 60px;
right: calc((100% - 1400px) / 2);
position: absolute;
background-color: rgba(255,255,255,0) !important;
}

.header-scrolled #header_meta {
top: 20px;
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div { height: 47px; }

.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 200px !important;
}

#top .menu-item-search-dropdown > a {
font-size: 20px;
}

@media only screen and (max-width: 1400px) {
#header_meta { right: 0px; }
}

@media only screen and (max-width: 989px) {
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 61px !important; }
#header_main .container { padding: 0px; }
.logo, .logo a { overflow: visible; }
div .logo { padding-left: 20px; }
.logo img { max-height: 120px !important; }
#header_meta, .header-scrolled #header_meta { top: 122px; background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,0); }
#top .header_color .sub_menu ul li a, #top .header_color .sub_menu ul li a:hover { color: #fff !important; }
}

@media only screen and (max-width: 767px) {
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 31px !important; }
#header_main .container { padding: 0px !important; }
#header_meta .container { padding-right: 10px !important; }
div .logo { padding-left: 20px !important; }
.logo img { max-height: 100px !important; }
#header_meta, .header-scrolled #header_meta { top: 107px; }
}


/*** MENU ***/

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
float: right;
width: auto;
}

#avia-menu li.menu-item a {
font-size: 20px;
text-transform: uppercase;
padding: 0px 20px;
}

#avia-menu li.menu-item:nth-last-child(2) a {
padding-right: 0px;
}

#avia-menu .avia-menu-fx {
display: none;
}

#avia-menu li.menu-item.current-menu-item .avia-menu-text, #avia-menu li.menu-item a:hover .avia-menu-text {
padding-bottom: 5px;
border-bottom: 5px solid #007bb4;
}

#avia-menu > li > ul { border-top-color: #fff !important; border-bottom: 0 !important;  }
#avia-menu > li.menu-item ul a { padding: 3px 20px !important; }
#avia-menu li.menu-item ul a .avia-menu-text, #avia-menu li.menu-item ul a:hover .avia-menu-text { border-bottom: 0px !important; padding-bottom: 0px !important; }
#avia-menu li.menu-item ul a:hover .avia-menu-text { color: #007bb4; }

@media only screen and (max-width: 1080px) {
#avia-menu li.menu-item a { padding: 0px 15px; }
}

@media only screen and (min-width: 990px) {
#avia-menu ul.sub-menu { display: none !important; }
}

@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { position: absolute; left: 0; top: 120px; background-color: #26425d; padding-left: 7px; }
#header_main .main_menu, #header_main .main_menu  li, #header_main .main_menu  a  { height: 32px !important; line-height: 30px !important; }
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #fff; }
.av-burger-overlay, .av-burger-overlay-bg { height: calc(100% - 153px); top: 153px; }
.av-burger-overlay-bg { opacity: 1; background: #fff; }
html.av-burger-overlay-active #header_meta { z-index: 5; }
#top #av-burger-menu-ul { padding: 50px 30px !important; display: block; max-width: 400px; margin: 0 auto; }
#header_main #av-burger-menu-ul li { height: auto !important; min-height: 60px !important; margin-bottom: 10px; padding: 0px 0px 0px 80px; background-size: 65px 60px; max-width: 400px; }
#header_main #av-burger-menu-ul li a { color: #26425d !important; text-transform: uppercase; font-size: 20px !important; font-weight: 700; text-align: left; background: url('../../uploads/2020/03/arrowblue.png') right center no-repeat; background-size: 10px; line-height: 60px !important; height: 60px !important; }
#header_main #av-burger-menu-ul li a:hover { background: url('../../uploads/2020/03/arroworange.png') right center no-repeat; background-size: 10px; opacity: 1 !important; color: #ee783e !important; }
#header_main #av-burger-menu-ul li.av-show-submenu a { background: url('../../uploads/2020/03/arrowbluedown.png') right center no-repeat; background-size: 19px; }
#header_main #av-burger-menu-ul li.av-show-submenu a:hover { background: url('../../uploads/2020/03/arroworangedown.png') right center no-repeat; background-size: 19px; }
#header_main #av-burger-menu-ul li.av-show-submenu a:active, #header_main #av-burger-menu-ul li.av-show-submenu a:focus { opacity: 1; }
.av-submenu-indicator { display: none !important; }
#header_main #av-burger-menu-ul li.av-width-submenu ul { margin-bottom: 10px; }
#header_main #av-burger-menu-ul li.av-width-submenu li, #header_main #av-burger-menu-ul li.av-width-submenu li a { height: auto !important; min-height: 24px !important; background: none !important; padding: 0px 0px 0px 10px; }
#header_main #av-burger-menu-ul li.av-width-submenu li a { line-height: 24px !important; font-size: 18px !important; }
.html_av-submenu-hidden #av-burger-menu-ul li.current-menu-item ul.sub-menu { display: block; }
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { top: 100px; }
.av-burger-overlay, .av-burger-overlay-bg { height: calc(100% - 133px); top: 133px; }
#top #av-burger-menu-ul { padding: 30px 30px !important; }
}

@media only screen and (max-width: 479px) {
#top #av-burger-menu-ul { padding: 20px 20px !important; }
#header_main #av-burger-menu-ul li { min-height: 50px !important; margin-bottom: 10px; background-size: 54px 50px; }
#header_main #av-burger-menu-ul li a { line-height: 50px !important; height: 50px !important; }
}


.menu-item-37 { background: url('../../uploads/2020/07/linkbg1.jpg') top left  no-repeat; }
.menu-item-61 { background: url('../../uploads/2020/07/linkbg2.jpg') top left  no-repeat; }
.menu-item-62 { background: url('../../uploads/2020/07/linkbg3.jpg') top left  no-repeat; }
.menu-item-1863 { background: url('../../uploads/2023/08/linkbg3n.jpg') top left  no-repeat; }
.menu-item-63 { background: url('../../uploads/2020/07/linkbg4.jpg') top left  no-repeat; }
.menu-item-893 { background: url('../../uploads/2021/01/linkbg5.jpg') top left  no-repeat; }
.menu-item-65 { background: url('../../uploads/2020/07/linkbg6.jpg') top left  no-repeat; }


/*** CONTENT ***/

a.phonelink { color: #455459; }

.avia_textblock p a:hover { color: #007bb4; text-decoration: none !important }

.grey { color: #6a7980 !important; }

sup { vertical-align: top !important; }


@media only screen and (max-width: 767px) {
.avia_textblock p, .avia_textblock ul  { font-size: 17px; }
}

@media only screen and (max-width: 529px) {
.avia_textblock p, .avia_textblock ul  { font-size: 16px; }
}


/* Header */

h1, h2 , h3 { font-weight: 700 !important; }
h3 { text-transform: uppercase; }
.special_amp { font: inherit !important; }
.fk_cfs_hnomargin .av-special-heading{ padding-bottom: 0 !important; }

@media only screen and (max-width: 989px) {
.av-special-heading-h1 { padding-bottom: 26px !important; }
}

@media only screen and (max-width: 767px) {
.av-special-heading-h1 { padding-bottom: 22px !important; }
h1  { font-size: 30px; }
h2, h3  { font-size: 24px; }
}

@media only screen and (max-width: 479px) {
.av-special-heading-h1 { padding-bottom: 18px !important; }
h1  { font-size: 24px; }
h2, h3  { font-size: 20px; }
}

@media only screen and (max-width: 360px) {
h1  { font-size: 20px; }
h2, h3 { font-size: 18px; }
}


/* Buttons */

.fk_cfs_ixbtn a {
color: #ee783e !important;
border: 0 !important;
min-height: 160px;
padding: 130px 0px 0px !important;
background-color: rgba(255,255,255,0) !important;
margin-bottom: 20px !important;
font-weight: 700 !important;
}
.fk_cfs_ixbtn a:hover {
color: #007bb4 !important;
}

.ixbtn1 a {
background: url('../../uploads/2020/05/btn.community.png') top center no-repeat;
}

.ixbtn2 a {
background: url('../../uploads/2020/05/btn.donate.png') top center no-repeat;
}

.ixbtn3 a {
background: url('../../uploads/2020/05/btn.diary_.png') top center no-repeat;
}

.ixbtn1 a, .ixbtn2 a, .ixbtn3 a {
background-size: 120px 120px;
}


@media only screen and (max-width: 989px) {
.fk_cfs_ixbtn { display: inline-block !important; }
}

@media only screen and (max-width: 720px) {
.fk_cfs_ixbtn { display: block !important; }
}

/* Divider */

@media only screen and (max-width: 989px) {
.fk_cfs_divider1 { margin: 18px 0px 26px !important; }
.fk_cfs_whitespace1 {}
}

@media only screen and (max-width: 767px) {
.fk_cfs_divider1 { margin: 16px 0px 22px !important; }
}

@media only screen and (max-width: 479px) {
.fk_cfs_divider1 { margin: 14px 0px 18px !important; }
}


/* Boxes */

.fk_cfs_bluebox, .fk_cfs_contactform {
border: 2px solid #007bb4 !important;
padding: 10px 30px;
margin-top: 30px;
border-radius: 3px; 
}

.fk_cfs_contactform {
max-width: 1000px;
}

.fk_cfs_cfptop{ padding-top: 30px; }

@media only screen and (max-width: 989px) {
.fk_cfs_bluebox, .fk_cfs_contactform { padding: 9px 26px; margin: 26px 0px; }
.fk_cfs_cfptop { padding-top: 26px; }
}

@media only screen and (max-width: 767px) {
.fk_cfs_bluebox, .fk_cfs_contactform { padding: 8px 22px; margin: 22px 0px; }
.fk_cfs_cfptop { padding-top: 22px; }
}

@media only screen and (max-width: 479px) {
.fk_cfs_bluebox, .fk_cfs_contactform { padding: 7px 18px; margin: 18px 0px; }
.fk_cfs_cfptop { padding-top: 18px; }
}



/* Slider */


.avia-slideshow-dots { width: 100%; display: block; text-align: right; padding-right: 50px; }
/*.avia-slideshow-dots { text-align: right; padding-right: calc(((100% - 1400px) / 2) + 50px); }*/
.avia-slideshow-dots a { background: #ccc !important; opacity: 1 !important; }
.avia-slideshow-dots a:hover { background: #fff !important; }
.avia-slideshow-dots a.active { background: #ee783e !important; opacity: 1 !important; }
.avia-slideshow-arrows a { opacity: 1 !important; }
.avia-slideshow-arrows a:before { background: none; }

@media only screen and (min-width: 990px) {
.avia-fullwidth-slider { max-width: 1400px; margin: 0 auto; border: none !important; box-shadow: none !important; padding: 0px 20px; }
.avia-slideshow { border-radius: 3px; }
}

@media only screen and (min-width: 1201px) {
.avia-fullwidth-slider { padding: 0px 50px; }
}

@media only screen and (max-width: 1400px) {
.avia-slideshow-dots { padding-right: 50px; }
}

@media only screen and (max-width: 1200px) {
.avia-slideshow-dots { padding-right: 20px; }
}


/* Footnotes */

.fk_cfs_footnotes { display: inline-block; margin-top: 30px; }
.footnote a:hover, a.footnote-link:hover { text-decoration: none; color: #007bb4; }

@media only screen and (max-width: 989px) {
.fk_cfs_footnotes { margin-top: 26px; }
}

@media only screen and (max-width: 767px) {
.fk_cfs_footnotes { margin-top: 22px; }
}

@media only screen and (max-width: 479px) {
.fk_cfs_footnotes { margin-top: 18px; }
}


/*** SIDEBAR ***/

.inner_sidebar { margin-top: 10px; }

.widget_nav_menu ul {
border-top: 1px solid #6a7980;
}

.main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a {
color: #007bb4;	
}

.sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current_page_item {
padding-left: 0px; 
}

.main_color .sidebar a {
padding: 6px 7px 7px 7px !important;
border-bottom:  1px solid #6a7980 !important;
font-size: 16px;
background: url('../../uploads/2020/05/arrowgrey.png') 95% center no-repeat; background-size: 6px;
}

.main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a {
background: url('../../uploads/2020/03/arrowblue.png') 95% center no-repeat; background-size: 6px;
}

.main_color .sidebar a:hover {
background: url('../../uploads/2020/03/arroworange.png') 95% center no-repeat; background-size: 6px;
color: #ee783e !important;
}

.sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item {
box-shadow: none;
background-color: #fff;
}

@media only screen and (max-width: 1290px) {
.main_color .sidebar a { font-size: 15px; padding: 6px 5px 7px 5px !important; }
.main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a, .main_color .sidebar a:hover, .main_color .sidebar a  { background-position: 100% center; }
}

@media only screen and (max-width: 1200px) {
.sidebar_left .inner_sidebar { margin-right: 10px; }
.main_color .sidebar a { font-size: 16px; padding: 6px 7px 7px 7px !important; }
.main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a, .main_color .sidebar a:hover, .main_color .sidebar a  { background-position: 95% center; }
}

@media only screen and (max-width: 1080px) {
.sidebar_left .inner_sidebar { margin-right: 0px; }
.main_color .sidebar a { font-size: 15px; padding: 6px 5px 7px 5px !important; }
.main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .sidebar a:hover, .main_color .sidebar a  { background-position: 98% center; background-size: 5px; }
}

@media only screen and (max-width: 989px) {
.sidebar { display: none !important; }
.sidebar_left  .container .av-content-small.units { width: 100% !important; }
.sidebar_left .content { padding-left: 0 !important; margin-right: 0 !important; }
.sidebar_left .content .entry-content-wrapper { padding-right: 0 !important; }
}


/*** FOOTER ***/


/*** SOCKET ***/

#socket .sub_menu_socket {
float: left;
}

#socket li.menu-item {
border-color: #007bb4;
padding: 3px 10px;
border-left-width: 2px;
}

#socket li.menu-item a {
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
}

#socket .sub_menu_socket li:first-child {
padding-left: 0px;
}

#socket li.menu-item a:hover { text-decoration: none; }

#socket ul { margin-left: 0px !important; }

@media only screen and (max-width: 767px) {
.responsive #socket .sub_menu_socket { margin: 0 !important; }
}

@media only screen and (max-width: 479px) {
#socket li.menu-item a { font-size: 12px; }
#socket li.menu-item { padding: 3px 7px; border-left-width: 1px; }
}

@media only screen and (max-width: 359px) {
#socket #menu-item-22 { display: none; }
#socket .sub_menu_socket li:nth-child(2) { padding-left: 0px; border-left: none; }
}


/*** WP MEMBERS ***/

.fk_cfs_wplogin legend { display: none !important; }

#top .fk_cfs_wplogin input[type='text'], #top .fk_cfs_wplogin input[type='password'] {
background-color: #f8f8f8;
color: #455459;
width: 100%;
margin: 0;
display: inline;
min-width: 50px;
padding: 13px;
border-radius: 2px;
border: 1px solid #fff;
outline: none;
font: 18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fk_cfs_wplogin label {
font-family: 'calibri', Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
font-size: 18px !important;
color: #6a7980;
}

.fk_cfs_wplogin .button_div label {
font-weight: bold !important;
font-size: 0.92em !important;
}

.fk_cfs_wplogin .buttons {
margin: 0;
padding: 16px 20px;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: normal;
font-size: 0.92em;
min-width: 142px;
outline: none;
}

.fk_cfs_wplogin #wpmem_msg, .fk_cfs_wplogin code {
font-family: 'calibri', Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
}


/*** BLOG ***/

.fk_cfs_blogcat { display: none !important; }
#top .fk_cfs_blogcat .container { width: 100% !important; max-width: 100% !important; padding: 10px 0px !important; }

#menu-cfs-community ul.sub-menu { display: none !important; border-top: 0; border-bottom: 1px solid #6a7980; }

.page-id-896 #menu-cfs-community ul.sub-menu, .parent-pageid-896 #menu-cfs-community ul.sub-menu, .single-post #menu-cfs-community ul.sub-menu { display: block !important; }

.sidebar_left.sidebar_align_left .widget_nav_menu ul:first-child>.current-menu-ancestor {
padding-left: 0;
background-color: #fff;
box-shadow: none;
}

#menu-cfs-community ul.sub-menu { padding-left: 0 !important; }

#top #menu-cfs-community ul.sub-menu > li { padding-left: 10px; }

#menu-cfs-community ul.sub-menu li:before { display: none; }

.main_color .sidebar ul.sub-menu a {
padding: 3px 7px 4px 7px !important;
background-size: 4px;
border-bottom: 1px solid #aaa !important;
}

.main_color .sidebar ul.sub-menu li:last-child a {
border-bottom: 0 !important;
}	

.main_color .sidebar ul.sub-menu .current_page_item > a, .main_color .sidebar ul.sub-menu .current-menu-item > a {
background-size: 4px;
}

.main_color .minor-meta a {
font-size: 14px;
border: 1px solid;
padding: 2px 8px;
text-transform: uppercase;
}

.main_color .minor-meta a:hover { border-color: #007bb4 !important; }

#top .fk_cfs_blogcat .av-subnav-menu > li > a {
border: 1px solid #aaa;
color: #999;
text-transform: uppercase;
}

#top .fk_cfs_blogcat .av-subnav-menu > li {
border-left: 0;
margin: 0 3px;
padding: 5px 0px; 
}

.fk_cfs_blogentries .fake-thumbnail a.slide-image { display: none; }

.fk_cfs_blogentries .slide-entry {
background-color: #f8f8f8;
}

.fk_cfs_blogentries a {
border-color: #f8f8f8;
}

.fk_cfs_blogentries .slide-content {
padding: 10px;
}

.fk_cfs_blogentries .slide-meta {
padding-bottom: 0;
}

.fk_cfs_blogentries .slide-meta time {
font-size: 80%;
}

.fk_cfs_blogentries h3.slide-entry-title a:hover, .fk_cfs_blogentries a.more-link:hover, .main_color .minor-meta a:hover { color: #007bb4 !important; text-decoration: none; }

.fk_cfs_blogentries .image-overlay { display: none !important; }

#main .fk_cfs_blogentries .slide-image img {
    transition: all 0.4s ease 0s;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

#main .fk_cfs_blogentries .slide-image:hover img {
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}


@media only screen and (max-width: 989px) {
.fk_cfs_blogcat { display: block !important; border-bottom: 1px solid #aaa; }
}


/*** VARIOUS ***/

.transition1, #header_meta {
-webkit-transition: all .1s !important;
-moz-transition: all .1s !important;
-o-transition: all .1s !important;
transition: all .1s !important;
}

.transition3, #avia-menu li.menu-item .avia-menu-text, #socket li.menu-item a, #av-burger-menu-ul li a, .fk_cfs_ixbtn a, .footnote a, a.footnote-link, .avia_textblock p a, .main_color .sidebar a, .main_color .minor-meta a, .fk_cfs_blogentries a.more-link, .fk_cfs_blogentries h3.slide-entry-title a {
-webkit-transition: all .3s !important;
-moz-transition: all .3s !important;
-o-transition: all .3s !important;
transition: all .3s !important;
}

