﻿/*
Theme Name: Apartments by the river
Theme URI: https://apartmentsbytheriver.bg
Author: INFOBGNET
Author URI: https://infobgnet.com
Description: Special for MT Homes Property Management
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Full width, Two-Columns, Right-Sidebar, Left-Sidebar, Custom-Background, White, Light, Featured-Images, Theme-Options
Text Domain: infobgnet.com
*/
#header{background:#333;width:100%;height:50px;position:fixed;top:0;left:0;z-index:100;}
.dropdown{margin:5px 10px;float:left;}
.menu{max-width:1160px;margin:0 auto 0;background:#333;}
.menu ul{margin:0 10px;;padding:0;float: right;list-style:none}
.menu ul li{position:relative;float:left}
.menu>ul>li:first-child a{-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.menu ul li a{display:block;height:44px;padding:0 13px;font:20px/45px "BebasNeue";color:#fff;text-decoration:none;border-right:solid 1px #1e1e1e;-webkit-transition:color 170ms linear 20ms,background 170ms linear 20ms;-moz-transition:color 170ms linear 20ms,background 170ms linear 20ms;-ms-transition:color 170ms linear 20ms,background 170ms linear 20ms;-o-transition:color 170ms linear 20ms,background 170ms linear 20ms;transition:color 170ms linear 20ms,background 170ms linear 20ms}
.menu>ul>li
.active>a,
.menu>ul>li:hover>a{color:#64c1ff;background:#282828;}
.menu>ul>li>a:active,
.menu>ul>li.active>a:active{color:#777;background:#1f1f1f;}
.menu ul ul{position:absolute;left:-1px;visibility:hidden;opacity:0;z-index:11;background:#333;border:solid 1px #333;border-top:0;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 5px 3px -3px #c4c4c4;-moz-box-shadow:0 5px 3px -3px #c4c4c4;box-shadow:0 5px 3px -3px #c4c4c4;-webkit-transition:all 160ms linear 20ms;-moz-transition:all 160ms linear 20ms;-ms-transition:all 160ms linear 20ms;-o-transition:all 160ms linear 20ms;transition:all 160ms linear 20ms}
.menu ul li:hover>ul{visibility:visible;opacity:1;}
.menu ul ul li{float:none}
.menu ul ul li a{width:150px;height:28px;padding-right:0;font-size:17px;color:#fff;line-height:28px;border-bottom:solid 1px #555;border-right:0}
.menu ul ul li:last-child a{border-bottom:0;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.menu ul ul li:hover>a{background:#555;}
.menu ul ul li a:active{background:#3cb0ff;}.menu ul ul ul{left:100%;top:-1px;border-top:solid 1px #555;-webkit-border-radius:4px;-webkit-border-top-left-radius:0;-moz-border-radius:0 4px 4px 4px;border-radius:0 4px 4px 4px}
.menu ul ul ul li:first-child a{-webkit-border-top-right-radius:4px;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}
.menu input#dropdown,
.menu label{display:none;position:absolute;top:5px;right:10px;width:60px;height:35px;}
}
.menu input#dropdown{opacity:0}
.menu label{font-size:22px;color:#fff;text-align:center;line-height:34px;background:#635d5d;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.menu label:hover{cursor:pointer}
.menu input#dropdown:checked ~ label{color:#444;-webkit-box-shadow:inset 0 0 28px #2a2a2a, inset 0 0 6px #1a1a1a;-moz-box-shadow:inset 0 0 28px #2a2a2a, inset 0 0 6px #1a1a1a;box-shadow:inset 0 0 28px #2a2a2a, inset 0 0 6px #1a1a1a}
.menu input#dropdown:checked ~ ul{display:block}
@media only screen and (max-width:1024px){.menu{width:96% !important;}
.menu ul ul{margin:0}

}
@media only screen and (max-width:768px){
h1, .h1 {font-size: 22px !important;}		
.menu input,
.menu label,
.menu h2.dropdown{display:block}
.menu{width:62% !important;min-height:45px;height:100% !important;overflow:hidden;position:relative}
.menu ul{display:none;width:100% !important;margin:45px 0 0 0 !important;padding:0 !important;float:left !important;}
.menu ul>li{float:none !important;}
.menu ul li a{width:auto;height:38px;padding-left:5%;font-size:24px;line-height:40px}
.menu ul ul{display:block;position:static;visibility:visible;opacity:1;margin:0;overflow:hidden;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.menu ul ul li{width:25%;float:left}
.menu ul ul li a{width:auto;padding:0;text-align:center;color:#fff;border:0}
.menu ul ul li:hover a{background:#282828}
.menu ul ul li:last-child a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.menu ul ul ul,
.menu ul ul li a i{display:none}
}
@media only screen and (max-width:480px){
h1, .h1 {font-size: 22px !important;}	
.menu{top: -35px;width:96% !important;}
}
@media only screen and (max-width:320px){.menu{top: -40px;width:96% !important;}
.menu ul ul li{top: -35px;width:100% !important;}
h1, .h1 {font-size: 22px !important;}	
}
.site-title{margin:0}
#wrapper{padding-top:40px;}
html,
body{font-family:'Open Sans', sans-serif;font-size:14px;color:#505050;line-height:1.75em;background:#ebebeb;position:relative;}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Roboto Slab', serif;font-weight:400;color:#303030;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2em;}
h4{font-size:1.5em;}
h5{font-size:1em;}
h6{font-size:0.75em;}
a{color:#555;outline:none;}
a:hover{color:#555;}
a:active,
a:focus,
a img{outline:none;}
.btn,
input[type="submit"]{padding:7px 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.btn-default,
input[type="submit"]{border-radius:30px;background:#555;color:#fff;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.btn-default:hover,
input[type="submit"]:hover{border:1px solid #303030;background:#303030;color:#fff;}
.btn-default:focus,
input[type="submit"]:focus{outline:none;}
.btn-default[disabled]{border:1px solid #303030;background:#303030;color:#fff;}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea,
.form-control{padding:7px 7px;border:1px solid #ebebeb;height:40px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input[type="search"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.form-control:focus{border:1px solid #555;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
blockquote{border-left:4px solid #555;font-family:'Roboto Slab', serif;font-style:italic;}
cite{font-size:14px;}
pre{padding:0;background:none;border:none;}
::-moz-selection{color:#fff;background:#555;text-shadow:none;}
::selection{color:#fff;background:#555;text-shadow:none;}
.alignnone{margin:7px 21px 21px 0;}
.aligncenter,
div.aligncenter{display:block;margin:7px auto 7px auto;}
.alignright{float:right;margin:7px 0 21px 21px;}
.alignleft{float:left;margin:7px 21px 21px 0;}
a img.alignright{float:right;margin:7px 0 21px 21px;}
a img.alignnone{margin:7px 21px 21px 0;}
a img.alignleft{float:left;margin:7px 21px 21px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.author > a, a:hover {color: #000;}
.wp-caption{background:#f5f5f5;border:1px dashed #f5f5f5;max-width:96%;padding:4px;text-align:center;}
.wp-caption.alignnone{margin:7px 21px 21px 0;}
.wp-caption.alignleft{margin:7px 21px 21px 0;}
.wp-caption.alignright{margin:7px 0 21px 21px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:16px;margin:0;padding:0 4px 10px;}
.screen-reader-text{display:none;}
.gallery:after{content:'';clear:both;display:block;}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item{float:left;position:relative;}
.gallery-columns-1 .gallery-item .gallery-icon img,
.gallery-columns-2 .gallery-item .gallery-icon img,
.gallery-columns-3 .gallery-item .gallery-icon img,
.gallery-columns-4 .gallery-item .gallery-icon img{margin-bottom:0;}
.gallery-columns-1 .gallery-item .gallery-caption,
.gallery-columns-2 .gallery-item .gallery-caption,
.gallery-columns-3 .gallery-item .gallery-caption,
.gallery-columns-4 .gallery-item .gallery-caption{position:absolute;bottom:0;left:0;background:rgba(0, 0, 0, 0.5);color:#fff;text-align:center;font-size:12px;width:100%;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;filter:alpha(opacity=(0));-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.gallery-columns-1 .gallery-item:hover .gallery-caption,
.gallery-columns-2 .gallery-item:hover .gallery-caption,
.gallery-columns-3 .gallery-item:hover .gallery-caption,
.gallery-columns-4 .gallery-item:hover .gallery-caption{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;filter:alpha(opacity=(100));}
.post{border:2px solid #fff;box-shadow:0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);padding:20px;background:#fff;margin-bottom:35px;position:relative;overflow:hidden;}
.post .featured{position:absolute;background:#555;color:#fff;text-align:center;top:-12px;right:-32px;width:80px;height:40px;line-height:54px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.post .featured i{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.post .post-head{text-align:center;}
.post .post-head .post-title{margin:0;line-height:1em;}
.post .post-head .post-title a{color:#303030;}
.post .post-head .post-title a:hover,
.post .post-head .post-title a:focus{text-decoration:none;}
.post .post-head .post-meta{font-style:italic;color:#000;margin:14px 0 0px;}
.post .post-head .post-meta span{margin:0px 7px;white-space:nowrap;}
.post .featured-media{margin-bottom:30px;overflow:hidden;text-align:center;background-size:cover;background-position:center;}
.post .featured-media.no-header{margin-top:0;}
.post .featured-media.no-image{background-color:#555;}
.post .featured-media img{width:100%;height:auto;}
.post .post-content{margin:30px 0;}
.post .post-content img{max-width:100%;margin-bottom:14px;height:auto;}
.post .post-content .post-permalink{margin-top:30px;}
.post .tag-list{color:#000;font-style:italic;line-height:28px;}
.post .tag-list a{color:#333;margin-left:7px;}
.post .tag-list a:hover{color:#555;}
.post .post-footer{margin-top:30px;border-top:1px solid #ebebeb;padding:21px 0 0;}
.post .post-footer .category-list{color:#959595;font-style:italic;line-height:28px;}
.post .post-footer .category-list a{color:#000;margin-left:7px;}
.post .post-footer .category-list a:hover{color:#555;}
.post .post-footer .share .share-icons{padding:0;margin:0;}
.post .post-footer .share .share-icons li{list-style:none;display:inline-block;}
.post .post-footer .share .share-icons li a{text-decoration:none;color:#959595;text-align:center;}
.post .post-footer .share .share-icons li a i{width:28px;height:28px;line-height:28px;border:1px solid #ebebeb;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;font-size:12px;}
.post .post-footer .share .share-icons li a:hover i{color:#fff;background:#555;border:1px solid #555;}
.branding img{max-height:45px;widget:100%;}
.branding{max-height:45px;widget:100%;color:#fff;}
p > a, a:hover {color: #333;}
#social-platforms{position:relative;top:100px;top:25vh;font-size:1rem;text-align:center;height:250px;overflow:hidden;}
.btn-share{clear:both;white-space:nowrap;font-size:.8em;display:inline-block;margin:2px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;overflow:hidden}
.btn-share:hover{box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.45);}
.btn-share:focus{box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.4);}
.btn-share > span,.btn-icon > i{float:left;padding:13px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;line-height:1em}
.btn-share > span{padding:14px 18px 16px;white-space:nowrap;color:#fff;background:#b8b8b8}
.btn-share:focus > span{background:#9a9a9a}
.btn-icon > i{border-radius:5px 0 0 5px;position:relative;width:13px;text-align:center;font-size:1.4em;color:#fff;background:#212121}
.btn-icon > i:after{content:"";border:8px solid;border-color:transparent transparent transparent #222;position:absolute;top:13px;right:-15px}
.btn-icon:hover > i,.btn-icon:focus > i{color:#fff}
.btn-icon > span{border-radius:0 5px 5px 0}
.btn-facebook:hover > i,.btn-facebook:focus > i{color:#3b5998}
.btn-facebook > span{background:#3b5998}
.btn-twitter:hover > i,.btn-twitter:focus > i{color:#55acee}
.btn-twitter > span{background:#55acee}
.btn-googleplus:hover > i,.btn-googleplus:focus > i{color:#dd4b39}
.btn-googleplus > span{background:#dd4b39}
.btn-pinterest:hover > i,.btn-pinterest:focus > i{color:#cb2028}
.btn-pinterest > span{background:#cb2028}
.btn-linkedin:hover > i,.btn-linkedin:focus > i{color:#007bb6}
.btn-linkedin > span{background:#007bb6}
.format-link .featured-media{color:white;}
.format-link .featured-media a{color:#fff;padding:42px 28px;display:block;}
.format-link .featured-media a:hover,
.format-link .featured-media a:focus{text-decoration:none;}
.format-link .featured-media a:before{content:'\f0c1';font-family:Fontawesome;font-style:normal;font-size:21px;margin-bottom:14px;display:block;}
.format-quote .featured-media{padding:42px 28px;}
.format-quote .featured-media blockquote{border:none;color:#fff;}
.format-quote .featured-media blockquote a{color:#fff;}
.format-quote .featured-media blockquote a:hover,
.format-quote .featured-media blockquote a:focus{text-decoration:none;}
.format-quote .featured-media blockquote:before{content:'\f10d';font-family:Fontawesome;font-style:normal;font-size:21px;margin-bottom:14px;display:block;}
.format-audio .featured-media h4{padding:28px 0 30px;color:#fff;}
.format-gallery .gallery-tiled{text-align:left;}
.format-gallery .gallery-tiled ul{padding:0;margin:0;}
.format-gallery .gallery-tiled ul li{list-style:none;float:left;width:25%;height:25%;position:relative;}
.format-gallery .gallery-tiled ul li a .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;filter:alpha(opacity=(0));}
.format-gallery .gallery-tiled ul li a .overlay:before{content:'\f00e';font-family:Fontawesome;position:absolute;font-size:14px;width:42px;height:42px;line-height:42px;top:50%;left:50%;margin-left:-21px;margin-top:-21px;color:#303030;text-align:center;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.format-gallery .gallery-tiled ul li a:hover .overlay{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;filter:alpha(opacity=(100));}
.featured-media{background:#555;}
.featured-media.status-wrap{padding:14px;}
.featured-media blockquote{border:none;}
.featured-media iframe{margin:0 auto !important;border:none;}
.format-video .featured-media,
.format-audio .featured-media{line-height:0;}
.format-chat .post-content p{border-bottom:1px dashed #ebebeb;padding-bottom:14px;}
.format-chat .post-content p:last-child{border:none;}
.pagination{margin:0 0 35px;text-align:center;display:block;}
.pagination a{text-align:center;display:inline-block;color:#fff;background:#555;padding:7px 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.pagination a i{width:36px;height:36px;line-height:36px;}
.pagination a:hover{background:#505050;text-decoration:none;color:#fff;}
.pagination .page-number{background:#444 !important;color:#fff;margin:0 3px;display:inline-block;line-height:36px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.about-author{background:#fff;padding:35px;margin-bottom:35px;}
.about-author .avatar{width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;float:left;}
.about-author .details{margin-left:114px;}
.about-author .author{font-size:1.5em;margin-bottom:7px;}
.about-author .author a:hover{text-decoration:none;}
.about-author .meta-info{font-style:italic;color:#959595;margin-bottom:7px;}
.about-author .meta-info span{margin-right:14px;white-space:nowrap;}
.about-author .meta-info span i{margin-right:7px;}
.comment-wrap{background:#fff;padding:35px;margin-bottom:35px;}
.comment-wrap .comment-count{border-bottom:1px dashed #ebebeb;}
.comment-wrap .comment-count h3{margin:0 0 14px;}
.comment-wrap ol{padding:0;margin:0;}
.comment-wrap ol li{list-style:none;}
.comment-wrap ol li article{border-bottom:1px dashed #ebebeb;}
.comment-wrap ol li article.bypostauthor .author-avater-link:before{content:'\f005';font-family:Fontawesome;position:absolute;left:0;top:0;line-height:1em;font-size:9px;color:#959595;}
.comment-wrap ol li header{position:relative;}
.comment-wrap ol li header .author-avater-link{float:left;}
.comment-wrap ol li header .author-avater-link img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.comment-wrap ol li header .comment-details{margin-left:74px;}
.comment-wrap ol li header .comment-details .commenter-name a{color:#505050;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.comment-wrap ol li header .comment-details .commenter-name a:hover{color:#555;text-decoration:none;}
.comment-wrap ol li header .comment-details .commenter-meta{color:#959595;font-style:italic;}
.comment-wrap ol li header .comment-reply-link{position:absolute;top:0;right:0;background:#555;color:#fff;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:0px 7px;font-size:12px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.comment-wrap ol li header .comment-reply-link:hover,
.comment-wrap ol li header .comment-reply-link:focus{background:#303030;text-decoration:none;}
.comment-wrap ol li .comment-body{margin-left:74px;}
.comment-wrap ol li.pingback .comment-body{padding:14px 0;margin:0;border-bottom:1px dashed #ebebeb;}
.comment-wrap ol ul{padding-left:64px;}
.comment-respond{margin:28px 0;}
.comment-reply-title{padding-bottom:14px;border-bottom:1px dashed #ebebeb;}
.comment-notes{margin-bottom:28px;}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url{width:31.1%;display:inline-block;}
.comment-form .comment-form-author,
.comment-form .comment-form-email{margin-right:14px;}
.prev-next-wrap{margin-bottom:35px;text-align:center;}
.sidebar{background:#fff;padding:21px 30px;box-shadow:0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);position: -webkit-sticky;position: sticky;top:10px;padding-top:40px;}
.main-footer .widget{padding:0px 30px;}
.widget{margin-bottom:35px;}
.widget img{max-width:100%;}
.widget a{color:#333;}
.main-footer .widget a {color: #fff;}
.widget a:hover,
.widget a:focus{color:#555;text-decoration:none;}
.widget ul{padding:0;}
.widget ul > li{list-style:none;position:relative;}
.widget ul > li a{border-bottom:1px dashed #ebebeb;display:block;line-height:3em;}
.widget ul > li > ul li{padding-left:14px;}
.widget ul > li .post-count{position:absolute;top:7px;right:0;line-height:26px;height:26px;width:26px;border:1px solid #ebebeb;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.widget ul > li:hover .post-count{background:#555;border:1px solid #555;color:#fff;}
.widget .title{margin-top:0;padding-bottom:7px;border-bottom:1px solid #ebebeb;margin-bottom:21px;position:relative;}
.widget .title:after{content:"";width:90px;height:1px;background:#555;position:absolute;left:0;bottom:-1px;}
.widget .social{padding:0;margin:0;}
.widget .social li{display:inline-block;margin:0 5px 5px 0;text-align:center;}
.widget .social li a{line-height:35px;border:none;}
.widget .social li a i{width:35px;height:35px;line-height:35px;border:1px solid #444;color:#444;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.widget .social li a:hover i{color:#fff;background:#555;border:1px solid #555;}
.widget .tagcloud a{font-size:14px !important;border:1px solid #ebebeb;padding:2px 7px;color:#fff;line-height:1.5em;display:inline-block;margin:0 7px 7px 0;}
.widget .tagcloud a:hover{color:#fff;background:#555;border:1px solid #555;text-decoration:none;}
.widget.widget_calendar caption{text-align:center;line-height:2em;background:#555;color:#fff;text-transform:uppercase;}
.widget.widget_calendar table{text-align:center;width:100%;border:1px solid #ebebeb;}
.widget.widget_calendar table thead tr th{text-align:center;line-height:3em;}
.widget.widget_calendar table tbody td{line-height:3em;border:1px solid #ebebeb;}
.widget.widget_calendar table tbody a{background:#505050;display:block;color:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.widget.widget_calendar table tbody a:hover,
.widget.widget_calendar table tbody a:focus{background:#555;text-decoration:none;}
.widget.widget_calendar table tfoot td{line-height:2.5em;}
.widget.widget_calendar table tfoot #prev{text-align:right;}
.widget.widget_calendar table tfoot #next{text-align:left;}
.widget.widget_recent_entries ul li{border-bottom:1px dashed #ebebeb;padding-bottom:14px;margin-bottom:14px;}
.widget.widget_recent_entries ul li a{color:#505050;font-family:'Roboto Slab', serif;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;border:none;line-height:1.75em;}
.widget.widget_recent_entries ul li a:hover{color:#555;}
.widget.widget_recent_entries ul li .post-date{font-style:italic;color:#959595;}
.widget.widget_recent_entries ul li:last-child{margin-bottom:0;}
.widget.widget_recent_comments li{border-bottom:1px dashed #ebebeb;}
.widget.widget_recent_comments li a{border:none;}
.widget .newsletter .input-group{margin-bottom:10px;display:block;}
.widget .newsletter .input-group .email{width:100%;}
.widget .newsletter .input-group .btn{width:100%;}
.widget .ad{text-align:center;}
.widget .ad img{max-width:100%;}
.search-form .form-group{margin-bottom:0;}
.search-form label{display:none;}
.search-form .search-input{width:84%;}
.search-form .search-submit{width:14%;height:40px;}
.cover{text-align:center;background:#fff;padding:35px;margin-bottom:35px;}
.cover .tag-name{margin-top:0;}
.cover .post-count{margin-top:7px;color:#959595;font-style:italic;}
.cover .avatar{width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.cover .meta-info{color:#959595;font-style:italic;}
.cover .meta-info span{margin:0 7px;}
.cover .meta-info span i{margin-right:7px;}
.cover .bio{margin-top:7px;}
.error-wrap{background:#fff;padding:35px;text-align:center;}
.error-wrap .error-code{font-size:8em;line-height:1.1em;}
.error-wrap .home-page-link{margin:30px 0;}
.error-wrap .search-form-wrap{margin:30px 0;}
.main-footer{background-color:#202020;padding:0;color:#959595;}
.main-footer .widget .title{color:#fff;border-bottom:1px solid #303030;}
.main-footer .widget ul > li a{border-bottom:1px dashed #fff;}
.main-footer .widget .social li a{border:none;}
.main-footer .widget .social li a i{border:1px solid #303030;}
.main-footer .widget .social li a:hover i{border:1px solid #555;}
.main-footer .widget .tagcloud a{border:1px solid #fff;}
.main-footer .widget .tagcloud a:hover{border:1px solid #555;}
.main-footer .widget.widget_calendar table{border:1px solid #303030;}
.main-footer .widget.widget_calendar table tbody td{border:1px solid #303030;}
.main-footer .widget.widget_recent_entries ul li{border-bottom:1px dashed #303030;}
.main-footer .widget.widget_recent_entries ul li a{color:#959595;border:none;}
.main-footer .widget.widget_recent_entries ul li a:hover{color:#555;}
.main-footer .widget.widget_recent_entries ul li .post-date{color:#505050;}
.main-footer .widget.widget_recent_comments li{border-bottom:1px dashed #303030;}
.main-footer .widget.widget_recent_comments li a{border:none;}
.copyright{background:#111111;text-align:center;color:#fff;padding-top:28px;padding-bottom:28px;border-top:1px solid #303030;}

/* ============================================================
   RESIDENCE PRO — DESIGN OVERRIDES
   Font: Roboto Slab | Colors: Navy #15385f + Light Blues
   Overrides the base newsday/MTHPM theme styles
   ============================================================ */

/* --- CSS Variables --- */
:root {
    --rp-navy:        #15385f;
    --rp-navy-dark:   #0e2540;
    --rp-navy-mid:    #1d4a7a;
    --rp-blue-light:  #a9cce8;
    --rp-blue-pale:   #d4e8f6;
    --rp-blue-ghost:  #f4faff;
    --rp-text:        #3c3c3c;
    --rp-text-light:  #6b7585;
    --rp-white:       #ffffff;
}

/* --- Typography: Roboto Slab everywhere --- */
html, body {
    font-family: 'Roboto Slab', Georgia, serif !important;
    color: var(--rp-text);
    background: var(--rp-white) !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Slab', Georgia, serif !important;
    color: var(--rp-navy) !important;
    font-weight: 400;
}

/* --- Links --- */
a, a:hover, a:focus { color: var(--rp-navy); }
p > a, a:hover      { color: var(--rp-navy); }
.author > a, a:hover { color: var(--rp-navy); }

/* --- Header --- */
#header {
    background: var(--rp-navy) !important;
    border-bottom: 2px solid var(--rp-navy-mid);
}
.menu, .menu ul ul {
    background: var(--rp-navy) !important;
}
/* Header nav links */
.menu ul li a {
    font-family: 'Roboto Slab', Georgia, serif !important;
    color: rgba(255,255,255,0.88) !important;
    font-size: 14px !important;
    letter-spacing: 0.06em;
    border-right-color: rgba(255,255,255,0.10) !important;
    transition: color 0.2s ease, background 0.2s ease;
}
.menu > ul > li > a:hover,
.menu > ul > li:hover > a,
.menu > ul > li.current-menu-item > a,
.menu > ul > li.active > a {
    color: var(--rp-blue-light) !important;
    background: rgba(255,255,255,0.08) !important;
}
.menu ul ul { border-top: 2px solid var(--rp-blue-light) !important; }
.menu ul ul li a { color: var(--rp-text) !important; background: var(--rp-white) !important; }
.menu ul ul li a:hover { background: var(--rp-blue-ghost) !important; color: var(--rp-navy) !important; }

/* Logo / branding in header */
.branding, .branding a { color: #fff !important; font-family: 'Roboto Slab', serif !important; }
.dropdown { color: #fff !important; }

/* Mobile hamburger label */
.menu label {
    background: var(--rp-navy-mid) !important;
    color: #fff !important;
}

/* "Резервирай" / Book Now button in header */
.header-book-btn,
#header .btn-reserve {
    background: transparent !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,0.65) !important;
    border-radius: 0 !important;
    padding: 6px 18px !important;
    font-family: 'Roboto Slab', serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    display: inline-block;
}
#header .btn-reserve:hover {
    background: #fff !important;
    color: var(--rp-navy) !important;
}

/* --- Buttons (global) --- */
.btn-default, input[type="submit"] {
    background: var(--rp-navy) !important;
    border-color: var(--rp-navy) !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: 'Roboto Slab', serif !important;
    letter-spacing: 0.06em;
}
.btn-default:hover, input[type="submit"]:hover {
    background: var(--rp-navy-dark) !important;
    border-color: var(--rp-navy-dark) !important;
    color: #fff !important;
}

/* --- Form focus states --- */
input[type="search"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--rp-blue-light) !important;
    box-shadow: 0 0 0 3px rgba(169,204,232,0.20) !important;
}

/* --- Post cards --- */
.post {
    border-color: var(--rp-blue-pale) !important;
    border-top: 3px solid var(--rp-blue-light);
}
.post .post-head .post-title a { color: var(--rp-navy) !important; }
.post .post-head .post-title a:hover { color: var(--rp-navy-mid) !important; }
.post .featured { background: var(--rp-blue-light) !important; color: var(--rp-navy) !important; }
.post .featured-media.no-image { background: var(--rp-navy) !important; }
.post .tag-list a:hover,
.post .post-footer .category-list a:hover { color: var(--rp-navy) !important; }
.post .post-footer .share .share-icons li a:hover i {
    background: var(--rp-navy) !important;
    border-color: var(--rp-navy) !important;
}

/* --- Pagination --- */
.pagination a {
    background: var(--rp-navy) !important;
    border-radius: 0 !important;
    font-family: 'Roboto Slab', serif !important;
}
.pagination a:hover { background: var(--rp-navy-dark) !important; }
.pagination .page-number { background: var(--rp-navy-mid) !important; }

/* --- Blockquote --- */
blockquote { border-left-color: var(--rp-blue-light) !important; }

/* --- Selection highlight --- */
::-moz-selection { background: var(--rp-navy) !important; color: #fff; }
::selection       { background: var(--rp-navy) !important; color: #fff; }

/* --- Comments --- */
.comment-wrap ol li header .comment-details .commenter-name a:hover { color: var(--rp-navy) !important; }
.comment-wrap ol li header .comment-reply-link {
    background: var(--rp-navy) !important;
    border-radius: 0 !important;
}
.comment-wrap ol li header .comment-reply-link:hover { background: var(--rp-navy-dark) !important; }

/* --- Widgets --- */
.widget a:hover, .widget a:focus { color: var(--rp-navy) !important; }
.widget ul > li:hover .post-count { background: var(--rp-navy) !important; border-color: var(--rp-navy) !important; }
.widget .title:after { background: var(--rp-blue-light) !important; }
.widget .social li a:hover i { background: var(--rp-navy) !important; border-color: var(--rp-navy) !important; }
.widget .tagcloud a { color: var(--rp-navy) !important; border-color: var(--rp-blue-pale) !important; background: var(--rp-blue-ghost) !important; }
.widget .tagcloud a:hover { background: var(--rp-navy) !important; border-color: var(--rp-navy) !important; color: #fff !important; }
.widget.widget_calendar caption { background: var(--rp-navy) !important; }
.widget.widget_calendar table tbody a { background: var(--rp-navy-mid) !important; }
.widget.widget_recent_entries ul li a:hover { color: var(--rp-navy) !important; }

/* --- Sidebar --- */
.sidebar { border-top: 3px solid var(--rp-blue-light); }

/* --- Content wrapper background --- */
.content-wrap { background: var(--rp-white); }

/* --------------------------------------------------------------------------
   Fullwidth Page template — let the section run edge to edge.

   fullwil-page.php wraps its content in Bootstrap's .container, which caps at
   1320px. Only that one container is released: the child combinator keeps the
   containers inside the page's own content boxed, and leaves the footer alone.

   Specificity here is (0,3,0) against Bootstrap's (0,1,0), so this wins on its
   own — no !important, which keeps the rule overridable later.

   This lived in the Customizer's Custom CSS field until the theme folder was
   renamed, which orphaned every theme mod. Keeping it in the stylesheet means
   it travels with the theme and cannot be lost that way again.
   -------------------------------------------------------------------------- */

.page-template-fullwil-page .content-wrap > .container {
	max-width: 100%;
	padding: 0;
}
#wrapper { background: var(--rp-white) !important; }

/* --- Cover (tag/category pages) --- */
.cover { border-top: 3px solid var(--rp-blue-light); }

/* --- Footer --- */
.main-footer {
    position: relative;
    background-color: var(--rp-navy);
    color: rgba(255,255,255,0.80);
}

/* Dark overlay върху background снимката */
.footer-overlay {

}

/* 4 колони */
.footer-cols {
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
    margin: 0px 10%;
    background-color: #00000087;
    border-radius: 15px 15px 0px 0px;
    padding: 15px 15px 0 15px;
}
.footer-col {
    padding: 0 20px 24px;
}

/* Logo в футъра */
.footer-logo-link { display: inline-block; margin-bottom: 14px; }
.footer-logo-img  { max-height: 48px; width: auto; filter: brightness(0) invert(1); opacity: 0.9; }

/* About текст */
.footer-about-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(255,255,255,0.60);
    margin-bottom: 16px;
}

/* Заглавие на колона */
.footer-col-title,
.main-footer .widget .title,
.main-footer h4.title {
    color: var(--rp-blue-light) !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    font-family: 'Roboto Slab', serif !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
    position: relative;
}
.footer-col-title:after,
.main-footer .widget .title:after {
    content: '';
    width: 40px;
    height: 1px;
    background: var(--rp-blue-light) !important;
    position: absolute;
    left: 0;
    bottom: -1px;
}

/* Контакти списък */
.footer-contact-list { margin: 0; padding: 0; }
.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: rgba(255,255,255,0.70);
    line-height: 1.5;
}
.footer-contact-icon {
    color: var(--rp-blue-light);
    margin-top: 3px;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}
.footer-contact-item a {
    color: rgba(255,255,255,0.70) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.footer-contact-item a:hover { color: var(--rp-blue-light) !important; }

/* Widget links */
.main-footer .widget a { color: rgba(255,255,255,0.70) !important; }
.main-footer .widget a:hover { color: var(--rp-blue-light) !important; }
.main-footer .widget ul > li a { border-bottom-color: rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.70) !important; }
.main-footer .widget ul > li a:hover { color: var(--rp-blue-light) !important; }
.main-footer .widget.widget_recent_entries ul li { border-bottom-color: rgba(255,255,255,0.08) !important; }

/* Social links row */
.social-links-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.social-links-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(169,204,232,0.35);
    color: rgba(255,255,255,0.65) !important;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.social-links-row a:hover {
    background: var(--rp-blue-light) !important;
    border-color: var(--rp-blue-light) !important;
    color: var(--rp-navy) !important;
}

/* Copyright bar */
.copyright {
    background: rgba(8, 20, 36, 0.95) !important;
    border-top: 1px solid rgba(169,204,232,0.12) !important;
    font-family: 'Roboto Slab', serif !important;
    font-size: 13px;
    font-weight: 300;
    color: rgba(255,255,255,0.55);
    padding: 18px 0;
    text-align: center;
}
.copyright a { color: var(--rp-blue-light) !important; }
.copyright a:hover { color: #fff !important; }

.copyright-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

/* Copyright ред вътре в footer картата */
.footer-copyright-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 12px 20px 14px;
    margin-top: 4px;
}
.footer-copyright-bar .copyright-left {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}
.footer-copyright-bar .copyright-left a {
    color: #fff;
    text-decoration: none !important;
	font-weight: 300;
}
.footer-copyright-bar .copyright-left a:hover { color: #fff !important; }
.footer-copyright-bar .copyright-right {
    font-size: 14px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}
.footer-copyright-bar .copyright-right a {
    color: #fff;
    text-decoration: none !important;
    font-size: 14px;
}
.footer-copyright-bar .copyright-right a:hover { color: var(--rp-blue-light) !important; }

@media (max-width: 576px) {
    .copyright-inner        { flex-direction: column; align-items: center; text-align: center; gap: 6px; }
    .footer-copyright-bar   { flex-direction: column; align-items: center; text-align: center; gap: 4px; }
}

/* Responsive footer */
@media (max-width: 768px) {
    .footer-col { padding-bottom: 28px; }
    .footer-overlay { padding: 36px 0 20px; }
}
@media (max-width: 576px) {
    .footer-col { width: 100% !important; padding: 0 15px 24px; }
}

/* ============================================================
   NEW HEADER — 3-column layout matching apartmentsbytheriver.bg
   [hamburger + flag] [LOGO] [Резервирай]
   ============================================================ */

/* 1. Kill old #header / .menu styles completely */
#header         { display: none !important; }
.menu           { display: none !important; }
#wrapper        { padding-top: 0 !important; }

/* 2. New header shell */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #ffffff4d;
}
#site-header.scrolled {
    background: #fff;
}

/* 3. Header bar — 3 equal columns */
.header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 20px;
    max-width: 1400px;
    margin: 0 auto;
}

/* ─── LEFT column ─── */
.header-col--left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 80px;
}

/* Hamburger toggle button */
.nav-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
}
.nav-toggle__line {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--rp-navy);
    border-radius: 1px;
    transition: transform 0.25s ease, opacity 0.2s ease;
    transform-origin: center;
}
/* X state when open */
.nav-toggle.is-open .nav-toggle__line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.is-open .nav-toggle__line:nth-child(2) { opacity: 0; }
.nav-toggle.is-open .nav-toggle__line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Language flag (from translation plugin) */
.header-col--left img,
.header-col--left .wpml-ls,
.header-col--left .webt-lang-switcher {
    height: 22px;
    width: auto;
}

/* ─── CENTER column ─── */
.header-col--center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.site-logo-link,
.site-name-link {
    display: inline-block;
    text-decoration: none !important;
    line-height: 1;
}
.site-logo-img {
    max-height: 48px;
    width: auto;
    display: block;
    transition: opacity 0.2s ease;
}
.site-logo-img:hover { opacity: 0.85; }
.site-name-link {
    font-family: 'Roboto Slab', Georgia, serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--rp-navy) !important;
}

/* ─── RIGHT column ─── */
.header-col--right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 80px;
}

/* "Резервирай" button — RIGHT (always visible, from Customizer) */
.btn-reserve-header {
    display: inline-block;
    padding: 7px 18px;
    background: #fff;
    color: #15385f;
    border: 1.5px solid #fff;
    border-radius: 3px;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
    box-shadow: 0px 0px 12px -1px #BDBDBF;
}
.btn-reserve-header:hover,
.btn-reserve-header:focus {
    background: var(--rp-navy) !important;
    color: #fff !important;
    border-color: var(--rp-navy) !important;
    text-decoration: none !important;
}
.btn-reserve-header--empty { display: none; }

/* ─── DROPDOWN NAVIGATION ─── */
.main-nav {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 8px 32px rgba(21,56,95,0.14);
    display: none;
    z-index: 9001;
}
.main-nav.is-open {
    display: block;
}

/* Nav menu list */
.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 1400px;
    margin: 0 auto;
}

/* Each top-level item */
.nav-menu > li > a {
    display: block;
    padding: 14px 24px;
    font-family: 'Roboto Slab', Georgia, serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: var(--rp-navy) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(21,56,95,0.06);
    transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
}
.nav-menu > li > a:hover,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current_page_item > a {
    color: var(--rp-navy) !important;
    background: var(--rp-blue-ghost) !important;
    padding-left: 30px;
}

/* Last item: remove bottom border */
.nav-menu > li:last-child > a { border-bottom: none; }

/* Sub-menu */
.nav-menu .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--rp-blue-ghost);
}
.nav-menu .sub-menu li a {
    display: block;
    padding: 10px 36px;
    font-size: 13px;
    color: var(--rp-text) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(21,56,95,0.05);
    transition: all 0.18s ease;
}
.nav-menu .sub-menu li a:hover {
    color: var(--rp-navy) !important;
    background: var(--rp-blue-pale) !important;
    padding-left: 44px;
}

/* ── Special "reserve-btn" class — add in WP Admin → Appearance → Menus ──
   Styles ANY menu item as an outlined navy button inside the dropdown nav.
   Usage: In WP menu editor open Screen Options → enable "CSS Classes",
          then type "reserve-btn" in the CSS Class field of the desired item.
   ── */
.nav-menu > li.reserve-btn > a {
    display: inline-block !important;
    margin: 12px 24px 14px !important;
    padding: 8px 22px !important;
    background: transparent !important;
    color: var(--rp-navy) !important;
    border: 1.5px solid var(--rp-navy) !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
}
.nav-menu > li.reserve-btn > a:hover { 
    background: var(--rp-navy) !important;
    color: #fff !important;
}
.nav-menu > li.reserve-btn { border-bottom: none !important; }

/* ─── Overlay (closes nav on click outside) ─── */
.nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 8998;
    background: rgba(21,56,95,0.22);
}
.nav-overlay.is-visible { display: block; }

/* ─── Content push-down (header is fixed) ─── */
body { padding-top: 64px !important; }

/* ─── Mobile ≤ 768px ─── */
@media (max-width: 768px) {
    .header-bar { padding: 0 14px; }
    .site-logo-img { max-height: 38px; }
    .btn-reserve-header { font-size: 12px; padding: 6px 12px; }
    .nav-menu > li > a { padding: 13px 20px; font-size: 15px; }
    .nav-menu > li.reserve-btn > a { margin: 10px 20px 12px !important; }
}

/* ─── Very small ≤ 400px ─── */
@media (max-width: 400px) {
    .header-bar { padding: 0 10px; }
    .header-col--left { min-width: 60px; }
    .header-col--right { min-width: 60px; }
    .btn-reserve-header { font-size: 11px; padding: 5px 10px; letter-spacing: 0; }
    .site-logo-img { max-height: 32px; }
}

/* ─── Override old #header-based menu rules ─── */
.header-phone-link { display: none; }
.btn-reserve        { display: none; }

/* --- Error page --- */
.error-wrap .error-code { color: var(--rp-blue-light); }

/* --- Fullwidth page (no sidebar) --- */
.col-md-12.main-content { width: 100% !important; }

/* --- Featured media fallback bg --- */
.featured-media { background: var(--rp-navy) !important; }

/* Wave decorative element */
.rp-wave {
    display: block;
    width: 100px; height: 14px;
    margin: 10px 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14'%3E%3Cpath d='M0 7 Q12.5 1 25 7 Q37.5 13 50 7 Q62.5 1 75 7 Q87.5 13 100 7' fill='none' stroke='%23a9cce8' stroke-width='1.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

html {
    /* без overflow — браузърът управлява viewport скрола */
}
body {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
}


/* 4. Всички изображения — responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Hero video — изключение (трябва да cover-ва) */
.hp-hero video {
    max-width: none;
    width: 100%;
    height: 100%;
}

/* 5. Carousel / Marquee — строго ограничен */
.hp-marquee-outer,
.carousel-overflow {
    overflow: hidden !important;
    width: 100%;
    max-width: 100vw;
    position: relative;
}
.hp-marquee-track,
.carousel-track {
    /* width: max-content е нужен за анимацията,
       но трябва родителят да е overflow:hidden */
    will-change: transform;
}



/* 7. WordPress editor съдържание */
.entry-content,
.post-content,
.page-content {
    overflow-x: hidden;
    max-width: 100%;
}
.entry-content img,
.post-content img,
.post img {
    max-width: 100% !important;
    height: auto !important;
}

/* 8. Таблици от WP editor */
.entry-content table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

/* 9. Iframe (карти, видео embeds) */
.entry-content iframe,
.hp-map-wrap iframe {
    max-width: 100%;
}

/* 10. Pre / code блокове */
pre, code {
    overflow-x: auto;
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
}

/* 11. Footer responsive */
.footer-contact-item,
.social-links-row {
    flex-wrap: wrap;
    max-width: 100%;
}

/* ─── Responsive: Mobile ≤ 576px ─── */
@media (max-width: 576px) {
    /* Bootstrap container padding компенсация */
    .container,
    .container-fluid {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    /* Post мета — не wrap-ва неочаквано */
    .post .post-head .post-meta {
        white-space: normal;
    }

    /* Carousel slide размери */
    .hp-marquee-slide {
        width: 150px !important;
        height: 150px !important;
        margin-right: 0.4rem !important;
    }

    /* Hero box */
    .hp-hero__box {
        max-width: 100%;
        width: calc(100% - 2rem);
    }
}

.etm-language-switcher > div > a > img {
    display: inline;
    margin: 0 3px;
    width: 24px;
    height: auto;
}
.etm-language-switcher > div {
    box-sizing: border-box;
    padding: 5px;
    border: 0px solid #c1c1c1;
    border-radius: 0;
    background-image: none;
    background-position: calc(100% - 8px) calc(1em + 0px), calc(100% - 3px) calc(1em + 0px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    background-color: transparent;
}
.etm-language-switcher > div > a:hover {
    background: transparent;
}