/*
 Theme Name:   Augsburg 404
 Description:  WP Theme for Inside Augsburg root site. Child of TwentySixteen.
 Author:       Joe Mann / Augsburg College
 Author URI:   http://www.augsburg.edu/
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
 * Colors:
 * 		blue - #337AB7
 *		maroon - #660033
 */
html {
	margin: 0 !important;
}
body {
	background: #660033; 
	font-family: arial, sans-serif;
}
body:before {

}
h1, h2, h3, h4, h5, h6, .page-title, .entry-title, .widget .widget-title {
	font-family: Oswald, sans-serif;
	font-weight: normal;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
	font-weight: normal;
}
.entry-content h2, .entry-summary h2, .comment-content h2 {
	margin-top: 1em;
}
p {
	margin: 0 0 1em;
	line-height: 1.5;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
iframe[name=google_conversion_frame] {
	height: 0;
	margin: 0;
    line-height: 0;
}
.clear {
	clear: both;
}
#page.site {
	margin: 0;
}
.inside-augsburg-header {
    
}
.inside-augsburg-header-container {
    max-width:  1200px;
    margin:  0 auto;
    padding: 0 10px 0 0;
}
.inside-augsburg-image img {
    max-width: 212px;
    margin: 5px 0;
}

.inside-augsburg-image {
    float: left;
}

.inside-augsburg-header-links {
    float: right;
}
.inside-augsburg-header-links p {
	margin: 0.8em 0;
    font-size: 0.9em;
}

.site-inner {
	width: 100%;
	max-width: 100%;
}
.header-bar-logo {
    display: block;
    text-align: center;
}

.header-bar-logo a {
	line-height: 40px;
}

.header-bar-menu {
    display: block;
    text-align: center;
}
.header-bar-menu p {
	margin: 0;
	color: white;
	padding-bottom: 10px;
	font-size: 0.8em;
}
.header-bar-menu p a {
	color: white;
}
.site-header {
	padding: 0 !important;
}
.site-header-main {
	border-top: gray 3px solid;
    border-bottom: gray 3px solid;
    background-color: #660033;
    padding: 5px 0;
}
.site-branding {
	width: 100%;
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 0 20px;
}
.site-branding .site-title {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 2rem;
	display: block;
	text-align: center;
    font-weight: normal;
}
.site-branding .site-title a,
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: white;
}
p.site-description {
	font-family: 'Oswald', sans-serif;
    color: #636363;
    line-height: 1.4em;
    font-size: 1rem;
    display: inline-block;
}

#site-header-menu {
	margin: 0.5em auto;
	padding: 0 20px;
    width: 100%;
    max-width: 1200px;
    border-top: white 2px solid;
}
.main-navigation {
	font-family: arial, sans-serif;
}
.menu-toggle {
	border-color: #545454;
		margin-left: auto;
	margin-right: auto;
	display: block;
}
.menu-toggle:hover, .menu-toggle:focus {
	background-color: #007acc;
	color: white;
}

/* content area */
.site-content {
	max-width: 1200px;
    margin: 0 auto;
}
#main {
	padding-top: 1.4em;
}
.entry-title {
	font-size: 2rem;
    text-transform: uppercase;
    color: #660033;
    margin-bottom: 10px;
}
.entry-header .posted-on,
.entry-header .cat-links {
	color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    display: inline-block !important;
    padding-right: 20px;
}
.entry-header .posted-on a,
.entry-header .cat-links a {
	/* color: #686868; */
	text-decoration: underline;
}
.entry-header .posted-on a:hover,
.entry-header .posted-on a:focus,
.entry-header .cat-links a:hover, 
.entry-header .cat-links a:focus {
	color: #007acc;
}
.entry-content.archive-entry {
	float: none !important;
	clear: both;
}
.entry-content.archive-footer {
	float: none !important;
}
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
	padding-left: 40px;
}
.page-header {
	margin-bottom: 1em;
	border-top: none;
	padding-top: 0;
}
.nav-previous,
.nav-next {
    width: 50%;
    display: inline-block;
    border-top: none;
    vertical-align: top;
}
.nav-previous {
	padding-right: 1%;
}
.nav-next {
	padding-left: 1%;
	text-align: right;
}
.post-navigation {
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
.post-navigation div + div {
    border-top: none;
}
.post-navigation .post-title {
	font-size: 1rem;
}
/* button */
	.button {
		background-color: #660033;
		font-size: 16px;
	   color: white;
	   display:block;
	   width: 100%;
	   max-width: 300px;
	   padding: 10px 15px;
	   margin-bottom: 10px;
	   border: #ccc 2px solid;
	   border-radius: 6px;
	   text-align: center;
		transition: all 0.3s ease;
		-webkit-transition: all 0.4s ease; /* Safari */
	}
	.button:hover,
	.button:focus {
		text-decoration: none;
    	border-radius: 30px;
    	color: #333;
        background-color: #e6e6e6;
	}
/*
 * widgets *************************************************************************
 *
 */
.widget {
	border-top: none;
	margin-bottom: 1em;
}
.widget_calendar .widget-title {
	margin-bottom: 0.05em;
}
.widget_calendar caption {
    margin-bottom: 0.5em;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.widget_calendar tbody a {
	background-color: #337AB7;
}
.request-button {
border: #efefef 2px solid;
border-radius: 13px;
width: 100%;
max-width: 300px;
display:block;
padding: 10px;
margin: 10px 0;
text-align: center;
font-size: 1.2em;
line-height: 1.4em;
color: #fff;
background-color: #337AB7;
text-decoration: none;
transition: all 0.3s ease;
}

/* request button animation 

a.request-button {
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
    background-color: #337AB7;
  }
  25% {
    background-color: #000000;
  }
  50% {
  	background-color: #337AB7;
  }
  75% {
    background-color: #000000;
  }
  100% {
    background-color: #337AB7;
  }
}
 end request button animation */
.request-button:hover,
.request-button:focus {
background-color: #686868;
color: #fff;
animation: none;
}
/*
 * footer *************************************************************************
 *
 */
footer#colophon {
	background-color: #660033;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
footer#colophon .site-info {
	width: 100%;
    max-width: 1260px;
    padding: 10px 20px;
    margin: 0 auto;
    color: white;
}
footer#colophon .site-info a {
	color: white;
}
.site-footer .site-title:after {
	content: none;
}
body.single .entry-footer a {
    color: #007acc;
}
.site-footer a {
	border-bottom: white 1px dotted;
}
.site-footer a:hover,
.site-footer a:focus {
	border-bottom: white 1px solid;
}
.footer-logo {
	text-align: center;
}
.footer-logo a,
.footer-logo a:hover,
.footer-logo a:focus {
	border: none;
	box-shadow: none;
}
.footer-logo a img {
	max-width: 220px;
	height: auto;
	padding: 0 0 20px;
}
.footer-text {
	text-align: center;
}
.posted-on a:before {
    content: '\f307';
    font-family: 'Genericons';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
}
p.post-footer-date {
	margin-right: 7.6923%;
	margin-left: 7.6923%;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
}
p.post-footer-date a {
	padding: 20px 10px;
	width: 100%;
	display: block;
}
p.post-footer-date a:hover,
p.post-footer-date a:focus {
	text-decoration: underline;
}
@media screen and (min-width: 44.375em) {
	p.post-footer-date {
		 margin-right: 23.0769%;
	}
}
@media screen and (min-width: 56.875em) {
	p.post-footer-date {
		margin-right: 0;
		margin-left: 0;
	}
}
p.post-footer-date .posted-on a:before {
    content: none;
}
.cat-links.categories a:before {
    content: '\f302';
    font-family: 'Genericons';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
}
.report-post-custom-link:before {
	content: '\f468';
	font-family: 'Genericons';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding-right: 5px;
    vertical-align: bottom;
}
.comments-title,
.entry-title {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
hr {
	clear: both;
}
/*
 * media queries ********************************************************************
 *
 */
@media screen and (min-width: 44.375em) {
	.site-header {
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
	.site-branding .site-title {
		font-size: 3rem;
		text-align: center;
	}
	body:not(.custom-background-image):before, body:not(.custom-background-image):after {
		height: 0;
	}
	#page.site {
		background-position: center 50px;
	}
	.post-navigation .post-title {
		font-size: 1rem;
	}
	.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    	/* margin-right: 7.0769%; */
	}
}
@media screen and (min-width: 56.875em) {
	.site-branding .site-title {
		text-align: left;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		margin: 0 !important;
		border-bottom: gray 2px solid;
	}
	.main-navigation li {
		border-top: none;
		display: inline-block;
		margin-right: 3px;
	}
	.main-navigation a {
		color: #660033;
	}
	.main-navigation a:hover,
	.main-navigation a:focus,
	.main-navigation li:hover > a, 
	.main-navigation li.focus > a {
		background-color: gray;
		color: white;
	}
	.main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
		background-color: gray;
		color: white;
		font-weight: normal;
	}
	.main-navigation ul ul a {
    	width: 12.6875em;
	}
	.main-navigation li:hover > ul, .main-navigation li.focus > ul {
		margin-top: 2px;
	}
	.site-content {
    	padding: 0 20px;
	}
	.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
		margin-right: 20%;
		margin-left: 5%;
		width: 70%;
	}
}
@media screen and (min-width: 61.5625em) {
	.site-header {
		padding-top: 1.25em;
		padding-bottom: 0.25em;
	}
	.site-branding {
		margin-top: 0;
		margin-bottom: 1em;
	}
	h2.entry-title {
	}
	.widget {
		margin-bottom: 1em;
	}
	body:not(.no-sidebar) article:not(.type-post) .entry-content {
		width:93%;
	}
	body:not(.search-results) article:not(.type-page) .entry-footer {
		margin-top: 1.15em;
	}
	.footer-logo {
		text-align: left;
		float: left;
	}
	.footer-text {
		float: right;
		text-align: right;
	}
	
}
@media (min-width: 600px) {
	.header-bar-logo {
		display: inline-block;
	}
	.header-bar-menu {
		float: right;
		display: inline-block;
	}
	.header-bar-menu p {
		padding-top: 11px;
	}
	p.site-description {
		font-size: 1.4em;
	}
	.index-column {
		width: 48%;
		padding-right: 2%;
		float: left;
	}
}
@media (min-width: 909px) {
	#secondary {
		border-top
	}
}
@media (min-width: 1200px) {
	.inside-augsburg-header-container {
		padding: 0;
	}
	.site-branding {
		padding: 0
	}
	#site-header-menu {
		padding: 0;
	}
}