/*
 Theme Name:   Twenty Fourteen CVL
 Theme URI:    https://cvl.tuwien.ac.at/twentyfourteen-cvl/
 Description:  Twenty Fourteen CVL Theme
 Author:       Robert Sablatnig
 Author URI:   https://cvl.tuwien.ac.at/
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfourteen-cvl
 
 updates to parent style:
 #24890D -> #006699 (normal)
 #41A62A -> #8fbee5 (light)
 #55D737 -> #004669 (dark)
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

@import url("../twentyfourteen/style.css");

/* color overrides */
a {
	color: #006699;
}
a:active,
a:hover {
	color: #8fbee5;
}
::selection {
	background: #006699;
}

::-moz-selection {
	background: #006699;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #006699;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #8fbee5;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #004669;
}

.search-toggle {
	background-color: #006699;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #8fbee5;
}
 
.search-box {
	background-color: #8fbee5;
}

.site-navigation a:hover {
	color: #8fbee5;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #004669;
}

.entry-title a:hover {
	color: #8fbee5;
}

.entry-meta a:hover {
	color: #8fbee5;
}

.cat-links a:hover {
	color: #8fbee5;
}

.entry-meta .tag-links a:hover {
	background-color: #8fbee5;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #8fbee5;
}

.entry-content .edit-link a:hover {
	color: #8fbee5;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #006699;
}
 
.hentry .mejs-overlay:hover .mejs-overlay-button,
.widget .mejs-overlay:hover .mejs-overlay-button {
	background-color: #006699;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover,
.widget .mejs-controls .mejs-button button:hover {
	color: #8fbee5;
}
 
.page-links a:hover {
	background: #8fbee5;
	border: 1px solid #8fbee5;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #8fbee5;
}
 
.paging-navigation .page-numbers.current {
	border-top: 5px solid #006699;
}

.paging-navigation a:hover {
	border-top: 5px solid #8fbee5;
} 
 
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #8fbee5;
}

.comment-reply-title small a:hover {
	color: #8fbee5;
}
 
.widget a:hover {
	color: #8fbee5;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #006699;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #8fbee5;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #004669;
}
 
.widget-title a:hover {
	color: #8fbee5;
}

.widget_calendar tbody a {
	background-color: #006699;
}

.widget_calendar tbody a:hover {
	background-color: #8fbee5;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #8fbee5;
}

.content-sidebar .widget a {
	color: #006699;
}

.content-sidebar .widget a:hover {
	color: #8fbee5;
}
 
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #006699;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #8fbee5;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #004669;
}

.content-sidebar .widget .widget-title a:hover {
	color: #8fbee5;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #8fbee5;
}

.site-info a:hover {
	color: #8fbee5;
}

.featured-content a:hover {
	color: #8fbee5;
}

.slider-control-paging a:hover:before {
	background-color: #8fbee5;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #006699;
}

.slider-direction-nav a:hover {
	background-color: #006699;
}


@media screen and (min-width: 783px) {
	.primary-navigation ul ul {
		background-color: #006699;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #006699;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #8fbee5;
	}
}

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

	.secondary-navigation ul ul {
		background-color: #006699;
	}

	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #006699;
		color: #fff;
	}

	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #8fbee5;
	}
} 
/* ==== END COLOR OVERRIDES ==== */


/* no hyphanation for the address (it looks bad : ) */
#text-3 {
	hyphens: none;
}

.entry-content a, .entry-summary a, .page-content a, .comment-content a {
    text-decoration: none;
}

p {
text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
clear: none;
} 
/* 
 ul,ol{
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
} */
 
.anchor{
    position:relative;
    top: -80px;
}
  
/* 
 * our changes
 */
.site-header {
	background-color: #cdcdcd;
	max-width: 1920px;
	position: relative;
	width: 100%;
	z-index: 4;
	background: #FFFFFF; /* Old browsers */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 95%,#cdcdcd 100%);
}

#site-header {
	position: relative;
	width: 100%;
	background: url("../twentyfourteen/images/pattern-light.svg") repeat fixed 0% 0% #B2B2B2;
}

#site-header img {
	margin-left: 5%;
	width: 95%;
	vertical-align: bottom;
}

.site {
	/*background-color: #333;*/
	/*background-color: rgba(255,255,255,.1);*/
	background-color: #fff;
	max-width: 1920px;
	position: relative;
}
/*
.site-content .entry-content,
.site-content .entry-header,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	background-color: rgba(255,255,255,.1);
	padding: 12px 10px 0;
}
*/

.menu-toggle {
	background-color: #cdcdcd;
	border-radius: 0;
	cursor: pointer;
	height: 48px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 48px;
}

.content-sidebar .widget .widget-title {
	border-top: 5px solid #cdcdcd;
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 900;
	margin: 0 0 18px;
	padding-top: 7px;
	text-transform: uppercase;
}

/*
.widget_recent_entries {
	
	text-transform: uppercase;
}
*/
/*.widget_recent_entries ul {  } */
/*
.widget_listcategorypostswidget li { 
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0 9px;

} 
*/

/*
.widget_listcategorypostswidget li:first-child {
	border-top: 0;
}
*/

.content-sidebar .widget_listcategorypostswidget li{
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0 9px;
	border-color: rgba(0, 0, 0, 0.1);
}


/*
.content-sidebar .widget {
	border-top: 5px solid #cdcdcd;
	background-color: #000;
	font-size: 14px;
	font-weight: 900;
	margin: 0 0 18px;
	padding-top: 7px;
	text-transform: lowercase;
}
*/
.site-footer {
	background-color: #cdcdcd;
	font-size: 12px;
	position: relative;
	z-index: 3;
	display: none;
}

#secondary {
	/* background-color: #fff; */
	background-color: rgba(255,255,255,.1);
	color: rgba(0,0,0, 0.7);
}

.site:before {
	background-color: #fff;
}

.site-navigation a {
	color: #333;
}

.hentry {
	margin: 0 auto 48px;
	max-width: 1400px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 800px;
}

.comments-area {
	max-width: 800px;
}

a.widget-link-small {
	color: #006699;
}

.site-title a,
.site-title a:hover {
	color: #006699;
}

.archive-header {
	max-width: 100%;
}

.widget {
	margin-bottom: 24px;
}

.category-current-projects .wp-post-image, .category-completed-projects .wp-post-image {
	max-height: 100px;
	max-width: none;
	width: auto;
}

.entry-summary {
	display: none;
}

.research-div {
	width: 40%;
	float: left;
	margin: 10px;
	text-align: center;
	padding: 10px;
	min-width: 150px;
}

.research-div  h4 {
	margin: 10px;
}

.image-bg-hover:hover {
	background-color: #cde4e8;
	
}

.research-div:hover a {
	color: #004669;
}
	
@media screen and (min-width: 401px) {
	/* 
	 * menu
	 */
	.primary-navigation li:hover > a, .primary-navigation li.focus > a {
		color: #069;
	}

	.entry-summary {
		display: block;
	}
	
	#site-header img {
		margin-left: 40%;
		width: 60%;
	}
	
	.list-view .post-thumbnail {
		min-height: 180px; 
	}

	.list-view .site-content  .entry-header {
		margin-top: -48px;
	}

	.list-view .site-content .entry-header {
		padding-top: 24px;
	}
		

	.list-view .site-content .hentry {
		border-bottom: 0px solid rgba(0, 0, 0, 0); 
		border-top: 0px solid rgba(0, 0, 0, 0); 
		margin: 0;
		min-height: 60px;
		padding: 12px 0 9px;
	}

}

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

	.category-current-projects .wp-post-image, .category-completed-projects .wp-post-image {
		margin-bottom: 38px;
	}
}

@media screen and (min-width: 783px) {
	.primary-navigation ul ul a {
		color: #ddd;
	}

	.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus {
		color: #069;
	}

	.primary-navigation li:hover > a, .primary-navigation li.focus > a {
		color: #fff;
	}

	#site-header img {
		margin-left: 60%;
		width: 40%;
	}

	.category-current-projects .wp-post-image, .category-completed-projects .wp-post-image {
		margin-bottom: 50px;
	}

}

.overview-table {
	border: none;
}

.overview-table td, .overview-table th {
	border: none;
}

@media screen and (max-width: 1008px) {

	.overview-table {display: block;}
	.overview-table tr {width: 100%;}
	.overview-table td, .overview-table th { 
		display: inline-block;
		width: 80%;
		padding: 3px;
	}
	.overview-table th {
		padding: 10px 3px 3px 3px;
	}
	
	.overview-table .overview-column-header {
		display: none;
	}

	.overview-table .overview-column1 a {
		margin-top: 10px;
		padding: 0px 0px 0px 0px;
		font-size: 18px;
	}
	
	.overview-table .overview-column1 {
		padding: 5px 3px 0px 3px;
	}
	.overview-table .overview-column {
		padding: 3px 3px 3px 20px;
	}

}

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

	.content-sidebar {
		margin-left: -23.04761904%;
		width: 23.04761904%;
	}

	.category-current-projects .wp-post-image, .category-completed-projects .wp-post-image {
		margin: 20px 20px 50px 20px;
	}

	#site-header img {
		margin-left: 75%;
		width: 25%;
	}
}

.widget a {
	color: #006699;
}

.widget-title,
.widget-title a {
	color: #004669;
}

.attachment-post-thumbnail, .wp-post-image img, .post-thumbnail img {
	max-height: 200px;
	max-width: 100%;
	width: auto;
}

/* Project Details */
/* Info */
.course-info,
.project-info, 
.staff-info {
	background-color: #e6e6e6;
	max-width: 300px;
	min-width: 30%;
	padding: 0px 10px 10px 10px;
	margin: 10px;
	float: right;
}

.project-details, 
.staff-contact-details,
.course-details {
	position: relative;
	top: -15px;
	color: #006699;
	margin: 0px;
}

.course-info p,
.project-info p,
.staff-info p
 {
	margin-left: 20px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 13px;
}

.publications-link {
	text-transform: uppercase;
}

.post-thumbnail {
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

.archive-header {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	background-color: #069;
}

.archive-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 300;

}

.entry-meta span.byline {
	display: none;
}

.big-table, .big-table td {
	border: none;
}

.big-table tr:nth-child(even), .big-table th {
	background-color: #eee;
	border: none;
}

.overview-column-header {
	text-transform: uppercase;
	font-weight: 600;
}

/* praktika table */
@media screen and (max-width: 1008px) {
.big-table td:nth-child(2), .big-table td:nth-child(3), .big-table td:nth-child(4),
.big-table th:nth-child(2), .big-table th:nth-child(3), .big-table th:nth-child(4)  {
display: none;
}
}