@font-face {
	font-family: 'BerlingRoman';
	src: url("../fonts/berlingroman-webfonteot.eot");
	src: url("../fonts/berlingroman-webfonteot.eot#iefix") format("embedded-opentype"),
		 url("../fonts/berlingroman-webfontwoff.woff") format("woff"),
		 url("../fonts/berlingroman-webfontttf.ttf") format("truetype"),
		 url("../fonts/berlingroman-webfontsvg.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Base */
body {
	font-family: Arial, sans-serif;
}

body p a {
	text-decoration: underline;
	color: #0555a4;
}

body p a:hover {
	color: #032f5a;
	background: #f2f2f2;
}

h2 {
	margin-top: 1.5em;
}

.blog-title {
	font-family: "Gill Sans","Gill Sans MT",sans-serif;
	margin-top: 0;
}

::selection {
	background: #5288bf;
	color: #333;
}

.section.bg-dark-light {
	background-color: #fff;
}

.post, .page {
	margin-bottom: 0;
	padding-bottom: 0;
}

@media ( max-width: 800px ) {
	.post {
		margin-top: 5em;
	}
}

.post-title {
	margin-top: 50px;
}

.post-title a:hover {
	color: #000;
	text-decoration: underline;
}

.post-meta a:hover {
	text-decoration: underline;
	color: #000;
}

.post-content a.more-link, 
.post-content a.more-link:hover {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	padding: 0;
	font-size: inherit;
}

.post-content a.more-link:hover { 
	text-decoration: underline;
}


.post-categories {
	display: none;
}



/* Widgets, search */

.sidebar {
	margin-bottom:100px;
}

.widget-title, .widget-content h2 {
	font-family: Arial, sans-serif;
	text-transform: none;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 20px;
}

.widget-content p {
	margin-bottom: 1.5em;
	color: #000;
	font-size: 1.125rem;
}

.wp-block-image img {
	padding: 0;
	border-style:solid;
}

.wp-block-image:not(.is-style-rounded) img {
	border-radius: 3px;
	border-width: 0;
}

.widget_media_image:first-child {
	margin-bottom: 20px;
	border-bottom: none;
	padding-bottom: 0;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: Arial, sans-serif;
  font-size: 1em;
  background-color: #000;
  color: #fff;
  border-style: solid;
  border-width: 0;
  border-color: #ddd;
  border-radius: 4px;
	padding: 10px 18px;
}

button:hover,
.button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #000;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.search-form .search-submit {
	font-family: 'Arial', sans-serif;
	font-size: 1em;
	background-color: #fff;
	color: #000;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #ddd;
	border-radius: 0 4px 4px 0;
	padding: 16px 18px;
}

.search-form .search-field {
	border-width: 1px 0 1px 1px;
}

.search-form .search-field:focus {
  background-color: #eee;
}

.search-form .search-submit:hover {
	background-color: #111;
	border-color: #111;
	color: #fff;
}

.widget-content ul li, div.widget > div > ul > li > a {
	font-family: Arial, sans-serif;
	color: #222;
	text-transform: capitalize;
}

div.widget > div > ul > li > a:hover {
	color: #222;
}

input[type="text"],
input[type="email"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #f2f2f2;
	border-radius: 3px;
	border: 1px solid #E1E1E3;
	box-shadow: none;
	color: #333;
	display: block;
	font-size: 16px;
	margin: 0;
	max-width: 100%;
	padding: 14px 16px;
	width: 100%;
	font-family: Arial, sans-serif;
}

.es-field-wrap input[type="text"],
.es-field-wrap input[type="email"] {
	margin: 12px 0 25px 0;
}


/* Navigation */

.section.bg-dark {
	background: #fff;
}

ul.blog-menu {
	margin-top: 30px;
}


.blog-menu a {
	color: #000;
	border-width: 0 1px 0 1px;
	border-color: #e5e5e5;
	border-style: solid;
	font-size: 1.1em;
	text-transform: initial;
	font-family: Arial, sans-serif;
	padding: 15px;
}

.blog-menu li:hover > a, .mobile-menu li:hover a {
	color: #333;
	background-color: #f2f2f2;
	text-decoration: underline;
}

@media ( max-width: 800px ) {
	.toggle-container {
		background-color: transparent;
	}
	
	.search-toggle .glass {
		background-color: #fff;
	}
	
}

.mobile-menu li a {
	color: #222;
	border-width: 0 1px 0 1px;
	border-color: #ddd;
	border-style: solid;
}

.mobile-menu .page_item {
  border-width: 1px 0 0 0;
	border-color: #ddd;
	border-style: solid;
}

.mobile-menu .page_item:last-child {
	border-bottom-width: 1px;
}

.nav-toggle,
.search-toggle {
	margin-left: 0;
	border-width: 0;
}

/* Posts */
.post {
	padding-bottom: 5%;
	margin-bottom: 5%;
}

.post-title {
	font-size: 2em;
	margin-top: 1.5em;
	font-family: Arial, sans-serif;
	font-weight: normal;
}



.featured-media img {
	border-radius: 0;
	margin-top: 1rem;
}

.post-header:first-child h2 {
	margin-top: 0;
}

.post-nav a:hover, .post-nav a:hover h5 {
	color: #000;
	text-decoration: underline;
}

.post-nav h5 {
	text-transform: none;
	font-size: 0.8em;
	font-weight: normal;
}

.post-content p {
	margin-bottom: 2em;
	font-size: 1.25rem;
	color: #000;
}


/* Parts that should look like UU IG - E.g. top stripe and footer are wrapped in divs with .uu-ig-section */

/* Form */
.es_textbox input, 
.es_button input {
	font-size: 80%;
	padding: 10px;
}

.es_button input {
	background: #333;
	color: #fff;
}

/* Clearfix */
.clearfix::after {
	clear: both;
	content: "";
	display: table;
}

/* States */
.is-berling {
	font-family: BerlingRoman;
}

.is-uppercase {
	text-transform: uppercase;
}

@media (max-width: 700px) {
/*	.blog-info {
		background: transparent;
		display: block;
		padding: 15px 0; */ 
	}
	
	h3.blog-description, 
	.blog-title {
		text-align: left;
	}

	.blog-title {
		margin-bottom: 3px;
	}
	
	.blog-description::before {
		content: none;
	}
}