/*
Theme Name: Drumi v dumi
Description: New fresh design and new brand of Eli Ivanova's blog
Author: Eli Ivanova
Author URI: https://drumivdumi.com/
Template: twentyten
Version: 0.1.0
*/

/* Basic styles
===================================== */
body { background-color: #fff; }
body.home { background-position: 0 620px; }
body, h1, h2, h3, h4, h5, h6 p { font-family: 'Roboto', Arial, sans-serif; }
p, h4, h5, h6, ul, ol, dd, hr { margin-bottom: 1rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }

p, ul, ol, dl, td, th {
	color: #333;
    font-size: 1.2rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 20px 0;
}

h1 { 
	font-size: 2.6rem;
	line-height: 1.1; 
	margin-bottom: 5px;
	font-family: 'Roboto Slab', serif;
}

h2.entry-title { margin-bottom: 5px; }
h2.entry-title a:hover { color: #6c974f; }
h4 { font-size: 1.15rem; }

.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.page-title {
    font-size: 14px;
    font-weight: bold;
	margin: 0 0 20px 0;
}

.page-title span { 
	font-style: italic; 
	font-weight: normal;
}

/* Header
===================================== */
header { height: 126px; }
header .menu { margin-bottom: 0; }

header .menu li {
	display: inline-block;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 1rem;
	padding: 0;
	margin-left: 1rem;
	margin-top: 28px;
	text-transform: uppercase;
}

header .menu li:last-child {
	border-left: 1px solid #ccc;
	margin-left: 0.5rem;
	padding-left: 0.5rem;
}

header .menu a, header .menu a:visited { 
	color: #0d86f3; 
	padding: 0; 
}

header .menu a:hover { color: #6c974f; }

footer a i.fa {
	color: #333;
	font-size: 1rem;
	width: 16px;
	text-align: center;
	padding-top: 3px;
	transition: all 0.2s ease-in-out;
}
footer a i:hover { opacity: .7; }

#site-description { 
	margin-top: 24px; 
	max-width: 400px;
}

#site-description p {
	color: #806d4c;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	margin: 0;
	text-align: center;
}

#site-title a { 
	display: block; 
	margin: 0.5rem 0 5px;
	padding: 0;
}

#site-title a img {
	display: block; 
	margin: 0;
	padding: 0;
	width: 10rem;
}

/* Menu
===================================== */
#access {
	background-color: #0d86f3;
	display: block;
	height: 38px;
	overflow: hidden;
	width: 100%;
}

#access .menu-header {
	margin-left: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 auto;
	overflow: hidden;
}

#access .menu-header ul{
	list-style: none;
	margin: 0;
}

#access .menu-header li {
	float: left;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	position: relative;
}

#access .menu-header li#menu-item-10755 { background-color: #ffc400; }
div.menu-header li:first-child { border-left: 1px solid #fff; }

#access a {
	color: #fff;
	display: block;
	font-size: 1.2rem;
	line-height: 38px;
	padding: 0 0.7em;
	text-decoration: none;
	text-shadow: 0 -1px 0 #858585;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #fff;
	transition: background 0.8s ease;
}

#access li:hover > a {
	background: #90c06f;
	color: #fff;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background: #90c06f;
	color: #fff;
	border-color: #fff;
}

#access .menu-header .searchform { margin-bottom: 0; }
#access .menu-header .searchform input {
	display: inline-block;
	height: 26px;
	margin: 6px 0;
	width: 100%;
	border-radius: 4px;
	background: #f7f7f7 url('images/zoom.png') no-repeat 98.5% 4px;
	border-color: #818181;
	box-shadow: 0 1px 0 #cfcfcf inset;	
}

/* Banner HP
===================================== */
#banner {
	height: 457px;
	position: relative;
	min-width: 960px;
}

#banner .slide { 
	position: absolute; 
	height: 457px; 
	width: 100%;	
	color: #fff;
	font-size: 24px;
	background-repeat: no-repeat; 
	background-position: center top; 
	bottom: 0;
	border-top: 1px solid #fff;
}

#banner .slide .columns { height: 457px; }

#banner .slide p.slogan {
	text-align: right;
	color: #fff;
	text-shadow: 0 -1px 0 #0a233a;
	text-align: right;
	position: absolute;
	right: 0;
	top: 248px;	
}

#banner .slide p.slogan span {
	display: inline-block;
	background: rgba(117, 97, 67, 0.8);
	height: 55px;
	line-height: 55px;
	padding: 0 15px;
	margin-bottom: 3px;
	font-size: 44px;
}

#banner .slide p.slogan span.green { display: none; }

#banner .slide .columns .msg { 
	margin: 418px 0 0; 
	position: relative;
	z-index: 200;
}

#banner .slide .columns .msg a {
	color: #fff;
	font-style: italic;
	font-size: 16px;
	text-shadow: 0 -1px 0 #212121;
	height: 38px;
	line-height: 38px;
	display: inline-block;
}

#banner .slide .columns .msg a span { color: #90c06f; }

.banner-nav .columns {
	height: 38px;
	line-height: 38px;
	margin: 419px 0 0;
	overflow: hidden;
}

.banner-nav .columns ul {
	margin: 0;
	padding: 0;
	height: 38px;
	line-height: 38px;
	text-align: right;
}

.banner-nav li { 
	margin:0 0 0 5px;
	list-style-type: none; 
	display: inline-block;  
}

.banner-nav li a { 
	display: inline-block; 
	width: 16px; 
	height: 16px; 
	border-radius: 8px; 
	background-color: #fff;
	box-shadow: 1px 1px 1px #333 inset; 
	opacity: 0.7;
}

.banner-nav li a.current, .banner-nav li a:hover { background-color: #90c06f; }

/* Content
===================================== */
section {
	clear: both;
	overflow: hidden;
	padding: 30px 0 0 0;
}

section.row, header > .row, footer.row, #access > .row {
	width: 98.5%;
	max-width: 95rem;
}

#content { margin-bottom: 36px; }
.post a, .page a, .post a:visited, .page a:visited { color: #0d86f3; }
.post a:hover, .page a:hover { color: #6c974f; }
.hentry { margin: 0 0 20px; }
.single-post .hentry { margin: 0 auto 20px; }

.post p.red a, .page p.red a, .post p.red a:visited, .page p.red a:visited { 
	color: #ff6520;
	font-weight: 500;
}

.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}

.entry-meta {
	color: #9099a2;
	font-size: 0.85rem;
}

.entry-meta abbr,
.entry-utility abbr { border: none; }

.entry-meta abbr:hover,
.entry-utility abbr:hover { border-bottom: 1px dotted #666; }

.entry-content,
.entry-summary {
	clear: both;
	padding: 20px 0 0 0;
}

.attachment .entry-meta {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.attachment #nav-below {
	margin-bottom: 1.5rem;
	margin-top: 2rem;
}

#content .entry-summary p:last-child { margin-bottom: 12px; }

.entry-utility {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85rem;
	clear: both;
	color: #9099a2;	
	line-height: 24px;	
}

.entry-meta a, .entry-meta a:visited { 
	color: #9099a2;
	text-decoration: underline;
}

.entry-utility a, .entry-utility a:visited { 
	color: #000;
	text-decoration: none;
}

.entry-meta a:hover,
.entry-utility a:hover { color: #6c974f; }
#content .video-player { padding: 0; }
.vcard .fn { font-weight: normal; }

.vcard {
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}

/* ***** */
.entry-content { position: relative; }

a.more-link, a.more-link:visited, .entry-summary p:last-of-type a, .entry-summary p:last-of-type a:visited {
	background-color: #0d86f3;
    color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 98px;
}

a.more-link:hover, .entry-summary p:last-of-type a:hover {
	background-color: #90c06f;
	color: #fff;
	text-shadow: 0 -1px 0 #858585;
}

a.more-link {
    bottom: 0; 
    position: absolute;
    right: 0;
}

figure.wp-block-image + a.more-link { bottom: 20px; }
.entry-utility span.meta-sep { display: none; }
a.more-link span.meta-nav, .entry-summary p a span.meta-nav { display: none; }

span.comments-link {	
	background-color: #d9cba2;
	padding: 0 8px;
	text-transform: uppercase;
}

span.comments-link:hover { background-color: #90c06f; }
span.comments-link a, span.comments-link a:visited { color: #000; }
span.comments-link a:hover { 
	color: #fff; 
	text-shadow: 0 -1px 0 #858585; 
}

input[type=submit] { font-family: "Roboto", Arial, sans-serif; }
input[type="text"],
textarea {
	background: #f7f7f7;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.275em;
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px 4px;
}

/* Images
===================================== */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

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

img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px; }

.wp-caption, .wp-block-image {
	background: #f1f0ec;
	display: inline-block;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
}

.blog .wp-caption { margin-bottom: 0; }
.wp-caption img { margin: 0; }

.wp-caption p.wp-caption-text, .wp-block-image figcaption {
	color: #333 ! important;
	font-family: 'Roboto', sans-serif ! important;
	font-size: 1rem;
	margin-top: 14px;
	margin-left: 10px;
	margin-bottom: 1rem;
	padding: 0;
	text-align: left;
}

.wp-smiley { margin: 0; }

#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* Navigation
===================================== */
.navigation {
	font-size: 0.85rem;
	line-height: 18px;
	overflow: hidden;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#nav-above { margin: 0 0 18px 0; }
#nav-above { display: none; }

.paged #nav-above,
.single #nav-above { display: block; }
#nav-below { margin: -18px 0 0 0; clear: both; }
.single-post #nav-below { margin-top: 0 }
.small-block-grid-3 > li { line-height: 1.2rem; }

.archive .navigation div a, .blog .navigation div a, .search-results  .navigation div a {
	background-color: #2594fc;
	border-radius: 5px;
	border: 1px solid #0d86f3;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 1rem 0 0;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 #858585;
	text-transform: uppercase;
	width: auto;
}

.blog #nav-above div a { margin-top: 0; }

.archive .navigation div a:hover, .blog .navigation div a:hover {
	background-color: #90c06f;
	border-color: #90c06f;
}
/* =Comments
-------------------------------------------------------------- */
#comments { clear: both; }
#comments .navigation { padding: 0 0 18px 0; }

h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	margin-bottom: 0;
}

h3#comments-title { padding: 24px 0; }

.commentlist {
	list-style: none;
	margin: 0;
}

.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}

.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }

.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}

.comment-author {}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}

.comment-author .says { font-style: italic; }

.comment-meta {
	font-size: 0.85rem;
	margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
	color: #9099a2;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover { color: #6c974f; }
.commentlist .even { }
.commentlist .bypostauthor { }

.reply {
	font-size: 16px;
	padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link { color: #9099a2; }

.reply a:hover,
a.comment-edit-link:hover { color: #6c974f; }

.commentlist .children {
	list-style: none;
	margin: 0;
}

.commentlist .children li {
	border: none;
	margin: 0;
}

.nopassword,
.nocomments { display: none; }

#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.commentlist li.comment+li.pingback { margin-top: -6px; }

#comments .pingback p {
	color: #9099a2;
	display: block;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
}

#comments .pingback .url {
	font-size: 0.85rem;
	font-style: italic;
}

/* Comments form */
input[type=submit] { color: #333; }

#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}

#respond form p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }

/* BEGIN respond for contact form */
div.contact #respond {
	border-top: none;
	margin: 0;
	overflow: hidden;
	position: relative;
}

div.contact #respond form { margin-top: 1em; }

/* END respond for contact form */
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }

#cancel-comment-reply-link {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
}

#respond span.required {
	color: #6c974f;
	font-weight: bold;
}

#respond label {
	color: #9099a2;
	font-size: 0.85rem;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond input[type="checkbox"] { width: auto; }
#respond .books input[type="checkbox"] { margin: 0; }

#respond .books img {
	display: block;
	margin: 0 0 10px;
}

#respond .books label { 
	line-height: 1.4;
	margin-top: 10px;
	text-align: center;
}

#respond .books label span {
	display: block;
	height: 74px;
}

#respond .form-allowed-tags {
	color: #9099a2;
	font-size: 0.85rem;
	line-height: 18px;
}

#respond .form-allowed-tags code { font-size: 11px; }
#respond textarea { width: 98%; }
#respond .form-submit { margin: 12px 0; }

#respond .form-submit input, #respond #contact-form input#submit, #searchsubmit, .news-submit {
	background-color: #0d86f3;
	border-radius: 5px;
	border: 1px solid #0d86f3;
	color: #fff ! important;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 #858585;
	text-transform: uppercase;
	width: auto;
}

.form-submit .news-submit { padding: 8px 20px; }

#respond .error { color: #c60f13; }
#respond .form-submit input:hover, #respond #contact-form input#submit:hover , #searchsubmit:hover, .news-submit:hover{ background-color: #90c06f; border-color: #90c06f;}
#text-17 .textwidget { padding: 0 10px; }
#respond .thanks p { color: #0d86f3; }

.textwidget input::placeholder { 
	font-family: 'Roboto', Arial, sans-serif; 
	color: #9099a2; 
}

.textwidget p {
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 1rem;
}
/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}

.widget-area ul.xoxo > li { margin-bottom: 20px; }

.widget-area ul ul {	
	margin-left: 2px;
	color: #bfd9a2;
	padding: 0;
}

.widget-area ul ul li {
	list-style: disc inside none;
	font-size: 1rem;
	color: #bfd9a2;
	line-height: 16px;
	margin-bottom: 10px;	
}

footer .widget-area ul ul li {
	list-style-type: none;
	padding-left: 10px;
}

.widget-area ul ul.wp-tag-cloud li a { font-size: 1rem ! important; }

li.widget_categories ul li , li.widget_tl_widget ul li {
	color: #806d4c;
	line-height: 1.6
	margin-bottom: 0;
	list-style: none outside none; 	
}

.wp-tag-cloud li {
	width: 50%;
	float: left;
}

.widget-area ul li.widget_nav_menu ul li,.widget-area ul li#text-4 ul li {
	background-color: #c4ebff;
	font-size: 14px;
	list-style: none outside none; 
	margin-bottom: 20px;
}

li.widget_nav_menu ul li a, li#text-4 ul li a { color: #000; }
li.widget_nav_menu ul li a:hover { color: #764c29/*6c974f*/; }

li.widget_nav_menu ul li a span, li#text-4 ul li a span { 
	display: inline-block;
	padding: 10px 5px;
}

.widget-title {
	background-color: #bfd9a2;
	color: #333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 3px 10px 5px;
}

#custom_html-12 .widget-title {
	background-color: #f1f0ec;
}

footer .widget-title { background-color: transparent; }
.widget-area ul ul.wp-tag-cloud { overflow: hidden; }
.widget-area select { max-width: 100%; }
.widget-container { margin: 0 0 18px 0; }
.widget_nav_menu .widget-title, #text-4 .widget-title, #custom_html-5 .widget-title{ background-color: #c4ebff; }
.widget_recent_entries .widget-title { background-color: #d9cba2; }
.widget_tl_widget .widget-title, #custom_html-12 .widget-title { background-color: #ecc76f; }
li.widget_categories ul, li.widget_archive ul { margin-left: 0; }
.widget-area ul.xoxo > li#text-6 { margin-top: 50px; }

#eli {
	background: url('images/eli_prozr350.png') no-repeat right top;	
	min-height: 205px;
	position: relative;
	width: 100%
}

#eli .widget-title {
	background-color: transparent;
	color: #f2e6cc;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	left: 56px;
	line-height: 1.4;
	position: absolute;
	text-transform: uppercase;
	top: 60px;
	display: none;
}

#eli div h4 {
	color: #638a48;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 10px;
	max-width: 115px;padding-top: 130px;
}

#eli div h4 a, #eli div h4 a:visited { color: #638a48; }
#eli div h4 a:hover { color: #333; }

#eli div p {
	color: #333;
	font-size: 1rem;
	line-height: 1.4;
}

#eli div p span { 
	display: block;
	max-width: 177px; 
}

#mid li#text-7 iframe {
	display: block;
	margin: 0 auto ! important;
}

#mid li#text-7 .widget-title { background-color: #c4ebff; }

footer { 
	border-top: 1px solid #f1f0ec; 
	padding: 1.5rem 0;
}

footer p { 
	color: #9099a2;
	font-family: 'Roboto', sans-serif;
	font-size: 0.85rem;
	line-height: 1.6;
	margin-bottom: 1.3rem;
	text-align: left; 
}

footer .textwidget p {
	line-height: 2;
}

footer p.cr { 
	margin-top: 1.3rem;
	text-align: center; 
}

footer a { padding: 0 0.625rem; }
.share-btns { margin: 20px 0; }

.share-btns a {
	color: #fff ! important;
	display: inline-block;
	font-size: 22px;
	margin-right: 2px;
	text-align: center;
}

.share-btns a i {
	height: 30px;
	line-height: 32px;
	width: 129.3px;
}

.share-btns a i:hover { opacity: 0.7;}

.share-btns label { 
	display: inline-block;
	font-size: 22px; 
}

.share-btns [type="text"] { 
	display: inline-block;
	max-width: 184px; 
}

#text-4 li:hover img, #text-5 a:hover img, .related-posts .columns:hover img, .hp .row .columns:hover img, .hp-recent .columns:hover img, .page .columns:hover img {
    -webkit-transform:scale(1.02); /* Safari and Chrome */
    -moz-transform:scale(1.02); /* Firefox */
    -ms-transform:scale(1.02); /* IE 9 */
    -o-transform:scale(1.02); /* Opera */
     transform:scale(1.02);
}

.hp a.more-link {
	background: #0d86f3;
	float: right;
	position: relative;
}

.hp .hp-post a.more-link { margin-top: 20px; }
.hp a.more-link:hover { background: #90c06f; }
.hp .hp-recent, .hp .widget { margin-bottom: 20px; }

.hp .hp-recent a img {
	height: 253px;
	width: 100%;
}

.hp-visited .widget-title, .hp-commented .widget-title {
	background: #f1f0ec;
	
}

span.title {
	background: #f1f0ec;
	display: block;
	height: 64px;
	line-height: 1.25;
	padding: 2px 5px 5px;
	overflow: hidden;
}

.hp-recent span.title { height: 50px; }

.related-posts .columns span.title {
	height: 45px;
	overflow: hidden;
}

a span.title, a:visited span.title, .hp .widget a, .hp .widget a:visited, .page .columns a, .related-posts .columns a, .hp-recent a { color: #000; }
.hp .textwidget .row, .hp-visited, .hp-commented, .page .row .large-5 { margin-bottom: 20px; }
.page .row .large-5 a img.show-for-medium { height: 187px; }

.hp .widget, .page .columns, .related-posts .columns {
    font-family: "Roboto",sans-serif;
	font-size: 1rem;
	line-height: 1.1;
    list-style: outside none none;
}

.hp-visited div, .hp-commented div {
	font-size: 15.6px;
	line-height: 1.1;
    list-style: outside none none;
}

.hp-visited span.title, .hp-commented span.title {
    font-family: "Roboto",sans-serif;
	font-size:1rem;
	height: 46px;
	line-height: 1.2;
	overflow: hidden;
	padding: 2px;
}
/* tbr */
.hp #text-12 .widget-title, .hp #text-12 span.title, .hp #text-12 a.more-link { background: #bfd9a2; }
.hp #text-8 .widget-title, .hp #text-8 span.title, .hp #text-8 a.more-link { background: #bfd9a2; }
.hp #text-13 .widget-title, .hp #text-13 span.title, .hp #text-13 a.more-link { background: #c4ebff; }
.hp #text-14 .widget-title, .hp #text-14 span.title, .hp #text-14 a.more-link { background: #ecc76f; }
.hp #text-15 .widget-title, .hp #text-15 span.title, .hp #text-15 a.more-link { background: #d9cba2; }
.hp #custom_html-15 .widget-title, .hp #custom_html-15 span.title, .hp #custom_html-15 a.more-link { background: #f1f0ec; }
.hp a.more-link:hover { background: #90c06f ! important; }

.half { width: 50%; }
.hp-recent .half, .related-posts .columns { margin-bottom: 20px; }
.hp-recent .half:nth-child(even) { padding-left: 0; }
.hp-recent .half:nth-child(odd) { padding-right: 0; }

.half span.title {
    font-family: "Roboto",sans-serif;
	font-size: 1rem;
	line-height: 1.33;
	padding-top: 4px;
}

.widget_categories a, .widget_tl_widget a, .xoxo #most-popular-posts a, .xoxo .widget_recent_entries a, footer a, footer a:visited, .navigation a, .navigation a:visited,
.widget_categories a:visited, .widget_tl_widget a:visited, .xoxo #most-popular-posts a:visited, .xoxo .widget_recent_entries a:visited  { color: #6c974f; }
.widget_categories a:hover, .widget_tl_widget a:hover, .xoxo #most-popular-posts a:hover, .xoxo .widget_recent_entries a:hover, footer a:hover, .navigation a:hover { color: #333; }

/* Extra
===================================== */
.ad-inside {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
    padding: 3px 0 0;
}

.ad-inside2 { margin-bottom: 1rem; }

.back-top {
	position: fixed;
	bottom:0;
	right: 10px;
	z-index: 100; 
    background-color: #0d86f3;
    border-radius: 5px 5px 0 0;
	color: #fff;
    font-size: 24px;
    height: 38px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    transition-duration: 0s;
    width: 38px;	
}
.back-top.to-home { right: 55px; }

.back-top a {
	color: #fff;
	display: block;
	text-decoration: none;
	text-shadow: 0 1px #000;
}

.back-top a::before {
    content: "";
    font-family: "FontAwesome";
}

.back-top.to-home a::before { content: ""; }

#attachment_2362 { background-color: #fff; }
#attachment_2362 p.wp-caption-text { display: none; }
blockquote { padding: 0 3rem; }

blockquote, blockquote p {
    color: #9099a2;
	font-family: 'Georgia', serif;
	font-size: 16px;
	font-style: italic;
    line-height: 1.3;
}

.related-posts li {
	font-size: 16px;
	line-height: 1.1;
}

/* rating after the single post */
.raction i:hover { cursor: pointer; }
.raction i { color: #d1d0ec; }
.raction .active { color: #0d86f3; }
.rating-msg p  { 
	color: #9099a2;
	font-size: 16px; 
}

.rating-label, .share-btns p { 
	display: block;
	font-size: 22px;
}

.raction .stars { 
	display: inline-block;
	text-align: left;
	width: auto;	
}

.rscore { 
	display: inline-block;
	text-align: left;
}

#star-score {
    display: inline-block;
    font-family: FontAwesome;
    letter-spacing: 2px;
    position: relative;
}

#star-score::before {
    color: #d1d0ec;
    content: "\f005 \f005 \f005 \f005 \f005";
	font-family: FontAwesome;
}

#star-score::after {
    color: #0d86f3;
    left: 0;
    position: absolute;
}

#star-score::after { color: #0d86f3; }
.ajax-loader { color: #0d86f3 ! important; }
.r0::after { content: ""; }
.r1::after { content: "\f005"; }
.r2::after { content: "\f005 \f005"; }
.r3::after { content: "\f005 \f005 \f005"; }
.r4::after { content: "\f005 \f005 \f005 \f005"; }
.r5::after { content: "\f005 \f005 \f005 \f005 \f005"; }
.rating-msg { clear: both; }

#post-1613 .row div { margin-bottom: 20px; }

.wp-block-gallery .blocks-gallery-item figcaption {
	font-family: 'Roboto', sans-serif;
}

table { 
	display: table;
	font-size: 1rem;
	border-collapse: collapse; 
	empty-cells: show; 
	border-width: 1px 1px 0 0; 
	border-style: solid; 
	border-color: #cacaca;
	margin-bottom: 1rem;
}

td, th { 
	display: table-cell; 
	padding: 0.1rem 0.5rem; 
	border-width: 0 0 1px 1px; 
	border-style: solid; 
	white-space: nowrap; 
	text-align: left; 
	border-color: #cacaca 
}

table.comparison tr:nth-child(2n+1) td {
  background: #f2f7fc;
}

table.comparison {
	max-width: 100%;
}

table.comparison th {
	background-color: #c4ebff;
	line-height: 1.3;
	padding: 0.5rem;
	font-size: 1rem;
}

table.comparison td {
	white-space: normal;
	line-height: 1.3;
	padding: 0.5rem;
	font-size: 1rem;
}

table.comparison tr td:last-child, table.comparison tr td:nth-child(5) {
  white-space: nowrap; 
}

table.comparison td .news-submit {
	font-size: 1rem;
	padding: 4px 16px;
}

/* Blue block containing picture and text */
.img-and-txt {
	background-color: #c4ebff;
	padding: 1.25rem;
	display: inline-block;
}

.img-and-txt div {
	display: inline-block;
	width: calc(50% - 1.25rem);
	vertical-align: top;
}

.img-and-txt div.img50 {margin-right:1.25rem;}
.img-and-txt div.img50 img {display: block;}
.img-and-txt div.txt50 p {margin-bottom: 0;}

.textwidget .txt50 p {font-size: 1rem}

.tnp-subscription-minimal input.tnp-email {
	width: 65%;
	max-width: 200px;
}

.tnp-subscription-minimal input.tnp-submit {width: 34%;}

/* Green block containing Travel resources */
/*div.has-background-green {
	background-color:#bfd9a2; 
	padding:20px 30px;
	margin-bottom:1rem	
}

div.has-background-green a, div.has-background-green a:visited {
	color: #b45b3e;
}

div.has-background-green a:hover {
	color: #6c974f
}*/

.destination-resources {
	background-color: #c4ebff;
	padding: 2rem 2rem 1.5rem;
	margin-bottom: 1rem;
}

.destination-resources li {
	margin-bottom: 0.5rem;
}

.destination-resources a, .destination-resources a:visited {
	color: #ff6520;
}

.destination-resources a:hover {
	color: #6c974f;
}

p.highlight {
	border-left: 1px solid #9099a2;
    color: #9099a2;
    line-height: 1.3;
	padding-left: 1rem;
}

#entry-author-info {
	background-color: #ece9e4;
	padding: 20px;
	margin-bottom: 20px;
}

#author-avatar {
	float: left;
	margin: 0 0 15px 0;
}

/* Print style
===================================== */
@media print {
	body { background-image: none; }
	#access,
	#back-top,
	#site-description img,
	#respond,
	.comment-edit-link,
	.edit-link,
	footer .hide-for-small,
	header .hide-for-small,
	.navigation,
	.page-link,
	.widget-area { display: none !important; }
}

/* 1200px+ width screens
===================================== */
@media only screen and (min-width: 1200px) {
	.related-posts img {width: 100%;}
}

@media only screen and (min-width: 980px) {
	.related-posts a img {
	  height: 234px;
	  width: 100%;
	}
}

/* 1024px width screens
===================================== */
@media only screen and (min-width: 980px) and (max-width: 1240px) {
	#site-description { max-width: 400px; }
}

/* tablet portrait
===================================== */
@media only screen and (min-width: 641px) and (max-width: 980px) {	
	body {background-image: none;}
	#menu-top-menu {overflow:hidden;}
	#access a { padding: 0 1em; }
	a.more-link, a.more-link:visited { left: 521px; }
	.wp-caption { width: 100% !important; }
}

/* mobile
===================================== */
@media only screen and (max-width: 640px) {
	
	body {background-image: none;}
	.wp-caption { width: 100% !important; }	
	#access a { border-width: 0; }
	.paged #nav-above, .single #nav-above { display: none; }
	#access ul.show-mob { display: block ! important; }
	
	#access ul#menu-top-menu { 
		background-color: #0d86f3;
		display: none;
		left: 0.625rem;
		padding: 0 0 20px;
		position: absolute;
		top: 68px;
		width: 320px;
		z-index: 200;
	}	
	
	#access ul#menu-top-menu li { 
		border: none;
		float: none; 
	}
	
	#access a#nav-mob {
		background: #0d86f3 url("images/bg_nav_mob.png") no-repeat center;
		border-radius: 5px;
		height: 30px;
		left: 0.625rem;
		padding: 0;
		position: absolute;
		top: 23px;
		width: 30px;
	}

	#access a#nav-mob:hover { background-color: #90c06f; }
	#access .menu li.sm a { padding: 0 0.4rem; }
	.share-btns a i { width: 75px; }
	
	div.menu-header li.sm { 
		border: none;
		margin: 0;		
	}
	
	header .menu li.sm a i {
		background-color: transparent;
		border-radius: 0;
		height: 26px;
		padding-top: 20%;
		text-align: center;
		transition: all 0.2s ease-in-out 0s;
		width: 26px;
	}
	
	header { height: auto ! important }
	#access { margin-top: 10px; height: 58px; }	
	.home #access { margin-top: 5px; }	
	
	#site-title a {
		border: 1px solid #0d86f3;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 2px;		
		top: 12px;
	}
	
	#site-title a img {
		width: 7rem;
	}
	
	.half { 
		float: none;
		padding: 0;
		width: 100%; 
	}
	
	.single-post section { padding: 0; }
	.hp .hp-recent a img { height: auto; }	
	.home .textwidget .columns { margin-bottom: 20px; }
	.home .textwidget .columns:last-child { margin-bottom: 0; }
	table {max-width: 100%}
	td, th {white-space: normal}
	
	#access .menu-header .searchform input {
		margin: 16px 0 16px 41px;
		width: 44%;
	}
	
	.img-and-txt div {
		display: block;
		width: 100%;
	}

	.img-and-txt div.img50 {margin-right:0; margin-bottom: 1.25rem}	
	
	.tnp-subscription-minimal input.tnp-submit {width: auto}
	
	#respond .books label span {height: 120px;}
	
}

.widget_categories .cat-item .children { display: none; }