/*

Theme Name: Boksy Lite

Theme URI: 

Author: gbobbd

Author URI: http://creativemarket.com/gbobbd

Description: Boksy is a clean and minimal responsiveWordPress theme for personal bloggers. Putting content first is the key focus in the overall design. It looks good both on large and small screens. If you are familiar to use WordPress, you already know how to use Boksy as it is built with the most essential and standards of the WordPress framework. Personalizing Boksy can never be easier as it takes advantage of one of WordPress' most powerful tool - the customizer. Please check out the full version if you like it!

Version: 1.1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: boksy

Tags: black, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, full-width-template, sticky-post, translation-ready







 boksy is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------



#RESET

#BASE

	Typography

	Elements

	Form Inputs and Buttons

	Form Fields

	Media

	Others

#CONTENT

	WP Content

#PAGES

	Search

	404

	Search Nothing Found	

#COMMENTS

	Comment List

#NAVIGATION

#Widgets

	Widgets with Lists

	Recent Posts Widget

	Text Widget

	Calendar Widget

	Tag Cloud

#FOOTER

	Footer Widgets



--------------------------------------------------------------*/

/* ===========================================

	#RESET

=========================================== */

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td {

  border: 0;

  font-family: inherit;

  font-size: 100%;

  font-style: inherit;

  font-weight: inherit;

  margin: 0;

  outline: 0;

  padding: 0;

  vertical-align: baseline;

}

html {

  font-size: 62.5%;

  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

  overflow-y: scroll;

  /* Keeps page centered in all browsers regardless of content height */

  -webkit-text-size-adjust: 100%;

  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

  -ms-text-size-adjust: 100%;

  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

  padding: 10px;
}

*,

*:before,

*:after {

  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */

  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */

  -moz-box-sizing: border-box;

  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */

  box-sizing: border-box;

}

body {

background: #0f2b28; /* Old browsers */
background: -moz-linear-gradient(left,  #0f2b28 0%, #443244 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0f2b28 0%,#443244 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0f2b28 0%,#443244 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2b28', endColorstr='#443244',GradientType=1 ); /* IE6-9 */



  /* Fallback for when there is no custom background color defined. */

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

  display: block;

}

ol,

ul {

  list-style: none;

}

table {

  /* tables still need 'cellspacing="0"' in the markup */

  border-collapse: separate;

  border-spacing: 0;

}

caption,

th,

td {

  font-weight: normal;

  text-align: left;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

}

blockquote,

q {

  quotes: "" "";

}

a:focus {

  outline: thin dotted;

}

a:hover,

a:active {

  outline: 0;

}

a img {

  border: 0;

}

/* ===========================================

  #BASE

=========================================== */

/*----------------------------------

  Typography

----------------------------------*/

body,

input,

select,

textarea {

  color: #fbf9ee;

  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;

  font-size: 13px;

  font-weight: 200;

  text-align: left;

  letter-spacing: 1px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  font-weight: 400;
  margin-bottom: 24px;
  letter-spacing: 1px;
  color: #fbf9ee;

}

h1 {

  font-size: 24px;

  line-height: 32px;

}

h2 {

  font-size: 21px;

  line-height: 28px;

}

h3 {

  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #fbf9ee;

}

h4 {

  font-size: 24px;
  font-weight: 200;
  line-height: 42px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  padding-top: 18px;
  letter-spacing: 1.5px;
  color: #fbf9ee;
}

h5 {

  font-size: 18px;
  font-weight: 200;
  line-height: 32px;
  text-transform: none;
  letter-spacing: 1px;
  color: #fbf9ee;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;

}

h6 {

  font-size: 14px;
  font-weight: 300;
  line-height: 18px;

}

p {

  margin-bottom: 24px;
  margin-top: 12px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #fbf9ee;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 105%;

}

a {

  color: #BDD4DE;

  text-decoration: none;

  -webkit-transition: all .3s;

          transition: all .3s;

}

a:visited {

  color: #BDD4DE;

}

a:hover,

a:focus,

a:active {

  color: #E7D77E;

  border-color: #E7D77E;

  outline: 0;

}

p a {

  border-bottom: 0px dotted #000000;

}

b,

strong {

  font-weight: 600;

}

dfn,

cite,

em,

i {

  font-style: italic;

}

blockquote {

  padding: 0 0px 0 48px;

  margin: 48px 0;

  font-size: 12px;

  line-height: 24px;

  border-left: 1px solid #3F5765;

}

cite {

  margin: 20px 0;

  display: inline-block;

  font-size: 13px;

  line-height: 20px;

}

address {

  margin: 0 0 24px;

}

pre {

  font-family: "Courier 10 Pitch", Courier, monospace;

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 24px;

  max-width: 100%;

  overflow: auto;


}

code,

kbd,

tt,

var {

  font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

  background-color: #eee;

  padding: 0 5px;

}

abbr,

acronym {

  border-bottom: 1px dotted #666;

  cursor: help;

}

mark,

ins {

  background: #fff9c0;

  text-decoration: none;

}

sup,

sub {

  font-size: 75%;

  height: 0;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  bottom: 1ex;

}

sub {

  top: .5ex;

}

small {

  font-size: 75%;

}

big {

  font-size: 125%;

}

/*----------------------------------

  Elements

----------------------------------*/

hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(90, 57, 57, .6), rgba(90, 57, 57, 0));
  margin-bottom: 24px;
  margin-top: 24px;

}

ul,

ol {

  margin: 0 0 10px 60px;

}

ul {

  list-style: disc;

}

ol {

  list-style: decimal;
  margin: 30px 0px 30px 60px;

}

li {

  line-height: 24px;
  letter-spacing: 1px;
  font-size: 100%;
  color: #fbf9ee;
  margin-bottom: 10px;

}

li > ul,

li > ol {

  margin-bottom: 10px;

  margin-left: 24px;

}

dt {

  font-weight: bold;

  margin-bottom: 8px;

}

dd {

  margin: 0 24px 24px;

}

img {

  display: block;

  height: auto;

  /* Make sure images are scaled correctly. */

  max-width: 100%;

  /* Adhere to container width. */

}

figure {

  margin: 0;

}

table {

  margin: 0 0 24px;

  width: 100%;

}

thead {

  background-color: #eee;

}

tr:nth-child(2n) {

  background-color: #f9f9f9;

}

th,

td {

  padding: 4px;

}

th {

  font-weight: bold;

}

.post { 

   border-bottom: 1px solid #5a3939 !important;   
   margin-bottom: 25px;
}

/*----------------------------------

  Form Inputs and Buttons

----------------------------------*/

button,

.button,

input,

select,

textarea {

  font-size: 101%;

  /* Corrects font size not being inherited in all browsers */

  margin: 0;

  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;

  /* Improves appearance and consistency in all browsers */

}

button,

.button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  background: #3F5765;

  color: #2B3A42;

  font-size: 11px;

  line-height: 20px;

  text-transform: uppercase;

  font-weight: 900;

  letter-spacing: 1px;

  padding: 4px 48px;

  border: 0;

  cursor: pointer;

  /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button;

  /* Corrects inability to style clickable 'input' types in iOS */

}

button:hover,

.button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

  background-color: #ff916f;

}

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

  background-color: #3F5765;

}

input[type="checkbox"],

input[type="radio"] {

  padding: 0;

  /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

  -webkit-appearance: textfield;

  /* Addresses appearance set to searchfield in S5, Chrome */

  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration {

  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;

  padding: 0;

}

select {

  max-width: 100%;

}

/*----------------------------------

  Form Fields

----------------------------------*/

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

  color: #666666;

  border: 1px solid #eee;

  -moz-box-sizing: border-box;

       box-sizing: border-box;

  /* Somehow * selector not working on this */

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

  color: #333333;

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

  outline: 0;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

  padding: 4px 8px;

}

textarea {

  overflow: auto;

  /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding: 8px;

  vertical-align: top;

  /* Improves readability and alignment in all browsers */

  width: 100%;

}

/*----------------------------------

  Search Form

----------------------------------*/

.search-form {

  position: relative;

  width: 300px;

}

.search-field {

  width: 100%;

  padding: 4px 40px 4px 8px !important;

}

.search-submit {

  padding: 5px 10px;

  position: absolute;

  right: 0;

  top: 0;

}

/*----------------------------------

  Media

----------------------------------*/

.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}

/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

  max-width: 100%;

}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 45px;
	height: 0;
margin-bottom: 25px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 25px;

}

/*----------------------------------

  Others

----------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar */

}

.alignleft {

  display: inline;

  float: left;

  margin-right: 24px;

}

.alignright {

  display: inline;

  float: right;

  margin-left: 24px;

}

.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto;

}

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

  content: "";

  display: table;

}

.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both;

}

/* ===========================================

	#HEADER

=========================================== */

.site-header {

  padding: 80px 0 48px;

  max-width: 996px;

  margin: 0 auto;

}

.site-branding {

  text-align: left;

  margin-bottom: 48px;

}

.site-title {

  margin: 0;

}

.site-title a {

  font-size: 36px;

  font-weight: 400;

  color: #f65656;

  display: inline-block;

  border: none;

}

.site-description {

  margin: 0;

  font-size: 14px;

  font-weight: 300;

  color: #fbf9ee;

}

/*----------------------------------

	Navigation

----------------------------------*/

.main-navigation {

  clear: both;

  display: block;

  text-align: left;

  width: 100%;

  position: relative;

}

.main-navigation ul {

  list-style: none;

  margin: 0;

  padding-left: 0;

}

.main-navigation li {

  position: relative;

  margin-bottom: 0;

}

.main-navigation a {

  display: inline-block;

  border: none;

  color: #fbf9ee;

  font-size: 16px;

  font-weight: 400;

  text-transform: lowercase;

  letter-spacing: 1px;

  padding: 16px 36px 0px 0px;

  position: relative;

}

.main-navigation a:before {

  opacity: 0;

  letter-spacing: -5px;

  -webkit-transition: all .3s;

          transition: all .3s;

}

/* arrow for nested items */

.menu-item-has-children > a:after {

  font-family: 'FontAwesome';

  font-size: 8px;

  position: absolute;

  top: 7px;

  right: 8px;

  opacity: .2;

}

.main-navigation .menu li.menu-item-has-children > a:after {

  content: '\f078';

  /* fa-chevron-down */

}

/* Dots under item 

.main-navigation .menu > li > a:before,

.main-navigation .menu > .current-menu-item > a:before {

  font-family: 'FontAwesome';

  content: "\f111\f111\f111";

  font-size: 4px;

  color: #fbf9ee;

  position: absolute;

  left: 0%;

  bottom: -4px;

  margin-left: 0px;

} */

/* hover effects */

.main-navigation ul > li:hover {

  /* arrow */

}

.main-navigation ul > li:hover > a {

  color: #E7D77E;

  /* dots */

}

.main-navigation ul > li:hover > a:before {

  opacity: 1;

  letter-spacing: 4px;

}

.main-navigation ul > li:hover.menu-item-has-children > a:after {

  opacity: 1;

}

.main-navigation .current-menu-parent > a,

.main-navigation .current-menu-item > a {

  color: #E7D77E;

  position: relative;

}

.main-navigation .current-menu-parent > a:before,

.main-navigation .current-menu-item > a:before {

  opacity: 1;

  letter-spacing: 4px;

}

/* 2nd lvl and up items */

.main-navigation ul ul a {

  color: #999999;

  font-size: 13px;

  letter-spacing: 0px;

  font-weight: 400;

  white-space: nowrap;

  padding: 8px 24px;

}

.main-navigation ul ul li {

  width: 100%;

  border-bottom: 1px solid #f9f9f9;

}

.main-navigation ul ul li:last-child {

  border: none;

}

.main-navigation ul ul {

  background-color: #fff;

  border: 1px solid #f9f9f9;

}

/*----------------------------------

	Main Nav Search Form

----------------------------------*/

.main-navigation .menu-item-search a.is-active {

  color: #000000;

}

.main-navigation .search-form {

  width: 70%;

  margin: 32px 0 0;

  display: none;

  /* slideToggle() */

}

.main-navigation .search-field {

  border: 0;

  border-bottom: 2px dotted #eee;

  padding: 16px !important;

  text-align: center;

}

.main-navigation .search-field:focus {

  box-shadow: none;

}

.main-navigation .search-submit {

  display: none;

}

/*----------------------------------

	Mobile Menu

----------------------------------*/

@media screen and (max-width: 664px) {

  .menu-toggle {

    display: inline-block;

    color: #999999;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;

    padding: 16px 0;

    cursor: pointer;

  }

  .menu-toggle i {

    margin-left: 8px;

  }

  .menu-toggle.is-active i {

    color: #ff5722;

  }

  .menu,

  .sub-menu {

    display: none;

  }

  .menu-item-has-children.is-open > a {

    color: #000000;

  }

  /* Show text for search instead of icon */

  .menu-item-search span {

    display: block;

  }

  .menu-item-search i {

    display: none;

  }

}

@media screen and (min-width: 665px) {

  .menu-toggle,

  .menu-item-search span {

    display: none;

  }

  .main-navigation li {

    display: inline-block;

  }

  /* arrow for nested items */

  .main-navigation .sub-menu li.menu-item-has-children > a:after {

    content: '\f054';

    /* fa-chevron-right */

  }

  /* 2nd level */

  .main-navigation ul ul {

    position: absolute;

    top: 100px;

    left: 0;

    z-index: 99999;

    text-align: left;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .4s;

            transition: all .4s;

  }

  .main-navigation ul > li:hover > ul {

    visibility: visible;

    opacity: 1;

    top: 36px;

  }

  /* 3rd level */

  .main-navigation ul ul ul {

    left: 100%;

  }

  .main-navigation ul ul > li:hover > ul {

    top: 0;

  }

}

/* ===========================================

	#CONTENT

=========================================== */

.site-content {

  max-width: 996px;

  width: 996px;

  margin: 0 auto;

  padding: 0 0 40px;

}

.main-container {

  width: 700px;

  padding: 0 0px 16px;

}

.entry-container {

  margin-bottom: 48px;

}

.entry-article {

  width: 700px;

  padding: 0px 32px 0px 0px;

}

.entry-thumbnail {

  position: relative;

  line-height: 1;

  padding: 0 32px 62px;

}

.entry-thumbnail a {

  display: block;

  line-height: 0;

  border: none;

}

.entry-header,

.page-header {

  padding: 0px 0;

  margin-bottom: 0px;

  border-top: 0px solid #eee;

  border-bottom: 0px solid #eee;

  text-align: left;

}

.entry-content {

  margin-top: 0px;

  margin-bottom: 48px;

}

.page-title {

  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  padding-top: 16px;
  padding-bottom: 18px;
  letter-spacing: 1px;
  color: #E7D77E;

}

.entry-title,

.entry-title a {

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 14px;

  color: #eee;

}

.entry-title {

  margin-bottom: 16px;

  line-height: 20px;

}

.entry-title a {

  font-size: 14px;

  color: #eee;

  border: none;

}

.entry-title a:hover {

  color: #f65656;

  border-bottom: 0px dotted #000000;

}

.entry-meta i,

.entry-meta a {

  font-size: 12px;

  color: #3F5765;

  border: none;

}

.entry-meta span {

  margin-right: 8px;

}

.entry-meta a:hover {

  color: #E7D77E;

  border-bottom: 0px dotted #000000;

}

.entry-masonry .entry-thumbnail {

  padding: 0;

}

.entry-masonry .entry-header {

  margin-bottom: 0px;

  padding: 8px 0;

  border-top: none;

}

.entry-masonry .entry-title {

  margin-top: 0px;

  padding-top: 8px;

  border-top: 0px solid #3F5765;

}

.entry-masonry .entry-content {

  margin-bottom: 20;

}

.entry-masonry .read-more {

  color: #E7D77E;

  font-weight: 700;

  font-size: 11px;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.entry-masonry .read-more i {

  margin-left: 8px;

}

.entry-masonry .read-more:hover,

.entry-masonry .read-more:hover i {

  color: #808080;

}

.more-link {

  border: none;

}

.more-link:hover {

  border-bottom: 1px dotted #E7D77E;

}

.page-links {

  color: #000000;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.page-links a {

  margin: 0 4px;

  font-weight: 300;

}

.cat-link-title,

.tags-link-title {

  color: #fbf9ee;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  margin-right: 8px;

}

.cat-link-list a,

.tags-link-list a {

  color: #BDD4DE;

  font-size: 12px;

  text-transform: lowercase;

  border: none;

}

.cat-link-list a:hover,

.tags-link-list a:hover {

  color: #E7D77E;

  border-bottom: 1px dotted #000000;

}

.entry-author {

  position: relative;

  margin-bottom: 48px;

}

.entry-author-avatar {

  position: absolute;

  top: 0;

  left: 0;

}

.entry-author-name,

.entry-author-desc {

  padding-left: 0px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;

}

.entry-author-name {

  text-transform: uppercase;

  margin-bottom: 12px;

}

.entry-author-name a {

  text-transform: lowercase;
  font-size: 11px;
  font-weight: 400;
  color: #BDD4DE;

}

.entry-author-name a:hover {

  color: #E7D77E;

}

.entry-author-desc {

  color: #999999;

}

.post-edit-link {

  background-color: #ff5722;

  border: none;

  font-size: 8px !important;

  font-weight: 700;

  letter-spacing: 1px;

  padding: 2px 12px;

  text-transform: uppercase;

  color: #ffffff !important;

  border: none !important;

  display: none;

}

.post-edit-link:hover {

  background-color: #ff916f;

}

.entry-header:hover .post-edit-link {

  display: inline;

}

.entry-footer {

  margin: 0 0 2px;

}

.cat-link-list ul {

  list-style: none;

  margin: 0;

}

.cat-link-list ul li {

  float: left;

  margin: -2px 4px 4px 0;

}

.cat-link-title {

  float: left;

}

/*----------------------------------

	WP Content

----------------------------------*/

/* WP Caption */

.wp-caption {

  margin-bottom: 24px;

  max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

  display: block;

  margin: 0 auto;

}

.wp-caption-text {

  text-align: left;

}

.wp-caption-text {

  margin: 6px 0px;

  font-size: 10px;

  color: #b0c3ce;

}

/* WP Gallery */

.gallery {

  margin-bottom: 24px;

}

.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

  margin-bottom: 15px;

  width: 100%;

}

.gallery-columns-2 .gallery-item {

  max-width: 50%;

}

.gallery-columns-3 .gallery-item {

  max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

  max-width: 25%;

}

.gallery-columns-5 .gallery-item {

  max-width: 20%;

}

.gallery-columns-6 .gallery-item {

  max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

  max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

  max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

  max-width: 11.11%;

}

.gallery-caption {

  display: block;

}

.gallery-icon a {

  border: none;

}

.sticky {

  display: inherit;

}

/* ===========================================

	#COMMENTS

=========================================== */

/*----------------------------------

	Comment List

----------------------------------*/

.comment-list,

.comment-list ul,

.comment-list ol {

  list-style: none;

}

.comment-list {

  margin-left: 0;

  margin-bottom: 48px;

}

.comments-title,

.comment-reply-title,

.no-comments {

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  display: block;

  padding: 16px 0;

  border-top: 0px solid #eee;

  border-bottom: 1px solid #eee;

  width: 100%;

  text-align: left;

}

a.comments-comment-link {

  font-size: 13px;

  color: #b3b3b3;

  text-transform: lowercase;

  border: none;

}

a.comments-comment-link:hover {

  color: #000000;

  border-bottom: 1px dotted #000000;

}

.comment-body {

  position: relative;
  margin-top: 36px;

}

.comment-header,

.comment-content {

  padding-left: 0px;

}

.comment-content {

  margin-top: 0px;

}

.comment-avatar {

  position: absolute;

  top: 0;

  left: 0;

}

.comment-avatar,

.comment-author,

.comment-date,

.comment-reply {

  display: inline-block;

  margin-right: 4px;

}

.comment-author,

.comment-author a {

  font-size: 12px;

  font-weight: 700;

  color: #E7D77E;

  border: none;

  text-transform: uppercase;

}

.bypostauthor .comment-author:before {

  font-family: 'FontAwesome';

  content: '\f040';

  color: #ff5722;

}

.comment-date a {

  font-size: 12px;

  color: #999999;

  border: none;

}

.comment-date a:hover {

  border-bottom: 1px dotted #000000;

}

.comment-reply-link,

#cancel-comment-reply-link {

  font-size: 9px;

  font-weight: 700;

  line-height: 1;

  padding: 4px 8px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #000;

  background-color: #BDD4DE;

  display: inline-block;

  border: none;

}

.comment-reply-link:hover,

#cancel-comment-reply-link:hover {

  color: #000;

  background-color: #BDD4DE;

}

.comment-reply-link {

  display: none;

}

.comment-body:hover .comment-reply-link {

  display: inline-block;

}

/*----------------------------------

	Comment Form

----------------------------------*/

.comment-form-author,

.comment-form-email,

.comment-form-url {

  display: inline-block;

}

.comment-form-control {

  margin-bottom: 16px;

  margin-right: 16px;

  width: 197px;

}

.comment-form-url .comment-form-control {

  margin-right: 0;

}

.comment-form-textarea {

  max-width: 100%;

}

.comment-form-comment {

  margin-bottom: 16px;

}

/* ===========================================

	#NAVIGATION

=========================================== */

.comment-navigation .nav-previous,

.paging-navigation .nav-previous,

.post-navigation .nav-previous {

  float: left;

  width: 50%;

}

.comment-navigation .nav-next,

.paging-navigation .nav-next,

.post-navigation .nav-next {

  float: right;

  text-align: right;

  width: 50%;

}

.post-navigation,

.comment-navigation,

.paging-navigation {

  margin-bottom: 48px;

}

.paging-navigation .nav-links a,

.post-navigation .nav-links a {

  color: #fbf9ee;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  border: none;

  position: relative;

}

.paging-navigation .nav-links a:hover,

.post-navigation .nav-links a:hover {

  color: #f65656;

  border-bottom: 0px dotted #000000;

}

.paging-navigation .nav-previous i,

.post-navigation .nav-previous i,

.paging-navigation .nav-next i,

.post-navigation .nav-next i {

  position: absolute;

  top: 0;

}

.paging-navigation .nav-previous,

.post-navigation .nav-previous {

  padding-left: 24px;

}

.paging-navigation .nav-previous i,

.post-navigation .nav-previous i {

  left: -24px;

}

.paging-navigation .nav-next,

.post-navigation .nav-next {

  padding-right: 24px;

}

.paging-navigation .nav-next i,

.post-navigation .nav-next i {

  right: -24px;

}

.paging-navigation,

.post-navigation {

  padding: 32px 16px;

  border-top: 0px solid #eee;

  border-bottom: 0px solid #eee;

}

.comment-navigation a {

  color: #000000;

  margin: 0 4px;

  display: inline-block;

}

/* ===========================================

	#PAGES

=========================================== */

/*----------------------------------

	Search

----------------------------------*/

.search-query {

  font-weight: 400;

  color: #808080;

}

/*----------------------------------

	404

----------------------------------*/

.error-404-container {

  text-align: center;

  padding: 50px 0;

}

.error-404-icon i {

  font-size: 80px;

  color: #ff5722;

}

.error-404 {

  margin-top: 60px;

  font-size: 120px;

  fontweight: 900;

  letter-spacing: 2px;

}

/*----------------------------------

	Search Nothing Found

----------------------------------*/

.nothing-found {

  text-align: center;

}

.nothing-found .search-form {

  margin: 0 auto;

}

.nothing-found-icon {

  margin: 24px 0;

}

.nothing-found-icon i {

  font-size: 80px;

  color: #ff5722;

}

/* ===========================================

	#Widgets

=========================================== */

.widget-area {

  width: 300px;

  padding: 16px 16px 16px;

}

.widget {

  margin-bottom: 48px;

}

.widget:last-child {

  margin-bottom: 0;

}

.widget-title {

  font-size: 14px;

  font-weight: 500;

  text-transform: lowercase;

  letter-spacing: 1px;

  margin-bottom: 16px;

  line-height: 1;

  text-align: left;

  padding: 8px 0;

}

.recentcomments a,

.recentcomments .comment-author-link {

  color: #999999;

  font-weight: 300;

}

/*----------------------------------

	Widgets with Lists

----------------------------------*/

.widget > ul,

.menu-short-container ul {

  margin: 0 0 0 16px;

}

.widget li {

  list-style: none;

  position: relative;

  font-size: 13px;

}

.widget li:before {

  font-family: 'FontAwesome';

  content: '\f054';

  font-size: 7px;

  color: #ff5722;

  position: absolute;

  top: 0;

  left: -16px;

}

.widget li a {

  font-size: 12px;

  border: none;
  text-transform: lowercase;

}

.widget li a:hover {

  color: #E7D77E;

  border-bottom: 0px dotted #000000;

}

/* widgets with same list styings */

/*----------------------------------

	Recent Posts Widget

----------------------------------*/

.post-date {

  display: block;

  font-size: 10px;

  color: #cccccc;

}

/*----------------------------------

	Text Widget

----------------------------------*/

.textwidget {

  font-size: 13px;

  color: #999999;

}

/*----------------------------------

	Calendar Widget

----------------------------------*/

#wp-calendar {

  font-size: 12px;

  color: #999999;

}

#wp-calendar caption,

#wp-calendar #prev,

#wp-calendar #next {

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 8px;

}

#wp-calendar caption,

#wp-calendar thead {

  color: #000000;

}

#wp-calendar caption,

#wp-calendar th,

#wp-calendar td {

  text-align: center;

  border: 1px solid #f9f9f9;

}

#wp-calendar td a {

  border-bottom: 1px dotted #000000;

}

.footer-widget #wp-calendar thead {


}

.footer-widget #wp-calendar tr:nth-child(2n) {

  background-color: #3c3c3c;

}

/*----------------------------------

	Tag Cloud

----------------------------------*/

.widget_tag_cloud .tagcloud a {

  padding: 4px 12px;

  margin: 2px 0;

  display: inline-block;

  font-size: 11px !important;

  line-height: 1;

  border-bottom: none;

  background-color: #f9f9f9;

}

.widget_tag_cloud .tagcloud a:hover {

  color: #ffffff;

  background-color: #ff5722;

}

/* ===========================================

	#FOOTER

=========================================== */

.site-footer {

  padding: 80px 0;

  color: #2B3A42;

  font-size: 11px;

}

.footer-container {

  width: 996px;

  max-width: 996px;

  margin: 0 auto;

}

.footer-footer {

  text-align: left;

  padding: 16px;

}

.back-to-top {

  display: inline-block;

}

.back-to-top a:hover {

  color: #aaa;

}

.back-to-top i {

  font-size: 20px;

}

.site-social,

.site-info {

  margin: 16px 0;

}

.footer-meta a {

  display: inline-block;

  width: 28px;

  height: 28px;

  margin: 1px;

  border-radius: 3px;

  position: relative;

}

.footer-meta a:last-child {

  margin-right: 0;

}

.footer-meta a i {

  color: #ddd;

  font-size: 24px;

  line-height: 28px;

}

.footer-meta a:hover {

  background-color: #2B3A42;

}

.site-info a:hover {

  color: #b3b3b3;

}

/*----------------------------------

	Footer Widgets

----------------------------------*/

.footer-widget-area {

  margin-bottom: 24px;

}

.footer-widget {

  float: left;

  /* Calendar */

}

.footer-widget .widget {

  width: 332px;

  padding: 0 16px;

  margin-bottom: 48px;

}

.footer-widget .widget-title,

.footer-widget #wp-calendar caption {

  background-color: transparent;

  color: #ffffff;

  border: none;

  text-align: left;

  position: relative;

  margin-bottom: 16px;

}

.footer-widget .widget-title:after,

.footer-widget #wp-calendar caption:after {

  content: '';

  width: 48px;

  height: 2px;

  background-color: #ff5722;

  position: absolute;

  left: 0;

  bottom: -4px;

}

.footer-widget a:hover {

  color: #ffffff;

}

.footer-widget #wp-calendar caption,

.footer-widget #wp-calendar thead {

  color: #ffffff;

}

.footer-widget #wp-calendar caption,

.footer-widget #wp-calendar th,

.footer-widget #wp-calendar td {

  border: none;

}

.footer-widget #wp-calendar caption {

  text-align: left;

  padding-left: 0;

}

.footer-widget .tagcloud a {

  color: #808080;

  background-color: #4d4d4d;

}

/* ===========================================

	#MEDIAQUERIES

=========================================== */

@media screen and (max-width: 664px) {

  .entry-article {

    width: 100%;

  }

  .comment-form-author,

  .comment-form-email,

  .comment-form-url {

    display: block;

  }

}

@media screen and (max-width: 995px) {

  .site-content,

  .footer-container,

  .main-container,

  .widget-area,

  .footer-widget,

  .footer-widget .widget {

    width: 100%;

  }

  .entry-container,

  .main-container,

  .widget-area,

  .footer-widget,

  .footer-footer,

  .paging-navigation {

    margin: 0 auto;

    max-width: 664px;

  }

  .widget-area {

    padding: 100px 16px 40px;

  }

  .footer-widget {

    float: none;

  }

  .search-form {

    width: 100%;

  }

}

@media screen and (min-width: 996px) {

  .main-container {

    float: left;

  }

  .widget-area {

    float: right;

  }

  .main-container.full-width-page {

    float: left;

    margin: 0 0;

  }

}