/* -- BEGIN LICENSE BLOCK ---------------------------------------
# This file is part of One Page Grayscale, a theme for Dotclear
#
# Copyright (c) 2015 - Start Bootstrap and Philippe aka amalgame
# Based on Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
# Code licensed under the Apache License v2.0.
# See LICENSE file or
# http://www.apache.org/licenses/LICENSE-2.0
#
# -- END LICENSE BLOCK ----------------------------------------- */

/* ------------------------------------------------------------
	1. HTML
------------------------------------------------------------- */

body {
    width: 100%;
    height: 100%;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666;
    background-color: #fff;
	/* UNCOMMENT FOR FULL GREYSCALE EFFECT
	-webkit-filter: grayscale(1);
	filter: grayscale(1); */
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0.6em;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
}
h1 {
	font-size: 1.5em
}
p {
    margin: 0.5em 0;
    font-size: 1.2em;
    line-height: 1.5;
}

@media(min-width:768px) {
    p {
        margin: 1em 0;
        font-size: 1.2em;
        line-height: 1.6;
    }
}

a {
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #555
}

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* ------------------------------------------------------------
	2. SIMPLE MENU
------------------------------------------------------------- */
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
	text-shadow: 1px 1px 2px #000000;
}
.navbar-custom.top-nav-collapse {
	background: #555 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0MjBCMjQ5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0MjBCMjU5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRDQyMEIyMjk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRDQyMEIyMzk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiaCVFIAAAAcSURBVHjaYvz//z8DDDCBCEZGRrAII7IMQIABAKIpBwFHizsqAAAAAElFTkSuQmCC");
}
.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 1em;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    
    background-color: transparent;
}

.navbar-custom .nav li.active {
    
}

.navbar-custom .nav li.active a {
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 1.2em 0;
        border-bottom: 0;
        letter-spacing: 0.02em;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;       
    }
}

#prelude {
	position: absolute;
	margin: 0;
	padding: 0 0 0 4px;
	top: 0;
	left: 3px;
	color: #fff;
	list-style-type: none;
}
#prelude li {
	display: inline;
	text-transform: none !important;
}
#prelude a, #prelude a:hover, #prelude a:visited {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	background-image: none !important;
}
#prelude a:active, #prelude a:focus {
	position:static;
	width:auto;
	height:auto;
}
	
/* ------------------------------------------------------------
	3. HEADER
------------------------------------------------------------- */

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
	text-shadow: 2px 2px 4px #000000;
    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro h3 {
	margin-bottom: 2em;
}
.intro ul, .intro li {
	list-style-type: none;
	font-size: 1em;
	margin: 0;
	padding: 0
}
.intro ul.subcategories {
	list-style-type: none;
	font-size: 1.5em;
	margin: 0;
	padding: 0
}
.intro ul.subcategories li {
	display: inline;
	margin: 0;
	padding: 0
}
.intro a {
	color: #fff
}
.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

ul.banner-button {
    margin: 0;
}

ul.banner-button li {
    margin: 5em 0 0;
}

.intro .intro-footer {
    margin-top: 5em
}

.intro .intro-footer {
    margin-top: 5em
}

.intro .intro-body .brand-heading {
    font-size: 2em;
}

.intro .intro-body .intro-text {
    font-size: 1.5em;
	margin-top: 3em;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }
	
    .intro .intro-body .brand-heading {
        font-size: 3em;
    }

    .intro .intro-body .intro-text {
        font-size: 1.5em;
    }
}


/* ------------------------------------------------------------
	4. CONTENT
------------------------------------------------------------- */

#content {
	width: 100%;
	padding: 2em 1em 6em;
	
	font-weight: normal
}

@media(max-width:767px) {
    #content {
        padding: 0 1em;
    }
	
	p.field, p.field textarea {
		width: 100%
	}
	
	p.field textarea {
		border: 1px solid #ccc
	}
	
	.btn-circle {
		font-size: 2.5em;
		border: 1px solid #fff;
		 border-radius: 100% !important;
		width: 1.5em;
		height: 1.5em;
		margin: 1em;
		padding: 0.02em 0.2em;
	}
	
	.btn-circle.up {
		color: #999;
		margin: 1em;
		border: 1px solid #999;
		padding: 0.02em 0.2em;
	}
	.blog-section {
		width: 100%;
		height: 100%;
		padding: 2em 0;
		color: #fff;
		background: #555 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0MjBCMjQ5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0MjBCMjU5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRDQyMEIyMjk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRDQyMEIyMzk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiaCVFIAAAAcSURBVHjaYvz//z8DDDCBCEZGRrAII7IMQIABAKIpBwFHizsqAAAAAElFTkSuQmCC");
	}
	.blog-section a {
   
    color: #fff;
   }
}

.post {
	position: relative;
	padding: 1em 0 ;
	text-align: left;
	margin: 1em 0;
	
}

.day-date {
	display: none;
}
	
.post-title {
	margin: 1em 0 0 0;
	line-height: 1.17;
	font-size: 2.5em;
	padding: 0.5em 0
}
@media (max-width: 320px) {
	.post-title { 
		font-size: 1.8em;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}	
.post-title a {
	text-decoration: none;
}
	

.post h3,
.post h4,
.post h5,
.post h6 {
	font-weight: normal;
	font-variant: small-caps;
	margin: 1.5em 0 0.5em;
}
.post-content, .post-excerpt, .post-infos {
	
}

.post-infos {
	margin-bottom: 8em;
	padding: 0;
	font-size: 0.875em;
	display: table;
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
	background : #eee
}

.dc-post .post-infos {
    margin-bottom: 2em
}

.post-infos span  {
    white-space: nowrap
}

.post-content img, .post-excerpt img {
	border: 1px solid #ccc;
	max-width: 96%;
	padding: 2px;
	
}

@media(min-width:768px) {
    .post-content img, .post-excerpt img {
		max-width: 100%;
	}
}
img.smiley {
	border: none;
	padding: 0;
}

.permalink a {
	padding-left: 20px;
}

.post-content , .post-excerpt  {
    font-size: 1.2em
}

.post-content p, .post-excerpt p {
    font-size: 1em
}

.post-content ul, .post-content ol {
    font-size: 1.2em;
}
.post-content ul {
	list-style-type: circle
}
.post-content ul, .post-content ol {
	margin: .5em 0;
    font-size: inherit;
}

.post-content li {
	margin: .5em 0;
    font-size: inherit;
    list-style-type: inherit
}

.footnotes {
	font-size: .875em;
}
.footnotes h4 {
	font-variant: normal;
	font-weight: bold;
}

.post-info-co {
	position: absolute;
	bottom: 0;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
	padding-right: .5em;
	max-width: 80%;
}
.post-info-co a {
	text-decoration: none;
	padding-right: 1em;
	padding-left: 20px;
}
.post-info-co a.comment_count {
}
.post-info-co a.ping_count {
}
.post-info-co a.attach_count {
}

.dc-tags .tag0, .tags .tag0 {
	font-size: 85%;
	}
.dc-tags .tag10, .tags .tag10 {
	font-size: 90%;
	}
.dc-tags .tag20, .tags .tag20 {
	font-size: 95%;
	}
.dc-tags .tag30, .tags .tag30 {
	font-size: 100%;
	}
.dc-tags .tag40, .tags .tag40 {
	font-size: 105%;
	}
.dc-tags .tag50, .tags .tag50 {
	font-size: 110%;
	}
.dc-tags .tag60, .tags .tag60 {
	font-size: 115%;
	}
.dc-tags .tag70, .tags .tag70 {
	font-size: 120%;
	}
.dc-tags .tag80, .tags .tag80 {
	font-size: 125%;
	}
.dc-tags .tag90, .tags .tag90 {
	font-size: 130%;
	}
.dc-tags .tag100, .tags .tag100 {
	font-size: 135%;
	}

.attachments ul {
	margin: 2em 0;
}
.attachments li {
	list-style-type: none;
	margin: 2em 0 1em 0;
	padding: 0 !important;
	font-size: 1.5em;
}


/* ------------------------------------------------------------
	5. BUTTONS
------------------------------------------------------------- */
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: none;
	color: #555;
    background-color: #ccc;
		font-size: 1.2em;
}

.btn-default:hover,
.btn-default:focus {
    cursor: pointer;
    color: #555;
    background-color: ccc;
}

.btn-circle {
    width: 1.5em;
    height: 1.5em;
    margin-top: 1em;
    padding: 0.05em 0.2em;
    border: 1px solid #fff;
    border-radius: 100% !important;
    font-size: 3.2em;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.btn-circle.up {
	color: #fff;
	border: 1px solid #fff;
	padding: 0.02em 0.2em;
	margin: 1em 0
}
.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}
.btn-circle.up:hover,
.btn-circle.up:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}
.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}


/* ------------------------------------------------------------
	6. FOOTER
------------------------------------------------------------- */

footer {
    padding: 3em;
	color: #fff;
   background: #555 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0MjBCMjQ5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0MjBCMjU5NjIyMTFFNEEyRjNDRjM1Q0U4NDJEMDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRDQyMEIyMjk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRDQyMEIyMzk2MjIxMUU0QTJGM0NGMzVDRTg0MkQwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiaCVFIAAAAcSURBVHjaYvz//z8DDDCBCEZGRrAII7IMQIABAKIpBwFHizsqAAAAAElFTkSuQmCC");
}

footer p {
    margin: 2em 0 0 0;
}

footer a {
	color: #aaa
}

footer a:hover {
	color: #fff
}		


/* ------------------------------------------------------------
	7. ANIMATION
------------------------------------------------------------- */

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}