/* CSS Document */
html, body{
  height:100%;
}
body {
  font-family: 'Lato', sans-serif;
	font-size:15px;
}
#wrapper {
	position:relative;
	height: calc(100% - 52px);
	font-size:15px;
	color:#ffffff;
	font-weight:300;
	padding-bottom:52px;
}
header {
  position:fixed;
  height: 100px;
  width:100%;
  z-index:10;
  box-sizing: border-box;
}
#logo {
  padding:18px;
  float: left;
  height: 64px;
}
#logo img {
	height:64px;
	width:auto;
}
.post .wp-block-image figcaption {
 color:#ffffff;
}


/* MENU */
.menu {
  text-align:right;
  height: 100px;
}



/* SOCIAL MEDIA */
#social_media {
  position:fixed;
  bottom: 10px;
  left:10px;
  background: rgba(0,0,0,0.34);
  z-index: 9;
  padding: 8px 5px;;
}
#social_media > a {
  margin-top: 0px;
}
.facebook, .twitter, .youtube, .linkedin {
	display:inline-block;
	background-size: contain;
	width: 18px;
	height:15px;
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	margin-top:9px;
	margin-right:5px;
}
.facebook {
	background-image:url(/wp-content/themes/ima/images/icon-facebook.png);
}
.twitter {
	background-image:url(/wp-content/themes/ima/images/icon-twitter.png);
	margin-right:8px;
}
.linkedin {
	background-image:url(/wp-content/themes/ima/images/linkedin-logo.png);
}
.youtube {
	background-image:url(/wp-content/themes/ima/images/icon-youtube.png);
}


/* SIDEBAR */
#sidebar {
  float: left;
  width: 14%;
  min-width: 191px;
  margin-left: 5%;
	padding-top:1%;
  position: relative;
}
#sidebar h3 {
	font-size:20px;
	border-bottom:1px #ffffff solid;
	font-weight:100;
  line-height: 33px;
  padding-left: 6px;
}
#sidebar h4 {
	margin-top: 30px;
	padding-left:6px;
	font-size:16px;
	padding-bottom:8px;
}
#sidebar h3 + h4 {
	margin-top: 16px;
}
#sidebar a {
	display:block;
	font-size:14px;
	color: rgba(255,255,255,0.65);
	padding: 6px 20px;
	text-decoration:none;
}
@media (max-width: 767px) {
  #sidebar {
		float:none;
    margin: 0px auto;
    width: 93%;
    padding: 0px 0px 9px 0px;
  }
  #blog #content .post {
    border-top: 1px #fff solid;
  }
}


/* BLOG */
#blog {
  padding-top: 140px;
}
#blog:after {
	content:"";
	display:table;
	clear:both;
}
#blog > #content {
  text-align:center;
  overflow: initial;
  float: right;
  margin: 0px;
	box-sizing: border-box;
  width:81%;
  padding-right: 0px;
}
#blog > #content > .content_wrapper {
  max-width:800px;
  margin:0px auto;
  padding: 0px 45px;
}
body.single-post .post, body.archive.date .post {
  text-align:justify;
}
body.archive.date .post .entry img,
body.single-post .post .entry img {
  max-width: 100%;
  height: auto;
}
.post p {
  font-size: 17px;
  line-height: 20px;
  padding:13px 0px 18px 0px;
}
.post .avatar {
	float:left;
	margin-right: 10px;
}
.post .author {
  line-height: 17px;
  padding-bottom: 20px;
}
#blog #sidebar .mobile_posts {
  display: none;
}
@media (max-width: 767px) {
  #blog > #content > .content_wrapper {
    padding: 0px 15px;
  }
  #blog #sidebar .desktop_posts {
    display: none;
  }
  #blog #sidebar .mobile_posts {
    display: block;
    padding: 13px 0px;
  }
  #blogposts {
    font-family: 'Lato', sans-serif;
    padding: 5px;
    max-width:100%;
  }
  #blog #sidebar h3 {
    border-bottom: 0px;
    display: inline-block;
    padding-right: 20px;
    line-height: 42px;
  }
}


/* SUBSCRIBE */
#subscribe {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: right;
  font-style: italic;
  line-height: 52px;
  background: #000000;
  box-sizing: border-box;
  z-index:2;
}
#subscribe a.ajax {
  border:1px #ffb400 solid;
  display:block;
  float:right;
  line-height:22px;
  padding:0px 15px;
  color:#ffb400;
  letter-spacing:1px;
  font-style: normal;
  text-transform:none;
  text-decoration: none;
  margin:13px 5% 6px 20px;
}
body.page-template-hubspot #portfolio_items,
body.page-template-hubspot header, body.page-template-hubspot #header, body.page-template-hubspot #social_media, body.page-template-hubspot #subscribe {
  display: none;
}
#post-thanks {
  position: relative;
  bottom: auto;
  right: auto;
  width: 100%;
  box-sizing: border-box;
  max-width: none;
}
@media(max-width: 660px) {
  #subscribe {
    line-height:17px;
    padding-top: 8px;
    padding-right: 10px;
  }
  #subscribe > span {
    display: block;
    text-align:right;
  }
  #subscribe a.ajax {
    margin:9px 0px;
  }
}


/* STORY MAP */
.story_map {
  height:600px;
}

/* Remove Google reCAPTCHA v3 Badge */
.grecaptcha-badge { visibility: hidden; }



/* CONTACT */
.wpcf7-form label {
  opacity: 0.4;
	font-weight:200;
	font-style: italic;
  display:none;
}
.wpcf7-text, .wpcf7-textarea {
	width:350px;
	border:0px;
  outline:none;
  padding: 6px;
  margin-top: 4%;
  font-size: 0.8em;
}
.wpcf7-textarea {
	height:70px;
  width: 100%;
  margin-top: 2%;
}
.wpcf7-submit {
	border:1px #fff solid;
	background:transparent;
	font-family: 'Prompt', sans-serif;
	color:#ffffff;
	font-weight:200;
	padding:8px 4px;
	width: 72px;
	text-align:center;
  border-color: rgba(255,255,255,0.4);
	cursor:pointer;
}
.wpcf7-form span.wpcf7-not-valid-tip {
  color: #FFAA00;
  width: 238px;
  font-style: italic;
  font-weight: 200;
	padding-top:6px;
}
.wpcf7-form .your-message span.wpcf7-not-valid-tip {
	top: 50px;
}
.wpcf7-form-control-wrap {
	display:block;
	overflow:hidden;
}
div.wpcf7-validation-errors {
	display:none !important;
}
div.wpcf7 .ajax-loader {
	position: absolute;
	left: 105px;
	top: 82%;
}
div.wpcf7 .left {
  width: 49%;
  float: left;
}
div.wpcf7 .right {
  margin-left: 51%;
}
@media (min-width: 651px) {
	.wpcf7-form span.wpcf7-not-valid-tip {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.wpcf7-form .your-message span.wpcf7-not-valid-tip {
		top: 50px;
	}
	
}