/*
 Theme Name:   Alexandra
 Theme URI:    http://www.lovefolio.de
 Description:  Theme Alexandra - created by Isa Gorki (http://lovefolio.de) - Child des Themes "Blog Way". Mit rechtsbündiger Sidebar und roséfarbenen Standardfarben, die jedoch wie gewohnt konfigurierbar sind. Große Beitragsbilder mit Rosa-Filter.
 Author:       Isa Gorki
 Author URI:   http://www.lovefolio.de/about-lovefolio
 Template:     blog-way
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, pink, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  alexandra
*/

body{
	background: url('pinkwatercolor.jpg') repeat-x;
}
/* Blogtitel */
@font-face { 
	font-family: 'Sacramento';
	src: url('Sacramento.ttf') format('truetype');
}

.main-banner h1.site-title{
	padding-top: 50px;
}
.site-title a {
	font-family: Sacramento, cursive;
	text-transform: none;
	font-size: 100px;
	color: #c39797;
}

.site-description{
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #818181;
}

.main-banner {
	margin-bottom: 0px;
	padding: 0px 0px 30px 0px;
}

/ * Top Menübar */
/* Positionierung unterhalb des Adminbalkens */
#masthead {
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	z-index: 9997;
}

header#masthead, .mean-container .mean-bar {
	background: #e9a5a5;
}

/* Links in der Menübar */

.mean-nav ul li, ul .sub-menu li{
	background: #edb7b7;
	color: #ffffff;
	font-size: 14px;
	text-transform: none;
}

#masthead .main-navigation li a:link, .main-navigation li a:active, .main-navigation li a:visited {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	text-transform: none;
	padding: 0px 10px;
	transition: all 0.5s ease;
}

#masthead .main-navigation ul.sub-menu li a{
	padding: 10px;
}

#masthead .main-navigation li a:hover, #masthead .main-navigation ul.sub-menu li a:hover {
	color: #000000;
	background: #ef8692;
}

#masthead .main-navigation li.current-menu-item a {
	color: #000000;
}

#masthead .main-navigation li a:before {
	content: " ❤ ";
	color: #000000;
}

#masthead .main-navigation li a:hover:before, #masthead .main-navigation li.current-menu-item a:before{
	color: #ffffff;
}


/* Post Überschriften und Text */
.entry-header h1.entry-title, .post .detail-wrap .entry-header h2.entry-title a {
	font-family: Sacramento, cursive;
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 3px;
	display: block;
	text-align: left;
	font-size: 36px;
}

.entry-header h2.entry-title a:hover {
	color: #888888;
}

.entry-header h2.entry-title a:before, .entry-header h1.entry-title:before {
	content: " ❤ ";
	font-size: 35px;
	color: #E9A5A5;
}

.entry-content {
	line-height: 25px;
	color: #666666;
}

h1, h2, h3, h4,  h5, h6, .entry-header h2.entry-title a{
	color: #029183;
}

.entry-content a {
	color: #e9a5a5;
	transition: all 0.5s ease;
}

#primary .cat-links a{
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #e9a5a5;
	font-size: 13px;
	text-transform: none;
	transition: all 0.5s ease;
}

.entry-content a:hover, #primary .cat-links a:hover{
	color: #000000;
	text-decoration: none;
}

/* Entry Images */
.post .entry-img, .post .entry-img img{
	float: none;
	width: 100%;
	display: block;
}
.post .entry-img img, .entry-content img, img.greyscale {
	filter: opacity(.7) sepia(.9) hue-rotate(300deg);
	transition: all 0.5s ease;
}
.post .entry-img img:hover, .post .entry-img img:focus, .entry-content img:hover, 
.entry-content img:focus, img.greyscale:hover, img.greyscale:focus {
	filter: opacity(1);
}

/* Sidebar */
.widget-area{
	border: 1px solid #e9e9e9;
}

.widget{
	border: none;
	margin: 0px 0px 10px 0px;
}

.widget .widget-title, .widget h2.widget-title{
	background: #e9a5a5;
	color: #ffffff;
	position: relative;
	text-transform: none;
	left: 0px;
	padding: 6px;
	margin: 0px;
}

.widget p{
	color: #666666;
}

.widget-area section{
	margin: 40px 0px;
	padding: 6px;
}

.widget-area section ul{
	margin: 0px;
}

.widget-area ul li a:link, .widget-area ul li a:visited, .widget-area ul li a:active {
	color: #666666;
	display: block;
	padding: 3px;
	margin: 0px;
	text-align: left;
	transition: all 0.5s ease;
}

.widget-area ul li a:hover{
	color: #c39797;
	padding-left: 20px;
}

.widget-area ul li a:before {
	content: " ❤ ";
	color: #E9A5A5;
	margin-right: 10px;
}

.widget-area ul li a:hover:before {
	color: #000000;
}

.widget-area ul#social-profiles li a:link, .widget-area ul li#social-profiles a:visited, .widget-area ul li#social-profiles a:active {
	padding: 0px;
	border: 0px;
	margin: 0px 3px;
	background: #E9A5A5;
}

.widget-area ul#social-profiles li a:hover {
	transform:  scale(2) rotate(30deg);
	margin: 0px 10px;
}


/* Sonstiges */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.nav-links .nav-previous a, 
.nav-links .nav-next a,
.nav-links .page-numbers,
.pagination .page-numbers.next, 
.pagination .page-numbers.previous{
	border: 1px solid #e9a5a5;
	background: #e9a5a5;
}

/* Footer */
.site-footer,
.footer-social .menu-social-menu-container #menu-social-menu{
	background: #808786;
}

.site-info,
.site-info a{
	color: #ffffff;
	transition: all 0.5s ease;
}

.site-info a:hover{
	color: #e9a5a5;
	text-decoration: none;
}

.scrollup {
	background-color: #e9a5a5;
}

.fa-angle-up::before {
    content: " ▲ ";
	font-size: 15px;
}

/* Nur bei Desktops */
@media (min-width: 600px) {
	.admin-bar #masthead {
		top: 32px;
	}
}

/* Nur für mobile Geräte */
@media (max-width: 600px) {
	.scrollup {
		bottom: 10px;
	}
}