/*
Theme Name:     Agility Child Theme
Theme URI:      http://agility.sevenspark.com
Description:    Child theme for Agility
Author:         Chris Mavricos, SevenSpark
Author URI:     http://sevenspark.com
Template:       agility
Version:        2.0
*/

/* This stylesheet is unnecessary to include, unless you've edited it */
/* @import url("../agility/style.css"); */


/* Hooray!  You're not editing the parent theme!  Add your custom styles below here */


/*navbar*/
nav#main-nav > ul > li.current-menu-item > a,
nav#main-nav > ul > li.current-menu-parent > a,
nav#main-nav > ul > li.current-menu-ancestor > a{
	/*border-color:#efefef;*/
	border-color:#4fa33e;
	padding-top:.3em;
	color:#4fa33e;   
}




nav#main-nav > ul > li:nth-of-type(1):hover a,
nav#main-nav > ul > li:nth-of-type(1) > a:hover{
	/*border-color:#8a48de;*/
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(2):hover a,
nav#main-nav > ul > li:nth-of-type(2) > a:hover{
	/*border-color:#de341b;*/
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(3):hover a,
nav#main-nav > ul > li:nth-of-type(3) > a:hover{
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(4):hover a,
nav#main-nav > ul > li:nth-of-type(4) > a:hover{
	/*border-color:#1257a2;*/
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(5):hover a,
nav#main-nav > ul > li:nth-of-type(5) > a:hover{
	/*border-color:#8a48de;*/
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(6):hover a,
nav#main-nav > ul > li:nth-of-type(6) > a:hover{
	/*border-color:#de341b;*/
	border-color:#4fa33e;
}
nav#main-nav > ul > li:nth-of-type(7):hover a,
nav#main-nav > ul > li:nth-of-type(7) > a:hover{
	/*border-color:#de341b;*/
	border-color:#4fa33e;
}

/*navbar abstand*/
nav#main-nav > ul > li{
	display:inline-block;
	padding:0 0 10px 0;
	margin:0 0.2em;
	position:relative;
}	
	
	/* #Site Header
================================================ */
#header{
	position:relative;
	z-index:20;
}
#header #header-inner{
	border-bottom:1px solid #efefef; border: 0; background: url('/wp-content/themes/agility/images/linie_unter_navi.png') bottom center no-repeat;
	padding-bottom:1em;
	margin-bottom: 2em;
}
#site-title{
	margin-bottom:10px;
}
#site-title,
#site-title a{
	font-weight:normal;
	color:#555;
	text-decoration:none;
	text-shadow: 2px 2px 0px rgba(125, 125, 125, .25);
}
#sub-title{
	color:#bbb;
	text-transform:uppercase;		
	margin:.8em 0 0 0;	
	font-size:.9em;
	line-height:1em;
}

#masthead{
	margin-top:1.5%;
	font-size:100%;
}
	
	
	
/*footer hover effect*/
#colophon a img{
	opacity: 0.3;
	-moz-opacity: 0.3;
}

#colophon a img:hover{
	opacity: 1;
	-moz-opacity: 1;
	
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-moz-transition-duration: 1s;  
	-o-transition-duration: 1s;
}
#table{
	width:100%;
	font-size:12px;
	margin:2em 0;
	border:1px solid #aaa;
        border-top:1px solid #aaa;
	/*border-top:2px solid #444;*/


}
/* Green */
.skin-green #sub-title,
.skin-green #main-container p a:not(.button),
.skin-green nav#main-nav > ul > li.current-menu-item > a,
.skin-green a.excerpt-link,
.skin-green .entry-meta .cat-links a,
.skin-green #tweet a,
.skin-green #colophon #footer-base a{
	color:#4fa33e;
}
.skin-green .wpcf7 label{
	border-bottom-color: #4fa33e;
}
.skin-green #colophon .footer-upper{
	border-top-color: #4fa33e;
}
.skin-green .flex-container .flex-control-paging li a.flex-active{
	background:#4fa33e;
}
/* #Fonts & Typography
======================================================== */

/* Serif */
h1, h2, h3, h4, h2.entry-title, .blog h2.page-title, #main-container h1.page-title,
.tagline,
blockquote,
ul.link-list li,
.portfolio .portfolio-by,
.portfolio .portfolio-excerpt,
#colophon #footer-base,
.author-bio-blurb,
h5.sub-page-title,
.portfolio-item-single .entry-content,
.blog-layout h1.entry-title,
.blog-layout-grid h1.entry-title,
.blog-list h1,
.widget_search input,
#tweet,
.serif{
	font-family: "Droid Serif", "Merriweather", "Georgia", "Times New Roman"; /*Helvetica, Arial, sans-serif;*/
}

/* Sans-serif */
h5, h6,
.drop-panel h1, .drop-panel h2, .drop-panel h3, .drop-panel h4, .drop-panel h5, 
#sub-title,
h1.entry-title,
.portfolio h1,
.sidebar h1.widget-title, .sidebar h2.widget-title, .sidebar h3.widget-title, .sidebar h4.widget-title,
.brick .brick-title,
.mosaic .feature-column h4,
#respond h3#reply-title,
blockquote cite,
a.button, button, input[type="submit"], input[type="reset"], input[type="button"],
#tweet ul li a.tweet-time{
	font-family:"vollkorn", "Open Sans", Helvetica, Arial, sans-serif;
}
/* Überschrift*/
h2.page-title{
	
	font-size: 20px!important;
}

























/******************************************************************************/
/***** Start: Anpassungen von Gruenfisch Webdesign ****************************/
/******************************************************************************/

/* 
   Bitte hier keine Aenderungen vornehmen. Im Zweifelsfall die betreffende 
   Zeile bitte nur kopieren und weiter unten erneut einfuegen und mit 
   angepassten Werten "ueberschreiben". Danke :) 
*/
  
  
  
/***** Start: Linie unter dem Header ******************************************/  
#header #header-inner { border-bottom:1px solid #efefef; border: 0; background: url('/wp-content/themes/agility-child/images/design/linie_unter_navi.png') bottom center no-repeat; } 
  
  
  
/***** Start: Menuepunkte mit HG-Grafiken bei Link-Hover **********************/
nav#main-nav > ul > li { background-position: top center; background-repeat: no-repeat; padding-top: 65px; }
nav#main-nav > ul > li a { min-width: 70px; display: inline-block; text-align: center; }
nav#main-nav > ul > li > ul > li a { min-width: 0; display: inline-block; text-align: left; }

nav#main-nav > ul > li.wir:hover              { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_wir.png'); }
nav#main-nav > ul > li.aktuelles:hover        { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_aktuelles.png'); }
nav#main-nav > ul > li.radio:hover            { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_radio.png'); }
nav#main-nav > ul > li.freizeitangebote:hover { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_freizeitangebote.png'); }
nav#main-nav > ul > li.bildung:hover          { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_bildung.png'); }
nav#main-nav > ul > li.kontakt:hover          { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_kontakt.png'); }
nav#main-nav > ul > li.projektangebote:hover  { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_projektangebote.png'); }

nav-icon_news.png
 
 
 
/***** Start: Menupunkte mit HG-Grafiken bei aktivem Link *********************/
nav#main-nav > ul > li.current-menu-item { background-position: top center; background-repeat: no-repeat; padding-top: 65px; }
nav#main-nav > ul > li.current-menu-item a { min-width: 70px; display: inline-block; text-align: center; }
nav#main-nav > ul > li.current-menu-item > ul > li a { min-width: 0; display: inline-block; text-align: left; }

nav#main-nav > ul > li.current-menu-item.wir                { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_wir.png'); }
nav#main-nav > ul > li.current-menu-item.aktuelles          { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_aktuelles.png'); }
nav#main-nav > ul > li.current-menu-item.radio              { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_radio.png'); }
nav#main-nav > ul > li.current-menu-item.freizeitangebote   { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_freizeitangebote.png'); }
nav#main-nav > ul > li.current-menu-item.bildung            { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_bildung.png'); }
nav#main-nav > ul > li.current-menu-item.kontakt            { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_kontakt.png'); }
nav#main-nav > ul > li.current-menu-item.projektangebote    { background-image: url('/wp-content/themes/agility-child/images/navi/nav-icon_projektangebote.png'); } 
 


/***** Start: Hauptmenü-Punkte (Farbe, Schriftart, Position) anpassen *********/
nav#main-nav > ul > li > a { color: #024455; text-transform: lowercase; font-family: "vollkorn", "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; }   
nav#main-nav.nav-default-right { bottom: 10px; }
 
 
   
/***** Start: Flex-Box-Linie **************************************************/
.skin-red .wpcf7 label, .flex-container .flex-caption { border-color: #4fa33e; } 



/***** Start: Schriftanpassungen **********************************************/
.flex-container .flexcarousel li.slide .flex-caption h5 { color: #024455; padding-bottom: 0; line-height: 20px; font-size: 16px; }
#page .flex-container .flexcarousel .flex-caption .caption-text, #page .flex-container .flexcarousel .flex-caption .caption-text p { color: #024455; font-style: normal; font-size: 12px; font-family: Arial, sans-serif; }

.single p, .page #content p { color: #024455; }
.single #main-container h1.entry-title, .single #main-container h2.entry-title, .blog #main-container h2.page-title, .page #main-container h1.page-title, #main-container h1.page-title, #main-container h2.page-title 
 { 
  color: #024455;
  font-family: "vollkorn", "Open Sans", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 35px;  
 }

body { color: #024455; } 
 
h1, h2, h3, h4, h2.entry-title, .blog h2.page-title, #main-container h1.page-title, .tagline, blockquote, ul.link-list li, .portfolio .portfolio-by, 
.portfolio .portfolio-excerpt, #colophon #footer-base, .author-bio-blurb, h5.sub-page-title, .portfolio-item-single .entry-content, 
.blog-layout h1.entry-title, .blog-layout-grid h1.entry-title, .blog-list h1, .widget_search input, #tweet, .serif 
 {
  font-family: "vollkorn", "Open Sans", Helvetica, Arial, sans-serif;
  color: #024455;
 }
 


/***** Start: Logo anpassen ***************************************************/
h1#site-title { padding: 0; margin: 0; font-size: 30px; line-height: 30px; } 
h1#site-title a { padding: 0; margin: 0; line-height: 30px; display: block; }
h2#sub-title { padding: 0; margin: 0; line-height: 20px; font-size: 14px; font-family: "vollkorn", "Open Sans", Helvetica, Arial, sans-serif; }



/***** Start: Feature (Abstand zwischen Slider und Content) *******************/
#feature { margin-bottom: 15px; }
#feature .row { margin-bottom: 5px; }



/**** Start: Pretty-Photo-Hover-Design entf ***********************************/
a[data-rel^="prettyPhoto"], a.photo-link { background-image: none; } 
a[data-rel^="prettyPhoto"]:hover img, a.photo-link:hover img { opacity: 0.9; } 



/***** Start: Anpassung Formularfelder ****************************************/
input[type="text"], input[type="password"], input[type="email"], textarea, .widget_search input[type="text"] { background: #c5d2d1; background: rgba(2,68,85,0.20); color: #024455; font-style: italic; font-size: 18px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .widget_search input:focus { border-color: #024455; }



/***** Start: Hintergrund (bitte HG auf 'white' einstellen im WP-BE) **********/
.wrap { background: url('/wp-content/themes/agility-child/images/design/bg.png') top center repeat-x #ffffff; }