/*
Theme Name: Transatlantic Harmony
Theme URI: http://junge-transatlantiker.de/
Description: Template der Seite der Initiative junger Transatlantiker
Author: SelectedWork
Author URI: http://selected.work
Text Domain: transatlantic-harmony
Domain Path: /languages
Version: 1.0
*/

/**
* 	imports
*/

@import url(https://fonts.googleapis.com/css?family=Exo+2:400,100,600,500,300|Bitter);

/**
* 	Standard tags
*/

body {
	font-family: 'Exo 2', sans-serif;
}


/**
* 	Primary Navbar
*/

.navbar {
	margin-bottom: 0;
}

.navbar-default {
	background-color: #fff;
	border: none;
}

.navbar-default .navbar-nav>li>a {
	color: #12457c;
	font-size: 16px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #12457c;
}

.navbar-default .navbar-nav>li.current-page-ancestor>a, .navbar-default .navbar-nav>li.current-menu-item>a, .navbar-default .navbar-nav>li.page_item>a, .navbar-default .navbar-nav>li.current_page_item>a {
	color: #fff;
	background-color: #12457c;
}

.navbar-brand {
    float: left;
    height: 60px;
    padding: 5px 5px;
    font-size: 18px;
    line-height: 20px;
    margin-left: 15px;
}

.navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
}

@media (min-width : 768px) {
    .navbar {
         border: none;
         min-height: 114px;
    }

    .navbar-nav>li {
    	margin-left: 20px;
    }

    .navbar-nav>li:first-child {
    	margin-left: 20px;
    }

    .navbar-brand {
		height: auto;
		padding-top: 27px;
		padding-bottom: 27px;

	}

.navbar-brand {
    float: left;
    height: 50px;

    font-size: 18px;
    line-height: 20px;
}

    .navbar-nav {
    	padding-top: 32px;
    	padding-bottom: 32px;
    	min-height: 50px;
    }
}

/**
* 	Sidebar
*/

aside > li  {
	border-bottom: 3px solid #f9af3c;
	font-size: 15px;
	font-weight: 300;
	color: #8a857d;
	list-style: none;
	margin-bottom: 50px;
}

aside > li h2.widgettitle {
	font-size: 15px;
	color: #000;
	font-weight: 600;
	margin-top: 0px;
}

aside > li ul  {
	margin: 0 0 10px;
	padding: 0px;
}

aside > li ul > li  {
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
	    border-bottom: 1px solid #f0f0f0;
}

aside > li ul > li:last-child  {
	border-bottom: none;
}


aside > li ul > li > a {
	color: #8a857d;
}

aside > li ul > li > a:hover {
	color: #000;
	text-decoration: none;
}

aside > li ul > li.current_page_item > a {
	color: #000;
	font-weight: 600;
	cursor: default;
}

/**
*
*/

.underline-page {
	border-top: 1px solid #f0f0f0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.single-entry-meta ul.meta-list {
	list-style: none;
}

.single-entry-meta ul.meta-list li {
	color: #8a857d;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	list-style: none;
}

.single-entry-meta ul.meta-list li i {
	color: #12457c;
}

.single-entry-meta ul.meta-list li a {
	text-decoration: underline;
	color: #8a857d;
}

.single-entry-meta ul.meta-list li a:hover {
	text-decoration: underline;
	color: #8a857d;
}

.single-entry-meta ul.meta-list > li:before {
  content: ''; /* FontAwesome char code inside the '' */
  width: 0; /* same as padding-left set on li */
  margin-left: 0; /* same as padding-left set on li */
}​






/**
* 	Content
*/



.border-top {
	border-top: 3px solid #f9af3c;
}

.border-bottom {
	border-bottom: 3px solid #f9af3c;
}

#main-container {
	padding-top: 30px;
	padding-bottom: 30px;
}

section article h1 {
	color: #12457c;
	font-weight: 600;
}

section article h1.title {
	margin-top: 0px;
}

section article h2 {
	color: #12457c;
	font-weight: 500;
}

section article h3 {
	color: #000;
	font-weight: 600;
}

section article h4, section article h5, section article h6 {
	color: #000;
	font-weight: 500;
	margin-top: 20px;
}

section article a {
	color: #f9af3c;
}

section article a:hover, section article a:focus {
	text-decoration: none;
	color: #f9af3c;
}

section article strong {
	font-weight: 600;
	color: #a21923;
}

/*section article blockquote {
	border-left: 3px solid #f9af3c;
	padding: 0px 20px;
	font-size: 15px;
} */

blockquote {
    border-left: none;
	padding: 0px 20px;
	font-size: 15px;
  	quotes: "\201C""\201D""\201C""\201D";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0;
  vertical-align: -0.4em;
}

blockquote:after {
}

blockquote p {
  display: inline;
  font-weight: 600;
}

section article p {
	font-size: 15px;
}

section article img {
	/* width: 100%; */
}

section article ul {
	padding-left: 20px;
}

section article ul > li {
	font-size: 15px;
	list-style-type: none;
	color: #000;
	padding-left: 1.2em;
	margin-bottom: 15px;
}

section article ul > li:before {
  content: '\25AA'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
  color: #f9af3c;
}​




/**
* 	Footer
*/

footer {
	background-color: #fff;
}

footer .blue {
	background-color: #12457c;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

footer .widget {
	list-style: none;
}

footer .widget h2.widgettitle {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 400;
}

footer .widget div.textwidget {
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	margin: 0;
}

footer .widget div.textwidget>p {
	margin: 0;
	margin-bottom: 8px;
	line-height: 21px;
}

footer .widget div.textwidget>ul.footer_list {
	margin: 0;
	margin-bottom: 8px;
	padding: 0px;
}

footer .widget div.textwidget>ul.footer_list li {
	height: 21px;
	list-style: none;
}

footer .widget div.textwidget>ul.footer_list li a {
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	margin: 0;
}

footer .widget div.textwidget>ul.footer_list li a:hover {
	text-decoration: none;
}

footer .widget div.textwidget>ul.footer_list li a>i {
	opacity: 0.5;
	min-width: 20px;
	text-align: center;
}

/**
* 	else
*/

.text-facebook {
	color: #3b5998;
}

.text-twitter {
	color: #55acee;
}

.text-right-sm {
    text-align: left;
}

@media only screen and (min-width : 768px) {
    .text-right-sm {
         text-align: right;
    }
}

.btn-transatlantic {
	background-color: #12457c;
	color: #fff;
}

.btn-transatlantic:hover {
	background-color: #12457c;
	color: #fff;
}

.btn-transatlantic a:hover {
	background-color: #12457c;
	color: #fff;
	text-decoration: none;
}

.btn-transatlantic a {
	background-color: #12457c;
	color: #fff;
	text-decoration: none;
}

.blue-text {
	color: #12457c;
}

.date-text {
	color: #8a857d;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
}

.entry-row {
	margin-bottom: 50px;
}

.entry-meta {
	margin-top: 10px;
}

.pagination {
	margin: 0px;
}

.navbar-pagination {
	text-align: center;
}

.padding-container {
	padding-top: 30px;
	padding-bottom: 30px;
}

/**
*
*/


section .entry .entry-header h1.entry-title, section .entry-blog .entry-header h1.entry-title  {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

section .entry .entry-header .featured-image, section .entry-blog .entry-header .featured-image {
	border-bottom: 3px solid #f9af3c;
   	height: 150px;
   	width: 300px;
   	background-repeat: no-repeat;
   	background-position: center center;
}

section .entry {
	width: 300px;
	padding-bottom: 30px;
}

section .entry-blog {
	padding-bottom: 30px;
}



@media only screen and (min-width : 768px) {
section .entry {
	padding-bottom: 0px;
}
}

#social-container li {
	list-style-type: none;
}

.thumbnail-cover-page {
   height: 280px;
   background-repeat: no-repeat;

	 background-position: center;
	 background-size: auto 100%;
}

@media only screen and (min-width : 768px) {
    .thumbnail-cover-page {
    			height: 335px;
          background-position: center center;
					background-size: 100%;
    }
}



footer .last-footer-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

footer .last-footer-container p.last-footer-text {
	line-height:50px; text-valign:middle;
}

.screen-reader-text {
	display: none;
}

.navbar-default .navbar-nav>li.no-navbar-hover>a:hover{
	background: #fff;
	color: #12457c;
}

#info-container {
	background-color: #f0f0f0;
}

#info-container a {
	color: #000;
}

#info-container .info-container-icons>div {
	text-align: center;
}


#info-container .info-container-icons>div>i {
	color: #12457c;
}

#info-container .info-container-text>div {
	text-align: center;
}

#info-container .info-container-text>div>h1 {
	font-size: 15px;
	color: #12457c;
	font-weight: 600;
}

#info-container .info-container-text>div>p {
	font-size: 15px;
}

#facebook-container, #twitter-container {
	text-align: center;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    border-bottom: 3px solid #f9af3c;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    border-bottom: 3px solid #f9af3c;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-bottom: 3px solid #f9af3c;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    border-bottom: 3px solid #f9af3c;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    border-bottom: 3px solid #f9af3c;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    border-bottom: 3px solid #f9af3c;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    border-bottom: 3px solid #f9af3c;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    border-bottom: 3px solid #f9af3c;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

li#submenu .page_item_has_children {

}

li#submenu .parent > a {

}

a.post-edit-link {
	font-size: 12px;
}