/*
 Theme Name:   Computational Culture Theme
 Description:  Twenty Seventeen Child Theme
 Author:       Anne & Fernando
 Template:     twentyseventeen
 Version:      1.0.0
 Text Domain:  twentyseventeen-child
*/

/* Custom CSS
-------------------------------------------------------------- */

/* PAGE */

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


/* PAGE AREAS */

body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: left ;
	width: 26% ;
}

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
	float: right ;
	width: 70% ;
}

.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
	margin-right: 0 ;
	width: 26% ;
}

.has-sidebar:not(.error404) #primary {
	float: left ;
	width: 70% ;
}

.has-sidebar #secondary {
	float: right ;
	width: 26% ;
	padding-top: 0 ;
}

.page-two-column .panel-content .entry-header {
	float: left ;
	width: 26% ;
}

.page-two-column .panel-content .entry-content {
	float: right ;
	width: 26% ;
}

.page-two-column .panel-content .recent-posts {
	clear: right ;
	float: right ;
	width: 70% ;
}


/* PAGE ELEMENTS */

a {
	color: rgb(136,99,83) ;
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) ;
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) ;
}

p {
	white-space: pre-line ;
}

blockquote {
	padding: 1em ;
	font-size: 15px ;
}

table {
	font-size: 12px ;
}

h2 {
	color: Black ;
}

.entry-details ul,
.entry-content ul {
  list-style-position: inside;
    text-indent: -1.4em;
    padding-left: 1.6em;
}

.entry-details ol,
.entry-content ol {
    padding-left: 1.5em;
}

.entry-content h2 {
	font-weight: bold ;
	font-size: 1em ;
}

.entry-content h3 {
	font-style: italic ;
	font-size: 1em ;
	margin: 0em 0em 0.5em 0em ;
	padding: 0em ;
}


/* WIDGETS */

h2.widget-title {
	font-size: 12px ;
}

.widget,
.textwidget {
	font-size: 12px ;
}

.widget ul li, .widget ol li {
	line-height: 1.4em;
}

/* HEADER */

.navigation-top {
	border: none !important ;
}

.site-header {
	background: White !important ;
}

.site-title a {
	text-transform: capitalize ;
}

.navigation-top {
	background: linear-gradient(90deg, rgba(138,161,173,1) 0%, rgba(255,255,255,1) 100%) ;
}

.main-navigation a,
.navigation-top .current_page_item > a {
	color: Black ;
}

.main-navigation a:hover {
	color: White ;
}

.entry-title {
	padding-bottom: 1em ;
}

.entry-details,
.entry-abstract {
	font-size: 12px ;
	padding: 0em 0em 1em 0em;
}

.entry-details-heading {
	font-weight: 800 ;
	font-size: 12px ;
	letter-spacing: 0.1818em ;
	text-transform: uppercase ;
	white-space: pre-line ;
}

/* FOOTER */

.site-footer .widget-column.footer-widget-1 {
	float: left ;
	width: 26% ;
}

.site-footer .widget-column.footer-widget-2 {
	float: right ;
	width: 70% ;
}

.social-navigation {
	clear: left ;
	float: left ;
	width: 26% ;
	margin-bottom: 0 ;
}

.site-info {
	float: left ;
	width: 70% ;
	padding: 0.7 0 0 ;
}


/* RECENT POSTS */

.navigation.pagination {
	display: none ;
}


/* UNDERLINES */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) ;
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) ;	
}

/* PRINT BUTTON */

button.print {
	padding: 0.2em 0.6em 0.2em 0.6em ;
	font-size: 1em ;
	margin-bottom: 1.4em ;
	background-color: rgb(104,133,148) ;
}