/**
 *
 * FILE INFO: doddiblog main stylesheet
 * TITLE: www.doddiblog.com
 * AUTHOR: Jozef Butko
 * URL: www.jozefbutko.com/resume
 * UPDATED: September 2014
 *
 */
 /*------------------------------------------------------*\
 **						TABLE OF CONTENTS				 **
 \*------------------------------------------------------*/

/**
 *
 * 1. Base styles
 * 2. Browse Happy prompt
 * 3. Font settings
 * 4. Custom styles
 * 5. Body
 * 6. About Me
 * 7. Blogs Section
 * 8. Work Section
 * 9. Portfolio Section
 * 10. Portfolio Description
 * 11. Filter Buttons
 * 12. Portfolio Grid Images
 * 13. Footer
 * 14. Icons
 * 15. Helpers
 * 16. Misc
 * 17. Fullsizable
 * 18. Cross-browser hacks
 * 19. Media Queries
 * 20. Print styles
 *
 */

/*------------------------------------------------------*\
**						NORMALIZE				   	  	**
\*------------------------------------------------------*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*------------------------------------------------------*\
**						BASE STYLES				   	  	**
\*------------------------------------------------------*/

html, button, input, select, textarea {
  color: #555; }

html {
  font-size: 1em;
  line-height: 1.4; }

body, div, p, a {
	font-family: 'Source Sans Pro', 'Roboto Slab', Helvetica, Arial, sans-serif;
	font-size: 1rem;
}

body, div, p {
  line-height: 2;
}

/* Links */
a {
    color: #463f39;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio, canvas, img, video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/*			img {
  width: 100%; }*/

/* Remove dotted outline on firefox inputs */
input::-moz-focus-inner {
  border: 0; }

.wrapper {
  margin-bottom: 50px;
}

/*
* Browse Happy prompt
*/
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/*------------------------------------------------------*\
**					BOOTSTRAP 3.0 GRID		   	  		**
\*------------------------------------------------------*/
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:after,.row:before{display:table;content:" "}.row:after{clear:both}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media (min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media (min-width:992px){.container{max-width:970px}.col-md-1,.col-md-10,.col-md-11,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media (min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}

/*------------------------------------------------------*\
**						FONTS		   	  				**
\*------------------------------------------------------*/

h1, h2, h3 {
	font-family: 'Droid Serif', Georgia, serif;
}

h1 {
	color: #453f39;
}

h2 {
	font-size: 1.875rem; /* 30/16 */
	font-weight: 700;
}

h3 {
	font-size: 1.5rem;
}

/*------------------------------------------------------*\
**						HEADER 						**
\*------------------------------------------------------*/

.header {
    margin: 40px 0 37px;
}

#Header1 {
    text-align: center;
}

#Header1 img {
    margin-bottom: 15px;
    width: 250px;
}

#Header1 > a {
    display: inline-block;
    font-size: 0;
}

#Header1 span {
    display: inline-block;
    text-indent: -9999px;
}

#menu {
    padding: 0;
}

#menu a {
    text-transform: capitalize;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

#menu a:hover {
    color: #f55856;
}

.slash {
    margin: 0 10px;
}

#menu li {
    display: inline-block;
}


/*------------------------------------------------------*\
**						BLOG POST 						**
\*------------------------------------------------------*/
.container {
    overflow: hidden;
}

.post.hentry {
	position: relative;
}

.post-title {
	position: absolute;
	top: 0px;
	color: #eee;
}

.post-body > a {
	position: absolute;
	bottom: 0;
}

.tag {
    color: #f56563;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}

.postheader h2:first-of-type {
    margin-top: 0;
}

.postheader h2 {
    line-height: 1.3;
    margin-bottom: 15px;
}

.post-body p {
    color: #453f39;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}

/* Edit icon */
.icon-action {
    width: auto;
}

/* one post container styling */
.post-outer {
    margin-bottom: 40px;
}

/* Download button */
.post-outer a[rel="nofollow"] {
  display: inline-block;
  background: #fff;
  padding: 2px 10px;
  color: #999;
  border-radius: 3px;
  margin-bottom: 10px;
  border: 1px solid #999;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.post-outer a[rel="nofollow"]:hover {
  color: #666;
  border: 1px solid #666;
  text-decoration: none;
}

.read-more {
	color: #f56563; /* text color + color overlay */
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1rem;
}

.postdetails i {
    margin-right: 4px;
}

.postdetails a,
.postdetails i,
.postdetails span {
    color: #999;
    font-size: 0.875rem; /* 14/16 */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.postdetails a:hover {
    color: #666;
}

.postdetails .tags,
.postdetails .author,
.postdetails .date,
.postdetails .comments {
    display: inline-block;
    margin-right: 8px;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
	padding: 0 2px;
	display: inline-block;
	line-height: 1;
	position: relative;
	top: 6px;
  max-width: 86px;
}

.addthis_toolbox {
    position: relative;
    top: 0;
    right: 0;
}

#blog-pager {
  line-height: 1;
  margin: 0 !important;
  overflow: hidden;
  text-align: center;
}

/* Read more link */
a.morelink {
  color: #f55856;
  font-size: .875rem;
}

/* Newer & Older Links */
.blog-pager a {
    font-size: 0.875rem; /* 14/16 */
    text-transform: lowercase;
    color: #999;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

/* On single */
.blog-pager-single a {
    display: inline-block;
    margin-top: 30px;
}

.blog-pager a:hover {
  color: #666;
}

.blog-pager-newer-link {
    float: left;
}

.blog-pager-older-link {
    float: right;
}

.fa-backward {
    margin-right: 20px;
}

.fa-forward {
    margin-left: 20px;
}

/*------------------------------------------------------*\
**						SIDEBAR 						**
\*------------------------------------------------------*/

aside h2,
.postheader h2 a {
    color: #463f39;
    font-family: "Droid Serif", Helvetica, Arial, serif;
    font-size: 1.875rem;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none;
    letter-spacing: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.postheader h2 a:hover {
    color: #666;
}

aside h2:first-of-type {
    margin-top: 0;
}

/* Search box */
#cse-search-form {
    margin: 0 0 30px !important;
}

.cse form.gsc-search-box, form.gsc-search-box {
    padding: 0 !important;
}

.cse input.gsc-input, input.gsc-input {
    border: none !important;
    border-bottom: 1px solid #BBB !important;
    margin-top: 0;
    outline: none;
    padding: 5px 0 !important;
    color: #999;
    font-style: italic;
    font-size: 1rem;
}

.gsc-input {
    padding-right: 0 !important;
    border: none !important;
}

td.gsc-search-button {
  display: none;
}

input.gsc-search-button {
    position: relative !important;
    top: -1px !important;
    margin-left: 0 !important;
    height: 26px !important;
}

.gsc-search-box {
    padding: 8px 0 2px 0 !important;
    margin-left: 0 !important;
}

.gsc-result .gs-title,
.gs-title.gsc-table-cell-thumbnail.gsc-thumbnail-left {
  height: auto;
}

/* Native search */
#searchThis,
.gsc-search-box {
    position: relative;
}

#searchBox,
.gsc-input {
  margin-top: 11px;
  outline: none;
  padding: 0;
  border: none;
  border-bottom: 1px solid #bbb;
  color: #999;
  font-style: italic;
}

/* Hide Go Button */
#searchButton,
.gsc-search-button {
  background: transparent;
  outline: none;
  border: none;
  display: none;
  font-size: 0;
  cursor: none;
}

/* Search results */
.status-msg-wrap {
    width: 100% !important;
}

aside a {
    color: #463f39;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}

aside .post-title {
    color: #000;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.125rem;
    /* 18/16 */
}

.post-count {
    font-size: 0.875rem;
}

aside .widget {
    margin-bottom: 40px;
}

/* Tag cloud */
.cloud-label-widget-content {
    text-align: left !important;
}

.label-size {
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 5px;
}

.label-size a {
    background: none repeat scroll 0 0 #666;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    color: #fff;
    display: inline-block;
    padding: 6px;
    text-transform: lowercase;
    text-decoration: none;
}

/* Popular posts */
.PopularPosts .widget-content ul li,
.popular-posts li {
  padding: 0 0 5px 0;
}

.popular-posts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.PopularPosts .widget-content ul li {
  padding: 0 0 5px 0 !important;
}

/*------------------------------------------------------*\
**						FOOTER					   		**
\*------------------------------------------------------*/

footer {
	background-color: #453f39;
  padding: 40px 0;
}

footer,
footer li,
footer p,
footer .copyright,
footer .coded-by {
    font-family: 'Source Sans Pro', sans-serif;
}

footer a,
.slash {
    color: #f55856;
}

footer h3,
footer h3 {
    font-family: 'Droid Serif', Helvetica, Arial, serif;
    font-weight: 700;
}

footer .container {
    text-align: center;
}

footer .hero {
    color: #453f39;
    font-size: 36px;
}

footer .hero .description {
    color: #6c6c6c;
    font-size: 16px;
}

footer ul {
    margin: 0 0 20px 0;
    padding: 0;
}

footer a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    font-size: 0.875rem; /* 14/16 */
    font-family: 'Source Sans Pro', sans-serif;
}

footer a:hover {
    color: #fff;
}

footer ul li {
    color: #fff;
    font-size: 18px;
    display: inline-block;
}

footer .copyright {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

footer .coded-by {
    color: #463f39;
    font-size: 16px;
}

/* Source: https://github.com/daneden/animate.css/ */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

.logo {
    display: inline-block;
    font-size: 0;
    width: auto;
    padding: 0;
}

.logo:hover {
    -webkit-transition: all 0.2s flipInX;
    -moz-transition: all 0.2s flipInX;
    -ms-transition: all 0.2s flipInX;
    -o-transition: all 0.2s flipInX;
}

/* Social icons */
.social-links a {
    opacity: .6;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.social-links a:hover {
    opacity: 1;
    -webkit-transform:rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
    -ms-transform:rotate(-360deg);
    -sand-transform:rotate(360deg);
}

.info {
    padding: 20px 15px;
}

/* Code by */
.info .col-md-4 {
    text-align: right;
    font-size: 0.875rem; /* 14/16 */
    color: #aaa;
}

.info .col-md-4 a {
    font-size: 0.875rem; /* 14/16 */
    color: #aaa;
}

.social-links {
    margin: 0;
}

.info li {
	display: inline-block;
}

/*------------------------------------------------------*\
**						HELPERS					   		**
\*------------------------------------------------------*/

.last {
  margin-right: 0; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.boxsizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.text-hide {
  color: transparent;
  font-size: 0;
  text-shadow: none;
  vertical-align: middle; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

.flright {
  float: right; }

.flleft {
  float: left; }

/* https://github.com/ahmadajmi/css-helpers/blob/master/css/main.css */
.fixed {
  position: fixed; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

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

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

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

.text-justify {
  text-align: justify; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.full-width {
  width: 100%; }

.half-width {
  width: 50%; }

.third-width {
  width: 33.3333332%; }

.no-bullets {
  list-style: none; }

/* http://mattvarone.com/web-design/css-reusable-classes/ */
.clear {
  clear: both; }

.center {
  margin: 0 auto; }

/* Transition
https://github.com/pcsg/css-helpers */
.smooth {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*------------------------------------------------------*\
**            MISC           **
\*------------------------------------------------------*/

#dp_swf_engine {
    display: none;
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; text-align: center; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

.slicknav_menu {
  display:none;
}

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 10px 0 10px;
    text-decoration:none;
    background-color: #FFFFFF;
    padding: 9px 10px;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #463f39;
    font-weight: bold;
    text-shadow: none;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #463f39;
}
.slicknav_menu {
    background:transparent;
    padding:5px 5px 15px 5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #666;
  border-bottom: 1px dotted #ddd;
}
.slicknav_nav a:hover{
    color:#222;
    font-weight: bold;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}


/*------------------------------------------------------*\
**						MEDIA QUERIES			   		**
\*------------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

}
@media (min-width: 1200px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	#Header1 > a {
	    text-align: center;
	    width: 100%;
	}

	#menu {
	    text-align: center;
	}

}
@media (min-width: 992px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /* #menu is the original menu */
  .js #menu,
  .slicknav_nav .slash {
    display:none;
  }

  .js .slicknav_menu {
    display:block;
  }

  /* Logo */
  .header {
    margin: 0;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
  }

  #Header1 > a {
    text-align: center;
    width: 40px;
  }

  #Header1 img {
    width: 100%;
  }

  .postheader h2 {
    line-height: 1.3;
    font-size: initial;
  }

  aside h2, .postheader h2 a {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .addthis_toolbox {
      float: left;
      top: 0;
      right: 0;
      margin-bottom: 35px;
      display: block;
      width: 100%;
  }

}
@media (min-width: 768px) {

}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}



@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}


/*------------------------------------------------------*\
**						PRINT STYLES			   		**
\*------------------------------------------------------*/

@media print {
  /*
     * Don't show links for images, or javascript/internal links
     */
  @page {
    margin: 0.5cm; }

  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
}