/*
* Theme Name: stipendien-tipps.de
* Author: HS Onlinemarketing
* Version: 1.1
*/


/*
* ==================== CALIBRATION ====================
*/


/*
* -------------------- Import Fonts --------------------
*/

/* -- Open Sans */

/* Regular */
@font-face {
	font-family: "Open Sans";
	src: url("vendor/fonts/OpenSans/OpenSans-Regular.ttf");
	font-style: normal;
	font-weight: 400;
}

/* Regular italic */
@font-face {
	font-family: "Open Sans";
	src: url("vendor/fonts/OpenSans/OpenSans-Italic.ttf");
	font-style: italic;
	font-weight: 400;
}

/* Bold */
@font-face {
	font-family: "Open Sans";
	src: url("vendor/fonts/OpenSans/OpenSans-Bold.ttf");
	font-style: normal;
	font-weight: 700;
}

/* Bold italic */
@font-face {
	font-family: "Open Sans";
	src: url("vendor/fonts/OpenSans/OpenSans-BoldItalic.ttf");
	font-style: italic;
	font-weight: 700;
}

/* -- Waiting for the Sunrise */

/* Regular */
@font-face {
	font-family: "Waiting for the Sunrise";
	src: url("vendor/fonts/WaitingfortheSunrise/WaitingfortheSunrise-Regular.ttf");
	font-style: normal;
	font-weight: 400;
}


* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

article,
aside,
footer,
header,
nav,
section { display: block; }

html { overflow-y: scroll; }

body {
	background-color: #c8c7c8;
	font: 14px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
	color: #333;
}

ul { list-style-type: none; }

.clear:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	content: ".";
}

:before { cursor: default; }


/*
* ==================== GENERAL LAYOUT FORMATTINGS ====================
*/


/*
* -------------------- Layout Sections Formattings --------------------
*/


#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	background: transparent url("images/bg-pattern.jpg") repeat;
}

#container { margin-top: 25px; }

#article {
	width: 638px;
	float: left;
}

#aside {
	width: 298px;
	margin-left: 660px;
}

#article,
#aside {
	background-color: #fff;
	border: 1px solid #4397a6;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

#article_content { padding: 20px 30px; }

#aside_content { padding: 20px; }

#footer {
	margin: 20px 0 40px;
	padding: 20px;
	background-color: #d7e6e8;
	border: 1px solid #4397a6;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.full { width: 958px !important; }


/*
* -------------------- Global Selectors Formattings --------------------
*/


#homelink {
	display: block;
	padding: 30px 0;
	text-align: center;
	text-decoration: none;
}

#toplink {
	margin: 0;
	padding-top: 40px;
	text-align: center;
}

#toplink img {
	padding: 5px;
	border: 1px solid transparent;
}

#toplink img:hover { border-color: #4397a6; }

a {
	text-decoration: none;
	color: #4397a6;
}

a:hover { text-decoration: underline; }

hr {
	margin: 40px 0;
	border-bottom: 1px solid #c8c7c8;
}


/*
* ==================== HEADER FORMATTINGS ====================
*/


/*
* -------------------- <h1> Formattings --------------------
*/


#header h1 {
	font: 40px/1.5 "Waiting for the Sunrise";
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	color: #4397a6;
}

#header h1 em {
	display: block;
	margin-top: 15px;
	font-size: 22px;
	font-style: normal;
	line-height: 1.25;
	color: #333;
}


/*
* -------------------- <nav> #nav_main Formattings (1st level) --------------------
*/


#nav_main {
	margin-bottom: 20px;
	background-color: #4397a6;
	text-align: center;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

#nav_main li {
	position: relative;
	display: inline-block;
}

#nav_main a {
	display: block;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	color: #fff;
}

#nav_main a:hover,
#nav_main .current-menu-item,
#nav_main .current-menu-parent,
#nav_main .current-menu-ancestor,
#nav_main .menu > .menu-item-has-children:hover { background-color: #7bb6c1; }


/*
* -------------------- <nav> #nav_main Formattings (2nd level) --------------------
*/


#nav_main ul ul {
	width: 0;
	height: 0;
	position: absolute;
	top: -32768px;
	left: -32768px;
	display: inline;
	background-color: rgba(67, 151, 166, 0.95);
	text-align: left;
}

#nav_main ul li:hover ul {
	width: 225px;
	height: auto;
	top: auto;
	left: auto;
	display: block;
	z-index: 1000;
}

#nav_main ul ul li {
	display: block;
	margin-bottom: 3px;
}

#nav_main ul ul li:last-child { margin: 0; }

#nav_main ul ul a {
	padding: 5px 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #fff;
}

#nav_main ul ul a:hover,
#nav_main ul ul .current-menu-item,
#nav_main ul ul .current-menu-item a,
#nav_main ul ul .current-menu-parent > a,
#nav_main ul ul .current-menu-ancestor,
#nav_main ul ul .menu-item-has-children:hover > a {
	background-color: transparent;
	font-weight: bold;
}

#nav_main ul ul .menu-item-has-children > a:after {
	float: right;
	content: "▸";
	color: #fff;
}


/*
* -------------------- <nav> #nav_main Formattings (3rd level) --------------------
*/

#nav_main ul ul ul.sub-menu {
	width: 0;
	height: 0;
	position: absolute;
	top: -32768px;
	left: -32768px;
	display: inline;
	background-color: rgba(67, 151, 166, 0.95);
	text-align: left;
}

#nav_main ul ul li:hover ul.sub-menu {
	width: 225px;
	height: auto;
	top: 0;
	left: 225px;
	display: block;
	z-index: 2000;
}

#nav_main ul ul ul.sub-menu a { padding-left: 20px; }

#nav_main ul ul ul.sub-menu a:hover,
#nav_main ul ul ul.sub-menu .current-menu-item,
#nav_main ul ul ul.sub-menu .current-menu-item a {
	background-color: transparent;
	font-weight: bold;
}


/*
* ==================== ARTICLE FORMATTINGS ====================
*/


/*
* -------------------- <h*> Formattings --------------------
*/


#article h1,
#article h2 {
	font-family: "Waiting for the Sunrise";
	font-weight: normal;
	line-height: 1.5;
	color: #4397a6;
}

#article h1 { font-size: 26px; }

#article h2 {
	font-size: 20px;
	margin-top: 30px; 
}

#article h1 + h2 { margin-top: 20px; }


/*
* -------------------- <p> Formattings --------------------
*/


#article p { margin: 15px 0 10px; }

#article .hint,
#article .info,
#article .question {
	margin: 30px 0;
	padding: 66px 40px 24px;
	background-color: #f4f4f4;
	background-position: 40px 10px;
	background-repeat: no-repeat;
	background-size: 240px auto;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

#article .hint { background-image: url("images/hint.png"); }

#article .info { background-image: url("images/info.png"); }

#article .question { background-image: url("images/question.png"); }

#article .blog_meta {
	margin: 5px 0 25px;
	font-size: 12px;
	color: #999;
}


/*
* -------------------- <ul> Formattings --------------------
*/


#article ul { margin: 15px 0 10px 20px; }

#article ul li { margin: 5px 0 10px; }

#article ul li:before {
	padding-right: 10px;
	content: "■";
	color: #4397a6;
}

#article ul ul { margin: 0 0 10px 20px; }

#article ul ul li:before {
	padding-right: 10px;
	content: "◽";
	color: #4397a6;
}


/*
* -------------------- <img> Formattings --------------------
*/

#article img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 5px 0 10px;
	padding: 5px;
	border: 1px solid #c8c7c8;
}

#article img.alignleft,
#article img.img_align,
#article a.img_align img,
#article .wp-caption.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}

#article img.alignright,
#article .wp-caption.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}

#article .wp-caption {
	box-sizing: border-box;
	max-width: 100%;
	margin: 15px 0 30px;
	padding: 10px;
	background-color: #f4f4f4;
	border: 1px solid #c8c7c8;
}

#article .wp-caption img {
	padding: 0;
	border: none;
}

#article .wp-caption-text {
	margin: 5px 0;
	font-size: 12px;
}


/*
* -------------------- <table> Formattings --------------------
*/


#article .vendor {
	width: 100%;
	margin: 30px 0;
	padding: 20px 40px;
	background-color: #e4f0f2;
	border-top-right-radius: 250px 20px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

#article .vendor td:nth-child(1) {
	width: 30%;
	font-weight: bold;
	color: #4397a6;
}

#article .vendor td:nth-child(2) { width: 70%; }

#article #tablepress-1 { font-size: 8px; }

#article .dataTables_wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 15px 0 10px;
}

#article table th {
	background-color: #4397a6 !important;
	color: #fff;
}

#article table th:hover { background-color: #7bb6c1 !important; }

#article table .odd td { background-color: #f4f4f4 !important; }

#article table .row-hover tr:hover td { background-color: #e4f0f2 !important; }


/*
* -------------------- Post Pagination Formattings --------------------
*/


.post-pagination {
  clear: both;
  padding-bottom: 30px;
}

.post-pagination > * {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 10px 15px;
  border: none;
  background-color: #c8c7c8;
  color: #333;
}

.post-pagination .current {
  background-color: #4397a6;
  color: #fff;
}


/*
* ==================== <ASIDE> FORMATTINGS ====================
*/


#aside h3 { font-size: 16px; }


/*
* -------------------- <section> .widget Formattings --------------------
*/


#aside .widget {
	margin: 10px 0 20px;
	padding: 0 20px;
}

#aside .widget h3 {
	font-size: 16px;
	line-height: 3;
	color: #4397a6;
}

#aside .widget ul { list-style-type: none; }

#aside .widget li { padding: 5px 0; }

#aside .widget a {
	font-size: 16px;
	color: #333;
}

#aside .blog {
	margin: 30px 0 0;
	padding: 0;
}

#aside .blog h3 { display: none; }

#aside .blog a {
	display: block;
	background-color: #4397a6;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

#aside .blog a:hover { background-color: #7bb6c1; }


/*
* -------------------- <form> #search Formattings --------------------
*/


#search {
	padding: 0 10px 15px;
	background-color: #c8c7c8;
}

#search h3 {
	text-indent: 10px;
	line-height: 2;
}

#search input[type="text"] {
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
	font: 14px "Open Sans", Arial, Helvetica, sans-serif;
	color: #333;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

#search input[type="submit"] {
	width: 32px;
	height: 32px;
	margin-left: 10px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 50%;
	color: #4397a6;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

#search input[type="text"]:hover,
#search input[type="text"]:focus,
#search input[type="submit"]:hover { border-color: #333; }


/*
* ==================== <FOOTER> FORMATTINGS ====================
*/


/*
* -------------------- <nav> .nav_footer --------------------
*/

.nav_footer {
	float: left;
	margin-right: 60px;
}

.nav_footer h3 {
	font-size: 16px;
	line-height: 3;
	color: #4397a6;
}

.nav_footer li { padding-bottom: 5px; }

.nav_footer a {
	font-size: 12px;
	color: #333;
}