/* Enter Your Custom CSS Here */

/* Changing space between menu and content */

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: 20%; /* size of the first collunm*/
}

.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: 78%; /* size of the second collunm*/
}

.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: -3em;
}

/* For browsers that support 'object-fit' */

@supports ( object-fit: cover ) {
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 159%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}



.custom-header {
    position: relative;
    height: 250px;
}

.widget ul li {
	border-bottom: 0px solid #ddd; 
	border-top: 0px solid #ddd; 
	padding: 0.5em 0;
    margin-top: 30px;
    display: inline;
    margin-right: 0.3em;
}

body {
	font-size: 14px;
}

p {
	margin: 0 0 1.5em;
	padding: 0;	
}

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

b,
strong {
	font-weight: 700;
}

.site-content {
		padding: 2em 0 0;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.navigation-top {
		bottom: 0;
		font-size: 1rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}
.main-navigation li li {
    -webkit-transition: background-color 0.2s ease-in-out;
    font-size: 12px; /*sub-menu*/
}


.colors-custom h2, .colors-custom blockquote, .colors-custom input[type="text"], .colors-custom input[type="email"], .colors-custom input[type="url"], .colors-custom input[type="password"], .colors-custom input[type="search"], .colors-custom input[type="number"], .colors-custom input[type="tel"], .colors-custom input[type="range"], .colors-custom input[type="date"], .colors-custom input[type="month"], .colors-custom input[type="week"], .colors-custom input[type="time"], .colors-custom input[type="datetime"], .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, .colors-custom .site-description, .colors-custom .entry-content blockquote.alignleft, .colors-custom .entry-content blockquote.alignright, .colors-custom .colors-custom .taxonomy-description, .colors-custom .site-info a, .colors-custom .wp-caption, .colors-custom .gallery-caption {
    color: hsl( 32, 50%, 40% );
    font-size: 20px;
}