/*
Theme Name: Design by Colani
Theme URI: http://www.colanimedia.nl/opvullen
Author: Ketchup Themes
Author URI: http://colanimedia.nl/alex-itsios/
Description: Design by Colani is a fully responsive WordPress Theme, mainly designed for professional or amateur photographers, designers, creative agencies and video bloggers.
Version: 1.4.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Design by Colani, Copyright 2014 colanimedia.nl. 
Design by Colani is distributed under the terms of the GNU GPL.
Tags: white, blue, gray, dark, light, black, four-columns, editor-style, left-sidebar, responsive-layout, custom-menu, featured-image-header, featured-images, sticky-post, theme-options, translation-ready, threaded-comments, flexible-header
Text Domain: photographer
*/
/***
*
GENERAL
*
***/
body {
	word-wrap: break-word;
	letter-spacing: 1px;
}
img {
	max-width: 100%;
	height: auto;
}
a , a:hover{
	text-decoration: none;
}
ul {
	list-style-position:outside;
	list-style-type:disc;
}
ol {
	list-style-position:outside;
	list-style-type:decimal;
}
blockquote {
	font-style:italic;
	padding: 10px 20px 10px 50px;
	margin: 0 0 20px;
	border-left: none;

}
blockquote:before {
	content: "\f10d ";
	font-family: FontAwesome;
	font-size: 2em;
	text-indent:-1.2em;
	margin-top:.6em;
	float:left;
	opacity:.3;
	font-style: normal;
}
cite {
	display:block;
	text-transform:uppercase;
	margin-top:1.5em;
	margin-left:1em;
	font-weight:900;
	font-style:normal;
}
blockquote cite:before {
	content:"\f068 ";
	font-family: FontAwesome;
	margin-left:-3.4em;
	margin-right:.9em;
	opacity:.3;
}
cite:before {
	content:"\f068 ";
	font-family: FontAwesome;
	text-indent:-1.5em;
	margin-right:.9em;
	opacity:.3;
}
dt {
	font-style:italic;
	font-weight:700;
	border-bottom:1px solid #999;
	background:#dddddd;
}
dd {
	font-style:italic;
}
abbr {
	text-transform:uppercase;
}
sub {
	vertical-align:sub;
	margin-right:.2em;
	text-transform:lowercase;
	font-variant:small-caps;
}
sup {
	vertical-align:super;
	margin-right:.2em;
	text-transform:lowercase;
	font-variant:small-caps;
}
p span.pullquote{
	text-indent:0;
}
/***
*
DEFAULT WORDPRESS CLASSES
*
***/
.wp-post-image {
    height: auto;
    max-width: 100%;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;

}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 96%; 
    text-align: center;
    font-size:.8em;
    font-style:italic;
    margin:.6em 0 -.2em;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}
#kt-article p.wp-caption-text {
    line-height: 17px;
    padding: 5px 4px 2px;
    text-align: center;
    font-size:.8em;
    font-style:italic;
    margin:.6em 0 -.2em;
    display:none;
}
.wp-caption-text.gallery-caption{
    display:none;
}
.sticky, .gallery-caption{}
.gallery {
    margin: auto;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    text-align: center;
    width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
margin-left: 0;
}
/***
*
HEADER
*
***/
.header-image{
    padding-left:0;
}
#kt-socials{
    list-style: none;
    padding:0;
    float:right;
}
#kt-socials li{
    float:left;
}
#kt-socials li a {
    padding:0 8px 0 8px !important;
    margin-top:10px;
    line-height:50px;
	border-right: none;
   
}
#kt-socials li a i{
    color:#ffffff;
    font-size:20px !important;
}
#kt-socials li a i:hover{
    color:#1a8fc5;
    transition: 0.5s ease;
}
#kt-socials li a:hover {
    color:#5D7F36;
	background: #15151f;
}
#kt-top-nav {
    height:65px;
	background-color: #15151f;
}
#kt-top-nav ul, #kt-top-nav li {
	margin: 0;
}
#kt-top-nav a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	z-index: 9999999;
	line-height: 65px;
	border-right: 1px dotted #43434d;
	font-size: 0.8em;
	transition: 0.5s ease;
}
#kt-top-nav a:hover {
	background: #1a8fc5;
}
#kt-top-nav li.dropdown ul li  a{
    color:#4b4b4b; 
}
#kt-top-nav li.dropdown ul li a:hover{
	color:#fff;
	background: #4b4b4b;
}
.slicknav_menu{
    display:none;
}
.slicknav_menu{
    background:#14141E;
}
.slicknav_btn{
    background:#14141E;
    float:left;
}
.slicknav_menu li a:hover,
.slicknav_nav a:hover,
.slicknav_item:hover{
    background:#1888BD !important;
    color:#fff;
}

/**First Level**/
#kt-top-nav ul{
    padding:0;
    list-style:none;
}
#kt-top-nav ul li{
    float:left;
    position:relative;
}
#kt-top-nav ul li:hover > .sub-menu{
    display:inline-block;
    position:absolute;
    top:auto;
    left:auto;
    z-index:10000;
}
#kt-top-nav .sub-menu li:hover > .sub-menu{
    display:inline-block;
    position:absolute;
    top:0px;
    left:160px;
    z-index:10000;
}
#kt-top-nav ul li a{
    display:block;
    padding:0 15px;
}
/**Second Level**/
#kt-top-nav ul.sub-menu{
    display:none;
}
#kt-top-nav .sub-menu {
    background:#212121;
    border-bottom:2px solid #4b4b4b;
}
#kt-top-nav .sub-menu li{
    position:relative;
    width:160px;
    float:none;
    margin-right:0px !important;
    border-bottom:1px solid rgba(5, 79, 2,0.2);
}
#kt-top-nav .sub-menu li a{
    line-height: 36px;
}
/**Third Level**/
#kt-top-nav .sub-menu li > .sub-menu{
    background:#212121;
}
/***
*
MAIN
*
***/
#kt-main {
	margin-top: 20px;
}
.kt-article h1 {
	font-size: 1.25em;
	position: absolute;
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: center;
}
.kt-article h1 a {
	display: block;
	color: #fff;
	background: rgba(0,0,0,0.7);
}
.kt-article-img {
    height:220px;
    position:relative;   
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.kt-article-img h1 {
   position:absolute;
   bottom:0;
   width:100% !important;
   max-width:990px !important;
   line-height: 48px;
}
.kt-article-img h1 a{
    padding:5px;
}
.kt-article-text {
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	height: 263px;
}
.kt-article-text p {
	height: 100px;
}
.kt-article .kt-article-text p{
	position: relative;
	padding: 12px 25px 25px 25px;
	margin-top: 0;
	font-size: 1em;
}
h1.kt-article-title {
	min-height: 113px;
	display: table;
	position: relative;
	table-layout: fixed;
	border-bottom: 1px dotted #e8e8e8;
	width: 100%;
}
h1.kt-article-title a {
	background: #fff;
	color: #15151f;
	line-height: 25px;
	padding: 25px 25px 13px 25px;
	display: table-cell;
    vertical-align: middle;
	transition: 0.5s ease;
	word-wrap: break-word;
}
.kt-read-more {
	background: #e8e8e8;
	color: #444444;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding: 5px;
	font-size: 0.8em;
	letter-spacing: 2px;
	font-weight: bold;
	width: 130px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: 0.5s ease;
	text-align: center;
}
.kt-read-more:hover {
	background: #008ec9;
	color: #fff;
}
.kt-top-buffer {
	margin-top: 5px;
}
.avatar-25 {
	margin-right: 10px;
}
.kt-author {
	line-height: 25px;
	font-size: 0.8em;
	color: #3a3d43;
	font-weight: bold;
	letter-spacing: 1px;
	transition: 0.5s ease;
}
.kt-comment-count a {
	float: right;
	font-size: 0.8em;
	line-height: 25px;
	background: #008ec9;
	width: 35px;
	text-align: center;
	color: #fff;
}
.kt-comment-count a:hover {
	background: #007cb0;
}
#kt-article {
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	padding: 20px;
}
#kt-article-title {
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px dotted #e3e3e3;
	margin-bottom: 15px;
}
#kt-article h1, 
#kt-article h2, 
#kt-article h3, 
#kt-article h4, 
#kt-article h5, 
#kt-article h6 {
	text-decoration: none;
	color: #000;
}
#kt-article p, #kt-article hr {
	color: #444444;
}
#kt-article a {
	color: #008ec9;
	text-decoration: none;
	font-weight: bold;
	transition: 0.5s ease;
}
#kt-article a:hover {
	color: #007cb0;
	text-decoration: underline;
}
.kt-article p{
	font-size: 0.8em;
}
.kt-article p,
#kt-article p,
#kt-article ul,
#kt-article ol {
	text-align: justify;
}
.kt-article {
	margin-bottom: 20px;
}
dt.gallery-icon {
	border-bottom: none;
	background: none;
}
#kt-tags {
	margin-left: 10px;
}
#kt-categories {
	margin-top: 7px;
}
#kt-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#kt-categories li {
	float: left;
	margin-right: 10px;
}
#kt-categories-icon {
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
#kt-pagination {
	height: 25px;
	line-height: 25px;
	margin-bottom: 15px;
    text-align:center;
}
/****
*
COMMENTS
*
***/
.comments-area {
	margin: 48px auto;
	max-width: 100%;
	padding: 0 10px;
}
.comment-reply-title,
.comments-title {
	margin: 0;
	text-transform: uppercase;
}
.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}
.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}
.comment-list .reply,
.comment-metadata {
	font-size: 0.8em;
	line-height: 2;
	text-transform: uppercase;
}
.commentmetadata {
	font-size: 10px;
}
.comment-list .reply {
	margin: 10px 0 10px 0;
}
.comment-author .fn {
	font-weight: bold;
}
.comment-author a {
	color: #ef7147;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}
.comment-author {
	position: relative;
}
.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 22px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
}
.bypostauthor{}
.says {
	display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}
.comment-edit-link {
	margin-left: 10px;
}
.comment-edit-link:before {
	content: "\f013";
	font-family: fontAwesome;
}
.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f064";
	margin-right: 2px;
	font-family: fontAwesome;
}
.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}
.comment-content > :last-child {
	margin-bottom: 0;
}
.comment-list .children {
	list-style: none;
	margin-left: 15px;
}
.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}
.comment .comment-respond {
	margin-top: 24px;
}
.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}
#kt-article p.form-allowed-tags {
	display: none;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 0.8em;
	line-height: 1.7142857142;
}
.no-comments {
	font-size: 1em;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}
.comment-form label {
	display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 46%;
}
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 0.8em;
	line-height: 1.5;
}
.required {
	color: #c0392b;
}
.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}
.comment-reply-title small a:hover {
	color: #41a62a;
}
.comment-reply-title small a:before {
	content: "\f064";
	font-size: 2.44em;
	font-family: fontAwesome;
}
.comment-navigation {
	font-size: 0.8em;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}
.comment-navigation .nav-previous a {
	margin-right: 10px;
}
#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}
/***
*
SIDEBAR & WIDGETS
*
***/
#kt-sidebar {
    opacity:0.85;
    filter:alpha(opacity=85); 
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#kt-sidebar h1 {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
}
#kt-sidebar h1 a{
    background: #008eca;
    color: #fff;
    display: block;
    line-height: 50px;
    padding-left: 20px;
    margin: 0;
    transition: 0.5s ease;
}
#kt-sidebar h1 a:hover {
    background: #007cb0;
}
.widget {
    text-align: left;
    margin: 15px 10px 15px 10px;
    border-bottom: 1px dotted #e8e8e8;
}
.widget h3 {
    color: #444444;
    padding: 0 0 0 12px;
    margin: 0;
    text-align: left;
}
.textwidget, 
.widget ul, 
.widget ol, 
.widget table, 
.widget form, 
.tagcloud {
    padding: 10px;
}
.widget ul {
    list-style: none;
}
.widget ol  {
    margin-left: 20px;
}
.widget li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 5px;
    color: #008ec9;
}
.widget a {
    transition: 0.5s ease;
}
.widget li {
    display: table;
}
.widget li a {
    display: table-cell;
    color: #444444;
}
.widget li a:hover {
    color: #008eca;
}        
#kt-sidebar.col-md-3 {
    padding-right: 0;
    padding-left: 0;
}
#sbox > label {
    display:inline;
}
#sbox{
    padding:5px 5px 5px 10px;
    border:none;
    background-color: #ffffff;
    color:#5b5dbd;
    width:100%;
    position:relative;
}
#sbox #s {
    outline: 0;
    border: 0;
    width: 89%;
    float: left;
    color:#5c4152;
}
#kt-searchsubmit {
    background: #fff;
    display: block;
    width: 11%;
    border: 0;
    color:#5c4152;
}
#kt-searchsubmit i{
    vertical-align: sub;
}
.form-control{
    padding: 0 !important;
}
::-webkit-input-placeholder {
   color:#5c4152;
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   color:#5c4152; 
   font-style:italic;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#5c4152;
   font-style:italic;  
}
:-ms-input-placeholder {  
   color:#5c4152; 
   font-style:italic;
}
/***
*
FOOTER & WIDGETS
*
***/
#kt-footer {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    font-size: 0.8em;
    letter-spacing: 1px;
}
#kt-copyright {
    color: #000;
    margin-top: 20px;
    border-top: 1px dotted #fff;
}
#kt-copyright p {
    line-height: 30px;
    text-align: center;
}
#kt-copyright a {
    color: #000;
}
/***
*
BOOTSTRAP OVERRIDES
*
***/
#kt-top-nav .glyphicon-home:before {
	float: left;
}
@media (max-width:990px){
	
   .slicknav_menu{
       display:block;
   }
   #kt-top-nav{
       display:none;
   }
   .kt-slider-img{
		min-height:200px;
		max-height:500px !important;
	}
}
@media (min-width:990px){
	
	.kt-article-img img {
		height: 220px;
		width: 263px;
	}
	.container-fluid {
		margin: 0;
		padding: 0;
	}
	
}
@media (max-width:768px){
    .header-image{
    padding:0;
}
     .article_overlay i{
    margin:28% 0;
    font-size:56px;
    color:#ffffff;
}
     
     
	.attachment-post-thumbnail {
		max-width: 600px;
		height: auto;
	}
	.wp-post-image {

		height: auto;
		max-width: 100%;
	}
    #kt-top-nav{
        padding: 0px;
    }
    #kt-socials{
        margin-top:10px;
        float:left !important;
        padding:0;
        line-height:30px;
        text-align:center;
    }
	#kt-socials a {
		color: #fff;
	}
    .kt-article-img {
    height:auto;
    position:relative;   
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
	} 
    .logo_link img{
        width:60%;
        height:auto;
    }
   
}