/* 
Theme Name: Crawford
Description: Crawford is a responsive minimalist theme designed for writers.
Author: Michael Burrows  
Author URI: http://www.wpmultiverse.com/
Theme URI: http://www.wpmultiverse.com/themes/crawford/
Tags: black, white, light, one-column, responsive-layout, custom-menu, custom-colors, editor-style, featured-images, sticky-post
Version: 1.0.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
Crawford WordPress Theme, Copyright 2014 wpmultiverse.com
Crawford WordPress Theme is distributed under the terms of the GNU GPL
Text Domain: crawford
*/ 

@font-face {
    font-family: '29LTZarid-UltraLight';
    src: url('type/29LTZarid-UltraLight.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-Thin';
    src: url('type/29LTZarid-Thin.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-Light';
    src: url('type/29LTZarid-Light.woff') format('woff')
}


@font-face {
    font-family: '29LTZarid-Regular';
    src: url('type/29LTZarid-Regular.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-Medium';
    src: url('type/29LTZarid-Medium.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-SemiBold';
    src: url('type/29LTZarid-SemiBold.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-Bold';
    src: url('type/29LTZarid-Bold.woff') format('woff')
}

@font-face {
    font-family: '29LTZarid-Black';
    src: url('type/29LTZarid-Black.woff') format('woff')
}

body {font-size: 16px; color:#000; font-family:'29LTZarid-Light',serif;}

/* ----- header & footer ----- */
header {margin:0px 0;}
header img {position:fixed; width: 12%; left: 44%; right: 56%; display:inline-block; max-width:12%; z-index: 50;}
header #logo-tagline {text-align:center; padding-bottom:0px;}
header #site-name {text-transform:uppercase; font-size:48px; color:#222; font-family:'29LTZarid-Bold',serif; margin:0;}
header #tagline {display: none}
header nav ul {position:relative; float:left; left:0%; padding: 0; margin:0; list-style:none; width: 100%; }
header nav li {position:relative; padding: 0px 0px 0px 0px; margin:6px 0; display:block;}
header nav li a {color:#000; font-size:7rem; line-height:6rem; font-family:'29LTZarid-Thin',serif; text-decoration: underline;}
header nav li.last {border:0;}
header nav .sub-menu { display:inline !important;  float:left; position:relative; background-color:transparent; margin:0; padding:0; opacity:1 !important; list-style: none; padding: 0px 15px 0px 0px; }
header nav .sub-menu li {border-right: 2px solid black; position:relative; margin:6px 0; display:block;}
header nav .sub-menu li a {color:#000; font-size:7rem; line-height:5rem; font-family:'29LTZarid-Thin',serif;}

footer {margin-top:60px;}
#footer-sidebar {border-top:1px solid #000;}
#footer-sidebar .row {overflow: hidden;}
#footer-sidebar .col {border-right:0px solid #000; padding:30px 0 9999px 0; margin-bottom: -9999px; *margin-bottom: -9999px;}
#footer-sidebar .left {padding-right:30px;}
#footer-sidebar .middle {padding-left:30px; padding-right:30px;}
#footer-sidebar .right {padding-left:30px; border:0;}
#footer-sidebar .widget {padding-bottom:15px;}
#footer-sidebar .widget h4 {margin-top:0;}
#footer-meta {text-align:left; padding:15px 0;}
#footer-meta p {text-align:left; color:#000; font-size:20px;}
#footer-meta a {color:#000;}
#footer-meta .menu {position:relative; text-align:left; float:left; left:50%; padding:0; list-style:none; margin-top:0;}
#footer-meta .menu li {position:relative; text-align:left; float:left; right:50%; margin-right: 15px; font-size:20px;}
#footer-menu {position:relative; padding-top:20px;}
#footer-meta .foot {width: auto;}


/* ----- widgets ----- */
.widget p {line-height:1.4em;}
.widget ul {padding-left:0;}
.widget li {margin:0 0 5px 16px;}
.widget select {width:100%;}
.widget_search input[type=text] {width:75%;}
.widget_calendar table {width:100%;}
.widget_calendar table td {text-align:center;}
.widget_calendar table caption {border-bottom:1px solid #ddd; padding-bottom:6px; margin-bottom:10px;}
.widget_tag_cloud a {font-size:12px!important; background-color:#eee; padding:4px 6px; margin:0 6px 6px 0; display:inline-block;}

/* ----- posts ----- */
.post-title {font-family: '29LTZarid-Thin',serif; margin:0 0 0 0;}
#post-title {font-family: '29LTZarid-Thin',serif; font-size:54px; margin:0 0 0 0;}
.post-date {font-family:'29LTZarid-Light',serif; color:#353535; margin:0 0 0 0;}
.post-title a {color:#222;}
.divider {width:100%; text-align:center; color:#000; font-size:30px; margin-top:42px;}
.excerpt-link {width:100%; text-decoration: underline; }
article {margin-bottom:25px; line-height:1.2em; font-size:1.75em;}
article h1, article h2, article h3, article h4, article h5, article h6 {font-family: '29LTZarid-Light',serif; margin:0 0 10px 0; line-height:1.2em;} 
article h1 {font-size:56px;}
article h2 {font-size:48px;}
article h3 {font-size:28px;}
article h4 {font-size:32px;}
article h5 {font-size:24px;}
article h6 {font-size:16px;}
article p, article ul, article ol {margin-bottom:25px;}
article ul ul, article ol ol {margin-bottom:0}
article li {margin-bottom:10px;}
article table {width:100%; margin-bottom:25px;}
article table td, article table th {border:1px solid #ddd; padding:5px 10px; font-size:16px;}
article blockquote {border-left:3px solid #20b2aa; padding-left:30px;}
article blockquote cite {font-style:italic;}
article dl {margin-bottom:25px;}
article dt {font-weight:bold; font-size:17px;}
article dd {margin:0 0 10px 0; font-size:16px;}
#featured-image, .featured-image {margin-bottom:30px; text-align:center;}
#featured-image img, .featured-image img {width: 60%; height:auto;}
#post-tags {font-size:inherit; text-align:center; margin-top:45px;}
#post-tags a {color:#353535; margin-right:10px; font-style:italic; display:inline-block;}
#page-links {text-align:center; font-size:14px;}
.wp-caption, .gallery-caption {max-width:97%; font-size:14px;}
.wp-caption-text {font-size:14px;}
.aligncenter {text-align:center;}
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
.sticky {background-color:#f0f8ff; padding:20px 60px;}
.sticky .post-title {font-size:40px;}
.sticky .divider {display:none;}
.pager {width:100%; text-align:center; clear:both; padding-top:80px; text-transform:uppercase;}
.pager a.page-numbers, #page-links a {background-color:#222; color:#fff; padding:4px 10px;}
.pager .current {padding:4px 10px;}
.pager a.page-numbers:hover, #page-links a:hover {background-color:#ddd; color:#222;}
.pager a.prev, .pager a.next {background-color:#fff; color:#222;}
.pager a.prev:hover, .pager a.next:hover {background-color:#fff; color:#555;}
.pager .current {background-color:#eee; color:#222;}

/* ----- comments ----- */
#comments {margin-top:60px; margin-bottom:45px; border-top:1px solid #ddd; padding-top:25px;}
#comments-title {font-size:18px;}
#respond {margin-top:30px;}
.comment-form-comment label {width:100%; margin-bottom:10px;}
.comment-list {list-style:none; padding-left:0;}
.comment-list li {margin-bottom:20px;}
.comment-author-name {margin-bottom:3px; font-weight:bold;}
.comment-author-name a {color:#222;}
.comment-body p {margin-top:0; line-height:1.75em;}
.bypostauthor {padding:5px 20px; background-color:#f0f8ff;}
.comment-awaiting-moderation {color:#aaa; font-style:italic; background-color:#ebebeb; padding:8px;}
#commentform label, .form-allowed-tags {display:none;}

/* ----- form elements ----- */
input[type=text], input[type=email], input[type=password], input[type=search], textarea {border:1px solid #000; margin-right:5px; padding:10px; width:85%; font-size:14px; color:#000; margin-bottom:10px;}
input[type=submit], input[type=reset] {background-color:#000; border:1px solid #000; color:#fff; padding:10px 12px; text-align:center; font-size:14px;}
input[type=password] {width:100%;}
.screen-reader-text {display:none;}




/* ----- SASCHA CUSTOM ----- */

/* article.last .divider {display:none;}  */

#logo {
transition: all 0.3s;}
.largeLogo{width: 12%;}
.smallLogo{width: 6%; left: 47%; right: 53%;}


.lang-item {display: none;}
.excerpt-link {color:#000; font-family:'29LTZarid-Light',serif; }
/* ----- divider linie ----- */
hr {
	border-color:#000;
    display: block;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
}
.backbutton {color:#000; font-family:'29LTZarid-Regular',serif; text-align: center; text-decoration: underline; text-transform:uppercase; }
.hide-title {display:none;}
.navi-text, .navi-text-arabic {color:#000; font-family:'29LTZarid-Thin',serif; font-size: 7rem; line-height: 7.5rem; }
a {text-decoration: underline;}

.navi-text-arabic p {margin: 40px 0 0 0 ;}

.toppage {padding-top: 40px;}

.col-xs-6 {width: 50%; padding-left: 0px; padding-right: 0px;}



/* Hide main navigation on startpage */
.page-id-96 #menu-main-2 {display: none;}
.page-id-96 .featured-image {display: none;}
.page-id-96 .divider {display: none;}

.page-id-303 #menu-main-2-arabic {display: none;}
.page-id-303 .featured-image {display: none;}
.page-id-303 .divider {display: none;}


/* Links Hover */
.item1:hover { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQYlWNgIAH8R8NEayLaZOqYRrJCohUja6CdU/4zMDD8BwA9FRLu9WcLTQAAAABJRU5ErkJggg==) repeat;}

.item2:hover { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQYlWNgwA7+o2GiAdGKiVKI13qi3EdQN1FWEW0qWYqwKgQAqtET7baNe90AAAAASUVORK5CYII=) repeat;}



.excerpt-link a:hover {background-color: #00EAFF;}

/* Current Menu-Item */
header nav li a:hover { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQYlWNgwA/+E5AnrPA/GqaxdbisJxrQxmTSFQMAi7gQ8MXbM5IAAAAASUVORK5CYII= ) repeat;}


header nav li.current-menu-item a { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAI0lEQVQYlWNgGJTgPxrGqQBdjKAiDIU4rcCmEK9T8JlEOgAA7EkR7/w3AZcAAAAASUVORK5CYII=) repeat;}


header nav li.current-menu-item a:hover { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQYlWNgwA/+E5AnrPA/GqaxdbisJxrQxmTSFQMAi7gQ8MXbM5IAAAAASUVORK5CYII= ) repeat;}


/*ARABIC CSS */
[dir=rtl] header img {position:fixed; width: 12%; left: 56%; right: 44%; display:inline-block; max-width:12%; z-index: 50;}
[dir=rtl] .smallLogo{width: 6%; left: 53%; right: 47%;}

/* 

header nav li.current-menu-item a { background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQYlWNgwAH+M0z8/59h4n9c8igKyVe0iOH/f2Qaq7WLGP7/R8Y4TUZWsIjhP4pJeE2lrqdIUgTzMbpCAJdbReIavyRuAAAAAElFTkSuQmCC ) repeat;}

#menu-item-287 a:hover {background-color: #00EAFF; }
.page-id-6 li.current-menu-item a {background-color: #00EAFF;}

#menu-item-288 a:hover {background-color: #00EAFF }
.page-id-4 li.current-menu-item a {background-color: #00EAFF;}


#menu-item-289 a:hover {background-color: #00EAFF; }
.page-id-2 li.current-menu-item a {background-color: #00EAFF;}
*/


/* bootstrap.css ueberschreiben*/
.navbar-collapse {
	max-height: 1200px !important;
    padding-right: 0px;
    padding-left: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}


/* paddings startpage */
body {
    padding-top: 20px;
}

.section2 {
    padding-top: 60px;
}

.container {
    width: auto;
}

#close_button {
	background-size: 30px 30px;
	width: 100% !important;
	height: 100% !important;
	background-position: top right;
}



/* ----- REPEATER----- */
.flex-headline {font-family: '29LTZarid-Thin',serif; text-align:center; font-size: 7rem; line-height:5rem; margin:80px 0 0 0;}
.agent-image {margin-top: 60px; }
.agent-image img {text-align:left; height: auto; width: auto; max-height: 360px; max-width: 100%; display: block; }
.agentlist-text1, .agentlist-text2 {line-height:1.2em; font-size: 1em; margin: 60px 0px 0px 0px;}
.agentlist-text1 p, .agentlist-text2 p {margin: 10px 0px 0px 0px;}
.agentlist-text1 p strong, .agentlist-text2 p strong {font-family:'29LTZarid-Light',serif; text-decoration: underline; }
.agentlist-text1 a, .agentlist-text2 a {color:#000; font-family:'29LTZarid-Light',serif; text-decoration: underline; }

.book-image {margin-top: 60px; }
.book-image img {text-align:left; height: 100%; width: auto; max-height: 600px; max-width: 100%; display: block; }
.bookheadline-1, .bookheadline-2 {font-family: '29LTZarid-Thin',serif; line-height:5rem; font-size:6rem; margin: 80px 0px 0px 0px;}
.booklist-text1, .booklist-text2 {line-height:1.2em; font-size:1em; margin: 20px 0px 0px 0px;}
.booklist-text1 p, .booklist-text2 p {margin: 10px 0px 0px 0px;}
.booklist-text1 p strong, .booklist-text2 p strong {font-family:'29LTZarid-Light',serif; text-decoration: underline; }
.booklist-text1 a, .booklist-text2 a {color:#000; font-family:'29LTZarid-Light',serif; text-decoration: underline; }

.single-image {margin-top: 60px; text-align:center !important; }
.single-image img {text-align:center !important; height: 100%; width: auto; max-height: 500px; max-width: 100%; }

.columnstext {margin-top: 30px; }
.columnstext p strong {font-family:'29LTZarid-Light',serif;}

.sharebuttons {margin-top: 60px;font-size:20px; }





/* -- media queries -- */
@media (max-width:768px) {	
	header {margin:0px 0;}
	#logo a {font-size:36px;}
	header nav {margin-top:30px;}	
	header nav li {width:100%; border:0; float:none; }
	header nav .menu-item-has-children:hover {background-color:transparent;}	
	header .navbar-toggle {background-color:#fff; float:left; position:absolute; margin-top:9px; z-index:9999;}
	header .navbar-toggle span {background-color:#000;}
	
/* ----- SASCHA CUSTOM MOBILE ----- */

body {font-size: 12px; color:#000; font-family:'29LTZarid-Light',serif;}
.bookheadline-1, .bookheadline-2 {font-family: '29LTZarid-Thin',serif; line-height:3.5rem; font-size:4rem; margin: 40px 0px 0px 0px;}
.book-image img {text-align:left; height: 100%; width: auto; max-height: 400px; max-width: 100%; display: block; }
.flex-headline {font-family: '29LTZarid-Thin',serif; text-align:center; font-size: 4rem; line-height:3.5rem; margin:40px 0 0 0;}
header nav li a {color:#000; font-size:5rem; line-height:4rem; font-family:'29LTZarid-Thin',serif; text-decoration: underline;}
.navi-text, .navi-text-arabic {color:#000; font-family:'29LTZarid-Thin',serif; font-size: 5rem; line-height: 4rem; }
a {text-decoration: underline;}

.smallLogo{width: 12%; left: 44%; right: 56%;}
[dir=rtl] .smallLogo{width: 12%; left: 56%; right: 44%;}
	
.sharebuttons {margin-top: 0px;}
.agentlist-text1, .agentlist-text2 {line-height:1.2em; font-size: 0.8em; margin: 30px 0px 0px 0px;}
.columnstext {margin-top: 0px; }
article {margin-bottom:0px; line-height:1.2em; font-size:1.75em;}
article p {margin-bottom:0px;}
	

#featured-image img, .featured-image img {width: 100%; height:auto;}

#post-title {font-family: '29LTZarid-Thin',serif; font-size:42px; line-height:1em; margin:0 0 0 0;}
article h1 {font-size:42px; line-height:1em; }
article h2 {font-size:32px; line-height:1em; }

#show-title {display:block; font-family: '29LTZarid-Thin',serif; text-align:center; font-size:42px; line-height:1em; margin:10 0 0 0;}
	
	/* Show main navigation on mobile*/
.page-id-96 #menu-main-2 {display:contents;}
.page-id-303 #menu-main-2-arabic {display:contents;}
	
		/* Position of navigation */
header nav ul {position:relative; float:left; left:0%; padding: 0; margin:0; margin-top: 30px; list-style:none;}
	
	/* Footer */
.col-xs-6 {width: 100%; padding-left: 0px; padding-right: 0px;}
#footer-menu {position: relative; padding-top: 0px; }
#footer-meta p {margin: 0 0 0 0;}
	
	
	
}

@media (max-width:995px) {	
	
		/* ARABIC MOBILE CSS */
.arabstyle {
	display: flex;
	flex-wrap: wrap;
}
	.position_1 {
	order: 1;
}
	.position_2 {
	order: 2;
}
	}