/*  
Theme Name: AcademicTS
Theme URI: http://demo.templatesquare.com/academic/
Description: Academic is clean and modern WordPress Theme best suited for education, course, academic, consultant and any business sites.
Version: 1.1
Author: templatesquare
Author URI: http://www.templatesquare.com/
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, theme-options, custom-colors, custom-menu, featured-images, rtl-language-support, full-width-template, translation-ready, editor-style, sticky-post
Text Domain: academicts

*/

/*------------------------------------------------------------------

[Table of contents]

1. Global Elements
2. Container
3. Header 
	3.1. Navigation
	3.2. Slider
4. Content 
	4.1. Homepage Template
	4.2. Portfolio Template
	4.3. Testimonials Template
	4.4. Blog 
	4.5. Widgets
5. Sidebar
6. Footer Sidebar
7. Copyright
8. Plugin

-------------------------------------------------------------------*/


/* 1. GLOBAL ELEMENTS
-------------------------------------------------------------------*/
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
/* $rembase = 10px */
html {
	font-size: 62.5%;
	-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/ */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote {
	quotes: none; }
blockquote:before, blockquote:after{
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

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: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}



/**
 * Links
 */
a{
	text-decoration:none; 
	color:#77403f;
	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
	
}
a:hover,
a:focus,
a:active{color:#555555;}


/**
 * Typography
 */
 
/*
$fontbase = 14
$line-height-base = 26
*/

body {
    font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.857142857142857; /* $line-height-base ÷ $fontbase */
	color:#555555; 
	background:#f9f9f9
}



/* heading */
h1 {
	font-size: 30px;
	font-size:3rem;
}
h2 {
	font-size: 24px;
	font-size: 2.4rem;
}
h3 {
	font-size: 20px;
	font-size: 2rem;
}
h4 {
	font-size: 18px;
	font-size: 1.8rem;
}
h5 {
	font-size: 16px;
	font-size: 1.6rem;
}
h6 {
	font-size: 14px;
	font-size: 1.4rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif; 
	font-weight:400;
	letter-spacing: 0.25px;
	line-height:normal;
	color:#222222;
}

p {
	margin: 0 0 1.75em;
}

/*p:last-child, p:last-of-type{ margin-bottom:0;}*/

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
    clear: both;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	line-height:24px;
	margin:20px 0 20px 0px;
	padding:8px 20px 10px 18px;
	color:#aeaeae;
}

blockquote {
	quotes: none;
}

blockquote:before,
blockquote:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #77403f;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #77403f;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}

q {
	quotes: """ """ "'" "'";
}

:focus {
	outline: none;
}


/**
 * Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


hr {
	background-color: #d9d9d9;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #ebf0f2;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}



/* 2. CONTAINER
-------------------------------------------------------------------*/

#bodychild {
	max-width:1300px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(231, 231, 231, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(231, 231, 231, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(231, 231, 231, 0.75);
}

.bg-body{ background-image:url(images/bg-body.png);}
.bg-body.checkbox-on{ background:none;}

/* Theme Frame */
.container{ max-width: 1200px;}
.row .row { margin: 0 -15px; }
.column, .columns {padding: 0 15px;}



/* 3. HEADER 
-------------------------------------------------------------------*/
#outerheader{margin:0 0 46px;}
#outerheader.slider-on{ margin-bottom:0px;}

#top { padding: 35px 0px 0px; border-top: 10px solid #77403f; text-align:center;}

#logo {
    margin: 0px 0 0 0px ;
	display:inline-block;
}
#logo a:hover{ text-decoration:none;}

/* Logo Text */
#logo .site-title {
    line-height: 100%;
    margin-bottom: 3px;
    font-size:30px;
	letter-spacing: 1px;
	text-transform:uppercase;
	color:#77403f;
}

#logo .site-description{ font-size:14px; line-height:normal; margin:0px; padding:0px; color:#9e9e9e;}



/*======= 3.1. Navigation =======*/

#navigation {
    position: relative;
    z-index: 200;
    margin: 48px 0px 0 0;
	padding:0px;
	display:block;
	border-top:1px solid #666666; 
	border-bottom:1px solid #666666;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0px;
	left: 100%;
}


/*** SKIN ***/
#top-nav-wrap .sf-menu li.current-menu-ancestor ,
#top-nav-wrap .sf-menu li.current_page_ancestor ,
#top-nav-wrap .sf-menu .current_page_item ,
#top-nav-wrap .sf-menu .current_page_ancestor ,
#top-nav-wrap .sf-menu .current-menu-item ,
#top-nav-wrap .sf-menu .current-cat  {
	border-top: 3px solid #666666;
}
#top-nav-wrap .sf-menu li.current-menu-ancestor a,
#top-nav-wrap .sf-menu li.current_page_ancestor a,
#top-nav-wrap .sf-menu .current_page_item a,
#top-nav-wrap .sf-menu .current_page_ancestor a,
#top-nav-wrap .sf-menu .current-menu-item a,
#top-nav-wrap .sf-menu .current-cat a {
	color: #77403f;
	margin: 13px 0px 16px;
}
#top-nav-wrap .sf-menu li .current_page_item a, 
#top-nav-wrap .sf-menu li .current_page_item a:hover,
#top-nav-wrap .sf-menu li .current-menu-item a, 
#top-nav-wrap .sf-menu li .current-menu-item a:hover,
#top-nav-wrap .sf-menu li .current-cat a, 
#top-nav-wrap .sf-menu li .current-cat a:hover {
	color: #77403f;
}

/* 2nd */	
#top-nav-wrap .sf-menu .current_page_item ul li a,
#top-nav-wrap .sf-menu .current-menu-item ul li a,
#top-nav-wrap .sf-menu .current-menu-ancestor ul li a,
#top-nav-wrap .sf-menu .current_page_ancestor ul li a,
#top-nav-wrap .sf-menu .current-cat ul li a,
#top-nav-wrap .sf-menu .page_item_has_children.current_page_item ul li a,
#top-nav-wrap .sf-menu .current_page_item.menu-item-has-children ul li a,
#top-nav-wrap .sf-menu .current-menu-item.menu-item-has-children ul li a
 {
	color: #9e9e9e;
	margin:0px;
	}
#top-nav-wrap .sf-menu .current_page_item ul li a:hover,
#top-nav-wrap .sf-menu .current-menu-item ul li a:hover,
#top-nav-wrap .sf-menu .current-menu-ancestor ul li a:hover,
#top-nav-wrap .sf-menu .current_page_ancestor ul li a:hover,
#top-nav-wrap .sf-menu .current-menu-ancestor ul .current_page_item > a,
#top-nav-wrap .sf-menu .current_page_ancestor ul .current-menu-item > a,
#top-nav-wrap .sf-menu .current-menu-ancestor ul .current-menu-item > a,
#top-nav-wrap .sf-menu .current_page_ancestor ul .current_page_item > a,
#top-nav-wrap .sf-menu .current-cat ul li a:hover {
	color: #fff;
	background:#77403f;
	margin:0px;
}

#top-nav-wrap .sf-menu .current_page_item ul li,
#top-nav-wrap .sf-menu .current-menu-item ul li,
#top-nav-wrap .sf-menu .current-menu-ancestor ul li,
#top-nav-wrap .sf-menu .current_page_ancestor ul li,
#top-nav-wrap .sf-menu .current-menu-ancestor ul .current_page_item ,
#top-nav-wrap .sf-menu .current_page_ancestor ul .current-menu-item ,
#top-nav-wrap .sf-menu .current-cat ul li {
	border-top: 0px;
}

.sf-menu ul {
	min-width: 14em; /* allow long menu items to determine submenu width */
	*width: 14em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	background: none;
	font-size:14px;
	font-size:1.4rem;
	line-height: normal;
	text-decoration: none;
	letter-spacing:2px;
	text-transform: uppercase;
	margin: 16px 0px 16px;
	padding: 0px 24px;
	color: #9e9e9e;
}
.sf-menu a:hover{color: #77403f; }
	
.sf-menu ul{
	background-color: #f0eded;
	border:0px;
	padding:0px 0;
	text-align:left;
}

.sf-menu li li a {
	display: block;
	width: auto;
	background: none;
	font-size: 14px;
	font-size:1.4rem;
	text-transform: none;
	text-transform:uppercase;
	line-height: 1.2;
	margin: 0px;
	padding: 10px 18px;
	border-left: none;
	-webkit-transition: none;
  	transition: none;
}

#top-nav-wrap .sf-menu li .current_page_parent > a, 
#top-nav-wrap .sf-menu li .current_page_parent > a:hover, 
#top-nav-wrap .sf-menu li .current-menu-parent > a, 
#top-nav-wrap .sf-menu li .current-menu-parent > a:hover, 
#top-nav-wrap .sf-menu li .current_page_ancestor.current_page_parent > a, 
#top-nav-wrap .sf-menu li .current_page_ancestor.current_page_parent > a:hover, 
#top-nav-wrap .sf-menu li .current-menu-ancestor.current-menu-parent > a, 
#top-nav-wrap .sf-menu li .current-menu-ancestor.current-menu-parent > a:hover{ color:#fff}

.sf-menu li li a:hover{ background:#77403f; color:#fff}

.sf-menu li li { border-bottom:1px solid #e5e1e1}
.sf-menu li li:last-child{ border-bottom:0}
.sf-menu li li:first-child a{ border:0px;}
.sf-menu li.sfHover:hover {outline: 0;}



.sf-menu ul ul:before, .sf-menu ul ul:after{ display:none}
.sf-menu ul:before, .sf-menu ul:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}


/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(102,102,102,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #747474; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(102,102,102,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #747474;
}




/* dropdown mobile */
.tinynav {
    display: none; /* hide menu icon initially */;
	background:#fff; border:1px solid #eee;
}

/* Search Top */
#top #searchform {
    float: right;
    margin:12px 0 ;
}
#top #searchform .searcharea{ background:transparent; border:0px;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	box-shadow: none;
}
#top #searchform #searchform #s {
    padding: 0;
    border: 0;
}
#top #searchform input#s {
	margin: 0;
	padding: 6px 0 6px 34px;
	width: 1px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	border: none;
	-webkit-transition:all 0.4s ease 0s;
	   -moz-transition:all 0.4s ease 0s;
		 -o-transition:all 0.4s ease 0s;
			transition:all 0.4s ease 0s;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
	font-style:normal;
	background: url(images/small-search.png) no-repeat 10px 3px;
	color: #ffffff;
}

#top  #searchform input#s:focus {
	font-size: 12px;
	padding: 6px 0 6px 34px;
	width: 115px;
	border: none;
	cursor: text;
	background-color: #efefef; color: #555555;
}

#top  #searchform .searchbutton { display: none; } /* Hide Search Submit button */

/*======= 3.2. Slider =======*/

#slidercontainer {
    padding:  0px;
    margin: 0px 0 50px;	
	overflow:hidden;
}

#slider { position: relative; z-index:2; margin:0 auto}

/* for video */
#slider .videoWrapper {
	position: relative;
	padding-bottom: 38.5%; 
	padding-top: 25px;
	height: 0;
}
#slider .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#slider .flex-caption {
	width: 80%;
	height: 70px;
	overflow:hidden;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
	top:0;
    bottom: 0;
    right: 0;
	background-color: transparent!important;
}

#slider .slides > li {display: none; -webkit-backface-visibility: hidden; text-align:center;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#slider .slides li{ margin:0px; padding:0px;}
#slideritems {   
	position: relative;
    min-height: 440px;
    background: url(images/ajax-loader.gif) no-repeat center center;
}
#slider img{ width: auto; display: inline;}

#slider .slider-info {background-color: rgba(0,0,0,0.8); display:inline-block; padding: 14px 30px 14px; color:#fff; text-align:center}

#slider .slider-title { 
	font-size:36px; 
	font-size: 3.6rem;
	font-weight:normal;
	line-height: normal;
	letter-spacing: 0px;
	padding:0px 0px 0px;
	margin:0px; 
	line-height:normal; 
	color:#fff; 
	
}
#slider .slider-title a{ color:#fff}
#slider .slider-title a:hover{ text-decoration:none;}

#slider ul.slides > li { padding: 0px; margin:0px;}



#slider ul.flex-direction-nav li{display:block; padding:0px;}
#slider ul.slides > li{padding:0px;}
#slider ul.flex-direction-nav a{
	display:block; 
	position: absolute; 
	top:0; 
	bottom:0; 
	margin:auto; 
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; 
	width: 60px; height: 70px; background-repeat:no-repeat; background-position:center; background-color:#000; text-indent:999999em;
	opacity: 0.7;
}
#slider ul.flex-direction-nav a:hover{opacity: 1;}
#slider .flex-direction-nav .flex-prev {left: 0;}
#slider .flex-direction-nav .flex-next {right: 0;  }

#slider ul.flex-direction-nav a.flex-prev {
    background-image: url(images/slider-arrow-left.png);
    background-position: center;
}

#slider ul.flex-direction-nav a.flex-next {
    background-image: url(images/slider-arrow-right.png);
    background-position: center;
}


/* 4. CONTENT
-------------------------------------------------------------------*/

#maincontent{ padding:0 0 65px 0}

.content-area .site-main{ padding-right:35px;}
.content-area .site-main.full{ padding:0px;}
.content-area.positionright{ float:right;}/* use in left sidebar template*/
.content-area.positionright .site-main{ padding:0 0 0 35px;}


/* page title */
.homepage .page-title-header{ padding-top:46px; }
.page-title-header{ 
	margin:0 0 27px 0;
	padding: 0 0px; 
}

.page-title {
    font-size: 18px;
	font-size:1.8rem;
    line-height: normal;
	letter-spacing: 0.25px;
    margin: 0px 0px 0 0;
    display: inline-block;
}
.page-title-header .page-desc{
	font-size: 14px;
	font-size:1.4rem;
	line-height:normal;
	padding-top:10px; 
	margin:0px;
	display:block;
	text-transform:none;
}

.taxonomy-description p{ margin:0px;}

.single-jetpack-portfolio .page-title { margin:0px;}
.single-jetpack-portfolio .portfolio-cat{ margin:-2px 0 14px;}


/* image */
.frame, .gallery .gallery-item { border:0;}

/* Custom css */
.red{color: #77403f;}
.boldtext{ font-weight:bold;}
.line-height{ line-height:100%}
.padding-top20{ padding-top:20px;}
.indentleft {
    overflow: hidden;
}

.center {
    text-align: center;
}

.nomargin {
    margin: 0px!important;
}

.displayblock {
    display: block;
}

/* Headings */
.entry-content h1, 
.entry-content h2, 
.entry-content h3 {
	margin-bottom:1.000em;
}
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
	margin-bottom:1.250em;
}


/**
 * Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text,
.assistive-text,
.site .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/**
 * Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.875em 1.750em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.875em 1.750em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.750em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}



/**
 * Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #555555;
	font-size: 13px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/**
 * Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.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-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #555555;
	display: block;
	font-size: 13px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/* List */

ul.list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.list li {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

ul.checklist {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.checklist li {
    padding: 0 0 6px 20px;
}

/**
 * Images
 */
 
img {
    max-width: 100%;
    height: auto;
}

.imgopacity:hover {
    opacity: 0.5;
}

img[class*="wp-image-"], img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}


/**
 * form & button
 */
 
form {
    margin: 0;
    padding: 0;
}

input {
	line-height: normal;
}

label{ 
	color:#555555;
	font-size:12px;
	font-style:1.2rem;
}
span.required{ color:#f00;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea, 
select {
    font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
    padding: 7px 5px;
	width: 90%;
	border:1px solid #e5e1e1;
	color:#555555;
}

.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="url"],
.entry-content input[type="password"],
.entry-content input[type="search"],
.entry-content input[type="tel"],
.entry-content input[type="number"],
.entry-content textarea, 
.entry-content select {
	width: auto;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    outline: 0;
}

.button, 
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    padding: 0.688em 1.438em 0.688em;
    cursor: pointer;
    font-size: 12px;
	font-size:1.2rem;
    line-height: 1.444;
	text-transform:uppercase;
	background: #77403f; 
	border:0;
	color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

article.post-password-required input[type="submit"]{
   	font-size: 14px;
    line-height: 1;
    padding: 9px 18px 10px;
}


.button:hover, 
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
    text-decoration: none;
	background: #555555; 
	border:0;
	color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: 0;
}

#respond form input[type="text"],
#respond form input[type="email"],
#respond form input[type="url"] {
		width: 46.333333333%;
}
#respond form textarea {
	width: 79.555555667%;
}
	

/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}



/* Separator */
.spacer {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    clear: both;
}

.separator {
    display: block;
    height: 30px;
    padding: 0 0;
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
    clear: both;
}

/*======= 4.1. Homepage Template =======*/

.site-content.homepage .site-main > article{
	margin:0px;
	padding:0px;
	border:0px;
}


#homepage-wrapper {border-bottom:1px solid #d9d9d9; padding:0 0 68px}
#homepage-wrapper .customiz-title{
	font-size:18px;
	font-size:1.8rem;
	padding:19px 0 10px;
	margin:0 0 24px;
	border-bottom:1px solid #d9d9d9;
}



/* Highlight */
#homepage-wrapper .homehighlight img{ margin:6px 0 22px;}

/* Post Tags */
#homepage-wrapper .recentpost-wrapper .recent-item{margin:0 0 10px; padding:0 0 12px; border-bottom:1px solid #d9d9d9;}
#homepage-wrapper .recentpost-wrapper .recent-title{ font-size:17px; font-size:1.7rem; line-height:1.429411764705882;}
#homepage-wrapper .recentpost-wrapper .recent-cat{ margin-top:3px}
#homepage-wrapper .recentpost-wrapper .recent-cat a{ color:#555;}
#homepage-wrapper .recentpost-wrapper .recent-cat a:hover{ color:#77403f;}


/* Testimomials */
#homepage-wrapper .testimomials{
	border:1px solid #d9d9d9;
	padding:19px 29px 7px;
}
#homepage-wrapper .testimomials .customiz-title{margin:0 0 38px; padding-top:0;}
#homepage-wrapper .testipost .testi-item{ margin:0 0 22px; padding:0 0 22px; border-bottom:1px solid #d9d9d9;}
#homepage-wrapper .testipost .testi-text{ font-style:italic; margin:0px; line-height:24px;}
#homepage-wrapper .testipost .testi-title{ font-size:14px; font-size:1.4rem; margin:5px 0 0; color:#555;}
#homepage-wrapper .more-testi{ text-align:right; line-height:1; margin:-7px 0 23px;}

/* portfolio */
#homeportfolio-container { margin:40px 0 0; padding:0 0 42px; border-bottom:1px solid #d9d9d9;}
.customiz-pf-title{ text-align:center; font-size:18px; font-size:1.8rem; margin:0 0 42px;}


/*======= 4.2. Portfolio Template =======*/

.portfolio-filter {
  font-size: 14px;
  font-size:1.4rem;
  line-height:1.6;
  float:right;
}
 
.portfolio-filter ul {
  margin: 0 0;
  padding: 0;
}
 
.portfolio-filter ul li {
  color: #666;
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  margin: 0 1.429em 0 0;
  padding: 0;
}
 
.portfolio-filter ul li:last-child {
  margin-right: 0;
}
 
.portfolio-filter ul li:focus, 
.portfolio-filter ul li:hover, 
.portfolio-filter ul li.filter.active {
  color:#77403f; 
}
 
 /* Portfolio Items*/
 
.portfolio-wrapper{
    margin-bottom: -3.357em;
    width: 100%;
    float: left;
}
.portfolio .item{ margin-bottom:3.357em; display:block;  }
.portfolio .portfolio-img{ overflow:hidden; position:relative; margin-bottom:15px; }
.portfolio .portfolio-img img{ display:block;}

.portfolio .portfolio-img img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	display:block; width:100%; height:auto
}

.portfolio .portfolio-img:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	
}

.portfolio-text-wrapper{padding: 0; text-align:center;}
.portfolio-title{ 
	font-size:17px;
	font-size:1.7rem;
	letter-spacing:0.25px;
	line-height:normal;
	margin-bottom:5px;
}

.portfolio-title a{ color:#222222;}
.portfolio-title a:hover, .portfolio-title a:focus{ color:#77403f; text-decoration:none}

.portfolio .portfolio-cat{ line-height:1.2}

/* Portfolio Slider */

#portfolio-gallery{  position:relative; margin-bottom:1.417em}

#portfolio-gallery .item img{
	display: block;
	width: 100%;
	height: auto;
}

#portfolio-gallery  .owl-controls{
	width: 100%;
	height: 40px;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

/* Styling Next and Prev buttons */

#portfolio-gallery  .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-indent:-9999px;
	background: #000;
	width:40px; height:40px; 
	background-repeat:no-repeat; 
	background-position:center;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: .5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
#portfolio-gallery  .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

#portfolio-gallery  .owl-controls .owl-buttons .owl-prev{
	background-image:url(images/arrow-left.png);
	margin-left:0px;
 }
#portfolio-gallery  .owl-controls .owl-buttons .owl-next{
	float:right;
	margin-right:0px;
	background-image:url(images/arrow-right.png);  
}
#portfolio-gallery  .owl-controls .owl-buttons .owl-prev:hover{opacity: .9; }
#portfolio-gallery  .owl-controls .owl-buttons .owl-next:hover{opacity: .9; }

 




/*======= 4.3. Testimonials Template =======*/

.testimonial {
    margin-bottom: -3.750em;
    width: 100%;
    float: left;
}

.testimonial .item{ margin-bottom:3.750em; display:block; }
.testimonial .testi-quote{ 
	padding: 14px 19px 13px 19px;
	margin:0 0 20px;
	color:#555555; border:1px solid #e5e1e1;
	background:#fff;
	position: relative;
	font-size: 14px;
    font-style: italic;
    font-weight: 300;
	position: relative;
}
.testimonial .testi-quote p:last-child, 
.testimonial .testi-quote p:last-of-type{ margin-bottom:0;}

/* Styling for second triangle (border) */
.testimonial .testi-quote:after,
.testimonial .testi-quote:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    bottom: -10px;
    content: '';
    left: 16.8%;
    margin-left: -10px;
    position: absolute;
}

.testimonial .testi-quote:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid;
    border-top-color: inherit; /* Can't be included in the shorthand to work */
    bottom: -11px;
    margin-left: -11px;
}

.testimonial .testi-thumb img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
 	background: #fff;
    border: 1px solid #e5e1e1;
	padding:3px;
}

.testimonial .testi-thumb{
	margin:0 1.250em 0 1.750em;
	display:inline-block;
}

.testimonial .testi-title{ 
	display:inline-block; 
	font-size: 16px; 
	font-size:1.6rem;
	color:#222222;
}


/*======= 4.4. Blog =======*/

.single .site-content{ margin-top:50px}

.site-main > article .articlecontainer{
	margin-bottom: 5.714em;
	padding-bottom:0.857em;
	border-bottom:1px solid #e5e1e1;
	position: relative;
}
.site-main > article .articlecontainer:last-child{margin-bottom: 3.571em;}

.site-main.page > article .articlecontainer, .single.single-jetpack-portfolio .site-main > article .articlecontainer{ border:0px; padding:0px; margin:0px;}

.single .site-main > article .articlecontainer{ padding:0px 0 0 0; margin:0 0 0px; border:0px;}

.search .site-main > article{ 
	margin-bottom: 3.333em;
	padding-bottom:1.429em;
	border-bottom:1px solid #e5e1e1;
}

.post-thumbnail-link, .post-thumbnail img, .entry-content iframe{ margin:0 0 2.857em 0; border:0; display:block;}
.post-thumbnail img, .post-thumbnail-link img {display: block;}

.datecont{
	width:128px;
	font-size:20px;
	line-height:30px;
	margin:5px 50px 0 0;
	text-align:center;
	padding:26px 0 19px;
	border:1px solid #ededed;
	float:left;
}
.datecont .date {
	font-size:36px;
    padding-bottom: 5px;
}


.entry-title {font-size: 20px; font-size: 2rem; line-height:1.4; margin: 0 0 15px;}
.entry-title, .entry-title a{ color:#77403f}
.entry-title a:hover{ color:#555555}
.search .entry-title{ margin:0px;}

.articlecontainer .entry-title a:hover {color:#555555; text-decoration:none}
.articlecontainer{ overflow:hidden;}

.entry-utility {
    font-size: 13px;
	font-size: 1.3rem;
    margin:1.929em 0 0 ;
    padding: 0px 0px 0px;
}

.single .entry-utility{ margin:0px;}

.entry-utility div {
    display: inline-block;
	padding: 0 1em 0 0;
    line-height: 1;
}

.entry-content {
    margin: 0px;
    padding: 0 0px 0 0;
	position:relative;
}

.sticky.featured-post{ float:right; margin:0px; padding:0px;}

.single .entry-utility{ display:inline-block}
.single .entry-footer{font-size:13px; }
.single .line{ border-bottom:1px solid #d9d9d9; margin:0 0 50px; padding:20px 0 0;}

.entry-content {
    margin: 0px;
    padding: 0 0px 0 0;
}


.more-link{ 
	margin:0 0 0 0; 
	display:inline-block;
}

.entry-content.no-title p{ margin:0px; display:inline-block;}
.no-title.more-link{ display:inline-block;}


/* Post Format */

.entry-gallery .flexslider {
    margin-bottom: 0px;
}

.entry-quote{ margin-bottom:0px;}
.entry-quote .entry-content, .format-aside .entry-content, .format-link .entry-content{ margin:0px;}

.entry-quote blockquote {
    padding:0px 0 0 20px;
    font-size: 16px;
    margin: 0px;
	line-height:24px;
}
.entry-quote .info{display:inline-block;}
.entry-quote blockquote:before {
    top: -5px;
    left: -40px;
	font-size: 3.2em;
}

.entry-quote .quote-text {
    padding: 0;
    position: relative;
}

.entry-quote .quoteinfo{ 
	font-size:13px; 
	font-style:normal;
	margin-top:9px;
}

.format-video .mediacontainer {
    margin-bottom: 17px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 25px;
	height: 0;
}
.single .mediacontainer{ margin-bottom:17px!important;}
.format-audio .mediacontainer  {
    margin-bottom: 17px;
	position: relative;
	padding-bottom: 40%;
	padding-top: 25px;
	height: 0;
}

.mediacontainer iframe, .mediacontainer object, .mediacontainer video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.aside{
	margin:0 0 0 0;
	padding: 0 0 0 0;
}


.entry-links{
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
	
.entry-links div{ margin-top:3px;}


/**
 * author
 */

.author-info {
	margin: 0px 0 50px;
	padding:0px;

}

.author-info .avatar {
	float: left;
	margin: 0 30px 1px 0px;
 	background: #fff;
    border: 0px;
	padding:0px;
}

.author-title {
	clear: none;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3;
	margin:0 0 9px;
}

.author-bio {
	overflow: hidden;
}

.author-description {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.author-description a:hover,
.author-description a:focus {
	border-bottom: 0;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-link {
	white-space: nowrap;
}

.author-link:after {
	content: "";
	position: relative;
	top: 1px;
}



/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}




/**
 * Navigation
 */

.navigation {}

.navigation a:link,
.navigation a:visited {
    text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
    text-align: right;
}

.nav-previous a, .nav-next a {
    font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6666;
    padding: 0;
}

#nav-above {
    margin: 0 0 18px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above,
.single #nav-above {
    display: block;
	
}

.single #nav-below {padding: 0px 0 0px 0;}

#nav-below {
    padding: 10px 0 0 0;
    font-size: 12px;
    margin: 10px 0 0px 0;
    clear: both;
}


/* Custom Page Nav */
.paging.template, .archive-portfolio .navigation.pagination{margin-top:3.333em; padding:0 15px;}
.nav-links{
    list-style: none;
    margin: 0 0;
	padding:0 0 0;
	display:block;
	position:relative;
	z-index:10;
	text-align:center;
}

.prev.nav-links, 
.next.nav-links{ 
	font-size:14px;
	padding:0 0px;
	margin:0px;
	width:auto;
}

.nav-links .page-numbers {
    display: inline-block;
    margin: 0 3px 0px 3px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
	width:38px;
	height:38px;
	line-height:38px;
	color:#555;
	background:#fff;
	border: 1px solid #d9d9d9; 
}

.nav-links .page-numbers:hover,
.nav-links .page-numbers.current,
.nav-links .page-numbers.current:hover {
	width:38px;
	height:38px;
	line-height:38px;
	color:#fff;
	background:#666;
	border: 1px solid #666; 

}

.nav-links .page-numbers.dots{ border:0px; padding:0px; background:none} 
.nav-links .page-numbers.dots:hover{ background:none}

.nav-links a span { padding: 0 }
.nav-links:hover { text-decoration: none }

.nav-links .prev.page-numbers, .nav-links .next.page-numbers{ width:inherit; padding: 0px 15px 0px 14px;}

.single .nav-links a,
.single .nav-links span { width:auto; height:auto; border:0px;}
.single .nav-links .meta-nav{ display:inline-block;}



/**
 * Comments
 */
.comments-area {
	margin: 0px 0 0;
}
.bypostauthor {
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	font-size: 14px;
}

.comments-title {
	border: solid #d9d9d9;
	border-width:1px 0 0 0;
	padding:14px 0 10px;
	margin:50px 0 0;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d9d9d9;
	padding:20px 0 15px;
}

.comment-list .pingback p{ margin:0px;}

.comment-list > li:first-child article,
.comment-list > li:first-child .pingback,
.comment-list > li:first-child .trackback{  border-top:1px solid #d9d9d9;}


.comment-list .children {
	list-style: none;
	margin: 0;
	
}

.comment-list .children > li {
	margin-left: 6em; 
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
	float:left;
}

.comment-author .avatar {
	float: left;
	margin-right: 1.429em;
	position: relative;
 	background: #fff;
    border: 0;
	padding:0px;
}
.comment .comment-wrapper{ overflow:hidden}
.comment .comment-wrapper .reply{ }
.comment .comment-wrapper .reply a{ text-decoration:none; padding-right:10px; }
.comment .comment-wrapper .reply a:hover{ text-decoration:none;}

article .fn {
	font-size:14px; font-size:1.4rem; line-height:normal; font-style:normal; color:#555555; display:block; padding-bottom:11px;
}

.comment-metadata,
.pingback .edit-link {
	color: #909090;
	font-size: 13px;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 8px;
}

.comment-metadata a,
.comment-metadata a.date,
.pingback .comment-edit-link {
	color: #909090;
	font-style:italic;
	font-size:12px;
}

.comment-metadata a.date:hover,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #77403f;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-content{ margin-bottom:10px;}
.comment-content p:last-child, 
.comment-content p:last-of-type{ margin-bottom:0;}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	color: #77403f;
	display: inline-block;
	font-size: 13px;
	line-height: 1;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #555555;
	outline: 0;
}

.comment-form {
	padding-top: 0;
}

.comment-form label {
	color: #555555;
	display: block;
	font-size: 14px;
	line-height: 1.4153846154;
	margin-bottom: 0.5384615385em;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #555555;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 0;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {

}

.comment-navigation{border-top: 1px solid #d1d1d1; padding-top:0.938em;}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 10px;
}
.comment-subscription-form, .comment-subscription-form{ margin:0px;}
.required {
	color: #77403f;
}

.comment-reply-title small {
	font-size: 100%;
}



.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}



/**
 * Calendar Widget
 */

.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-size:14px;
	margin-bottom: 0.938em;
}

.widget_calendar tbody a {
	background-color: #77403f;
	color: #fff!important;
	display: block;
	font-weight:bold;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #555555;
	color: #fff;
}


/**
 * Tag and Page
 */
 
.tagcloud a{ 
	font-size: 12px!important;
	line-height:1;
	text-transform:uppercase;
	line-height:normal;
	color: #555555;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 7px 15px;
}
.tagcloud a{ border:1px solid #d9d9d9;}
.tagcloud a:hover{border:1px solid #d9d9d9;}


.entry-tag {
	padding: 0px;
	font-size:13px;
	font-size:1.3rem;
	display:block;
}

.tag-items { display: inline;}
.tag-items span {
    display: inline-block;
    padding: 0px 5px 0 0;
}
.tag-items span:after {
    color: #404040;
    content: ",";
    cursor: default;
    font-weight: 400;
    margin: 0 0px;
}
.tag-items span:last-of-type:after {display: none;}


.page-links{ margin:10px 0 0; font-size:14px;	font-size:1.4rem;}
.page-links span {display: inline-block;}




/*======= 4.5. Widgets =======*/

#searchform input {
    background: transparent;
    border: 0;
}

#searchform {
    position: relative;
}
#searchform .searcharea{
	border:1px solid #e3e3e3;
	-moz-box-shadow: 0 0 2px 0 #ebebeb;
	-webkit-box-shadow: 0 0 2px 0 #ebebeb;
	box-shadow: 0 0 2px 0 #ebebeb;
	background:#fff;
}
#searchform #s {
    padding: 10px 10px 10px 10px;
    border: 0;
}

.searchbutton {
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    text-indent: -9999px;
}

#searchform input.searchbutton{ padding:0px; width:30px; background: url(images/search-icon.png) no-repeat 0px 10px}



/* 5. SIDEBAR 
-------------------------------------------------------------------*/

.sidebar.positionleft {float: left;} /* use in left sidebar template*/

.sidebar .widget-title {
    font-size: 18px;
	font-size:1.8rem;
	line-height:normal;
	letter-spacing: 0.25px;
    padding: 0;
    margin: 0 0 18px 0;
}

.sidebar ul {
	font-size:14px;
	font-size: 1.4rem;
	line-height:1.6666;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

.sidebar .widget-container {
    margin-bottom: 4.643em;
    padding: 0px 0 0 0;
	
}

.sidebar li {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0 0 0px 18px;
	background:url(images/arrowlist.png) no-repeat 0 10px;
}

.sidebar li:last-child{ margin-bottom:0px;}

.sidebar li a { 
	color:#77403f;
	margin: 0 0 0 0;
}

.sidebar  li a:hover{color:#555555;}


/* Child */
.sidebar ul.sub-menu, .sidebar ul.children, .sidebar ul ul ul {
    margin: 0 0 0 0px;
}

.sidebar ul.sub-menu li {
	padding-left:18px;
	margin-top:5px;
}

.sidebar ul.sub-menu ul.sub-menu li {
    padding-left:18px;
	margin-top:5px;
}

.sidebar ul.sub-menu ul.sub-menu ul.sub-menu li {
    padding-left: 18px;
	margin-top:5px;
}

.sidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li {
    padding-left: 18px;
	margin-top:5px;
}


.sidebar ul.children li {
    padding-left:18px;
	margin-top:5px;
}

.sidebar ul.children ul.children li {
    padding-left: 18px;
	margin-top:5px;
}

.sidebar ul.children ul.children li {
    padding-left: 18px;
	margin-top:5px;
}

.sidebar ul.children ul.children li ul.children li {
    padding-left: 18px;
	margin-top:5px;
}


/* 6. FOOTER SIDEBAR 
-------------------------------------------------------------------*/
#outerfootersidebar{}

#footersidebar {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.714285714285714;
    padding:42px 0 36px;
	margin:0 0 0 0;
	background:#f6f6f6;
}

#footersidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footersidebar .widget-container {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0px 0px 0px 30px;
	
}

#footersidebar #footcol3 .widget-container{ padding-right:30px;}

#footersidebar .widget-title {
    font-size: 18px;
	font-size:1.8rem;
	letter-spacing: 0px;
	line-height:1.666;
    margin-bottom: 0.813em;

}

#footersidebar li {
    list-style-type: none;
    margin: 0 0 8px 0;
    padding: 0 0 0px 0;
}

#footersidebar li a{ color:#77403f; }
#footersidebar li a:hover{ color:#555555; }

/* Child */
#footersidebar ul.sub-menu, #footersidebar ul.children, #footersidebar ul ul ul {
    margin: 0 0 0 0px;
}

#footersidebar ul.sub-menu li {
    padding: 0px 0 0 0px;
	margin: 8px 0 0 0px;
}

#footersidebar ul.sub-menu li {
	padding-left:13px;
}

#footersidebar ul.sub-menu ul.sub-menu li {
    padding-left:13px;
}

#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li {
    padding-left: 13px;
}

#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li {
    padding-left: 13px;
}


#footersidebar ul.children li{
    padding: 0px 0 0 0px;
	margin: 8px 0 0 0px;
}

#footersidebar ul.children li {
    padding-left:13px;
	
}

#footersidebar ul.children ul.children li {
    padding-left: 13px;
	
}

#footersidebar ul.children ul.children li {
    padding-left: 13px;
	
}

#footersidebar ul.children ul.children li ul.children li {
    padding-left: 13px;
	
}

/* 7. COPYRIGHT
-------------------------------------------------------------------*/
#footer .copyright {font-size:13px; letter-spacing: 0px; background:#444; color:#fefefe; padding:24px 30px 24px 30px; }
#footer .copyright .right{ float:right; display:inline-block}

#footer .copyright a{color:#999;}
#footer .copyright a:hover{color:#fefefe;}

/* 8. PLUGIN
-------------------------------------------------------------- */


/* Ajax Pagination and Infinite Scroll */
.blog .malinky-load-more{margin-top:1.429em;}
.malinky-load-more {
    text-align: center;
	clear:both;
	margin-top:4.786em;
	position:relative;
	z-index:10;
}
.malinky-load-more__button {
    display:inline-block;
    padding: 0em;
    cursor: pointer;
    font-size: 18px;
	font-size:1.8rem;
	letter-spacing: 0.25px;
    line-height: 100%;
	background: transparent; 
	border:0;
	color:#77403f;
	text-decoration:underline;
}
.malinky-load-more__button:hover, .malinky-load-more__button:focus {
    color: #666;
}



/* Contact Form  */
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block;}

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="password"] {
	margin-bottom:6px;
	font-size:12px;
    padding:8px 5px;
    width: 60%;
}

.wpcf7 textarea {
    margin-bottom: 6px;
    padding:8px 5px;
    font-size: 12px;
    width: 90%;

}

.wpcf7-submit {
    margin: 0;
}

