/*

Theme Name: formathoch2 Child

Theme URI:

Description: Your child theme description text...

Author: Your Name

Author URI: http://www.formathoch2.de/

Template: formathoch2

Version: 1.0

Tags: formathoch2 Child Theme

*/

/*

Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

.alignleft { float: left; }
.alignright { float:right; }
body {
	color: #454649;
	font: 100.01% "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	width: 100%;
	background: #f5f5f5 !important;
	position: inherit !important;
}
#wrapper {
	/*max-width: 1180px;*/
	margin: 0 auto;
	-moz-box-shadow: 2px 8px 8px #666;
	-webkit-box-shadow: 2px 8px 8px #666;
	box-shadow: 2px 8px 8px #666;
	padding: 0;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
h1 {
	margin: 0 0 0.2em 0;
	font-size: 26px;
	font-size: 1.625rem;
	color:#0a533e ;
	font-weight: bold;
}
h2 {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.2em;
	margin: 0.9em 0 0.3em 0;
	font-weight: bold;
	color: #454649;
}
#site-content h2:first-child {
	margin-top:0;
}
h3 {
	margin: 0.9em 0 0.3em 0;
	color: #454649;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
}
h4 {
	margin: 0.9em 0 0.3em 0;
	color: #454649;
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
}
a:link, a:visited, a.hover {
	color: #0a533e ;
	text-decoration: none;
}
a.more-link {
	font-weight: normal;
	text-transform: none;
}
hr {
	border: none;
	border-top: 1px dotted #0a533e ;
	height: 1px;
}
/*Header*/

#wrapper #site-title { 
	border-top: none;
	display: block;
}
#site-title {
 	width: 100%;
	max-width:100%;
}
#site-title h1 {
	width:100%;
}
#site-title h1, #site-title h1 a {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.4;
	font-family: Arial, sans-serif;
}
#site-title h1 a {
	font-size: 20px;
	font-size: 1.25rem;
	word-spacing: -5px;
	padding: 0 20px; 
	display:block;
}
#logo {
	width: 50%;
	margin:0 auto;
}
#logo img {
	width: 100%;
	display: block;
}
#site-nav ul { 
	border-top: none;
}
#seknav li { display: inline-block; }
#seknav li a {
	text-decoration:none;
	font-size:11px;
	font-size:0.6875rem;
}
div.meteor-slides { z-index:0; }
.header-slider .responsive-slider.flexslider .slides img.wp-post-image { width: 100%; }
.header-slider { background-color: transparent; }
.responsive-slider.flexslider:hover .flex-direction-nav li a { display:none; }
/*HeaderMenue*/

#site-nav {
	width: 65.5%;
	margin: 0 auto;
	background: transparent;
}
#site-nav ul {
	width: 100%;
}
#site-nav ul li {
	margin: 0;
}
#site-nav ul ul li {
	float:none;
	width:100%;
}
#site-nav li a {
	text-transform:none;
	color: #454649;
	padding:3px 0;
	text-align: center;
	display:block;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
}
#site-nav ul li a:hover {
	color: #0a533e;
}
#site-nav li.current_page_item a {
	border-bottom: solid 1px #0a533e ;
	color:#0a533e ;
	font-weight: bold;
}
#site-nav li.current_page_item a:hover {

}
/*HeaderMenuezweiteEbene*/

#site-nav ul.sub-menu, #site-nav ul.children { top: 51px; }
#site-nav li li a {
	font-weight: normal;
	padding: 8px 20px;
	border-bottom: solid 1px #efefef;
	text-align: center;
}
#site-nav li li a {
	font-size: 13px;
	font-size: 0.8125rem;
	text-transform: none;
	color:/*#454649*/#282828;
}
#site-nav ul.sub-menu li.current_page_item a {
	/*text-decoration: none;*/

   border-bottom: solid 1px #efefef;
	padding: 8px 20px;
	color: #0a533e ;
}
#site-nav ul ul.sub-menu li a {
	border-bottom:none;
	font-weight: normal;
	padding: 8px 20px;
}
#site-nav ul ul.sub-menu li a:hover { color: #0a533e ; }
#site-nav ul ul.sub-menu { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.75); }
#site-nav ul ul.sub-menu li a, #site-nav ul ul.sub-menu li { background-color: transparent; }
#site-nav ul.sub-menu li.current_page_item a:hover {
	background: none;
	color: #fff;
}

#menu-footer .menu ul{
	float: right;
	width: 100%;	
}
#menu-footer li{
	font-size: 12px;
	font-size: 0.75rem;
}
#colophon #site-info .footer-nav ul.menu li {
    padding: 0;
	margin-right: 20px;
}
#masthead {
	border: none;
	background: transparent;
}
.header-img, .header-slider {
	min-width: 100%;
	margin: 0;
	padding: 0;
}
.responsive-slider.flexslider ol.flex-control-nav { display:none; }
.header-slider .slider-pro img.sp-image, .header-slider .sp-slides, .header-slider .sp-slides-container {
	min-width: 100%;
	width: 100% !important;
	max-width: 100% !important
}
.relative { position: relative; }
#sprung .absolute {
	bottom: 1%;
	right: 2%;
	position: absolute;
	letter-spacing: -1px;
	font-size:13px;
	font-size:0.8125rem;
	line-height: 100%;
	color: #0a533e ;
	z-index: 9999;
	font-weight: normal;
}
h3.absolute { margin: 1.1em 0; }
#breadcrumbs {
	font-size:12px;
	font-size:0.75rem;
	border-bottom: 1px dotted #dadada;
	margin: 0 0 10px;
	padding-bottom: 5px;
	clear:both;
	padding-top:10px;
}
#sponsor-wrap { margin: 0 auto; }
#sponsor {
	padding: 0 20px;
	width: 100%;
}
#sponsor img {
	width: 20%;
	display: block;
	float:left;
	transition: transform 0.5s ease-in-out 0.1s;
}
#sponsor img:hover { transform: scale(1.15, 1.15) scaleX(1); }
#sponsor-text h3 {
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:0;
}
#sponsor-text p {
	font-size:11px;
	font-size:0.6875rem;
}
/*Main*/

.page .entry-header h1.entry-title { display:none;}
#post-5 h2 {
	color: #0a533e ;
	margin:25px 0 0;
}
.entry-content p, .entry-summary p, .entry-content ul, .entry-content ol {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height:1.6em;
}
.entry-content ul li, .entry-content ol li, #comments ul li, #comments ul li { margin-bottom: 5px; }
/*Sidebar*/
#sidebar #nav_menu-4.widget { padding-bottom: 20px;}
#sidebar #nav_menu-4 a {
	font-size: 18px;
    font-size: 1.135rem;
    line-height: 1.25;
    margin-bottom: 10px;
    display: block;
    color: #006A3A;
    padding: 0 0 10px;
    border-bottom: 1px solid #006A3A;
	font-weight: 600;
}
#sidebar #nav_menu-4 a:hover {
    text-decoration: underline;
}
#sidebar a.more-link:hover {
	color: #454649;
	text-decoration: underline;
}
 #sidebar .morelink-icon::after {
 content: '\f104';
 color: #0a533e ;
 font-size: 12px;
vertical-align: middle;
}
 #sidebar .morelink-icon:hover::after {
 color: #454649;
}
#sidebar h3.widget-title { text-transform: uppercase; }
#bns-featured-category-1 h3 {
	position:relative;
	margin-left: 40px;
	line-height: 1.25em;
}
.bnsfc-container {
	border-top: 1px dotted #454649;
	padding-top: 10px;
}
#bns-featured-category-1 p {
	font-size:15px;
	font-size:0.9375rem;
}
 #bns-featured-category-1 h3::before {
 position:absolute;
 content: url(button-aktuelles.png);
 left: -40px;
}
#sidebar #bns-featured-category-1.widget { padding-bottom: 0; }
 #faw::after {
 content: '\f104';
 color: #0a533e ;
 font: normal 15px/1 'Genericons';
 vertical-align: middle;
 padding-left: 5px;
}
img.wp-post-image { margin: 4px 15px 4px 0; }
.widget img { width:30%; }
/*Footer*/
#colophon #site-info ul.credit li, #colophon p.credittext {
	text-transform: none;
	color: #fff;
}
#colophon .credit-wrap {
    max-width: 90%;
}
#colophon #footermenue {
    float: none; 
    width: 100%;
    margin: auto;
}
#colophon a {
	color:#fff;
	display: block;
	margin-top: 4px;
}
#colophon a:hover {
	color:#BBBCBE;
}
#sidebar .widget:last-child { padding: 0; }
ul.sociallinks li a { border: 1px solid #fff; }
ul.sociallinks li a.facebook {
	background-size: contain !important;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
ul.sociallinks li a.twitter {
	background-size: contain !important;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
ul.sociallinks li a.xing {
	background-size: contain !important;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
ul.sociallinks li a.wordpress, ul.sociallinks li a.wordpress:hover {
	background-size: 100% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
ul.sociallinks li a.wordpress:hover { background-color: #3F3F3F !important; }
 ul.sociallinks li a.wordpress::before {
 content: '\f410';
 font: normal 17px/1 'Genericons';
 vertical-align: middle;
 color: #fff;
}
/*Teamseite*/

#team #site-content img {
	-webkit-border-radius: 200px;
	border-radius: 200px;
	width: 100%;
}
#team h2 {
	text-transform: uppercase;
	margin-top: 0;
}
#team .entry-content blockquote p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8em;
}
#team {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/*Archiv Seite*/

.post .entry-meta { border-bottom: 1px solid #eaeaea; }
 .post .morelink-icon::after {
 content: '\f104';
 color: #0a533e ;
 font-size: 17px;
}
.entry-header h2.entry-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0a533e ;
	font-size: 22px;
	font-size: 1.375rem;
	text-transform: none;
}
.entry-header h2.entry-title a { color: #0a533e ; }
body.page-id-104 .entry-header h2.entry-title a:hover { color: #000 !important; }
 body.page-id-104 a.more-link:hover, body.page-id-104 .morelink-icon:hover::after {
 color: #000;
}
#menu-archiv a { color: #000; }
#menu-archiv a:hover { color: #0a533e ; }
 #menu-archiv a::after {
 content: '\f104';
 color: #000;
 font: normal 17px/1 'Genericons';
 vertical-align: middle;
 padding-left: 5px;
}
 #menu-archiv a:hover::after {
 color: #0a533e ;
}
#archiv .post .entry-header h2.entry-title, #archiv .post .entry-summary { float: none; }
/*Bildergalerie*/ 
.jp-carousel-overlay { background: rgba(0, 0, 0, 0.8) !important; }
.jp-carousel-transitions .jp-carousel-slide {
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	-ms-border-radius: 5%;
	-o-border-radius: 5%;
	border-radius: 5%;
}
.jp-carousel-wrap .jp-carousel-slide { background-color: #fff; }
.jp-carousel-wrap .jp-carousel-slide img {
	padding: 2% !important;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	-ms-border-radius: 5%;
	-o-border-radius: 5%;
	border-radius: 5%;
}
.gallery .gallery-item img {
	width: 100%;
	height: auto;
	margin: 2em 1.5em 0em 0;
	padding: 3px;
	border: 1px solid #0a533e ;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.jp-carousel-info h2 { text-align: center !important; }
.jp-carousel-titleanddesc-title { display:none; }
.jp-carousel-titleanddesc {
	border-top: none !important;
	text-align:center;
	width: 100% !important;
}
.jp-carousel-wrap, .jp-carousel-left-column-wrapper { width: 100% !important; }
.jp-carousel-titleanddesc { margin-top: 0 !important; }
.jp-carousel-titleanddesc-desc p {
	font-size: 13px;
	font-size: 0.8125rem;
}
#jp-carousel-comment-form, .jp-carousel-image-meta { display:none; }
/* --- sidebar Widgets --- */
#sidebar .widget { padding:0 0 55px; }
/* --- Page Widgets --- */

.testimonial-box .t-text { max-width: 60%; }
.testimonial-box .t-authorbox, .testimonial-box .t-authorbox-right { max-width: 40%; }
.team-box .tm-info img.tm-img {
	width: 160px;
	height: 160px;
}
.team-box .tm-author { margin-left: 200px; }
/*Beitragsseite*/

body.single-post img.wp-post-image {
	width: 30%;
	float: left;
}
body.single-post .entry-header h1.entry-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0a533e ;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom:0.2rem;
}
/*Beitragsseite*/

body.single .post .entry-meta { border-bottom: none; }
body.single .entry-content, #aktuelles .entry-title, #aktuelles .entry-summary { width: 100%; }
.entry-details {
	border-top: none;
	padding: 0;
	margin-top:0;
}
#aktuelles .entry-meta, #archiv .entry-meta { margin-left: 0; }
/*Slider*/
.responsive-slider.flexslider .slide h2.slide-title { visibility: hidden; }
#desktop-search-btn { visibility: hidden; }
.widget-area .widget h3.widget-title,
.widget-area .widget_get_recent_comments h1.widget-title {;
	padding:0 0 5px;

}
.bnsfc-content p{
    font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.3;
}
/*Archiv*/
.archive .page-header {
	margin-left: 0;
}
/*Mobile bis Tablet (Portrait)*/

@media screen and (max-width: 767px) {
	
#menu-zweitmenue, #menu-zweitmenue li, #menu-hauptmenue {
 float: none;
 padding-left: 0;
}
 #site-nav .menu-hauptmenue-container {
 margin-top: 0;
}
 .header-img {
 padding: 0;
 margin-top: 0;
}
 #sponsor-text {
 padding: 40px 20px 0;
 margin-top: 40px;
}
 #sponsor-text h3 {
 font-size:12px;
 font-size:0.75rem;
 margin-bottom:0;
}
 #breadcrumbs {
 padding-left: 20px;
}
 #main-wrap {
 padding: 10px 20px 0px;
}
 h2 {
 font-size:18px;
 font-size:1.125rem;
}
h3 {
 font-size:16px;
 font-size:1rem;
}
h4 {
 font-size:14px;
 font-size:0.875rem;
}
 #bns-featured-category-2 p {
 font-size:15px;
 font-size:0.9375rem;
 line-height: 1.5;
}
 #post-6 h2 {
 font-size: 18px;
 font-size: 1.125rem;
 line-height: 1.25em;
 margin-top: 0;
 margin-bottom:10px;
}
 .entry-content p, .entry-summary p, .entry-content ul, .entry-content ol {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-size: 1rem;
 line-height: 1.5em;
}
/*teamseite*/
.team-box .tm-quote p {
 font-size: 14px;
 font-size: 0.875rem;
 line-height:1.7em;
}
.team-box .tm-info h4, .team-box-small .tm-info h4 {
 font-size: 14px;
 font-size: 0.875rem;
}
.team-box .tm-info img.tm-img {
 width: 120px;
 height: 120px;
}
/*Galerie*/
.gallery .gallery-item:nth-of-type(3n+3) {
 margin-right: 2%;
}
.gallery .gallery-item {
 width: 48%;
 margin-right: 2%;
}
}
/*Ab Tablet (Portrait)*/

@media screen and (min-width: 768px) {

/*Header*/

#wrapper #site-title { 
	border-top: none;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 35px;
}
#site-title {
 	width: 100%;
	max-width:100%;
}
#site-title h1 {
	width:85%;
	float:left;
}
#site-title h1, #site-title h1 a {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.4;
	font-family: Arial, sans-serif;
}
#site-title h1 a {
	font-size: 28px;
	font-size: 1.75rem;
	word-spacing: -5px;
	padding: 0 40px; 
	display:block;
}
#logo {
	width: 15%;
	float:left;
}
#logo img {
	width: 100%;
	display: block;
}
#site-title h1 {
 font-size: 24px;
 font-size: 1.5rem;
 line-height: 1.6;
}
 #sprung .absolute {
 bottom: 5%;
 right: 5%;
 font-size:19px;
 font-size:1.1875rem;
}
 #menu-zweitmenue, #menu-zweitmenue li, #menu-hauptmenue {
 float: none;
 padding-left: 0;
}
#site-nav {
	padding-left: 50px;	
}	
 #site-nav .menu-hauptmenue-container {
 margin-top: 0;
}
 #sponsor {
	padding:30px 0 0 20px;
	width: 50%;
}
#breadcrumbs {
 padding-left: 50px;
}
/*Sidebar*/

.bnsfc-content img, img.wp-image-14 {
 width: 30%;
 height: auto;
}

 .bnsfc-content img {
 margin-right: 3%;
}
.bnsfc-content h2 {
 font-size: 25px;
 font-size: 0.9375rem;
 color:#36F;
}
 .textwidget img {
 width: 50%;
 height: auto;
 margin-right: 3%;
}
 #sponsor-text {
 padding: 0 50px;
 width: 50%;
 float: right;
}
 #sidebar a.more-link {
 font-size: 13px;
 font-size: 0.8125rem;
}
.bnsfc-container {
width: 50%;
}
/*Archivseite*/

#archiv .entry-header h2.entry-title {
 margin:0;
}

/*Beitragsseite*/

body.single-post img.wp-post-image {
 width: 40%;
 margin-right: 4%;
}

/*Teamseite*/
#team #site-content img {
 -webkit-border-radius: 100px;
 border-radius: 100px;
 width: 90%;
}
/*Galerie*/

.gallery .gallery-item:nth-of-type(3n+3) {
 margin-right: 3%;
}
.gallery .gallery-item {
 width: 22%;
 margin-right: 3%;
 margin-bottom: 0;
}
}

/*Desktop*/ 

@media screen and (min-width: 1024px) {
#wrapper {
	max-width: 1000px;
	margin: 10px auto;
}
#masthead {
    max-height: 185px;
}	
#site-nav {
    position: relative;
    top: -25px;
}	
p {
 margin-bottom: 10px;
}
 #sprung .absolute {
 font-size:30px;
 font-size:1.875rem;
}
.header-slider .responsive-slider.flexslider {
    float: left;
}
#breadcrumbs {
 padding: 10px 50px 0;
}
 #main-wrap, .header-img, .header-slider, #sponsor-wrap {
 max-width: 1000px;
}
 #main-wrap {
 padding: 20px 50px;
}
 #site-content, #sponsor {
 width: 63%;
 float: left;
}
 #sponsor {
 padding:30px 0 0 0;
}
 #sponsor-text {
 padding: 0;
}
 #sponsor-text {
 width: 31%;
 float: right;
}
 #sidebar {
 float:right;
 width: 31%;
 margin: 0;
 padding-top: 0;
}
 #sidebar .bnsfc-container strong a {
 margin-bottom: 10px;
 display: block;
}
.bnsfc-container {
width: 100%;
}

/*Footer*/

#socialmedia-wrap {
 width: 26%;
 float:left;
 padding-left: 4%;
}
#colophon {
	padding:0;
}
 #colophon-wrap {
 	max-width: 1000px;
 	margin: 0 auto;
    padding: 0 25px 0;
}
 #colophon #site-info, #colophon #site-info ul {
 text-align: left;
	 max-width: 1000px;
}
 #colophon #site-info {
 width: 100%;
 float: left;
padding-top: 15px;	 
}
#colophon #site-info ul {
    padding: 0 0 15px;
}	
 #colophon .credit-wrap {
 	padding: 0;
	 max-width: 90%;
	float: left;
}

#colophon #footermenue {
    max-width: 20%;
	float:right;
	width: 15%;
}
#dynamic-to-top {
    bottom: 80px !important;
	top:auto !important;
}
/*Archivseite*/

#archiv .entry-header h2.entry-title {
 font-size:26px;
 font-size:1.625rem;
}
 #archiv .entry-content p {
 font-size: 16px;
 font-size: 1rem;
}
.archive .entry-header h2.entry-title, .archive .post .entry-summary {
	float: none;
	width: 100%;
}
#site-nav .menu-hauptmenue-container {
	background-color:#fff;	
}	
}
 @media screen and (min-width: 1260px) {
 #main-wrap, #sponsor-wrap, #colophon-wrap {
 max-width: 1000px;
}

/*Header*/
#masthead {
 padding: 0 25px;
}
#site-title {
 padding: 24px 0 0;
}
#menu-zweitmenue li {
 float: right;
}
 #site-nav .menu-hauptmenue-container {
 margin-top: 100px;
}
#site-nav .menu-hauptmenue-container {
	background-color:transparent;	
}	
 #search-wrap {
 margin: -165px 52px 0px 0;
}
 a#desktop-search-btn {
 top: 15px;
}

#colophon .credit-wrap {
		max-width: 90%;
		
	}

/*Main*/

#post-6 h2 {
 font-size:24px;
 font-size:1.5rem;
 line-height: 1.2em;
 margin-top: 0;
}

/*Sidebar*/

#sidebar {
 width: 31%;
}
 #sidebar h3.widget-title {
 font-size: 20px;
 font-size: 1.25rem;
 font-weight: normal;
}

/*Pflegende Galerie*/

.page-id-87 .gallery .gallery-item {
 width: 20%;
 margin-right:0;
 padding-right: 2%;
}
/*teamseite*/
.team-box .tm-quote p {
 font-size: 18px;
 font-size: 1.125rem;
 line-height:1.65em;
}
.team-box .tm-info h4, .team-box-small .tm-info h4 {
 font-size: 20px;
 font-size: 1.25rem;
}
.team-box .tm-quote {
 float: left;
 width: 35%;
 padding: 40px 20px 20px 0;
}
}
@media screen and (min-width: 1260px) {
#site-nav ul { 
	display: flex;
    justify-content: space-between;
}
#site-nav li li a {
	text-align: left;
}
#site-nav li a {
	font-weight: normal;
	font-size: 12px;
	font-size: 0.75rem;
}
	#site-nav ul li a::before {
	content: '';
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 0;
	height: 1px;
	background: #0a533e;
}
#site-nav ul li li a::before {
	bottom: 0;	
}
#site-nav ul li a:hover::before {
	width: 100%;
}
}