/*
Theme Name: 2017 webdesign
Theme URI: http://webdesign.anmari.com/
Description: A twenty seventeen child theme.  A stripped own version without those huge images
Author: the WordPress team with anmari
Template:       twentyseventeen
Version:        1.0
Tags: 
-------------------------------------------------------------- */
@import url("../twentyseventeen/style.css");

.entry-content ul {
	margin: 0 1.5em 1.5em;
}

#masthead .wrap,
#masthead .navigation-top .wrap,
.site-branding-text {
	position:static !important;
	margin: auto;
	text-align: center;
}
.main-navigation ul {
	text-align: center;
}

.site-branding {
	position: relative;
}

.site-title a{
	display: block;
	text-transform: capitalize;
	}
/* link visited hover active . first letter not working after first time*/	
.site-title a {color:#3b5998;} /*#707492;} /* dark blue */
.site-title a:first-letter{color:#800B1B;} /* dark red */
.site-title a:visited {color:#007bb6;} /* twitter pale blue*/
.site-title a:visited:first-letter {color:#f05d21;} /* orange #CBCC4D;} /* yellow */
.site-title a:hover {color:#d34836; } /*#800B1B;} /* dark red */
.site-title a:hover:first-letter {color:707492;} /* dark blue */

.sitemap .section h3 {font-weight: 400;} 
.sitemap .section:nth-of-type(1) h3 {color: #d34836; }
.sitemap .section:nth-of-type(2) h3 {color: #3b5998; }
.sitemap .section:nth-of-type(3) h3 {color: #f05d21; }

#meta {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0.5em;
}

#loginout {
	max-width: 15em;
	display: inline-block;
}

.entry-meta a {
	color: #ccc;
}
.entry-meta a:hover {
	color: #aaa;
	text-decoration: inherit;
}

#menu-social a[href*="mailto"] {	background-color: #f05d21; }	
#menu-social a[href*="profiles.wordpress"] {background-color: #21759b;}
#menu-social a[href*="twitter"]{background-color: #007bb6;}
#menu-social a[href*="facebook"]{background-color: #3b5998;}
#menu-social a[href*="linkedin"]{background-color: #0077b5;} 
#menu-social a[href*="plus.google"]{	background-color: #d34836;}
#menu-social a[href*="stackexchange"]{ background-color: #91d8f4;}
#menu-social a[href*="smarterer"]{background-color: #69b5e1;}

#menu-social a[href*="mailto"]:hover { color:		 		#f05d21;}	
#menu-social a[href*="profiles.wordpress"]:hover { color: 	#21759b;}
#menu-social a[href*="twitter"]:hover { color:				#007bb6;}
#menu-social a[href*="facebook"]:hover { color:				#3b5998;}
#menu-social a[href*="linkedin"]:hover { color: 				#0077b5;} 
#menu-social a[href*="plus.google"]:hover { color:			#d34836;}
#menu-social a[href*="stackexchange"]:hover { color: 		#91d8f4;}
#menu-social a[href*="smarterer"]:hover { color:				#69b5e1;}

#menu-social a:hover {background-color: #fff; }

/* for smaller screens, override later for larger screens */
	.social-navigation,
	.site-info {
		margin: auto;
		text-align: center;
		float: none;
	}
	
.custom-header {
	background-color: #fff;
}	

body:not(.twentyseventeen-front-page) .entry-header {
	text-align: center;
}

.single-featured-image-header {
margin: auto;
}

.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, 
#page header.page-header {
	width: 94%;
	margin: auto;
	float: none;
}



@media screen and (min-width: 20em) {

}

@media screen and (min-width: 30em) {
	.navigation-top ,
	.site-footer	{
		background-color: #fafafa;	
	}

}

@media screen and (min-width: 48em) {
	.social-navigation + .site-info,
	.site-info {
		margin: auto;
	}
	.site-content {
		padding: 2.5em 0 0;
	}
	.panel-content .wrap {
		padding-top: 2.5em;
	}
	.site-branding{
		padding: 2em;
	}	
	
	.site-footer .widget-column.footer-widget-1,
	.site-footer .widget-column.footer-widget-2 {
		width: 45%;
	}
	
	div.section {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	padding: 1em;
	border: black solid 2px;
	margin-bottom: 1em;
}


.sitemap ul {
	list-style-position: inside;
}

.sitemap .section h3,
ul li a:hover {
	color: #d34836;
}
	
	
	
	
}