/*
Theme Name: Side Free
Theme URI: http://www.madeinebor.com
Version: 1.0.0
Description: A Free Version of the Premium Theme Side. To upgrade to the premium version, <a href="http://themeforest.net/user/TommusRhodus/portfolio?ref=TommusRhodus">visit the theme page on themeforest.net</a>
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/


/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

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

/*-----------------------------------------------------------------------------------*/
/*	GENERAL STYLES
/*-----------------------------------------------------------------------------------*/

body {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	overflow-x: hidden;
	letter-spacing: 1px;
}

body, html, #content {
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .article-wrapper .article-title a, .article-wrapper p a {
	color: #1c1c1c;
}

a, .alt-article .article-wrapper .article-title a, .alt-article .article-wrapper p a  {
	text-decoration: none;
	color: #e5e5e5;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	display: inline-block;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .article-wrapper .article-title a:hover, .article-wrapper p a:hover {
	color: #000;
}

a:hover, .single a:hover, .page a:hover, .single-portfolio a:hover, .alt-article .article-wrapper .article-title a:hover, .alt-article .article-wrapper p a:hover {
	color: #fff;
}

input[type="text"], input[type="email"], input[type="submit"], textarea {
	background: none;
	border: 2px solid #e5e5e5;
	color: #a5a5a5;
	width: 100%;
	padding: 12px;
	font-size: 14px;
	margin-bottom: 10px;
}

input[type="submit"] {
	width: auto;
	cursor: pointer;
}

textarea {
	min-height: 120px;
}

::selection {
    background: #fefac7; /* Safari */
    color: #555555;
}

::-moz-selection {
    background: #fefac7; /* Firefox */
    color: #555555;
}

pre {
	border: 2px solid #e5e5e5;
	padding: 0 30px 30px;
	margin: 10px 0 30px;
	color: #fff;
	display: block;
	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+ */
}

.wp-caption {
	z-index: 9;
	position: relative;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dd {
	margin-bottom: 10px;
}

blockquote {
	padding: 0 30px 0 50px;
	color: #e5e5e5;
	font-style: italic;
	position: relative;
	margin-left: 30px;
}

blockquote:before {
	position: absolute;
	top: 23px;
	left: 0;
	content: '\f10d';
	font-family: 'FontAwesome';
	font-size: 38px;
	line-height: 0;
	font-style: normal;
}

.one_third blockquote {
	margin-left: 0;
	padding-right: 0;
}

img, #content .isotope-wrapper.portfolio article h3, #content .isotope-wrapper.portfolio article .ebor-likes, #content .isotope-wrapper.portfolio article .ebor-lightbox, #content, #main-header, #mobile-header, #mobile-logo, a, .postnav {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#content .isotope-wrapper.portfolio article .ebor-likes, #content .isotope-wrapper.portfolio article .ebor-lightbox, .blog-image-wrapper .ebor-lightbox, .blog-image-wrapper .ebor-likes {
	-webkit-transition: all 300ms 200ms ease-in-out;
	-moz-transition: all 300ms 200ms ease-in-out;
	-ms-transition: all 300ms 200ms ease-in-out;
	-o-transition: all 300ms 200ms ease-in-out;
	transition: all 300ms 200ms ease-in-out;
}

img:hover {
	opacity: 0.7;
}

#content .isotope-wrapper.portfolio article:hover img, .blog-image-wrapper:hover img {
	opacity: 0.3;
}

.viewer img:hover {
	opacity: 1;
}

hr {
	height: 2px;
	width: 100%;
	display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	HEADER STYLES
/*-----------------------------------------------------------------------------------*/

#main-header {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 240px;
	background: #f5f5f5;
	z-index: 99;
}

#main-header a {
	color: #1c1c1c;
}

#scroller {
	padding-bottom: 30px;
}

#mobile-header {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 42px;
	background: #e5e5e5;
	display: none;
	cursor: pointer;
	z-index: 99;
}

#mobile-header i {
	position: absolute;
	top: 10px;
	left: 9px;
	color: #1c1c1c;
}

.admin-bar #mobile-header i {
	top: 38px;
}

.admin-bar #main-header{
	top: 28px;
}

#logo, .article-title, #main-nav {
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

#logo {
	padding: 40px 20px;
}

#logo:after, .article-title:after, #main-nav:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 45px;
	background: #1c1c1c;
}

#logo:after, #main-nav:after {
	left: 20px;
}

#logo p {
	margin: 20px 0 -10px 0;
}

#main-nav a {
	letter-spacing: 1px;
	padding: 0 20px 5px;
	display: block;
}

#main-header ul ul {
	display: none;
	background: #e5e5e5;
	padding: 11px 0 8px 35px;
	margin: 5px 0 20px;
}

#main-header ul .current-menu-parent ul {
	display: block;
}

#main-nav li {
	position: relative;
}

#main-header span {
	float: left;
	z-index: 99;
	cursor: pointer;
	padding: 7px 10px 5px 0px;
	line-height: 0;
	position: relative;
}

#main-nav span {
	padding: 7px 10px 5px 20px;
}

#header-sidebar {
	padding: 0 27px 0 20px;
}

.current-menu-item > a, .current-menu-parent > a, #main-header a:hover {
	opacity: 0.5;
}

/*-----------------------------------------------------------------------------------*/
/*	BLOG STYLES
/*-----------------------------------------------------------------------------------*/

#content, #mobile-logo {
	padding: 15px 15px 15px 255px;
	position: relative;
	overflow: hidden;
}

#mobile-logo {
	padding-top: 30px;
	text-align: center;
	display: none;
	cursor: pointer;
}

#mobile-logo img {
	max-height: 60px;
	width: auto;
}

#content .isotope-wrapper article {
	width: 29.2%;
	margin: 2%;
	float: left;
}

.article-wrapper {
	padding: 20px 23px;
	background: #fff;
}

.alt-article {
	margin-bottom: 10px;
}

.alt-article .article-wrapper {
	padding: 0;
}

.alt-article .blog-image-wrapper + .article-wrapper {
	padding: 0 0 0 30px;
}

.alt-article p a {
	display: block;
	padding-top: 15px;
}

.article-title, #comments > h3 {
	font-size: 18px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

 #comments > h3 {
 	padding: 30px 0 25px;
 }

.widget-title {
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.blog-image-wrapper {
	position: relative;
	overflow: hidden;
}

#content .isotope-wrapper article p {
	margin-bottom: 0;
}

.post-meta {
	padding: 10px 20px;
	background: #f5f5f5;
	letter-spacing: 0px;
	font-size: 12px;
}

.alt-article .blog-image-wrapper {
	float: left;
}

.alt-article .article-wrapper {
	background: none;
	overflow: hidden;
}

.alt-article .article-title {
	margin-bottom: 0;
	padding-bottom: 0;
}

.alt-article .floatright, .single .floatright {
	float: none;
	margin-left: 10px;
}

.alt-article .clearfix {
	font-size: 12px;
}

#blog-alt-padder {
	padding: 2%;
}

aside {
	font-size: 12px;
}

.pagination {
	text-align: center;
	margin: 25px 0 30px;
}

.blog .pagination, .search .pagination {
	text-align: left;
}

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

.pagination li, .post-pagination li {
	display: inline-block;
}

.pagination a {
	display: inline-block;
	border: 2px solid #e5e5e5;
	padding: 8px 15px;
	font-size: 18px;
	margin: 0 4px;
	color: #e5e5e5;
}

.blog .pagination a {
	margin-right: 7px;
}

.single .article-title {
	font-size: 24px;
}

#singlecomments.commentlist {
	margin-left: 0;
}

h4 span.meta {
	font-size: 12px;
	letter-spacing: 3px;
	margin-left: 10px;
}

.single .article-title {
	padding-bottom: 0;
}

.single .article-title:after, .page .article-title:after {
	display: none;
}

.page-template-page_home-php .article-title:after {
    display: block;
}

.alt-article p:nth-of-type(2) a {
	display: inline-block;
	padding: 0;
}

.article-wrapper p:nth-of-type(2) a {
	padding-top: 15px;
}

.alt-article .article-wrapper p:nth-of-type(2) a {
	padding-top: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO STYLES
/*-----------------------------------------------------------------------------------*/

#content .isotope-wrapper.portfolio article a {
	display: block;
	position: relative;
}

#content .isotope-wrapper.portfolio article {
	position: relative;
	overflow: hidden;
}

#content .isotope-wrapper.portfolio article p a {
	display: inline-block;
}

#content .isotope-wrapper.portfolio article h3 {
	text-transform: uppercase;
	letter-spacing: 5px;
	position: absolute;
	top: 15px;
	left: 17px;
	font-size: 18px;
	color: #fff;
	padding-right: 15px;
	pointer-events: none;
	opacity: 0;
}

#content .isotope-wrapper.portfolio article:hover h3 {
	opacity: 1;
}

#content .isotope-wrapper.portfolio article .ebor-likes, #content .isotope-wrapper.portfolio article .ebor-lightbox, .blog-image-wrapper .ebor-likes, .blog-image-wrapper .ebor-lightbox {
	position: absolute;
	bottom: 15px;
	left: -50px;
	width: 35px;
	height: 35px;
	background: #1c1c1c;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	line-height: 0;
	padding-top: 11px;
}

#content .isotope-wrapper.portfolio article .ebor-lightbox, .blog-image-wrapper .ebor-lightbox {
	left: -50px;
	font-size: 12px;
}

#content .isotope-wrapper.portfolio article .ebor-likes:hover, #content .isotope-wrapper.portfolio article .ebor-lightbox:hover, .blog-image-wrapper .ebor-lightbox:hover, .blog-image-wrapper .ebor-likes:hover {
	background: #f9f9f9;
	color: #1c1c1c;
}

#content .isotope-wrapper.portfolio article:hover .ebor-likes, .blog-image-wrapper:hover .ebor-likes, .blog-image-wrapper:hover .ebor-lightbox {
	left: 15px;
}

#content .isotope-wrapper.portfolio article:hover .ebor-lightbox, .blog-image-wrapper:hover .ebor-lightbox {
	left: 56px;
}

.single-portfolio article, .home-article, .single article, .page article {
	padding: 2%;
}

.portfolio-lightbox-image {
	display: block;
	margin-bottom: 5%;
}

.single-portfolio .two_thirds, .single-portfolio .one_third {
	margin-bottom: 0;
}

.single article, .page article, .alt-article {
	color: #a5a5a5;
}

.single article h1, .single article h2, .single article h3, .single article h4, .single article h5, .single article h6,
.page article h1, .page article h2, .page article h3, .page article h4, .page article h5, .page article h6,
.alt-article article h1, .alt-article article h2, .alt-article article h3, .alt-article article h4, .alt-article article h5, .alt-article article h6, .single a, .page a {
	color: #e5e5e5;
}

/*-----------------------------------------------------------------------------------*/
/*	HELPER CLASSES
/*-----------------------------------------------------------------------------------*/

.margin-right-10 {
	margin-right: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.remove-bottom {
	margin-bottom: 0;
}

.comment img {
	float: left;
	margin-right: 20px;
}

.comment-content {
	overflow: hidden;
}

.break-40 {
	height: 40px;
}

/*-----------------------------------------------------------------------------------*/
/*	COMING SOON
/*-----------------------------------------------------------------------------------*/

.whoopsie-daisy-wrapper {
	text-align: center;
	padding: 20px 0;
}
.whoopsie-daisy-wrapper * {
	color: #e5e5e5;
}
.whoopsie-daisy {
	font-size: 80px; 
	letter-spacing: 13px; 
	margin-bottom: 35px;
	text-indent: 14px;
	line-height: 60px;
}
.whoopsie-daisy small {
	display: block;
	font-size: 20px;
	letter-spacing: normal;
	text-indent: 0;
}

.clock {
	width: 100px;
	height: 100px;
	border: 2px solid #e5e5e5;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
}

.clock .big-time {
	font-size: 46px;
	display: block;
	padding: 20px 0 15px;
}

.clock .small-time {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
}

.clock-wrapper {
	margin-right: 4%;
	display: inline-block;
}

.clock-wrapper.last {
	margin-right: 0;
}

.postnav {
	width: 35px;
	height: 35px;
	background: #e5e5e5;
	color: #1c1c1c !important;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	font-size: 22px;
}

.postnav:hover {
	background: #fff;
}

.postnav.prev i, .postnav.next i {
	position: relative;
	top: 3px;
}

.postnav.next i {
	left: 2px;
}

.postnav.up i {
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 16px;
}

.share, .postnav-wrapper {
	display: inline-block;
}

.share .postnav i {
	position: relative;
	top: 3px;
}

.single-portfolio .share {
	display: block;
	padding-top: 20px;
}

.single-post .share {
	padding: 20px 0 0 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	MAINTENANCE
/*-----------------------------------------------------------------------------------*/

.page-template-page_maintenance-php #content {
	overflow: hidden;
	height: 100%;
}

.page-template-page_maintenance-php #content > i {
	position: absolute;
	font-size: 330px;
	top: 30px;
	right: 40px;
	color: rgba(255,255,255,0.06);
}

.page-template-page_maintenance-php article, .page-template-page_coming_soon-php article {
	max-width: 550px;
	padding-left: 40px;
	min-height: 400px;
}
/*-----------------------------------------------------------------------------------*/
/*	FOOTER STYLES
/*-----------------------------------------------------------------------------------*/

   
/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/

div.wpcf7 .wpcf7-not-valid { 
	border-color: #f9bbb8;
	border-width: 2px;
	background: #ffe5e3;
}

span.wpcf7-not-valid-tip { display: none !important }

div.wpcf7-validation-errors {
	margin: 0;
	padding: 5px 10px;
	color: #c4690e;
	background: #fffdf3;
	border: 2px solid #e6bf4a;

}

div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	background: #cef0cb;
	color: #698733;
	border: 2px solid #91cc8c;
}

img.wpcf7-form-control.wpcf7-captchac {
	margin: -5px 10px 10px 0;
	border: 2px solid #e5e5e5;
	padding: 8px 10px 9px;
	width: 102px;
}

/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/

#reply-title {
	display: none;
}

.comments {
	padding-top: 30px;
}

.sticky {
	
}

.bypostauthor {
	
}

.alignleft,
.aligncenter,.alignright,
.alignnone {
	margin-bottom: 15px;
	margin-top: 15px;
}

.alignnone {
	display: block;
}

.alignleft { 
	float: left; 
	margin-right: 30px; 
}

.alignright { 
	float: right; 
	margin-left: 30px; 
}

.aligncenter { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
	width: 100% !important;
}

.wp-caption { max-width: 100%; text-align: center; color: #999; padding: 0; }

.gallery-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; position: absolute; top: 0; left: 0; z-index: 999; }

.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }

.aligncenter { 
	text-align: center 
}

table {
	border: 1px solid #e5e5e5;
}

table th {
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
}

table td {
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
}

table#wp-calendar {
	border: 1px solid #cccccc;
	max-width: 200px;
}

table#wp-calendar * {
	padding: 3px 4px 2px !important;
}

table#wp-calendar>tbody>tr>td>a {
	text-decoration: underline
}

table#wp-calendar thead>tr>th { 
	width: 15px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}

table#wp-calendar tbody>tr>td {
	width: 15px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}

table#wp-calendar tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	nowhitespace: afterproperty;
	margin-left: 10px;
	padding-bottom: 3px;
}

table#wp-calendar tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}

table#wp-calendar tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}

.widget_rss ul {
	margin: 0;
}

.widget_rss ul li {
	margin-bottom: 20px; padding-bottom: 20px; list-style: none;
}

.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block;
}

.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}

.widget_rss li cite {
	margin-top: 10px;
}

.wp-post-image, .attachment-post-thumbnail {
	width: 100%;
}

h3 .rsswidget {
	line-height: 17px;
}

.hentry .children {
	margin: -40px 0 0 90px;
}

#comments li {
	margin-bottom: 40px;
}

.wp-caption a {
	display: block;
	width: 100%;
	height: 100%;
}

.ebor-button, .ebor-alert {
	font-style: normal;
	text-transform: uppercase;
}

.widget {
	margin-bottom: 30px;
}

.widget p:last-child {
	margin-bottom: 0;
}

li.recentcomments {
	margin-bottom: 10px;
	list-style: none !important;
}

ul#recentcomments {
	margin-left: 0;
	list-style: none;
}

#header-sidebar {
	padding-top: 10px;
}

.hentry ul, .hentry ol {
	margin: 0 0 25px 30px;
}

.widget ul, .widget ol  {
	margin: 0 0 0 30px;
}

.hentry ul li, .widget ul li {
	list-style: square;
}

.hentry ol li, .widget ol li {
	list-style: decimal;
}

.hentry .ebor-tabs ul {
	margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	PLUGINS
/*-----------------------------------------------------------------------------------*/

.tp-leftarrow.default,
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    top: 50% !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.3);
    color: #f7f7f7;
    line-height: 1;
    font-size: 16px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    margin-top: -17px;
}

.tparrows:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    padding-top: 9px;
}
.tp
arrows.tp-rightarrow:before {
	padding-left: 3px;
}

.tp-leftarrow.default:before {
    content: '\f104'
}

.tp-rightarrow.default:before {
    content: '\f105'
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
	background: rgba(0,0,0,0.6);
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.isotope-wrapper article {
	padding: 0;
}

.tp-caption.largeblackbg {
	background: #1c1c1c;
}

ul.ebor-social li {
	line-height: 0;
}

a.ebor-social, a.ebor-social-16px, a.ebor-social-32px {
	margin: 0 6px 0 0 !important;
}

.resp-easy-accordion h2.resp-accordion, h2.resp-accordion {
	background: #fff;
}

.resp-tabs-list li {
	padding: 7px 13px 6px;
	background: #fff;
}

.resp-tab-active {
	padding: 7px 13px 7px !important;
}

.resp-vtabs li.resp-tab-active {
	border-bottom: 1px solid #c1c1c1 !important;
}

.ebor-tabs *, .ebor-tabs h2 {
	color: #666 !important;
}

.search-title.article-title {
	font-size: 24px;
}