/*
Theme Name: Enfold CT
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* Usability-Enhancements*/
*:focus-visible, .avia-link-column:has(a.av-screen-reader-only:focus-visible) {
	outline: 3px solid #BAC304 !important;
	outline-offset: 2px !important;
}

/* logo anpassungen von alter seite teilweise übernommen */
.logo {float: left; display: block; margin-left: 20px; z-index: 1000; position: relative; width: 160px; height: 286px; box-shadow: 0px 0px 8px hsla(0,0%,0%,0.2);}

/* anzupassen von ... 
wahrscheinlich tobi: untermenü müsste anders dargestellt werden. ist zu verwirrend.
akkordeons - viola
*/

/* drittes menülevel nach rechts verschieben und etwas nach unten, smooth*/
#top .avia-menu li li ul {left: 100% !important; right: auto !important; top: 0.5em !important;}
#top .avia-menu li li ul {transition: top 0.2s ease;}

/* icon-box-startseite*/
.avia-font-augenrzte:before, html body [data-av_iconfont='augenrzte']:before {font-size: 28px; line-height: 1; font-weight: 900;}
.iconbox_icon {display: flex; align-items: center; justify-content: center;}
.iconbox_top .iconbox_content {box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);}

/* ------------- footer ----------------*/
.widget {font-size:14px !important;}

/* Footer-Widgets: flexible Höhe, aber gleichmäßiger Startpunkt für Inhalt */
#footer .container .widget {display: flex; flex-direction: column; justify-content: flex-start; flex: 1; padding-right: 10px; margin-top: 0; padding-top: 0; }

/* Widget-Überschrift: mit fixem Bereich für max. 2 Zeilen */
#footer .widgettitle {min-height: 2.8em; display: flex; align-items: flex-end; margin: 0 0 10px 0; padding: 0;}

/* ------------- socket ---------------*/
#socket {font-size: 13px;}

/* ------------- akkordeon ----------------*/
.toggle_content {font-size: 1.05em; line-height: 1.6; padding: 15px 20px; border-top: 1px solid #ddd; color: #333;}
.toggle_content p {margin-bottom: 1em;}
.toggle_content ul {margin-left: 1.5em; list-style: disc;}
.toggle_content strong {font-weight: 600;}


/* ------------- reiter content ----------------*/

.timeline {border-left: 1px solid #a1a100; margin-left: 10px; padding-left: 20px;}
.timeline-item {position: relative; margin-bottom: 20px; padding-left: 15px;}
.timeline-item:last-child {margin-bottom: 0;}
.timeline-date {font-weight: 600; color: #a1a100; margin-bottom: 4px; font-size: 1.05em;}
.timeline-content {padding: 8px 14px; border-radius: 3px; color: #444; box-shadow: none; font-size: 1em;}
/* Dezenter Punkt an der Linie */
.timeline-item::before {content: ""; position: absolute; left: -10px; top: 10px; width: 10px; height: 10px; background: #a1a100; border-radius: 50%; box-shadow: none; }

/* ------------- reiter tabs ----------------*/
.tab {color: #444444;}
.js_active .active_tab {color:#a1a100 !important;}
.js_active .tab {font-size: 1em !important;}


/* ------------- icon startseite team ---------------*/
.avia-font-team, body .avia-font-team, html body [data-av_iconfont="team"]::before {font-family: 'team'; font-size: 1.5em;}