body {
font-style: normal;
font-weight: normal;
-webkit-animation: bugfix infinite 1s;
line-height: 1.2;
margin: 0;
padding: 0;
color: rgb(43, 47, 54);
background-color: #fafaff;
font-size: 19px;
font-weight: 500;
}
header.header {
box-shadow: 0px 1px 7px #0000003b;
position: relative;
z-index: 99;
}
header.header .topbar  {
border-bottom: 1px #a9a9a9 solid;
background: #eeeeee;
}
header.header .header-navbar {
background: #eeeeee;
--bs-navbar-padding-y: 0px;
width: 100%;
}
.on-scrool-fire header.header .header-navbar {
top: 0px;
position: fixed;
box-shadow: 0px 2px 11px #3333339e;
}
.on-scrool-fire .navbar-nav .nav-link,
.on-scrool-fire .navbar-nav .nav-link.active,.on-scrool-fire .navbar-nav .nav-link.show {
--bs-navbar-active-color:#333;
--bs-nav-link-color:#333;
} .nav-link:focus, .nav-link:hover {
--bs-nav-link-hover-color:#333;
}
.on-scrool-fire .navbar-nav .nav-link:focus,.on-scrool-fire .navbar-nav .nav-link:hover {
--bs-nav-link-hover-color:#333;
}
.on-scrool-fire header.header .navbar-toggler {
}
.offcanvas-header .language-chooser-image,
header.header .topbar .language-chooser-image {
list-style: none;
margin:0px;
padding: 0px;
}
.offcanvas-header .language-chooser-image li,
header.header .topbar .language-chooser-image li {
display: inline-block;
padding: 6px;
}
.offcanvas-header .language-chooser-image li a img,
header.header .topbar .language-chooser-image li a img {
position: relative;
top: -2px;
border-radius: 99px;
width: 25px;
height: 25px;
object-fit: cover;
box-shadow: 0px 0px 3px #000000ba;
}
.logo-img {
}
.logo-wrap {
display: inline-block;
}
.logo-text {
margin-bottom: -4px;
}
.logo-slogan { }
header.header .navbar-expand-lg .navbar-nav .nav-link {
font-size:16px;
}
header.header .login-btn {
border-radius: 15px;
box-shadow: 0px 0px 3px #0000003d;
}
header.header .login-btn .btn-text {
font-size: 14px;
font-weight: 500;
}
header.header .login-btn .btn-icon {
background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%);
display: inline-block;
border-radius: 99px;
width: 24px;
height: 24px;
line-height: 19px;
position: relative;
top: -2px;
}
header.header .navbar-toggler {
border: 0px;
}
header.header .navbar-toggler:focus {
box-shadow: none !important;
}
header.header .navbar-toggler img {
height: 24px;
} main.main,
footer.footer {
width: 100%;
overflow: hidden;
}
footer.footer {
font-size: 13px;
color: #fff;
}
footer.footer ul {
list-style: none;
padding: 0px;
}
footer.footer ul li {
margin-bottom: 18px;
}
footer.footer .menu-main-menu-container li {
margin-bottom: 9px;
}
footer.footer a {
color: rgb(138, 145, 170);
text-decoration: none;
}
footer.footer .widgettitle {
font-size: 15px;
color: #333;
}
footer.footer .menu {
padding: 0px;
list-style-type: none;
}
footer.footer .menu a {
font-size: 14px;
font-weight: 600;
color: rgb(138, 145, 170);
line-height: 1.5;
}
.vc_row-fluid .min-height-ajax,
.min-height-ajax {
min-height: 500px !important;
padding-top: 200px;
text-align: center;
}
.is_mobile .min-height-ajax {
padding-top: 40%;
}
.bg-blue {
background: rgb(30,140,237);
background: linear-gradient(0deg, rgba(30,140,237,1) 0%, rgba(30,140,237,1) 11%, rgba(12,59,173,1) 100%);
}
.bg-street {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/map_overlay.png);
background-size: contain;
}
#menu-main-menu { margin-right: 10px; }
body.logged-in.is_desktop .user-dropdown-menu li a {
--bs-nav-link-padding-y:7px;
--bs-nav-link-padding-x:15px;
}
body.logged-in.is_desktop .login-btn.dropdown-toggle::after {
content: none;
}
body.logged-in.is_desktop header.header .login-btn.dropdown-toggle.show .btn-icon {
transform: rotate(90deg);
}
.desktop-profil {
text-decoration: none;
cursor: pointer;
height: 36px;
line-height: 33px;
border-left: 1px #ccc solid;
padding-left: 19px;
}
.desktop-profil .img-desktop-profil {
width: 30px;
height: 30px;
border-radius: 99px;
}
.desktop-profil .name {
display: inherit;
font-size: 17px;
color: #333;
}
.dropdown-toggle.desktop-profil:after {
top: 2px;
position: relative;
}
#menu-user-menu {
padding: 5px 0px 1px 0px;
margin-top: 20px;
border-radius: 0px;
--bs-body-bg: #ffffffdb;
}
#menu-user-menu .menu-item {
border-bottom: 1px #e3eafa solid;
}
#menu-user-menu .menu-item a {
padding-left: 5px;
top: -5px;
position: relative;
padding-bottom: 15px;
margin-bottom: -5px;
}
#menu-user-menu .menu-item a:hover {
background-color: #f8f8f8;
}
#menu-user-menu .menu-item a:before {
content: ' ';
background-size: contain;
background-repeat: no-repeat;
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-list.png);
width: 25px;
height: 25px;
display: inline-block;
position: relative;
top: 7px;
margin-right: 6px;
margin-left: 6px;
}
#menu-user-menu .menu-item:last-child {
border-bottom: 0px;
}
#menu-user-menu .menu-item a {
}
#menu-user-menu .menu_accounts a { }
#menu-user-menu .menu_accounts a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-accounts.png);
}
#menu-user-menu .menu_settings a { }
#menu-user-menu .menu_settings a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-settings.png);
}
#menu-user-menu .menu_services a { }
#menu-user-menu .menu_services a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu_services.png);
}
#menu-user-menu .menu_logout a { } 
#menu-user-menu .menu_logout a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-logout.png);
}
.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 label {
width: 100%;
font-size: 15px;
}
.wpcf7 input,
.wpcf7 textarea {
border-radius: 4px;
border: 1px #ccc solid;
}
.wpcf7 input,
.wpcf7 textarea {
padding: 5px 8px;
}
.wpcf7 .wpcf7-submit {
background: #e30613;
color: #fff;
font-weight: 600;
border: 1px #c1040f solid;
}
.wpcf7 .wpcf7-response-output {
border-color: #ffe69c !important;
background: #fff3cd;
border-radius: 5px;
border-width: 1px !important;
padding: 15px !important;
font-size: 15px;
color: #664d03;
margin: 0px !important;
margin-bottom: 15px !important;
}
.wpcf7 .wpcf7-spinner {
background-color: #23282d54;
position: absolute;
left: 40%;
margin-top: 6px;
}
.wpcf7 .wpcf7-not-valid-tip {
font-size: 12px;
padding: 5px 0px;
font-weight: 500;
}
.wpcf7 input {
height: 35px;
}
.wpcf7 textarea {
height: 110px;
}
.wpcf7 p {
margin-bottom: 5px !important;
}
.wpcf7 .wpcf7-form-control-wrap {
display: inline-block;
margin: 5px 0px;
}
.vc_row.container  {
margin:0px auto !important;
}
.vc_row.container.bg-white  {
margin-top: -50px !important;
}
ul {
list-style: none;
padding: 0px;
}
ul li {
margin-bottom:10px;
font-size: 16px;
}
#qtranslate-chooser li {
margin-bottom: 0px;
}
.opea-header {
color: #0128d9c4;
font-family: sans-serif !important;
text-decoration: underline;
margin: 75px 0px;
}
.contact-content  { }
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 10px 25px !important;
}
.call {
text-align: center;
margin-bottom: 11px;
margin-top: 40px;
}
.call a {
text-decoration: none;
}
.call .fa {
font-size: 30px;
background: #5b78fd;
color: #fff;
padding: 15px 15px;
border-radius: 50%;
}
.call span {
vertical-align: super;
font-size: 21px;
font-weight: 600;
margin-left: -20px;
position: relative;
padding: 4px 34px 6px 20px;
color: #000;
border: solid 2px #5b78fd;
border-radius: 0 29px 29px 0;
top: 4px;
}