/*
Theme Name: DKC/O&M
Description: DKC/O&M WP theme.
Author: Mastilo.co
Author URI: http://www.mastilo.co/
Version: 1.0
*/

@charset "utf-8"; 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*
font-family: 'Open Sans', sans-serif;
*/

@font-face {
    font-family: 'din_alternatebold';
    src: url('fonts/din_alternate_bold-webfont.woff2') format('woff2'),
         url('fonts/din_alternate_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_mittelschrif';
    src: url('fonts/din_mittelschrift-webfont.woff2') format('woff2'),
         url('fonts/din_mittelschrift-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 16px */
body, html {height:100%;}
body {font:1em 'Open Sans', sans-serif; color:#000; background:#fff; -webkit-text-size-adjust:none; font-weight:300;}
a {color:#000; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {text-decoration:underline}
input, select, textarea, button {font:1em 'Open Sans', sans-serif; color:#000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; -webkit-appearance:none;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong {font-weight:700;}
b {font-weight:600;}
em, i {font-style:italic;}
p {line-height:150%;}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-top0 {padding-top:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.relative {position:relative;}
.overflow-hidden {overflow:hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;	
}
button::-moz-focus-inner {padding:0; border:0}

/* WP Styles */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
}
img.alignleft {
	margin: 0 2em 2em 0;
}
img.alignright {
	margin: 0 0 2em 2em;
}
.wp-caption {
	max-width:100%;
	text-align: center;
}
.wp-caption img {
}
.wp-caption .wp-caption-text {
	font-size:0.875em; padding:5px 20px 0 20px; text-align:center;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}
img#wpstats{display:none}
/* WP Styles */

span.edit-link a {position:fixed; bottom:0; right:0; z-index:99999; background:#ED2929; color:#fff !important; font-size:1em; padding:10px;}

::-moz-selection {background:#000; color:#fff;}
::selection {background:#000; color:#fff;}

*::-webkit-input-placeholder { color:rgba(0,0,0,.5); }
*::-moz-placeholder { color:rgba(0,0,0,.5); opacity:1; }
*:-ms-input-placeholder { color:rgba(0,0,0,.5); }
*:-moz-placeholder { color:rgba(0,0,0,.5); }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent !important; }

.wrapper {width:100%; margin:0 auto; padding:0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign-box {display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.body-content {float:left; width:100%;}
.padding-content {padding:20px 0;}
.padding-content-more {padding:50px 0;}
.padding-content-r {padding-right:20px;}
.padding-content-l {padding-left:20px;}
.half-content {float:left; width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.in-middle {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:60%;}

.heading {margin:0 0 50px 0;}
.heading:last-child, .heading :last-child {margin:0;}
.title-large {font:6.250em din_alternatebold;}
.title-medium {font-size:1.563em; margin:0 0 30px 0;}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;	
}
.flexbox.flexbox-center {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}
.flexbox.flexbox-bottom {
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;	
}
.flexbox.flexbox-around {
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

.button-normal {display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center; text-transform:uppercase; font-size:0.875em; padding:0 20px; height:46px; line-height:44px; border:solid 2px #000 !important; background:none; min-width:130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button-normal:hover {text-decoration:none; background:#000; color:#FCEE21;}
.button-normal + .button-normal {margin:0 0 0 10px;}

.entry-content p {margin:0 0 25px 0; font-size:1.042em;}
.entry-content p:last-child {margin:0;}
.entry-content p span {line-height:120%;}

.entry-content center {line-height:150%}
.entry-content blockquote {margin:0 0 25px 0;}
.entry-content blockquote div {line-height:150%;}
.entry-content hr {padding:0; margin:0 0 25px 0; border:0; height:1px; background:#ececec}
.clear_column + hr {margin-top:25px;}
.entry-content ul, .entry-content ol {margin:0 0 25px 0;}
.entry-content li {margin:0 0 10px 0; line-height:150%; position:relative; padding:0 0 0 17px;}
.entry-content li:before {content:" "; display:block; width:6px; height:6px; background:#000; position:absolute; left:0; top:9px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.entry-content iframe {max-width:100%; margin:0 0 25px 0;}
.entry-content img + img {margin:0 0 0 20px;}

.entry-content h1 {font-size:2.063em; line-height:120%; margin:0 0 25px 0;}

.bg-yellow {background:#FCEE21;}
.color-yellow {color:#FCEE21;}

.bg-light {background:#EAEAE6;}
.bg-white {background:#fff;}
.bg-black {background:#000;}

.sidebar {float:left; width:24%; padding:0 30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-content {float:right; width:76%;}
.main-content-inner {float:left; width:calc(100% - 200px);}

#header {position:fixed; left:0; top:0; z-index:10000;}
#header + .body-content {margin:48px 0 0 0;}

.main-menu {width:calc(100% - 160px); margin:0 0 0 -30px;}
.main-menu li, .main-menu a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.main-menu a {height:48px; font:1.25em/48px din_mittelschrif; text-transform:uppercase; padding:0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-menu a:hover, .main-menu .current-menu-item a {background:#000; text-decoration:none; color:#FCEE21;}
.main-menu .sub-menu {display:none}

.socials li, .socials a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.socials li {height:48px; line-height:46px; margin:0 0 0 20px;}
.socials li:first-child {margin:0;}
.socials a {background:url(images/icon-socials.png) no-repeat -9999px; text-indent:-9999px;}
.socials .tw a {width:17px; height:14px; background-position:0 0;}
.socials .fb a {width:15px; height:15px; background-position:-38px 0;}
.socials .insta a {width:14px; height:14px; background-position:-78px 0;}
.socials .dkc a {width:33px; height:33px; background-position:-113px 0;}
.socials a:hover {opacity:0.6;}

#main-menu-toggle {display:none; float:right; width:50px; height:66px; line-height:64px; text-align:center; cursor:pointer; position:relative; z-index:100;}
#main-menu-toggle strong {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:50px; height:27px; position:relative; text-indent:-9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu-toggle strong:before {content:" "; display:block; width:100%; height:4px; background:#000; position:absolute; left:0; top:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong:after {content:" "; display:block; width:100%; height:4px; background:#000; position:absolute; left:0; bottom:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong span {display:block; width:100%; height:4px; position:absolute; left:0; top:50%; margin:-2px 0 0 0; background:#000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle:hover strong:before {top:-3px;}
#main-menu-toggle:hover strong:after {bottom:-3px;}
#main-menu-toggle.opened strong:before {top:11.5px; background:#000 !important;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
#main-menu-toggle.opened strong:after {bottom:11.5px; background:#000 !important;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
}
#main-menu-toggle.opened strong span {opacity:0;}

.site-logo a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:218px; height:53px; background:url(images/logo.png) no-repeat 0 0; background-size:218px 53px; text-indent:-9999px;}
.moto {font:2.25em/53px din_mittelschrif;}

#header .sidebar {display:none;}
#header .site-logo {height:48px; line-height:43px;}
#header .site-logo a {width:150px; height:37px; background-size:150px 37px;}

#welcome-video {background:url(video/video2.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
#welcome-video:before {content:" "; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; opacity:0.5;}
#welcome-video video {width: 110%; max-width:110%; height: auto; min-width: 720px; margin: 0 auto; vertical-align:middle;}
#welcome-video img {display:none}
.touch #welcome-video video {display:none}
.touch #welcome-video img {display:inline-block;}
#welcome-video .overlay {position:absolute; left:0; top:50px; width:100%;}

.person-list {font-size:0;}
.person {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:50%; padding:0 50px 50px 0; font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.person .image {float:left; width:114px;}
.person .image + .align {margin:0 0 0 138px;}
.person .name {font:1.313em/110% din_alternatebold; letter-spacing:1px; margin:0 0 20px 0;}
.person li {line-height:120%; font-size:0.938em;}
.person li + li {margin:3px 0 0 0;}

.clients-group {margin:0 0 50px 0;}
.clients-group:last-child {margin:0 !important;}
.clients-group-title {font:1.313em/110% din_alternatebold; letter-spacing:1px; margin:0 0 20px 0; text-transform:uppercase;}
.clients-group-list li {line-height:120%; font-size:0.938em;}
.clients-group-list li + li {margin:5px 0 0 0;}
.clients-group-list .selected a {display:inline-block; *display:inline; zoom:1; background:#000; color:#FCEE21; padding:4px; line-height:110%;}
.sidebar .clients-group {margin:0 0 25px 0;}
.sidebar .clients-group-title {margin:0 0 5px 0;}

.prev-next li {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:30px 0 0 0; font-weight:normal; font-size:0.938em;}
.prev-next li + li {margin-left:20px;}

#categories-featured {font-size:0;}
#categories-featured .category {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%; font-size:16px; padding-bottom: 32px;}
#categories-featured .title {font:1.375em din_mittelschrif; margin:0 0 12px 0;}
#categories-featured .image-wrapper {position:relative; width:280px; height:340px;}
#categories-featured .post-title + .post-title {margin:20px 0 0 0;}
#categories-featured .image {display:block; width:280px; height:340px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
#categories-featured .image.highlight {z-index:100; -webkit-animation:widthAnimate 1s 1; animation:widthAnimate 1s 1;}
@-webkit-keyframes widthAnimate {
  0%       { width:0; }
  100%     { width:100%; }
}
@keyframes widthAnimate {
  0%       { width:0; }
  100%     { width:100%; }
}
#categories-featured .image .overlay {position:absolute; left:0; top:100%; width:100%; height:100%; line-height:340px; text-align:center; font-size:20px; background:rgba(252, 238, 33, 0.8); pointer-events:none; padding:0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#categories-featured .image:hover .overlay {top:0;}
#categories-featured .image .valign {line-height:120%;}

.category-list {margin:0 0 30px 0;}
#categories-sidebar .title {font:1.75em din_mittelschrif;}
#categories-sidebar ul {display:none;}
#categories-sidebar .selected ul.to-show {display:block;}
/*#categories-sidebar .selected ul {display:block;}*/
#categories-sidebar li {margin:10px 0 0 0;}
#categories-sidebar li a {display:inline-block; *display:inline; zoom:1; line-height:120%; font-size:0.938em;}
#categories-sidebar li.selected a {background:#000; color:#FCEE21; padding:4px; line-height:110%;}

.category-title {font:1.75em din_mittelschrif;}
.category-title.margin {margin:0 0 30px 0;}
.blog-post {margin:20px 0 0 0;}

#single-post {margin:0 -40px 0 0; width:calc(100% + 40px);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.post-content {float:left; width:65%; padding:0 50px 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.post-sidebar {float:right; width:35%; margin:-113px 0 0 0; padding:113px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-heading {margin:0 0 30px 0;}
.post-main-title {font-size:1.563em;}
.post-meta {font-size:1.063em; text-transform:uppercase;}
.post-image-caption {font-weight:normal; color:#717171; font-size:0.938em;}
.post-featured-image + .post-image-caption {margin:10px 0 0 0;}
.post-right-column-text {font-size:0.938em;}

.post-share {font-size:0;}
.entry-content + .post-share {margin:30px 0 0 0;}
.post-share li {display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-transform:uppercase; margin:0 30px 30px 0;}
.post-share li:last-child {margin-right:0;}
.post-share .title {font-size:17px;}
.post-share a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/icon-socials.png) no-repeat -9999px; text-indent:-9999px;}
.post-share .tw {width:17px; height:14px; background-position:0 0;}
.post-share .fb {width:15px; height:15px; background-position:-38px 0;}
.post-share .in {width:15px; height:15px; background-position:-17px -18px;}
.post-share .email {width:20px; height:15px; background-position:-61px -18px;}
.post-share a:hover {opacity:0.5;}

.photo-of-the-week-border {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:url(images/photooftheweek-bg.png) no-repeat 0 0; width:442px; height:540px; margin:0 0 30px 0; padding:32px 0 0 0; text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.post-sidebar .photo-of-the-week-border {width:200px; height:244px; background-size:200px 244px; padding:13px 10px 0 10px;}

.on-the-wall-with-border {display: inline-block; zoom:1; vertical-align: middle; width: 442px; height: auto; margin: 0 0 30px 0; padding: 12px 0 0 0; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.post-sidebar .on-the-wall-with-border {width: 200px; height: auto; padding: 10px 10px 10px 10px;}

#client-press-info {margin:30px 0 0 0;}
#loginform {display:none; margin:30px 0 0 0; width:200px; font-size:0.875em;}
#loginform p {margin:0 0 14px 0;}
#loginform p:last-child {margin:0;}
#loginform label {display:none;}
#loginform .login-remember label {display:block;}
#loginform .login-remember {text-transform:uppercase; font-size:0.875em;}
#loginform .login-remember input {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:-2px 5px 0 0; -webkit-appearance:checkbox;}
#loginform .input {width:100%; height:36px; padding:0 8px; border:solid 1px rgba(0,0,0,.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#loginform .input:hover {border-color:rgba(0,0,0,.4);}
#loginform .input:focus {border-color:rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
#loginform .button-primary {background:none; text-transform:uppercase; font-weight:bold; border:solid 1px #000; padding:3px 8px;}
#loginform .button-primary:hover {background:#000; color:#FCEE21;}

#client-press-wrapper {display:none; padding:20px; float:left; width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.client-url {margin:0 0 20px 0; font-size:1.125em;}
.album-wrapper {float:left; width:100%;}
.album-wrapper + .album-wrapper {margin:50px 0 0 0;}
.album-sidebar {float:left; width:200px;}
.album-sidebar + .album-content {margin:0 0 0 220px;}
.album-title {border-bottom:solid 1px #000; padding:0 0 10px 0; margin:0 0 20px 0;}
.album-files li {word-wrap:break-word;}
.album-files li + li {margin:20px 0 0 0;}
.album-files .ext {opacity:0.7; font-size:0.75em;}
.album-files .fa {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.album-files a {line-height:130%;}
.album-photos li {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:170px; margin:0 20px 20px 0;}
.album-photos .thumb {display:block; padding:4px; border:solid 1px rgba(0,0,0,.2);}
.album-photos .thumb:hover {border-color:rgba(0,0,0,.6);}
.album-photos .thumb span {display:block; width:160px; height:120px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.album-photos .thumb .download {position:absolute; left:0; bottom:-20px; width:100%; height:20px; line-height:20px; text-align:center; background:rgba(252, 238, 33, .9); font-size:0.75em; text-transform:uppercase;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.album-photos .thumb:hover .download {bottom:0;}
.album-photos .desc {font-size:0.75em; padding:10px 10px 0 10px; line-height:130%;}
.album-wrapper .t {margin:0 0 12px 0; font-size:0.875em;}

.thumb-mobile {display:none}