/*
Theme Name: EasyBlog
Version: 1.1.0
Author: Daisy Themes
Author URI: http://daisythemes.com/
Theme URI: http://daisythemes.com/theme/easyblog/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: easyblog
Tags: custom-background, custom-colors, custom-menu, featured-images, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, editor-style, post-formats
Description: EasyBlog is a fully responsive blogging WordPress theme perfect for personal blog, photo blogging, writers, travelers, bloggers, blog. It is SEO friendly with featured image supports and custom colors. Bootstrap is used for responsiveness and supports all major browsers.  It is beautifully designed clean and light color used theme perfect for everyone. Theme customizer can be used to change color, upload logo and other basic settings. 3 Built-in widgets recent posts will help you to show recently published post with thumbnails, Daisy social Icons help you to add your favorite social profiles and also included advertisement widget to add banner ads. You can get quick SUPPORT through support page https://daisythemes.com/support/ and view live DEMO at http://demo.daisythemes.com/easyblog/

This theme, like WordPress, is licensed under the GPL.

EasyBlog is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'cwTeXYen';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype');
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
*:focus {
    outline: none;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: none;
	padding: 0;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%;  /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

#cp_verify_box{
	display: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid rgba(39,48,57,.2);
	border-radius: 3px;
	background: rgba(39,48,57,.05);
	color: rgba(39,48,57,.8);
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	padding: 11px 15px;
	font-size: 1em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: rgba(39,48,57,.25);
	background: rgba(39,48,57,.1);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline:0;
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
	color: rgba(39,48,57,.8);
	border-radius: 3px;
	border: 1px solid rgba(39,48,57,.25);
	min-width: 60%;
	max-width: 100%;
	padding: 5px 10px;
	outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	outline: none;
	border-color: rgba(39,48,57,.5);
}

.search-form {
	position: relative;
}
.widget_search label {
	display: block;
}
.widget_search input[type="search"] {
	border-radius: 22px;
	padding: 0 15px;
	line-height: 40px;
	border: 1px solid rgba(0,0,0,.15);
	width: 100%;
	font-weight: normal;
}
.widget_search input[type="search"]::placeholder {
	color: #bdbdbd;
}
.widget_search input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 40px;
	padding: 0 15px;
	background: #03a9f4;
	color: #fff;
	text-shadow: none;
	border-radius: 22px;
	cursor: pointer;
}
.widget_search input[type="submit"]:hover {
	background: #0288d1;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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: #21759b;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 40px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.popular-posts .wpp-list {
	line-height: 24px;
}
.popular-posts .wpp-list .wpp-post-title {
	font-size: 18px;
}
.popular-posts .wpp-list .wpp-thumbnail {
	max-width: 75px;
}
.widgets-list-layout .widgets-list-layout-blavatar {
	width: 30% !important;
	max-width: 100px !important;
	padding-right: 10px;
}
.widgets-list-layout-links {
	width: 70% !important;
    font-size: 18px;
    line-height: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content a {
	color: #03a9f4;
}

.link-more {
	margin: 0;
	display: inline-block;
	width: 100%;
	position: relative;
}
.link-more li {
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	width: 32%;
	margin: 0 0 0 2% !important;
	float: left;
	list-style: none;
}
.link-more li:first-child {
	margin: 0 !important;
}
.link-more a {
	width: 100%;
    height: 0;
    padding-bottom: 40%;
    position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
}
.link-more a span {
	padding: 14% 0 0 7%;
	display: inline-block;
	color: #ffffff;
}
.link-more a.more-tour {
	background-image: url(https://www.tripresso.com/blog/wp-content/uploads/2018/07/banner_01.jpg);
}
.link-more a.more-hotel {
	background-image: url(https://www.tripresso.com/blog/wp-content/uploads/2018/07/banner_02.jpg);
}
.link-more a.more-flight {
	background-image: url(https://www.tripresso.com/blog/wp-content/uploads/2018/07/banner_03.jpg);
}
.link-more a:hover {
	filter: brightness(110%);
}
@media screen and (max-width: 480px) {
	.link-more li {
		font-size: 30px;
		width: 100%;
		margin: 5px 0 !important;
	}
	.link-more li:first-child {
		margin: 5px 0 !important;
	}
}
.link-lineat {
	margin: 20px 0;
	line-height: 24px;
	border: 1px dashed #00c300;
}
.link-lineat a {
	display: block;
	color: #00c300;
    font-size: 20px;
	padding: 20px;
}
.link-lineat a:hover {
	color: #00c300;
}
.link-lineat a span {
	display: inline-block;
	background: #00c300;
	color: #ffffff;
	line-height: 40px;
	border-radius: 20px;
	overflow: hidden;
	padding-right: 20px;
    vertical-align: middle;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.about-tripresso {
	text-align: center;
	margin-top: 10px;
}
.widget_nav_menu li {
	margin: 2px 0 !important;
}
.widget_nav_menu li a {
	display: block;
	padding: 8px 0;
	border-radius: 4px;
	background: rgba(0,0,0,.02);
}
.widget_nav_menu li a:hover {
	background: rgba(0,0,0,.05);
}
.tptn_posts_widget li {
	display: flex;
}
.tptn_posts_widget li > a {
	width: 75px;
}
.tptn_posts_widget li > span {
	padding-left: 10px;
	flex: 1;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.comment-content p {
	margin-bottom: 10px;
}

.bypostauthor {
	display: block;
}

.comment-list,
.comment-list ol,
.comment-list ol ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-list ol,
.comment-list ol ol {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
}

.comment-list li {
	padding: 10px 10px 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.comment-list ol li,
.comment-list ol ol li {
	border: 0;
	border-top: 1px solid #e5e5e5;
	background: #fdfdfd;
}

.comment-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment-list .reply {
	padding-bottom: 10px;
	text-align: right;
}

.comment-form label {
	min-width: 90px;
}

.form-submit {
	margin-left: 94px;
}

@media screen and (max-width: 480px) {
	.form-submit {
		margin-left: 0;
		text-align: center;
	}
}

.comment-author img {
	margin: 0 10px 10px 0;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

body {
	font-family: 'Varela Round', 'cwTeXYen', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	color: rgba(39,48,57,.8);
}

.transition5 {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.transition35,
a,
.dt-menu-wrap li a,
.dt-menu-wrap li ul,
.menu-item-has-children {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

h1 {
	line-height: 1.4em;
}
h2 {
	line-height: 1.3em;
}
h3 {
	line-height: 1.2em;
}

ul,
ol {
	margin: 0;
}

p {
	margin-bottom: 15px;
	line-height: 1.5em;
}

a {
	outline: none;
	text-decoration: none !important;
	color: rgba(39,48,57,.8);
}

a:hover {
	color: #03a9f4;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

table,
th,
td {
	border: 1px solid rgba(39,48,57,.085);
}

table {
	border-right: 0;
	border-bottom: 0;
}

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

th,
td {
	padding: 6px 0;
	text-align: center;
}

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

#primary {
	margin-top: 30px;
}

#secondary {
	margin-top: 30px;
	background: #fff;
	padding: 0 20px;
	/*border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);*/
}

#primary li,
#secondary li  {
	margin: 20px 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.dt-header {
	background-size: cover;
	background-position: center center;
	background-image: url(https://www.tripresso.com/blog/wp-content/uploads/2017/05/kv-main.png);
	background-color: #eeeeee;
	background-size: cover;
	/*background: no-repeat #fff fixed;
	background-size: 100% auto;*/
}

.dt-header-sep {
	height: 120px;
}

/*
 *  Logo
 -----------------------------------*/
.dt-logo {
	text-align: center;
	padding: 0 0 70px 0;
}

.dt-logo img {
	width: 70px;
	margin-bottom: 20px;
}

.dt-logo .site-title {
	font-size: 40px;
	/*font-weight: bold;*/
	line-height: 1.2em;
	width: 280px;
	margin: 0 auto;
}

.dt-logo .site-title a {
	text-shadow: 0px 0px 4px #eee;
}

.dt-logo p {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #fff;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.dt-menu-wrap {
	background: #fff;
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.dt-menu-md {
	display: none;
}

.dt-menu-wrap ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.dt-menu-wrap .menu > ul {
	padding: 0 10px;
	text-align: left;
}

.dt-menu-wrap li {
	position: relative;

	display: inline-block;
}

.dt-menu-wrap li a {
	display: block;
	padding: 14px 20px;
}

.dt-menu-wrap li:hover > a,
.dt-menu-wrap .current-menu-item a {
	color: #ffc107 !important;
}

.dt-menu-wrap li ul {
	position: absolute;
	z-index: 99999;
	top: 150%;

	display: block;
	visibility: hidden;
	text-align: left;

	width: 220px;
	max-width: 500%;

	opacity: 0;
	border-right: 1px solid rgba(39,48,57,.06);
	border-left: 1px solid rgba(39,48,57,.06);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
}

.dt-menu-wrap li li ul {
	top: 50%;
	left: 100%;
}

.dt-menu-wrap li li a {
	position: relative;
	color: #777;
	padding: 10px 20px;
}

.dt-menu-wrap li li.page_item_has_children > a:after,
.dt-menu-wrap li li.menu-item-has-children > a:after {
	font-family: 'FontAwesome';
	position: absolute;
	top: 10px;
	right: 5px;

	width: 16px;
	height: 24px;

	content: '\f105';
	text-align: center;
}

.menu-item-has-children > a:after {
	font-family: 'FontAwesome';
	position: relative;
	content: '\f107';
	padding-left: 8px;
	color: #ffc107;
}

.dt-menu-wrap li:hover > ul {
	top: 100%;

	visibility: visible;

	opacity: 1;
}

.dt-menu-wrap li li:hover > ul {
	top: -1px;
}

.dt-menu-wrap li ul li {
	display: block;
	background: #fff;
	border-top: 1px solid rgba(39,48,57,.06);
}

.dt-menu-wrap li ul li:last-child {
	border-bottom: 1px solid rgba(39,48,57,.06);
}

/*
 *  BreadCrumbs
 -----------------------------------*/
.dt-breadcrumbs {
	font-size: 14px;

	padding: 12px 15px;
	/*border-top: 1px solid rgba(39,48,57,.06);
	box-shadow: 0 1px 2px rgba(39,48,57,.025);*/
	background: #fcfcfc;
	color: #7d8388;
}

.dt-breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#dt_breadcrumbs li {
	display: inline-block;
	padding: 0 2px;
	opacity: .9;
}

/*--------------------------------------------------------------
# Header Image
--------------------------------------------------------------*/
.dt-header-image img {
	width: 100%;
}

/*--------------------------------------------------------------
# Follow us
--------------------------------------------------------------*/
.follow-us-list {
	position: fixed;
	top: 50%;
	left: 10px;
	margin-top: -135px;
	z-index: 100;
}

.follow-us-list h3 {
	width: 50px;
	height: 40px;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	margin: 0;
}

.follow-us-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.follow-us-list ul li {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 50%;
}

.follow-us-list ul li:last-child {
	margin-bottom: 0px;
}

.follow-us-list ul li a {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	position: relative;
}

.follow-us-list ul li a:hover {
	filter: brightness(120%);
}

.follow-us-list ul li.follow-facebook a {
	background-color: #3564a2;
}

.follow-us-list ul li.follow-line a {
	background-color: #00c300;
}

.follow-us-list ul li.follow-instagram a {
	background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;
}
.follow-us-list ul li.follow-instagram a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	background: radial-gradient(circle farthest-corner at 28% 100%, #FCDF8F 0%, #FBD377 10%, #FA8E37 22%, #F73344 35%, rgba(247, 51, 68, 0) 65%) no-repeat;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.follow-us-list ul li.follow-instagram a img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
}

.follow-us-list ul li.follow-tripresso a {
	background-color: #03a9f4;
}

/*--------------------------------------------------------------
# Front Page Before and After Content Sidebar
--------------------------------------------------------------*/
.dt-front-sidebar-wrap {
	margin-top: 60px;
	background: #fff;
	padding: 25px;
	border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);
}

/*--------------------------------------------------------------
# Archive Page
--------------------------------------------------------------*/
.dt-archive-wrap {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

.dt-archive-post, .dt-search-post {
	text-align: center;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
	overflow: hidden;
}

.dt-recent-post figure {
	text-align: center;
	width: 30%;
	float: left;
}

.dt-archive-post img {
	width: 100%;
	height: auto;
}

.dt-archive-post article {
	padding: 10px 20px 20px;
}

.dt-archive-post-content {
	margin: 0;
	font-size: 18px;
	line-height: 2em;
	color: rgba(39,48,57,.7);
}

.dt-archive-post .entry-footer {
	text-transform: capitalize;
}

.dt-archive-post .entry-footer a {
	display: inline-block;

	padding: 12px 30px 10px;
	border: 2px solid rgba(39,48,57,.25);
	color: rgba(39,48,57,.6);
	font-weight: 500;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.dt-archive-post .entry-footer a:hover {
	background: #03a9f4;
	border-color: transparent;
	color: #fff;
}

.dt-search-post img {
	float: left;
    max-width: 40%;
}

.dt-search-post h2 {
	float: left;
    max-width: 60%;
    font-size: 24px;
    text-align: left;
    margin: 0;
    padding: 15px 20px;
}
@media screen and (max-width: 768px) {
	.dt-search-post img, .dt-search-post h2 {
		float: none;
    	max-width: 100%;
	}
}


/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.dt-pagination-nav {
	font-size: 0;
}
.dt-pagination-nav .page-numbers {
	font-size: 20px;
	margin-bottom: 10px;
}
.dt-pagination-nav a,
.dt-pagination-nav .current {
	display: inline-block;
	text-align: center;
	margin: 0 2px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: 1px solid rgba(39,48,57,.1);
	border-radius: 23px;
	background: #fff;
	color: rgba(39,48,57,.8);
}
.dt-pagination-nav .next,
.dt-pagination-nav .prev {
	width: auto;
	padding: 0 16px;
}
.dt-pagination-nav a:hover,
.dt-pagination-nav .current:hover,
.dt-pagination-nav .current {
	color: #03a9f4;
	border-color: #03a9f4;
}

/*--------------------------------------------------------------
# Advertisement
--------------------------------------------------------------*/
.dt-ads {
	max-width: 100%;
	margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Recent Posts
--------------------------------------------------------------*/
.dt-recent-posts {
	margin-bottom: 40px;
}

#secondary h2 {
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(39,48,57,.15);
	position: relative;
	font-size: 20px;
	text-align: center;
}

#secondary h2:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -40px;
	bottom: -1px;
	background: #03a9f4;
	width: 80px;
	height: 1px;
}

.menu-sidebar-menu-container {
	text-align: center;
}

.dt-recent-post {
	padding-bottom: 10px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.dt-recent-post:last-of-type {
	padding-bottom: 0;
}

.dt-recent-post h3 {
	font-size: 16px;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0;
	width: 70%;
	float: left;
}

/*--------------------------------------------------------------
#  Social Icons
--------------------------------------------------------------*/
.dt-social-icons {
	position: relative;
	padding: 0;
}

.dt-social-icons [id*='dt_social_icons'] {
	display: inline-block;
}

.dt-social-icons ul {
	margin: 0;
	padding: 0;
}

.dt-social-icons li {
	display: inline-block;

	margin: 0 !important;

	text-align: center;

	outline: none !important;
}

.dt-social-icons li a {
	font-size: 22px;
	line-height: 1em;

	display: block;
	margin: 0 10px 10px 0;

	color: rgba(39,48,57,.65);
	outline: none !important;


	border-radius: 50%;
}

.dt-social-icons li .fa {
	display: block;

	width: 48px;
	height: 48px;

	padding-top: 12px;
	text-align: center;

	border: 2px solid rgba(39,48,57,.15);

	border-radius: 50%;
}

.dt-social-icons li .fa:hover {
	color: #fff;
	border-color: transparent;
}

.dt-social-icons .fa-facebook:hover {
	background: #325c94;
}

.dt-social-icons .fa-twitter:hover {
	background: #00abdc;
}

.dt-social-icons .fa-google-plus:hover {
	background: #dd4b38;
}

.dt-social-icons .fa-instagram:hover {
	background: #4480b1;
}

.dt-social-icons .fa-github:hover {
	background: #3f91cb;
}

.dt-social-icons .fa-flickr:hover {
	background: #ff0084;
}

.dt-social-icons .fa-pinterest:hover {
	background: #cb2027;
}

.dt-social-icons .fa-wordpress:hover {
	background: #0090c5;
}

.dt-social-icons .fa-youtube:hover {
	background: #d32323;
}

.dt-social-icons .fa-vimeo:hover {
	background: #1ab7ea;
}

.dt-social-icons .fa-linkedin:hover {
	background: #007bb6;
}

.dt-social-icons .fa-behance:hover {
	background: #2d9ad2;
}

.dt-social-icons .fa-dribbble:hover {
	background: #f26798;
}

/*--------------------------------------------------------------
# Tag Cloud
--------------------------------------------------------------*/
.tagcloud a {
	margin: 0 4px 8px 0;
	padding: 1px 15px 0;

	background: rgba(39,48,57,.6);
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	font-size: 13px !important;
	font-weight: 400;
}

.tagcloud a:hover {
	background: #03a9f4;
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/
.error-404,
.dt-content-area {
	background: #fff;
	padding: 0 15px;
	/*border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);*/
}

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
	margin: 0 0 30px;
	padding: 30px 0;
	border-top: 1px solid rgba(39,48,57,.05);
}

.post-navigation:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	font-weight: 500;
	line-height: 1.5em;
	position: relative;
	display: inline-block;
	width: 46%;
	float: left;
}

.post-navigation .nav-previous {
	padding-left: 30px;
	padding-right: 10px;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	padding-left: 10px;
	padding-right: 30px;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
	position: absolute;
	top: -2px;
	font-size: 22px;

}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
	content: 'ï„„ ';
	width: 24px;
	height: 32px;
	font-family: 'FontAwesome';
	left: 0;
	font-size: 36px;
	font-size: 40px;
	padding-top: 5px;
}

.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
	content: '';
	width: calc(100% - 32px);
	left: 32px;
	padding-top: 2px;
	font-weight: 500;
}

.post-navigation .nav-next a:before {
	content: 'ï„…';
	right: 0;
	left: auto;
	text-align: right;
}

/*--------------------------------------------------------------
# Author Bio
--------------------------------------------------------------*/
.entry-author {
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 40px;
	display: inline-block;
	width: 100%;
}
.author-avatar {
	float: left;
	margin-right: 5%;
	width: 20%;
}
.author-info {
	float: left;
	width: 75%;
}
.author-title {
	font-size: 20px;
	margin: 0 0 10px 0;
}
.author-bio {
	width: 100%;
    display: inline-block;
	font-size: 14px;
	margin: 0;
	line-height: 1.3;
	border: 1px solid #eee;
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
}
.author-bio p {
	margin-bottom: 0;
}
.author-description {
	padding-bottom: 10px;
}
.author-bio a {
	color: #999;
	margin-top: 8px;
}
.author-bio a:after {
	content: 'ï„…';
	font-family: 'FontAwesome';
	padding-left: 5px;
}
.author-bio a:hover {
	color: #03a9f4;
}
.author-page-link {
	margin-top: 5px;
}
@media screen and (max-width: 480px) {
	.author-avatar {
		float: none;
    	margin-right: 0;
    	width: 100%;
    	text-align: center;
	}
	.author-avatar img {
		width: 128px;
		height: 128px;
	}
	.author-info {
		float: none;
    	width: 100%;
	}
}

/*--------------------------------------------------------------
# Related Posts
--------------------------------------------------------------*/
.dt-related-posts {
	margin: 30px 0;
	padding: 15px 0;
}

.dt-related-posts h2 {
	padding: 0 15px 15px;
	margin: 0;
}

.dt-related-posts ul {
	margin: 0;
	padding: 0;
}

.dt-related-posts li {
	display: block;
	float: left;

	width: -webkit-calc(25% - 20px);
	width: -moz-calc(25% - 20px);
	width: calc(25% - 20px);
	margin: 0 10px 10px !important;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
	overflow: hidden;
}

.dt-related-posts .dt-no-image {
	position: relative;

	width: 100%;
	height: 0;
	padding-bottom: 71.5%;

	background: url('images/no-image.png') no-repeat center center;
	background-size: auto 100%;
}

.dt-related-posts .dt-news-post-img .fa {
	background: rgba(204,41,54,.75);
}

.dt-related-posts .dt-news-post-img .fa:hover {
	background: rgba(204,41,54,1);
}

.dt-related-posts .dt-news-post-img {
	position: relative;
}

.dt-related-posts .dt-news-post-img:hover {
	filter: brightness(120%); 
}

.dt-related-posts .dt-news-post-img span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	visibility: hidden;
	width: 100%;	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.5);
}

.dt-related-posts .dt-news-post-img:hover span {
	/*visibility: visible;
	opacity: 1;*/
}

.dt-related-posts .dt-news-post-img .fa {
	font-size: 18px;
	line-height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	visibility: hidden;
	width: 48px;
	height: 48px;
	margin: 0 0 0 -24px;
	padding-top: 15px;
	text-align: center;
	opacity: 0;
	color: #fff;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
}

.dt-related-posts .dt-news-post-img:hover .fa {
	visibility: visible;
	margin-top: -24px;
	opacity: 1;
}

.dt-related-posts h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6em;
	padding: 0 15px;
	margin: 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	min-height: 75px;
}


/*--------------------------------------------------------------
# Hidden Google AD code iframe
--------------------------------------------------------------*/
iframe[name='google_conversion_frame'] {
    position: absolute;     
    bottom: 0;
}













/*--------------------------------------------------------------
# Post Header & Footer
--------------------------------------------------------------*/
.dt-content-area .entry-meta {
	font-weight: 500;
	margin: 20px 0;
}

.dt-content-area .entry-footer {
	font-weight: 500;
	font-size: 1.1em;
	margin-top: 1.5em;
}
.dt-content-area .entry-footer span {
	display: block;
}

.entry-meta a,
.entry-footer a {
	color: rgba(39,48,57,.5);
}

.entry-meta a:hover,
.entry-footer a:hover {
	color: #03a9f4;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.dt-footer {
	margin-top: 60px;
	padding: 20px 0;
	background: rgba(39,48,57,.95);
	color: rgba(255,255,255,.9);
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.035em;
	text-align: center;
}

.dt-footer-bar a {
	color: rgba(255,255,255,.65);
}

.dt-footer-bar a:hover {
	color: #03a9f4;
}

.tripresso-footer {
  background-color: #313131;
  color: #fff;
  margin-top: 50px
}
.tripresso-footer .footer-inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 45px 15px;
  font-size: 0;
}
.tripresso-footer .footer-left,
.tripresso-footer .footer-center,
.tripresso-footer .footer-right {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.8;
}
.tripresso-footer .footer-left p,
.tripresso-footer .footer-center p,
.tripresso-footer .footer-right p {
  margin-bottom: 0;
}
.tripresso-footer .footer-left {
  width: 250px;
  color: #666;
}
.tripresso-footer .footer-left .tripresso-logo {
  display: block;
  margin-bottom: 25px;
  width: 220px;
  font-size: 0;
}
.tripresso-footer .footer-left .copyright {
  margin-top: 40px;
  color: white;
  font-size: 12px;
}
.tripresso-footer .info-m {
  margin: 25px 0;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  color: #666;
  display: none;
}
.tripresso-footer .info-m p {
  margin: 0;
}
.tripresso-footer .info-m span {
  display: inline-block;
}
.tripresso-footer .copyright-m {
  text-align: center;
  font-size: 12px;
  color: #fff;
  display: none;
}
.tripresso-footer .footer-center {
  width: calc(100% - 680px);
  text-align: center;
}

.tripresso-footer .footer-center .footer-map {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  text-align: left;
}

.tripresso-footer .footer-center .footer-map.is-acted .title-m-toggle i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.tripresso-footer .footer-center .footer-map .title {
  margin: 14px 0 20px;
  font-size: 18px;
  color: white;
}

.tripresso-footer .footer-center .footer-map .title-m-toggle {
  padding-bottom: 10px;
  font-size: 16px;
  color: #fff;
  display: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tripresso-footer .footer-center .footer-map .title-m-toggle i {
  float: right;
  margin-top: 2px;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.tripresso-footer .footer-center .footer-map ul {
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}

.tripresso-footer .footer-center .footer-map ul a {
  color: #666;
}
.tripresso-footer .footer-right {
  width: 420px;
  color: #666;
}
.tripresso-footer .footer-right .leftBox, 
.tripresso-footer .footer-right .rightBox {
    float: left;
}
.tripresso-footer .footer-right .rightBox {
    max-width: 150px;
    padding-left: 20px;
}
.tripresso-footer .footer-right .contact-title {
  margin: 14px 0 20px;
  font-size: 18px;
  color: white;
}
.tripresso-footer .footer-right .func-block {
  padding-top: 35px;
  font-size: 0;
}
.tripresso-footer .footer-right .func-block a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
}
.tripresso-footer .footer-right .func-block a:last-child {
  margin-right: 0;
}
.tripresso-footer .footer-right .func-block i {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.tripresso-footer .footer-right .func-block .title {
  padding-top: 8px;
  color: #666;
  display: block;
  font-size: 12px;
}
.tripresso-footer .footer-right .func-block a.ig .title {
  text-align: left;
}
@media screen and (max-width: 1140px) {
  .tripresso-footer .footer-center {
    padding-top: 18px;
  }
  .tripresso-footer .footer-center .footer-map {
    display: block;
    margin: 10px 40px;
  }
  .tripresso-footer .footer-center .footer-map .title {
    display: none;
  }
  .tripresso-footer .footer-center .footer-map .title-m-toggle {
    display: block;
  }
  .tripresso-footer .footer-center .footer-map ul {
    max-height: 0;
    overflow: hidden;
  }
  .tripresso-footer .footer-center .footer-map.is-acted ul {
    max-height: 600px;
  }
  .tripresso-footer .footer-center .footer-map ul li:first-child {
    padding-top: 10px;
  }
  .tripresso-footer .footer-center .footer-map ul a:hover {
    color: #b3b3b1;
  }
  .tripresso-footer .footer-right .leftBox {
    float: none;
  }
  .tripresso-footer .footer-right .rightBox {
    display: none;
  }
  .tripresso-footer .footer-right .func-block a:hover.fb i {
    background-color: #3564a2;
  }
  .tripresso-footer .footer-right .func-block a:hover.line i {
    background-color: #39c33f;
  }
  .tripresso-footer .footer-right .func-block a:hover.mail i {
    background-color: #ff8a00;
  }
  .tripresso-footer .footer-right .func-block a:hover.ig i {
    background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;
  }
  .tripresso-footer .footer-right .func-block a:hover.ig i:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    background: radial-gradient(circle farthest-corner at 28% 100%, #FCDF8F 0%, #FBD377 10%, #FA8E37 22%, #F73344 35%, rgba(247, 51, 68, 0) 65%) no-repeat;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .tripresso-footer .footer-right .func-block a:hover.ig i img {
    position: absolute;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .tripresso-footer .footer-left,
  .tripresso-footer .footer-center,
  .tripresso-footer .footer-right {
    display: block;
    text-align: center;
  }
  .tripresso-footer .footer-left {
    display: none;
  }
  .tripresso-footer .info-m {
    display: block;
  }
  .tripresso-footer .copyright-m {
    display: block;
  }
  .tripresso-footer .footer-center {
    width: 100%;
    padding-top: 0;
  }
  .tripresso-footer .footer-right {
    width: 100%;
  }
  .tripresso-footer .footer-right .contact-title {
    display: none;
  }
  .tripresso-footer .footer-right .func-block {
    padding-top: 25px;
    margin-bottom: 30px;
  }
  .tripresso-footer .footer-right .func-block .title {
    display: none;
  }
}

/*--------------------------------------------------------------
# Back to top
--------------------------------------------------------------*/
#back-to-top {
	font-size: 32px;
	position: fixed;
	z-index: 9999;
	right: 20px;
	bottom: 75px;

	width: 50px;
	height: 50px;
	line-height: 50px;

	cursor: pointer;
	text-align: center;

	opacity: 0;
	visibility: hidden;
	color: #fff;
	border-radius: 50%;
	background: #464646;

	filter: alpha(opacity=0);
}

#back-to-top:hover {
	background: #03a9f4;
}

#back-to-top.show {
	opacity: 1;
	visibility: visible;

	filter: alpha(opacity=100);
}

@media screen and (max-width: 992px) {
	#back-to-top {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width: 1200px) {
	.dt-header {
		color: #fff;
	}
}

@media all and (max-width: 1200px) and (min-width: 992px){
	.dt-menu-wrap li {
		font-size: 15px;
	}

	.dt-menu-wrap li a {
		padding: 13px;
	}
}

@media all and (max-width: 992px) {
	.dt-logo {
		
	}

	.dt-menu-md {
		padding: 10px 20px;
		display: block;
		font-weight: 500;
		cursor: pointer;
		/*color: #fff;*/
	}

	.dt-menu-md span {
		float: right;
		text-align: right;
		display: inline-block;
		font-size: 24px;
	}

	.dt-menu-wrap .menu {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .8s, opacity .8s;
	}

	.dt-menu-wrap .menu-show {
		max-height: 2500px;
		overflow-x: scroll;
		opacity: 1;
		transition: max-height 1s, opacity 1s;
	}
	
	.dt-menu-wrap ul {
		text-align: left;
	}

	.dt-menu-wrap li {
		display: block;
	}

	.dt-menu-wrap li a {
		border-bottom: 1px solid rgba(39,48,57,.035);
	}

	.dt-menu-wrap li ul {
		position: relative;
		z-index: 99999;
		top: 0;
		visibility: visible;
		width: 100%;
		max-width: 100%;

		opacity: 1;
		border: 0;
		padding-left: 24px;
		box-shadow: none;
	}
	.dt-menu-wrap li ul li {
		background: none;
	}
	
	.dt-menu-wrap li li ul {
		top: 0;
		left: 24px;
	}
	
.dt-menu-wrap li li a {
		/*color: rgba(255,255,255,0.7);*/
	}

	.dt-menu-wrap li li.page_item_has_children > a:after,
	.dt-menu-wrap li li.menu-item-has-children > a:after {
		display: none;
	}

	.dt-menu-wrap li ul li {
		border-top: 0;
	}

	.dt-menu-wrap li ul li:last-child {
		border-bottom: 0;
	}
}
@media all and (min-width: 766px) {
	.at-svc-lineme {
		display: none !important;
	}
}
@media all and (max-width: 767px) {
	.dt-logo p {
		margin-top: 0;
	}
	.follow-us-list {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		line-height: 0;
	}
	.follow-us-list h3 {
		display: none;
        }
	.follow-us-list ul {
		width: 100%;
		display: inline-block;
		font-size: 0;
	}
	.follow-us-list ul li {
		width: 25%;
		height: 36px;
		margin-bottom: 0;
		float: left;
		border-radius: 0;
	}
	.follow-us-list ul li a {
		font-size: 12px;
		color: #fff;
		text-indent: 0px;
		text-align: center;
		text-decoration: none;
		line-height: 36px;
		border-radius: 0;
		background: #333 !important;
	}
	.follow-us-list ul li a img {
		margin-top: -8px;
	}
	.follow-us-list ul li.follow-instagram a:before {
		display: none;
	}
}

@media all and (max-width: 600px) {
	h1 {
		font-size: 30px;
		line-height: 1.6em;
	}

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

	h3 {
		font-size: 18px;
		line-height: 1.2em;
	}

	h4 {
		font-size: 16px;
		font-weight: 500;
		line-height: 1em;
	}
	
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 100%;
	}
	.post-navigation .nav-previous {
		padding-bottom: 30px;
	}
	.post-navigation .nav-previous a:before,
	.post-navigation .nav-previous a:after,
	.post-navigation .nav-next a:before,
	.post-navigation .nav-next a:after {
		font-size: 16px;
	}

	.post-navigation .nav-previous a:before,
	.post-navigation .nav-next a:before {
		font-size: 24px;
	}

	.post-navigation .nav-previous a:after,
	.post-navigation .nav-next a:after {
		width: calc(100% - 16px);
		left: 16px;
	}

	.post-navigation .nav-next a:after {
		padding-right: 16px;
	}

	.dt-related-posts li {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
		margin-bottom: 25px;
	}
}


@media all and (max-width: 480px) {
	.dt-logo {
		padding: 0 0 40px 0;
	}
	
	.dt-logo img {
		width: 60px;
		margin-bottom: 10px;
	}

	.dt-logo .site-title {
		font-size: 32px;
		width: 220px;
	}

	.dt-logo p {
		font-size: 24px;
	}
}

@media all and (max-width: 400px) {
	.dt-related-posts li {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
	}
}