/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.current-menu-item.menu-item-top-level > a > .avia-menu-text,
.current-menu-ancestor.menu-item-top-level > a > .avia-menu-text{
    background-color: #725133;
    color: #ffffff;
    border-color: #7a8030;
    text-align: center;
    white-space: nowrap;
    border-radius: 100px;
    padding: 9px;
}

.current_page_ancestor .current-menu-item > a  {
    background-color: #725133 !important;
    color: #ffffff !important;;
}

div .slideshow_caption h2{
    text-shadow: 0 0 10px #725133;
}

#before-footer .blog-categories.minor-meta
/*,#before-footer article.slide-entry > a*/{
    display: none !important;
}

#top .all_colors u,
#top .all_colors span[style*='text-decoration: underline;'],
#top .all_colors span[style*='text-decoration:underline;']{
    color: #725133;
}
aside h3{
	font-size: 1.3em !important;
}
aside a:hover{
	text-decoration: none !important;
}
.recentcomments, .widget_recent_entries li{
	border: none !important;
	border-bottom: 1px solid #c8c8c8 !important;
}
.page-id-599 .avia-button img{
	float: right;
	margin: 0 5px;
	width: 120px;
}
.page-id-599 .flex_column.av_one_half:nth-child(2) .avia-button img{
	float: left;
}
.page-id-599 .avia-button{
	line-height: 32px;
}
aside .widget_nav_menu ul.sub-menu {
    margin-left: 20px !important;
    font-size: .8em;
    list-style: none;
}
#top .widget_nav_menu ul ul li:before {
    position: relative;
	top: 0;
    padding-top: 8px;
    margin-right: 8px;
    float: left;
}
ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
#top .widget_nav_menu #menu-right-widget > li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 57, 0.38);
	padding: 2px 0;
}
body.home .icl_post_in_other_langs, 
body.page-id-143 .icl_post_in_other_langs{
	display: none;
}
.content p {
	text-align: justify;
}
.comment-respond label{
	width: 70px;
}
.comment-respond label,
.comment-respond input {
	display: inline-block !important;
	position: relative !important;
}
.html_elegant-blog body:not(.single) .avia-content-slider .read-more-link,
#before-footer .read-more-link{
	top: 0;
}
.html_elegant-blog body:not(.single) .avia-content-slider .slide-entry-title,
#before-footer .slide-entry-title {
    padding-top: 10px;
    min-height: 80px;
	line-height: 26px;
    letter-spacing: 0 !important;
    font-size: 100% !important;
	margin: 0;
	padding-bottom: 0;
}
.html_elegant-blog body:not(.single) .avia-content-slider .slide-entry-excerpt {
	font-size: .8em;
}

.html_elegant-blog body:not(.single) .avia-content-slider .av-vertical-delimiter,
.html_elegant-blog body:not(.single) .avia-content-slider .blog-categories,
#before-footer .av-vertical-delimiter,
.html_elegant-blog body:not(.single) #top .post-entry .minor-meta{
	display: none !important; 
}
.avia-content-slider .slide-entry-excerpt{
	text-align: justify;
}
.iconlist_title a{
	text-decoration: none !important;
}

#introsection .flex_column.av_one_half a{
	border: none !important;
	color: #000 !important;
	font-size: 1.4em;
}
#introsection .container main.content {
	padding: 0 !important;
}
#introsection .flex_column.av_one_half{
	padding-top: 285px !important;
}
#introsection .flex_column.av_one_full{
   
    color: #6b8884 !important;
	padding-top: 6px;
	margin:0;
}
#header_main{
	background: url('../images/top-header.jpg') no-repeat top left / 100%;
}
.logo img{
	margin-top: 25px;
}
.av-main-nav > li > a{
	padding: 0 10px;
	font-size: 12px !important;
}
.av-main-nav .menu-item-has-children > a > .avia-bullet{
	display: inline-block;
}
body:not(.page-id-599) #main :not(#footer):not(footer) .container{
	background: #FFF;
    box-shadow: 0 0 3px 1px #999;
}
#mainsection .entry-content-wrapper .flex_column.av_two_third,
.sidebar_left .content{
	border: none;
	box-shadow: -6px 0 3px -6px #725133;
	-webkit-box-shadow: -6px 0 3px -6px #725133;
	-moz-box-shadow: -6px 0 3px -6px #725133;
}
#mainsection .entry-content-wrapper .flex_column.av_one_third section.widget:first-child h3{
	margin-top: 0;
}
aside .widget,
#mainsection .entry-content-wrapper .flex_column.av_one_third .widget{
	padding: 0 10px;
    background: #fcfdf4;
    border-radius: 10px;
}
aside .widgettitle,
#mainsection .entry-content-wrapper .flex_column.av_one_third .widgettitle{
    border: none;
    background: #725133;
    padding: 12px 20px !important;
    color: #f9faeb;
    border-radius: 20px;
    font-size: 1.1em  !important;
}
.html_elegant-blog #top .post-entry .read-more-link a{
	color: #f9faeb;
    background: #725133;
}
.html_elegant-blog #top .post-entry .post-meta-infos{
	display: none;
}
aside section,
#mainsection .entry-content-wrapper .flex_column.av_one_third section{
	margin-bottom: 20px;
}

marquee{
        direction: ltr;
    vertical-align: middle;
}

/* Telegram button color */
#top #wrap_all .av-social-link-telegram:hover a {
    color: #fff;
    background-color: #2ca5e0;
}


.page.home h3,
.avia_iconbox_title{
	color: #FFF !important;
	font-weight: bolder !important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	#header_main{
		background-size: 100% 195px;
	}
			
	#mainsection .template-page.content {
		padding: 0;
	}	
	#mainsection .flex_column{
		padding: 40px 0;
	}
	#mainsection .entry-content-wrapper .flex_column.av_one_third {
		margin-left: 3%;
		width: 24%;
	}
	#mainsection .entry-content-wrapper .flex_column.av_two_third {
		padding-right: 50px;
		width: 73%;
	}
		
	.html_elegant-blog #top .post-entry header > .minor-meta {
		text-transform: uppercase;
		float: left;
		width: 20%;
		font-size: .7em;
		height: 55px;
		line-height: 28px;
		background: rgb(247, 239, 231);
	}
	.html_elegant-blog #top .post-entry .post-title {
		text-align: left;
		float: left;
		padding: 0 15px;
		line-height: 55px;
		font-size: 130% !important;
		letter-spacing: 0;
		width: 80%;
		background: rgb(236, 217, 200);
	}
	.html_elegant-blog #top .post-entry .read-more-link a{
		margin: 5px 0;
		float: right;
		width: 180px;
		padding: 5px;
	}
	.html_elegant-blog #top .post-entry .big-preview {
		float: right;
		width: 22%;
	}

	.html_elegant-blog #top.page-id-143 .post-entry .entry-content {
		float: left;
		width: 74%;
	}
	.html_elegant-blog #top.single .post-entry .entry-content{
		width: 100%;
	}
	.comment-entry.post-entry{
		padding-right: 50px
	}
}


@media only screen and (max-width: 1023px) {
	#introsection .flex_column.av_one_half{
		padding-top: 240px !important;
	}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.entry-content a.lightbox-added{
		overflow: hidden;
	}
	
	#top #wrap_all #main #introsection {
		width: 100%;
		background-size: 100%;
	}
	
	#introsection .flex_column.av_one_half{
		width: 50% !important;
		padding-top: 208px !important;
		float: right !important;
	}
}

@media only screen and (max-width: 480px) {
	#introsection .flex_column.av_one_half{
		padding-top: 180px !important;
	}
}