/*
Theme Name: Datamart Theme
Author: Datamart Team
Author URI: https://www.dtm.io
Description: Simple theme for Datamart website.
Version: 20200324.2125
*/


body {
  background-color: #1e2633
}

a,
label>span {
  color: #d61700;
}

body,
.dtm-post-card-text a,
.current-page-ancestor.current-page-parent a,
.sticky .current-page-ancestor.current-page-parent a,
.dtm-main-navigation a,
a:hover,
.dtm-header.sticky a,
.dtm-logo,
.pagination .nav-links a,
select:required:invalid {
  color: #666;
}

::-webkit-input-placeholder {
  color: #666;
}

::-moz-placeholder {
  color: #666;
}

:-ms-input-placeholder {
  color: #666;
}

.dtm-footer a,
.dtm-footer p,
.dtm-copyright {
  color: #fefefe
}

.dtm-post-content li,
label,
strong,
h2,
h2 a,
h3,
h3 a,
h4,
h5,
h6,
blockquote,
.post-meta-key,
.dtm-subtitles,
.dtm-header.sticky a:hover {
  color: #222
}

.dtm-author-data a,
.message,
.dtm-content ul li:before,
.current-page-ancestor a,
.current-menu-item a,
.current_page_parent a,
.sticky .current-page-ancestor a,
.sticky .current-menu-item a,
.sticky .current_page_parent a {
  color: #d61700
}

h1,
.dtm-logo:hover,
.dtm-main-navigation a:hover,
.slide-contact h2,
.slide-intro .slide-text,
.slide-contact .slide-text,
.pagination .nav-links span,
.button,
.button:hover {
  color: #fff
}

.hamburger-inner {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, .95)
}

.hamburger-inner::before {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, .95)
}

.hamburger-inner::after {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, .95)
}

.dtm-header.sticky,
.dtm-content,
.slide-services,
.slide-partners {
  background-color: #efefef;
  background-color: rgba(255, 255, 255, .95)
}

.dtm-logo .ls {
  fill: #d61700
}

.dtm-footer path,
.dtm-footer polygon {
  fill: rgba(255, 255, 255, .65)
}

.dtm-footer a:hover path,
.dtm-footer a:hover polygon {
  fill: rgba(255, 255, 255, 1)
}

.dtm-subtitles,
.post-meta-key {
  border-left: 4px solid #d61700
}

blockquote {
  border-bottom: 2px solid #d61700
}

.button,
.pagination .nav-links span,
input[type='radio']:checked {
  background-color: #b30000
}

input[type='text'],
input[type='email'],
input[type='tel'],
form textarea,
form select,
.message {
  border: 1px solid #ddd
}

input[type='radio'] {
  border: 2px solid #aaa
}

input[type='radio']:checked {
  border: 2px solid #b30000
}

.dtm-header,
.hamburger,
.home .dtm-footer,
.home .dtm-content,
.button.secondary:hover {
  background-color: transparent
}

.active .hamburger-inner,
.active .hamburger-inner::before,
.active .hamburger-inner::after,
.sticky .hamburger-inner,
.sticky .hamburger-inner::before,
.sticky .hamburger-inner::after,
.dtm-footer {
  background-color: rgba(0, 0, 0, .5)
}

.dtm-post-card .dtm-grid-cell-body,
.dtm-post-single.dtm-post-thumbnail+.dtm-post-content,
.single .dtm-post-content,
.dtm-content-main .dtm-post-content,
input[type='text'],
input[type='email'],
textarea,
select,
.message,
.button.secondary {
  background-color: #fff
}

@media screen and (max-width:774px) {
  .dtm-main-navigation {
    background-color: rgba(255, 255, 255, 1)
  }
}

.single .dtm-post-content,
.dtm-content-main .dtm-post-content,
.message,
.dtm-post-single.dtm-post-thumbnail+.dtm-post-content,
.dtm-post-card .dtm-grid-cell-body {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.dtm-header.sticky {
  -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1)
}

.button,
.contact-submit button {
  box-shadow: 0 0 2px rgba(100, 100, 100, .5)
}

.dtm-grid-row {
  padding: 0 2%
}

.dtm-grid-row:after {
  clear: both;
  content: '';
  display: block
}

[class*='dtm-grid-cell'] {
  float: left;
  opacity: 1;
  position: relative
}

.dtm-grid-cell {
  width: 8.3333333%
}

.dtm-grid-cell-2 {
  width: 16.666667%
}

.dtm-grid-cell-3 {
  width: 25%
}

.dtm-grid-cell-4 {
  width: 33.333333%
}

.dtm-grid-cell-5 {
  width: 41.666667%
}

.dtm-grid-cell-6 {
  width: 50%
}

.dtm-grid-cell-7 {
  width: 58.333333%
}

.dtm-grid-cell-8 {
  width: 66.666667%
}

.dtm-grid-cell-9 {
  width: 75%
}

.dtm-grid-cell-10 {
  width: 83.333333%
}

.dtm-grid-cell-11 {
  width: 91.666667%
}

.dtm-grid-cell-12 {
  width: 100%
}

.dtm-grid-cell-offset {
  margin-left: 8.3333333%
}

.dtm-grid-cell-offset-2 {
  margin-left: 16.666667%
}

.dtm-grid-cell-offset-3 {
  margin-left: 25%
}

.dtm-grid-cell-offset-4 {
  margin-left: 33.333333%
}

.dtm-grid-cell-offset-5 {
  margin-left: 41.666667%
}

.dtm-grid-cell-offset-6 {
  margin-left: 50%
}

.dtm-grid-cell-offset-7 {
  margin-left: 58.333333%
}

.dtm-grid-cell-offset-8 {
  margin-left: 66.666667%
}

.dtm-grid-cell-offset-9 {
  margin-left: 75%
}

.dtm-grid-cell-offset-10 {
  margin-left: 83.333333%
}

.dtm-grid-cell-offset-11 {
  margin-left: 91.666667%
}

@media screen and (max-width:774px) {
  .dtm-grid-row [class*='dtm-grid-cell'] {
    float: none;
    width: 100%
  }

  .dtm-grid-row [class*="dtm-grid-cell-offset"] {
    margin-left: 0
  }
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a,
address,
article,
aside,
b,
button,
blockquote,
body,
caption,
code,
dd,
div,
dl {
  border: none;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0
}

dt {
  border: none;
  margin: 0;
  outline: none;
  padding: 0
}

em,
fieldset,
footer,
form {
  border: none;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0
}

h1,
h2,
h3,
h4 {
  border: none;
  outline: none;
  padding: 0
}

h5,
h6 {
  border: none;
  margin: 0;
  outline: none;
  padding: 0
}

header,
hr,
html,
i,
iframe,
img,
ins,
input,
textarea,
label,
legend,
li,
nav,
ol,
p,
pre,
section,
select,
small,
span {
  border: none;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0
}

strong {
  border: none;
  margin: 0;
  outline: none;
  padding: 0
}

sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul {
  border: none;
  font-weight: normal;
  margin: 0;
  outline: none;
  padding: 0
}

html {
  font-size: 1em;
  height: 100%;
  min-height: 100%
}

body {
  height: 100%;
  min-height: 100%;
  background-attachment: fixed;
  background-image: url(/assets/images/datamart-background.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  font-family: arial, sans-serif
}

input,
textarea,
button,
select {
  font-family: arial, sans-serif
}

a {
  text-decoration: none
}

small {
  font-size: .75em
}

h1,
h2,
h3,
h4 {
  line-height: 1.2;
  margin: 0 0 .6em
}

h1 {
  font-size: 5em
}

h2 {
  font-size: 3em
}

h3 {
  font-size: 2.777em
}

h4 {
  font-size: 1.333em
}

h5 {
  font-size: 1em
}

h6 {
  font-size: .8em
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal
}

h1 i {
  font-weight: bold;
  font-style: normal
}

p,
dl {
  margin-bottom: 1.3em
}

dt {
  font-size: 1.2em
}

strong,
dt {
  font-weight: bold
}

.thin-font {
  display: inline-block;
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased
}



blockquote {
  font-size: 1.15em;
  margin-bottom: 2em;
  opacity: .7;
  padding-bottom: 1em
}

.dtm-align-right {
  text-align: right
}

.dtm-align-center {
  text-align: center
}

.dtm-align-left {
  text-align: left
}

.dtm-content ol,
.dtm-content ul {
  font-weight: 300;
  padding: 0 0 .6em 1em
}

.dtm-content ol {
  margin-left: 1em
}

.dtm-content ol>li {
  padding-left: .35em
}

.dtm-content ol li {
  margin-bottom: 1em
}

.dtm-content ol li>ul {
  margin-top: 1em
}

.dtm-content ul {
  list-style: none
}

.home .dtm-content ul li:before,
.company .extra-content-list li:before {
  display: none
}

.dtm-content ul.inline {
  padding-left: 0
}

.dtm-content ul.inline li {
  display: inline-block;
  margin-right: .5em
}

.dtm-content ul li {
  margin-bottom: .5em;
  padding-left: 1.25em;
  position: relative
}

.dtm-content ul li:before {
  content: '.';
  display: block;
  font-size: 2.35em;
  left: 0;
  position: absolute;
  top: -.7em
}

.dtm-content ol ul {
  font-size: 1em;
  padding-bottom: 0
}

.button,
.contact-submit button {
  border: 1px solid transparent;
  border-radius: 1px;
  display: inline-block;
  font-size: 1.3em;
  margin: 1em 0;
  padding: .5em 1.7em;
  text-transform: uppercase;
  transition: background-color .15s ease-out
}

.button.small,
.contact-submit button {
  font-size: 92%
}

.button:hover,
.contact-submit button:hover {
  box-shadow: none;
  transition: background-color .15s ease-out
}

.dtm-header {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgkAAAABCAIAAADbzKrrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NjMwNDA2OTNDRDQxMUU0QjU1RThDNDQ1NDcyNEY2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NjMwNDA2QTNDRDQxMUU0QjU1RThDNDQ1NDcyNEY2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2MzA0MDY3M0NENDExRTRCNTVFOEM0NDU0NzI0RjYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg2MzA0MDY4M0NENDExRTRCNTVFOEM0NDU0NzI0RjYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gdt32QAAATpJREFUeNrMVDtOxTAQnN0kehLi0VJRwBVewx3gGpyGK1DTUXMGJBpKOgokOl6NFO+wdqLg5JEo4Se2SOyJs7+ZdXlx94rPTET8SXKAdNZ96vD8cIcM/ppvA7eixlBJER6ftqA65kj6jF83UdBj6dnVDaG+YQy7rK6mFdJP1/dGmTi/iyvEEPx9sH0g60JKPxoQ1JN0h5NZMYse+wecHx8BheMKq1EVfGPys4imXd7bTOc7iUVZ01i39emGkkj/A3KdAVSQABPdv1QitVDw78xZlqLh0GWT+rva7PWaz1yzP1PCCLkYm+upG8P4vDbvcJS9RNnVLr6p0B9j0iHNOk+qRQy3Lysk3SRFCn0krDdeMoPWfEbkOzKgZ5RIaBaK63svWgb3RhbCxqPr4UkZZ7Sl3RYN15ftXYABAOifj1KVTQ7lAAAAAElFTkSuQmCC);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  padding: .5em 2%;
  position: fixed;
  top: 0;
  transition: background-color .25s ease;
  width: 100%;
  z-index: 999
}

.hamburger {
  cursor: pointer;
  display: none;
  float: right;
  margin-top: 9px;
  padding: 10px 0;
  text-transform: none;
  transition: opacity, filter .15s linear;
  z-index: 100
}

.hamburger:hover {
  opacity: .7
}

.hamburger-box {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 40px
}

.hamburger-inner {
  border-radius: 4px;
  height: 2px;
  position: absolute;
  transition: transform .15s ease;
  width: 30px
}

.hamburger-inner::before {
  border-radius: 4px;
  height: 2px;
  position: absolute;
  width: 30px
}

.hamburger-inner::after {
  border-radius: 4px;
  height: 2px;
  position: absolute;
  width: 30px
}

.hamburger-inner {
  display: block;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.68, -.55, 0.265, 1.55)
}

.hamburger-inner::before {
  content: "";
  display: block
}

.hamburger-inner::after {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: 10px;
  transition: opacity .15s .4s ease
}

.hamburger-inner::after {
  bottom: -10px;
  top: 20px;
  transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger.active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: .1s
}

.hamburger.active .hamburger-inner::before {
  opacity: 0;
  transition-delay: 0s
}

.hamburger.active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: .1s
}

.dtm-logo {
  height: 43px;
  padding-left: 43px;
  transition: none
}

.dtm-logo span {
  font-size: 2.5em;
  letter-spacing: -1px;
  margin-top: -0.15em;
  padding-left: 4px;
  position: relative;
  z-index: 999
}

span.thin-font::after {
  content:"A Corex Solutions Company";
  display:block;
  font-size:.36em;
  margin-top:-.75em;
  opacity:.75
}

.dtm-logo svg {
  left: 0;
  margin-top: .3em;
  position: absolute;
  top: .05em;
  vertical-align: middle
}

.dtm-logo a:hover svg {
  animation: dtm-loading-scale 2s ease alternate infinite
}

.dtm-logo:hover .s-triangle {
  animation: dtm-loading-triangle 2s linear alternate-reverse infinite
}

.dtm-logo:hover .s-8hour,
.dtm-logo:hover .s-5hour,
.dtm-logo:hover .s-12hour {
  animation: dtm-loading-mix 2s linear alternate infinite
}

@keyframes dtm-loading-scale {
  0% {
    transform: scale(1.0)
  }

  25% {
    transform: scale(1.01)
  }

  50% {
    transform: scale(1.03)
  }

  75% {
    transform: scale(1.01)
  }

  to {
    transform: scale(1.0)
  }
}

@keyframes dtm-loading-triangle {
  0% {
    opacity: 1;
    transform: scale(1.0)
  }

  25% {
    opacity: .5
  }

  50% {
    opacity: .3;
    transform: scale(0.95)
  }

  75% {
    opacity: .5
  }

  to {
    opacity: 1;
    transform: scale(1.0)
  }
}

@keyframes dtm-loading-mix {
  0% {
    opacity: .3
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .3
  }
}

.dtm-content {
  min-height: 65%
}

.dtm-grid-cell-10>.dtm-post-content {
  display: table;
  width: 100%
}

.dtm-content>.dtm-grid-row,
.dtm-post-content>.dtm-grid-row {
  padding: 2.5em 2%;
  position: relative
}

.home .dtm-content>.dtm-grid-row {
  padding: 0
}

.dtm-content-main,
.sidebar {
  margin-top: 1.15em
}

.slides-radio-navigation {
  position: fixed;
  right: 1.5em;
  top: 50%;
  z-index: 998
}

input[type='radio'],
.slides-radio-navigation label {
  display: block;
  height: 1em;
  min-height: 16px;
  min-width: 16px;
  width: 1em
}

input[type='radio'] {
  border-radius: 50%;
  cursor: pointer
}

.slides-radio-navigation label {
  margin-bottom: .5em
}

.slide {
  display: table;
  height: 100%;
  min-height: 100%;
  text-align: center;
  width: 100%
}

.slide .slide-content {
  display: table;
  height: 60%;
  margin: 0 auto;
  padding: 20% 0;
  width: 80%
}

.slide-content>h2 {
  font-size: 3em
}

.slide-content>.slide-text {
  font-size: 1.6em;
  line-height: 1.5em;
  padding: 0 1.5em 1em
}

.slide-services .slide-content,
.slide-partners .slide-content {
  padding: 11% 0
}

.slide-services .slide-content>.slide-text,
.slide-partners .slide-content>.slide-text {
  font-size: 1.2em
}

.home .dtm-post-thumbnail a {
  overflow: hidden
}

.home .dtm-post-thumbnail img {
  width: 100%
}

.slide-partners ul {
  list-style: none;
  padding: 2em 0
}

.slide-partners li {
  display: inline-block;
  margin: .5em 1em;
  padding-left: 0;
  vertical-align: middle
}

.slide-partners li img {
  height: auto;
  width: 100%
}

.pagination {
  display: block;
  float: left;
  text-align: center;
  width: 100%
}

.page-numbers {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  margin: 1em .15em;
  padding: .25em 0;
  text-align: center;
  width: 30px
}

.page-numbers.prev,
.page-numbers.next {
  width: auto
}

.pagination-single {
  margin-bottom: 2em
}

a[rel="prev"] {
  float: left
}

a[rel="next"] {
  float: right
}

.dtm-intro {
  padding: 6em 2% 0
}

.dtm-intro h1,
.dtm-intro h2 {
  font-weight: normal
}

.dtm-intro h1 {
  font-size: 2.5em
}

.dtm-intro h2 {
  font-size: 1.3em;
  padding: 1em
}

.dtm-main-navigation {
  text-align: right
}

.dtm-main-navigation ul {
  padding-top: 1.25em
}

.dtm-main-navigation li {
  display: inline-block;
  margin: 0 .45em;
  opacity: 1;
  position: relative
}

.dtm-main-navigation a {
  text-transform: uppercase
}

.dtm-social-navigation {
  display: inline-block;
  margin-right: 2em
}

.dtm-social-navigation li {
  display: inline-block;
  margin-right: .75em;
  padding-left: 0 !important;
  vertical-align: middle
}

.dtm-social-navigation li:last-child {
  margin-right: 0
}

.sidebar .post-meta {
  padding-left: 0
}

.dtm-subtitles {
  display: block;
  font-size: 1.15em;
  margin: 1.5em 0 1em .15em;
  padding: .1em 0 .1em .4em
}

.post-meta-key {
  display: block;
  font-size: 1.15em;
  margin: 1.5em 0 1em .15em;
  padding: .1em 0 .1em .4em;
  margin-left: -.75em;
  margin-top: 0
}

.page-parent .dtm-subtitles:first-child,
.single .dtm-subtitles:first-child {
  margin-top: .9em
}

.single .dtm-post-card .dtm-post-thumbnail {
  padding-bottom: 55%
}

.sidebar .dtm-post-card .dtm-post-thumbnail {
  padding-bottom: 40%
}

.page-template-page-wide .dtm-post-card .dtm-post-content,
.sidebar .dtm-post-card .dtm-post-content,
.sidebar .dtm-post-card .dtm-post-content h2,
.single .dtm-post-card .dtm-post-content {
  vertical-align: middle;
  width: 100%
}

.sidebar .dtm-post-card .dtm-post-content {
  height: 70px;
  padding: 0 .75em
}

.dtm-post-card .dtm-post-content h2 {
  font-size: 1.4em;
  margin-top: 1em
}

.sidebar .dtm-post-card .dtm-post-content h2 {
  font-size: 1.1em;
  margin-top: .85em
}

.sidebar .dtm-post-card-text,
.sidebar .dtm-post-card .dtm-post-content:after,
.single .dtm-post-card .dtm-post-content:after,
.dtm-content-main .dtm-post-card .dtm-post-content:after,
body .dtm-post-list+div {
  display: none
}

.dtm-content .dtm-content-main h3 {
  font-size: 1.777em
}

.dtm-post-card .dtm-grid-cell-body {
  border: 1px solid transparent;
  border-radius: 1px;
  float: none;
  margin: 1em;
  overflow: hidden;
  transition: box-shadow .3s ease-out, border .25s ease-out
}

.dtm-post-card .dtm-grid-cell-body:hover {
  border-color: #d61700;
  box-shadow: none;
}

.dtm-post-card a {
  font-weight: normal;
}

.dtm-post-single.dtm-post-thumbnail + .dtm-post-content {
  padding: 2em;
}

.dtm-content-main .dtm-post-thumbnail span,
.dtm-post-single.dtm-post-thumbnail span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.dtm-content-main .dtm-post-thumbnail span,
.dtm-post-single.dtm-post-thumbnail span {
  display: block;
  padding-bottom: 35%;
  width: 100%
}

.dtm-post-card .dtm-post-thumbnail {
  padding-bottom: 35%;
  position: relative
}

.dtm-post-card .dtm-post-thumbnail a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dtm-post-card .dtm-post-content {
  height: 200px;
  overflow: hidden;
  padding: 0 1.5em .5em;
  position: relative
}

.home .dtm-post-card .dtm-post-content {
  height: 180px
}

.dtm-post-card .dtm-post-content:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  bottom: 0;
  content: '';
  left: 0;
  height: 5em;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.dtm-post-card .dtm-post-content p:last-child {
  margin-bottom: 0
}

.sidebar .dtm-post-card {
  float: none;
  margin-bottom: 1.5em;
  width: 100%
}

.dtm-post-content h3,
.dtm-post-content h4 {
  margin-top: 1em;
}

.page .dtm-content img {
  height: auto;
  max-width: 100%
}

.dtm-post-card .dtm-blog-author {
  padding-left: 1.25em;
  padding-top: .5em;
}

.dtm-blog-author {
  margin-bottom: 1em;
  min-height: 70px
}

.dtm-blog-author .avatar {
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.dtm-blog-author .entry-date {
  display: block
}

.dtm-blog-author .dtm-author-data {
  font-size: .95em;
  line-height: 1.2;
  padding-top: .25em;
}

.dtm-blog-author .dtm-author-data:before {
  content: 'Posted by'
}

.sidebar {
  padding: 0 0 0 2em;
}

.sidebar .post-meta li {
  font-size: .9em;
  margin-bottom: 2em;
  padding-left: .75em;
}

.sidebar .post-meta li:before {
  display: none;
}

.sidebar .dtm-subtitles:first-child {
  margin-top: 0
}

.sidebar p,
.sidebar dl {
  font-size: .9em;
  padding-left: 1em
}

.sidebar .post-meta dl {
  padding-left: 0
}

.dtm-content-main .dtm-post-content,
.single .dtm-post-content {
  padding: 2em
}

.dtm-content-main .dtm-post-thumbnail img {
  height: auto;
  max-height: 250px;
  max-width: 100%
}

.single .sidebar p,
.single .sidebar dl {
  padding-left: 1.75em
}

.single .sidebar .dtm-subtitles {
  margin-left: .75em
}

.dtm-form-item {
  margin-bottom: 1em
}

.contact-form .grunion-field-wrap label {
  font-weight: normal
}

.contact-form .grunion-field-wrap label span {
  display: none
}

.contact-submit button {
  background-color: #b30000;
  color: #fff
}

input[type='text'],
input[type='email'],
textarea,
.contact-form .grunion-field-wrap input[type=email],
.contact-form .grunion-field-wrap input[type=text],
.contact-form .grunion-field-wrap input[type=tel] {
  border-radius: 2px;
  font-size: 1em;
  padding: .5em;
  width: 100%
}

select {
  border-radius: 2px;
  font-size: 1em;
  padding: .5em;
  width: 100%;
  background-image: url('data:image/svg+xml;utf8,\00003csvg version=\0000221.1\000022
 xmlns=\000022http: //www.w3.org/2000/svg\000022 width=\00002216px\000022 height=\00002216px\000022 x=\0000220px\000022 y=\0000220px\000022 viewBox=\0000220 0 16 16\000022\00003e\00003cpolyline fill=\000022rgba(200,200,200,1)\000022 points=\00002215.9,5.4 8,13.4 0.1,5.4\000022/\00003e\00003c/svg\00003e');
      background-position:99% center; 
      background-repeat:no-repeat;
  }

  input[type='radio'], select {
    -webkit-appearance:none; 
    -moz-appearance:none;
    appearance: none;
  }

  textarea {
    resize:vertical
  }

  label {
    display:inline-block; padding-bottom:.2em
  }

  .dtm-footer {
    font-size:.9em; padding:3em 0 1em
  }

  .dtm-footer .dtm-main-navigation {
    margin-bottom:1em; text-align:left
  }

  .dtm-footer .dtm-main-navigation li:first-child {
    margin-left:0
  }

  .dtm-footer a {
    display:inline-block
  }

  .dtm-footer a svg {
    position:relative; top:.15em
  }

  .dtm-footer a svg+span {
    margin-right:1em; position:relative; top:-.35em
  }

  .message {
    border-radius:1px; margin:.5em 1em; padding:1em
  }

  .tagcloud {
    margin-bottom:2em;
    padding-left:1.5em;
    padding-right:1em
  }

  @media screen and (min-width:1445px) {
    .dtm-content {
      font-size:116%
    }

    body .button {
      font-size:110%
    }
  }

  @media screen and (max-width:774px) {
    body {
      background-attachment:local; background-position:initial; background-repeat:repeat; background-size:auto
    }

    .slides-radio-navigation, .dtm-main-navigation, body .dtm-footer p, .call-and-mail {
      display:none
    }

    body .dtm-main-navigation a:hover {
      color:#333
    }

    .home .slide .slide-content {
      margin-top:10%; width:96%
    }

    .home .dtm-footer {
      margin-top:-10%
    }

    .home .slide-content>p {
      font-size:1.2em; padding:0 2em
    }

    .home .slide-partners ul {
      padding-top:0
    }

    .home .slide-partners li {
      padding-left:0
    }

    .home .slide-partners li img {
      width:75%
    }

    h1, h2, h3, h4 {
      margin-bottom:.5em
    }

    h1 {
      font-size:2.4em
    }

    h2, .home .slide-content>h2 {
      font-size:2em; padding:0
    }

    .dtm-header.dtm-grid-row {
      padding:.8em 4.3333333%
    }

    .home .dtm-social-navigation {
      padding-top:2em
    }

    .dtm-main-navigation {
      bottom:0; left:0; padding-top:7em; position:fixed; right:0; top:0; z-index:-1
    }

    body .dtm-main-navigation li {
      font-size:1.4em; padding:.5em
    }

    body .dtm-content>.dtm-grid-row {
      padding:.5em 2%
    }

    body .dtm-content-main .dtm-post-content, body .dtm-post-single.dtm-post-thumbnail+.dtm-post-content {
      padding:1.25em
    }

    .dtm-post-card .dtm-grid-cell-body {
      margin:1em 0
    }

    body .dtm-intro h1 {
      font-size:2em; padding-right:0; width:100%
    }

    body .dtm-intro {
      padding:6em 1em 1em
    }

    .sidebar {
      padding-left:0
    }

    body .dtm-subtitles {
      margin-left:.1em
    }

    body .dtm-intro, body .dtm-intro h1, body .dtm-intro h2, body.home .dtm-footer ul, .dtm-header .hamburger, .dtm-main-navigation.active, body .dtm-footer .dtm-social-navigation, body .dtm-footer span, body .dtm-main-navigation li {
      display:block
    }

    body .dtm-footer .dtm-social-navigation, body .dtm-copyright {
      margin-right:0; padding-bottom:.5em; text-align:center
    }

    body .dtm-footer {
      padding:1em 0
    }

    body.home .dtm-footer {
      padding-top:0; position:relative
    }

    body .dtm-main-navigation ul, body .dtm-footer span {
      text-align:center
    }
  }

  @media screen and (max-width:340px) {
    body .button {
      font-size:92%
    }
  }

  @media screen and (max-width:1080px) {
    body .sidebar .dtm-post-card .dtm-post-content h2 {
      font-size:.9em
    }
  }

  .tagcloud a {
    vertical-align:middle
  }

  #wpstats {
    position:absolute; visibility:hidden
  }
  

  .dtm-art-cite {
    background-color: #f7f7f7;
    border-left: .25rem solid #1976d2;
    margin: 0 0 1rem;
    padding: 1rem;
  }

  .dtm-art-cta {
    background-color: #d61700;
    border-radius: .5rem;
    color: #fff;
    padding: .5rem 2rem;
  }

  .dtm-art-cta:hover {
    color: #fff;
  }

  .dtm-art-main ol {
    counter-reset: n;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .dtm-art-main ol li {
    color: #666;
    counter-increment: n;
  }

  .dtm-art-main ol li::before {
    color: #d61700;
    content: counter(n) ".";
    font-size: 1.5rem;
    margin: 0 .5rem 0 0;
  }

  .dtm-art-related {
    background-color: #fff;
    box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .1);
    height: 14rem;
    margin: 1rem 0 2rem -.6875rem;
    overflow: hidden;
  }

  .dtm-art-related-image {
    background-position: center;
    background-size: cover;
    height: 6rem;
  }

  .dtm-art-related-title {
    color: #000;
    padding: 1rem 1rem .5rem;
    text-align: center;
  }

  .dtm-art-related-desc {
    color: #666;
    padding: 0 1rem;
  }