/*
 Theme Name:   Twenty Fourteen Child
 Description:  Twenty Fourteen Child Theme
 Author:       Jeffrey J. Early
 Author URI:   http://jeffreyearly.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

/*

Note, we change line 3437 in the parent style.css from,
	@media screen and (min-width: 783px) {
to
	@media screen and (min-width: 783px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

And line 3598 from,
	@media screen and (min-width: 810px) {
to
	@media screen and (min-width: 810px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

And line 3649 from,
	@media screen and (min-width: 846px) {
to
	@media screen and (min-width: 846px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

And line 3693 from,
	@media screen and (min-width: 1008px) {
to
	@media screen and (min-width: 1008px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 


*/

a {
	color: black;
}

.numerical-model {
	display: block;
	float: left;
	padding-bottom: 20px;
}

.numerical-model img {
	margin-right: 20px;
	margin-top: 5px;
	float: left;
/* 	border-radius: 14px; */
    border:3px solid;
}

.numerical-model p {
	display: table;
	margin: 0px;
	margin-bottom: 8px;
	min-width: 200px;
}

.main-topics {
	display: block;
	position: relative;
	width: 100%;
}

.topic {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 20px;
}

.topic-clear {
	clear: both;
}

.topic-image {
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 10px;
}

.topic-image img {
	opacity: 0.4;
	border:2.5px solid;
	box-sizing: border-box;
}

.topic-image p {
	margin: 0px;
}

.topic-image h2 {
	width: 100%;
	position: relative;
	left: 0px;
	bottom: 0px;
	letter-spacing: 2px;
	color: black;
}

.topic-image a {
	text-decoration: none;
}


.topic-details {
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: justify;
}

.topic-details p {
	margin-bottom: 12px;
}

@media (min-width:480px) {
	.topic {
		width: 49%;
		box-sizing: border-box;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* *************************************************************
	Everything below here overrides the parent theme
**************************************************************** */

/* This prevents right scrolling from happening on mobile safari */
body { overflow-x: hidden; }

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, .page-content {
 /* Original max-width: 474px */
	max-width: 525px;
}

.site-info {
	display:none;
}

#secondary {
  display: none;
}

@media screen and (min-width: 846px) {
	.content-area,
	.content-sidebar {
		padding-top: 24px;
	}
}

@media screen and (min-width: 1008px) {
	.primary-navigation .nav-menu {
		display: none;
	}
	.search-toggle {
		display: none;
	}

	.masthead-fixed .site-header {
		position: relative;
	}
	
	.admin-bar.masthead-fixed .site-header {
		top: 0px;
	}
	
	.masthead-fixed .site-main {
		margin-top: 0px;
	}
	
	#secondary {
		display: inline;
/* 
		width: 162px;
 */
	}
	
/* 
	.secondary-navigation {
		width: 222px;
	}
 */
}