/*
Theme Name: Pugini
Theme URI: http://mwthemes.net/portfolio/pugini
Author: MWThemes
Author URI: http://mwthemes.net
Description: Pugini is a responsive WordPress theme. Simple, minimal and clean design which can be used to present for any personal, travel, news, creative blogs and other website. Built on the Bootstrap 3.0 framework that makes it mobile and tablets friendly. This theme can be easily customized using standard customizer, add your header image, social links, custom logo and favicon, Layout Options, Google Fonts, Featured Posts, Font Awesome icons, translation ready, color control and much more. Demo: http://demo.mwthemes.net/pugini/
Version: 1.2.0
Text Domain: pugini
Tested up to: 5.7.2
Requires PHP: 5.6
Tags: custom-background, custom-header, custom-menu, featured-images, flexible-header, post-formats, translation-ready, two-columns, right-sidebar, left-sidebar, featured-image-header, theme-options
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
*/

/**
 * 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;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: PT Serif, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #e5e5e5;
}

a {
	color: #88c0b4;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:focus,
a:hover,
a:active {
	color: #587a73;
	outline: 0;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #587a73;
	font-weight: 700;
	margin: 36px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin-bottom: 15px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	border-left: 3px solid #587a73;
    color: #767676;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.26316;
    margin-bottom: 24px;
    margin-left: 20px;
    padding-left: 20px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

input[type="text"],
input[type="password"],
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
	background-color: #F1F1F1;
    border: 2px solid #E3E3E3;
	color: #999999;
	display: block;
    height: 38px;
    line-height: 36px;
    padding: 0 6px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #f1f1f1;
	border-color: #80b0aa;
	color: #80b0aa;
}

input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	background-color: #f1f1f1;
    border: 2px solid #e3e3e3;
	color: #80b0aa;
	display: block;	
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	padding: 5px;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
    background-color: #88c0b4;
    color: #FFFFFF;
    cursor: pointer;
	border: 0;
    padding: 8px 20px;
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #587a73;
    color: #eee;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

label {
    font-weight: 700;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: center;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}
.mw-go-top {
    background-color: #587a73;
	border: 1px solid #88c0b4;
    bottom: 20px;
    color: #DDDDDD;
	cursor: pointer;
	display: none;
    float: right;
    height: 36px;
    position: fixed;
    right: 10px;
	text-align: center;
    width: 36px;
    z-index: 9999;
}
.mw-go-top:hover {
	background-color: #88c0b4;
	color: #ffffff;
}
/* ------------ Header ------------ */
/* -------------------------------- */
.header-top {
    background-color: #88c0b4;
	height: 46px;
}
.header-top .site-title {
    float: left;
    margin: 10px 0 0 10px;
}
.top-icons {
	float: right;
	position: relative;
}
.social-icons {
	line-height: 46px;
    list-style: outside none none;
	margin: 0;
}
.social-icons > li {
    display: inline;
}
.top-icons li i {
	color: #ffffff;
    font-size: 18px;
    line-height: 32px;
    margin-left: 5px;
    opacity: 0.8;
}
.navbar-toggle:hover,
.mw-go-top:hover,
.top-icons li:hover  i {
	opacity: 1;
/*     transform: rotateY(360deg);
    -ms-transform: translateZ(64px) rotateY(360deg);
	-webkit-transform: translateZ(64px) rotateY(360deg); */
	transition: all 0.5s ease 0s;
}
.header-top .search-box-wrapper {
	display: none;
}
.header-top .search-box-wrapper {
	min-width: 240px;
    position: absolute;
    right: 0;
    top: 46px;
}
.header-top .search-box-wrapper .search-field {
	background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
	border-bottom: 2px solid #e3e3e3;
    float: right;
    max-width: 350px;
	padding-left: 12px;
}
.header-top .search-box-wrapper input:focus {
	border-bottom: 2px solid #80b0aa;
}
.search-form .search-submit:hover {
	background-color: rgba(0, 0, 0, 0);
    color: #80b0aa;
}
/* ------------ Menu -------------- */
/* -------------------------------- */
header .container .navbar-collapse {
    margin: 0;
	padding: 0;
    width: 100%;
}
header.center nav,
header.center .top-icon,
header.center .site-title {
	float: none;
}
header.center #navbarCollapse ul.sf-menu {
    width: 100%;
}
header.center .navbar-nav > li {
    display: inline-block;
	float: none;
}
header.center .navbar-nav li a {
	padding: 10px 7px;
	text-align: left;
}
.menu-toggle {
    display: none;
}
.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 a {
	color: #ffffff;
	display: block;
	position: relative;
	font-weight: 400;
	text-decoration: none;
}
.navbar-nav li a {
    padding: 13px 10px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu li a:hover,
.sf-menu li a:focus,
.sf-menu li.sfHover > a,
.sf-menu li.current_page_item > a,
.sf-menu li.current-menu-item > a {
	background-color: #80b0aa;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.navbar-nav li li a {
    background-color: #88c0b4;
    display: block;
    min-width: 200px;
    padding: 7px 15px;
}
.navbar-nav li li ul {
    left: 100%;
    position: absolute;
    top: 0;
}
.sf-with-ul span {
    height: 34px;
    width: 34px;
    background-color: #3e720e;
    position: absolute;
    right: 0;
    top: 0;
}
.navbar-toggle {
	border: 1px solid #fff;
	border-radius: 0;
    float: left;
    font-size: 20px;
	padding: 0 6px;
	margin-right: 6px;
}
@media only screen and (max-width: 768px) {
	.header-top {
		height: auto;
	}
	header nav {
		float: none;
		padding: 0;
	}	
	.xactive .sub-menu {
	    display: block !important;
		opacity: 1 !important;
	}
	.sf-menu li a {
		padding: 7px 15px;	
		text-align: center;
	}
	.sf-menu ul:after {
		display: block;
		clear: both;
	}	
	.sf-menu ul {
		display: block;
	}	
	.navbar-nav li li ul {
		left: 0;
		position: relative;
		top: 0;
	}	
	.sf-menu li ul {
		position: static;
	}
	.sf-menu .sub-menu li a {
	    background-color: #587a73;
	    border-left: 3px solid #587a73;
	}
	.sf-menu .sub-menu .sub-menu li a {
	    margin-left: 15px;
	}
	/*** 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(255,255,255,.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: white; /* IE8 fallback colour */
	}
	/* styling for right-facing arrows */
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -3px;
		border-color: transparent;
		border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
		border-top-color: rgba(255,255,255,.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-top-color: white;
	}
}
@media only screen and (max-width: 736px) {
	header.center .navbar-nav > li {
		display: block;
		float: none;
	}
	header.center .navbar-nav li a {
		text-align: center;
	}	
}
.header-main {
    padding: 60px 15px;
}
.site-title img {
    height: auto;
    max-height: 100px;
    max-width: 440px;
    width: auto;
}
.custom-logo-link {
    display: block;
}
.site-header {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
	z-index: 4;
}
.over {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgb(255, 255, 255);
	z-index: -1;
	opacity: 0.6;
}
.site-title, .site-description {
    margin: 15px 0;
}
.site-header h2 {
	color: #88C0B4;
}
/* ------------ content ----------- */
/* -------------------------------- */
.mw-box-slider .flexslider .flex-prev {
    left: 10px;
    opacity: 0.7;
}
.mw-box-slider .flexslider .flex-next {
    opacity: 0.7;
    right: 10px;
}
.mw-box-slider .post {
    border: medium none;
    margin: 0;
    position: relative;
}
.mw-box-slider .entry-header {
    display: block;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 100%;
	transform: scale(0.7);
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.mw-box-slider .post:hover .entry-header {
	transform: scale(1);
	opacity: 1;
}
.mw-box-slider .cat-link {
    background-color: rgba(255, 255, 255, 0.85);
    margin: 0 15px;	
    padding-top: 5px;
}
.mw-box-slider .mw_title {
    background-color: rgba(255, 255, 255, 0.85);
    border-bottom: 2px solid #88c0b4;
    margin: 0 15px;
    padding: 5px;
}
.mw-box-slider .entry-title {
    font-size: 22px;
    margin: 5px 0;
	line-height: 24px;
}
#mw_full {
	padding-top: 30px;
}
.home_text {
	padding-bottom: 30px;
}
.home_text h2 {
	margin: 0 0 15px;
}
.page-header {
    background-color: #ffffff;
    border-bottom: 3px solid #587a73;
    margin-top: 0;
    padding: 15px;
    text-align: center;
}
.page-header .page-title {
    color: #587a73;
    margin: 10px 0;
}
.page-header h1.page-title {
    margin: 0;
}
.page .entry-content {
	padding: 15px;
}
.page .entry-content,
.post {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #88c0b4;
    margin-bottom: 25px;
}
.sticky {
    border: 3px solid #88c0b4;
}
.entry-title {
    margin-top: 15px;
}
.entry-title a {
	color: #587a73;
}
.site-title a:hover,
.entry-title a:hover,
.footer_info a:hover {
	color: #88c0b4;
}
.post .entry-header {
    text-align: center;
	padding-top: 10px;
}
.post-icon {
    background-color: #88c0b4;
    color: #eeeeee;
    height: 30px;
    margin-right: -15px;
    text-align: center;
    width: 30px;
}
.flex-direction-nav a {
    border: 1px solid #FFFFFF;
    display: block;
    height: 50px;
    text-align: center;
    width: 50px;
	font-size: 0;
}
.entry-header .post-icon i {
    color: #FFFFFF;
    margin-top: 8px;
}
.entry-summary,
.entry-content {
    margin-top: 10px;
	padding: 0 15px;
}
.not-found .entry-content {
    background-color: #ffffff;
    border-bottom: 3px solid #88c0b4;
    padding: 30px;
}
.entry-meta {
    line-height: 30px;
    padding: 0 15px;
	color: #587a73;
}
.entry-meta .fa {
    margin: 0 5px;
}
.entry-meta .author-link,
.entry-meta .post-time {
    display: inline-block;
}
.entry-meta .post-time .fa {
	margin-left: 0;
}
.entry-meta .more-link {
	display: block;
    margin: 0 auto;
    text-align: center;
}
.entry-header.post-video:hover .featured-media {
    margin-bottom: 80px;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.format-quote {
    position: relative;
}
.format-quote .entry-summary {
    position: absolute;
    top: 110px;
}
.format-quote .entry-summary blockquote {
    background-color: rgba(255, 255, 255, 0.75);
    color: #222222;
	margin-right: 20px;
    padding: 15px;
}
.format-quote .post-icon {
    bottom: 0;
    position: absolute;
    right: 15px;
}
.format-link .entry-meta {
    height: 30px;
}
.flex-control-nav {
    display: none;
}
.flexslider {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    position: relative;
}
.flex-direction-nav a:before {
	color: #ffffff;
	display: block;
	font-family: "FontAwesome";
	font-size: 32px;
    line-height: 50px;
	text-align: center;
	text-shadow: none;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.flexslider .flex-direction-nav a.flex-prev:before {
	content: "\f104";
}
.flexslider .flex-direction-nav a.flex-next:before {
	content: "\f105";
}
.flexslider .flex-direction-nav a:hover {
    border: 1px solid #587a73;
}
.flexslider .flex-direction-nav a:hover:before {
    color: #587a73;
	font-family: "FontAwesome";
}
#colophon {
    background-color: #333;
	padding: 25px 0 0;
}
.footer_info {
	color: #999999;
	background-color: #161616;
	font-size: 13px;
	padding: 20px 0;
}
.navigation.post-navigation {
	border-bottom: 1px solid #88c0b4;
    border-top: 1px solid #88c0b4;
    display: inline-block;
	margin-bottom: 25px;
    width: 100%;
}
.navigation.paging-navigation {
    display: inline-block;
    padding-bottom: 30px;
    width: 100%;
}
.navigation .nav-previous {
    display: inline-block;
    padding: 10px 15px;
    text-align: right;
    width: 50%;
}
.navigation .nav-next {
    display: inline-block;
    padding: 10px 15px;
    text-align: left;
    width: 50%;
}
.nav-next .meta-nav,
.nav-previous .meta-nav {
    color: #aaa;
    display: block;
    text-transform: uppercase;
}
.paging-navigation a {
    background-color: #88c0b4;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 20px;
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}
.paging-navigation a:hover {
    background-color: #587a73;
}
.navigation.paging-navigation .nav-next {
    display: inline;
}
.post-edit-link {
    color: #ff0000;
}
/* ------------ Comments ---------- */ 
/* -------------------------------- */ 
#comments {
	background-color: #fff;
	border-bottom: 3px solid #88c0b4;
	margin-bottom: 30px;
	padding: 20px;
}
#comments ol {
	list-style: none;
	margin-left: 0;
	-webkit-padding-start: 0;
	padding-left: 0;
	margin-bottom: 60px;
}
#comments .comment-body {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.comment-list .avatar {
	float: left;
	width: 55px;
	height: 55px;
	margin: 0 25px 0 0;
	padding: 0;
}
.comment-author .fn {
    font-size: 18px;
    font-style: normal;
	font-weight: 500;
}
#comments .comment-meta {
    margin-bottom: 10px;
}
.comment-meta span.says {
    display: none;
}
#comments .comment-metadata a {
    color: #999999;
	font-size: 11px;
}
#comments .comment-content {
    margin: 0 0 10px 80px;
}
#comments .reply {
    margin-bottom: 10px;
	text-align: right;
}
#comments .comment-reply-link {
    border: 1px solid #88c0b4;
    cursor: pointer;
	font-size: 11px;
    padding: 4px 8px;
    transition: all 200ms ease-in-out 0s;
}
#comments .comment-reply-link:hover {
	background-color: #587a73;
	color: #eee;
}
#comments .comment-list .children {
	list-style: none;
	margin-left: 40px;
}
#comments .form-allowed-tags,
#comments .comment-metadata,
#respond .comment-notes,
#respond .logged-in-as,
#respond label {
	font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}
#comments .form-allowed-tags code {
	background: rgba(0, 0, 0, 0);
	color: #AAAAAA;
	font-size: 12px;
	white-space: normal;
}
#comments .children {
    margin: 0 0 0 80px !important;
    padding: 0;
}
.bypostauthor {}
/* ------------ Widget ------------ */
/* -------------------------------- */
.left-sidebar .content-area {
	float: right;
}
.widget {
	background-color: #ffffff;
	border-bottom: 2px solid #88c0b4;
	margin-bottom: 30px;
	padding: 10px 15px;
}
.widget-title {
	border-bottom: 1px solid #88c0b4;
    color: #587a73;
    font-size: 18px;
    margin: 3px 0 5px;
	padding-bottom: 5px;
    text-transform: uppercase;
}
.widget ul {
    padding: 0px;
    margin: 0px;
    clear: both;
    width: 100%;
    list-style-type: none;
}
.widget li:before  {
	color: #88c0b4;
    content: "\f105";
	font-family: FontAwesome;
    padding-right: 5px;
}
/* .widget li a:hover:before {
    color: #587a73;
} */
.widget li a:hover {
    padding-left: 10px;
	transition: all 200ms ease-in-out 0s;
}
/* MENU WIDGET */
.widget-area .widget_nav_menu .menu {
    padding: 5px 0;
}
.widget-area .widget_nav_menu ul li {
    margin-bottom: 2px;
}
.widget-area .widget_nav_menu a {
    line-height: 26px;
}
.widget-area .widget_nav_menu ul.sub-menu li {
    margin-bottom: 0;
}
.widget.widget_nav_menu .current-menu-item:hover > a,
.widget-area .widget_nav_menu .current-menu-item ,
.widget-area .widget_nav_menu li:hover {
    border-color: #88c0b4;
    padding: 0;
}
.widget ul.children, .widget ul.sub-menu {
	padding: 0 0 0 10px;;
}
.widget img {
	width: 100%;
}
.widget.widget_search {
    display: block;
}
.search-form {
	position: relative;
	width: 100%;
}
.search-form label {
	display: block;
	width: 100%;
}
.search-form .search-field {
	padding-right: 50px;
	width: 100%;
}
.search-form label::before {
    color: #999999;
    content: "\f002";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    position: absolute;
    right: 12px;
}
.search-form .search-submit {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
    height: 38px;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 0;
}
#wp-calendar {
	border-spacing: 0;
	margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
#wp-calendar thead th { 
	background: #f5f5f5; 
	font-size: 11px; 
}
#wp-calendar tbody td { 
	text-align: center; 
	color: #777777;
	line-height: 30px; 
	transition: background 0.15s ease; 
	-webkit-transition: background 0.15s ease; 
	-o-transition: background 0.15s ease; 
	-moz-transition: background 0.15s ease; 
}
#wp-calendar tbody td:hover {
	background-color: #f1f1f1;
	color: #333;
}
#wp-calendar tbody td a {
	background-color: #88C0B4;
	color: #333; 
	text-decoration: none; 
}
#wp-calendar tbody td:hover a {
	background-color: #4d4d4d;
	color: #fff; 
}
#wp-calendar tfoot td { 
	padding-top: 1px; 
	padding: 4px;
	text-align: center;
}
#wp-calendar caption { 
	color: #587a73;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    outline: 0 none !important;
    padding: 3px;
    text-transform: uppercase;
}
#wp-calendar tbody a { 
	display: block; 
	text-decoration: underline; 
}
#wp-calendar th { 
	text-align: center; 
	border: 1px solid transparent; 
	border-top: none; 
	padding: 7px 0; 
	color: #a7a7a7; 
}
#wp-calendar #today {
	color: #587a73;
}
#footer #wp-calendar thead th { 
	background: #222; 
}
#footer #wp-calendar tbody td { 
	border-color: #222;
}
.tagcloud a {
    border: 1px solid #88c0b4;
    display: inline-block;
    line-height: 100%;
    padding: 2px 5px;
}
.tagcloud a:hover {
    border-color: #587a73;
}
/* ------------ wp style ---------- */
/* -------------------------------- */
.wp-caption.alignnone,
.alignnone.size-full,
.entry-content img,
.widget img,
.size-large,
.size-full,
.alignnone {
    height: auto;
    max-width: 100%;
}
embed, iframe, object, video {
    max-width: 100%;
}
.entry-content .wp-caption img {
    height: auto;
    max-width: 100%;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.wp-caption {
    border: 1px solid #dddddd;
    max-width: 100%;
	padding: 5px;
}
.wp-caption img {
    display: block;
    max-width: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    margin: 5px 0;
    padding: 0 15px;
}
.format-video iframe,
.format-video object,
.format-video embed {
	min-height: 460px;
	width: 100%;
}
/* 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:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #587a73;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
    padding: 2px;
}
.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;
}
.widget .gallery {
    margin-bottom: 7px;
}
.widget .gallery-caption {
    padding: 0 3px 2px;
    font-size: 14px;
    line-height: 16px;
}
@media (min-width: 768px) and (max-width: 979px) {

}
@media only screen and (max-width: 768px) {
	header .search-box-wrapper,
	.footer_info,
	.footer_info .text-right {
		text-align: center;
	}
	.mw-box-slider .entry-header {
	    top: 15px;
	}
	.mw-box-slider .entry-title {
    	font-size: 18px;
	}
	.top-icons {
	    min-width: 220px;
	    text-align: right;
	}
	.entry-title {
		margin: 15px 10px;
	}
	.entry-header.post-gallery .mw_title {
		z-index: 2;
	}
	#secondary {
		padding-top: 30px;
	}
	.format-video iframe, .format-video object, .format-video embed {
		height: auto;
		min-height: 250px;
		width: 100%;
	}
	.player .controls-wrapper .title {
		display: none;
	}
	.hentry.format-link .entry-content {
		margin-right: 90px;
	}	
	.format-gallery .flex-direction-nav a {
		opacity: .5;
	}
	.left-sidebar .content-area {
		float: none;
	}
}
@media only screen and (max-width: 468px) {
	.top-icons,
	.site-header {
    	min-width: auto;
	}
	.header-main {
		min-height: auto;
	}
	h2,
	.entry-title a,
	.mw_header_image .site-description {
		font-size: 20px;
		line-height: 22px;
	}
	.mw-box-slider .cat-link,
	.entry-time {
		display: none;
	}
	.site-title img {
		max-height: 80px;
		max-width: 270px;
	}
	.format-video iframe, .format-video object, .format-video embed {
		min-height: 175px;
		width: 100%;
	}	
	.player .controls-wrapper .title {
		display: none;
	}
	.hentry.format-link .entry-content {
		margin-right: 90px;
	}
	.format-gallery .flex-direction-nav a {
		top: 25%;
	}
}
@media only screen and (max-width: 240px) {
	.post-icon,
	.flex-direction-nav {
		display: none;
	}
}