.oxygen {font-family: 'Oxygen';} 
.playball {font-family: 'Playball';} 
.raleway_900 {font-family: 'Raleway'; font-weight: 900; } 
.fenix {font-family: 'Fenix';} 
#brand img {height: 100px; }
#brand #pageslogan {color: rgb(27, 4, 0); }
.pricing_heading {background: rgb(27, 4, 0); }
.pricing_heading h3, .pricing_heading h4 {color: rgb(255, 255, 255); }
body {font-size: 18px; }
a {color: rgb(255, 255, 255); }
h1, h1 a, a h1 {font-size: 32px; }
h1, a h1, h1 a {color: rgb(255, 255, 255); }
h2, h2 a, a h2 {font-size: 28px; }
h2, a h2, h2 a {color: rgb(255, 255, 255); }
h3, h3 a, a h3 {font-size: 24px; }
h3, a h3, h3 a {color: rgb(255, 255, 255); }
h4, h4 a {font-size: 20px; }
h4, a h4, h4 a {color: rgb(255, 255, 255); }
h5, h5 a {font-size: 16px; }
h5, a h5, h5 a {color: rgb(255, 255, 255); }
h6, h6 a {font-size: 12px; }
h6, a h6, h6 a {color: rgb(255, 255, 255); }
#overheader {background-color: #161616; }
#overheader {color: #B1B1B1; }
.header_add_content {color: rgb(255, 255, 255); }
#headline {background-color: rgba(0, 0, 0, 0.5); }
header #menu, body.has_slider header #menu:hover {background: #81d742; }
header ul#menu > li > a, header ul#menu > li > i {font-size: 14px; }
header .main-menu a {color: #ffffff; }
header#headline.logo-blocked-left #navleft  {text-align: left; }
header #menu > li:hover  > a {color: rgb(255, 255, 255); }
header #menu > li:hover  {background-color: #72bf3b; }
ul#menu ul.sub-menu  a {font-size: 13px; }
header .main-menu ul.sub-menu li a, header .main-menu ul.sub-menu li, ul#responsive_menu li a {color: rgb(253, 253, 253); }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-color: #6cbf31 !important; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-bottom: 1px solid; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li {background-color: #72bf3b; }
.mean-container .mean-bar, .mean-container .mean-nav {background-color: rgb(25, 25, 25); }
.mean-container .mean-bar, .mean-container .mean-bar:after, .mean-bar a, .mean-container a.meanmenu-reveal, .mean-container .mean-nav ul li a  {color: rgb(255, 255, 255); }
.mean-container .mean-bar:after {content: Menu; }
#head_line {background-color: #000000; }
#head_line > div {padding-top: 40px; }
#head_line > div {padding-bottom: 40px; }
#head_line h1 {font-size: 40px; }
#head_line h1 {color: #ffffff; }
#head_line h2 {font-size: 35px; }
#head_line h2 {color: rgb(136, 136, 136); }
.mainsection {background-color: rgb(27, 4, 0); }
.mainsection {color: rgb(255, 255, 255); }
.footer-inner {padding-top: 40px; }
.footer-inner {padding-bottom: 40px; }
#footer {color: rgb(27, 4, 0); }
#secondfooter {background-color: rgb(27, 4, 0); }
#secondfooter > div {padding-top: 1px; }
#secondfooter > div {padding-bottom: 1px; }
#secondfooter {color: rgb(216, 216, 216); }
#secondfooter {text-align: center; }
a.social_media.social_icon {background-color: #ad0000; }
a.social_media.social_icon {border-radius: 4px; }





 



/* BEGINN NON AUTO STYLES */

body  {    background-position:center center;background-attachment:fixed }
body {}
#layout.block { }
.ui-tabs-nav li a, h3.toggle-trigger, h3.accordion-trigger, .accordion h3 { font-size:18px;}


body  { font-family: 'Oxygen'   ; font-weight: normal; font-size:18px;}
a  { color:rgb(255, 255, 255); }
a:hover { color:rgb(255, 255, 255);}
a:visited {}
h1, a h1, h1 a, .tagline, .h1 {font-family:'Playball'   ;   font-size:32px;  color:rgb(255, 255, 255) ;  line-height:38px;}
h2, a h2, h2 a, .h2 {font-family: 'Raleway'   ; font-weight:900;  font-size:28px;  color:rgb(255, 255, 255) ;  line-height:34px;}
h3, a h3, h3 a, .h3 {font-family:'Fenix'   ;   font-size:24px;  color:rgb(255, 255, 255) ;  line-height:30px;}
h4, a h4, h4 a, .h4 {font-family: 'Raleway'   ; font-weight:900;  font-size:20px;  color:rgb(255, 255, 255) ;  line-height:26px;} 
h5, a h5, h5 a, .h5 {font-family: 'Raleway'   ; font-weight:900;  font-size:16px;  color:rgb(255, 255, 255) ;  line-height:22px;}
h6, a h6, h6 a, .h6 {font-family: 'Raleway'   ; font-weight:900;  font-size:12px;  color:rgb(255, 255, 255) ;  line-height:18px;}

#overheader {  background-color:#161616;    background-position:left top; color:#B1B1B1; }
#overheader {}

#head_line { background-color:#000000;    background-position:center center;; } 
#head_line h1, #head_line a h1, #head_line h1 a {  font-size:40px;  color:#ffffff ;  line-height:46px;}
#head_line h2, #head_line h2 a, #head_line a h2 {  font-size:35px;  color:rgb(136, 136, 136) ;  line-height:41px;}
 
#brand img { margin-top:10px; margin-bottom:10px;}
#pagename { margin-top:10px;}
#pageslogan { margin-bottom:10px;}

body.has_slider header #menu { background:#81d742;}

#headline {  background-color:rgba(0, 0, 0, 0.5);    background-position:left top; }
#headline {}


header .main-menu {  font-size:14px;}

header#headline.has_menu_description .main-menu > li > a > span { top:14px;}
header.logo-left .main-menu > li > a, #headline.logo-left #menu > li > i, header.logo-right .main-menu > li > a, #headline.logo-right #menu > li > i { padding-top:-7px;}
#headline.logo-left #menu > li > i, #headline.logo-right #menu > li > i { margin-top:-7px;}

header.main-menu  .current-menu-item, .main-menu .current-menu-parent, .current-page-ancestor {}
header .main-menu li, header .main-menu a,  ul#responsive_menu a, .main-menu a:visited {  color:#ffffff;   } 
 
header .main-menu li:hover, header .main-menu li:hover > a { color: rgb(255, 255, 255) ;}
header .main-menu ul.sub-menu a { font-size: 13px ; }
header .main-menu  ul.sub-menu li, ul#responsive_menu li { background-color:#72bf3b ;   line-height:20px;  }
.seven_mega_menu { background-color:#72bf3b ;  color:rgb(253, 253, 253) ;  } 
ul.sub-menu::before { border-bottom-color:#72bf3b;}
header .main-menu  ul.sub-menu li a, header .main-menu  ul.sub-menu li,  ul#responsive_menu li a { color:rgb(253, 253, 253) ;  }	

header .seven_mega_menu *, header .seven_mega_menu *:hover, header .seven_mega_menu li, header .main-menu li:hover .seven_mega_menu, header .main-menu li:hover .seven_mega_menu a, header .seven_mega_menu a,  header li:hover .seven_mega_menu li { color:rgb(253, 253, 253) ;  }
header .seven_mega_menu { font-size: 13px ; }

header .main-menu  ul.sub-menu li a:hover { }
header #menu > li:hover { background-color:#72bf3b;}
header ul.sub-menu li:hover {}
.mean-container .mean-bar:after { content:'Menu';}
.mean-container a.meanmenu-reveal span  { background-color:rgb(255, 255, 255);}
  
#slideshow_header { background-color:rgb(255, 255, 255);    background-position:left top;; } 
#slideshow_header h2, #slideshow_header a h2, #slideshow_header  h2 a, #slideshow_header  .h2 {  font-size:50px;  color:rgb(255, 255, 255) ;  line-height:56px;}
#slideshow_header h3, #slideshow_header a h3, #slideshow_header  h3 a, #slideshow_header  .h3 {  font-size:20px;  color:rgb(253, 253, 253) ;  line-height:26px;}
#slideshow_header h2, #slideshow_header h3 { text-shadow: 2px 2px 0px  rgb(60, 56, 50); }
#slideshow_header h2 span, #slideshow_header h3 span { }


.mainsection   { background-color:rgb(27, 4, 0);    background-position:left top; }
.mainsection  {}

#content  { color:rgb(255, 255, 255); }
#content a  { color:rgb(255, 255, 255); }
#content a:hover { color:rgb(216, 216, 216);}
#content a:visited { color:rgb(255, 255, 255);}
#content h1, #content a h1, .tagline  {   color:rgb(255, 255, 255); }
#content h1 strong {}
#content h2, #content a h2 {   color:rgb(255, 255, 255); }

#content h3, #content a h3 {   color:rgb(255, 255, 255); }
#content h4, #content a h4 {   } 
#content h5, #content a h5 {   }
#content h6, #content a h6 {   }

 
#footer {  background-image:url(https://restaurant-bellessa.de/wp-content/uploads/2020/11/bg-bellessa-hell-scaled.jpg);  background-repeat:no-repeat;  background-position:center bottom; }
#footer_gradient {}
 

#footer /* , #footer p, #footer * */ { color:rgb(27, 4, 0);  font-size:16px;}
#footer a  { color:rgb(27, 4, 0); }
#footer a:hover { color:rgb(27, 4, 0);}
#footer a:visited {}
#footer h2, #footer a h2 {   }
#footer h3, #footer a h3 {   }
#footer h4, #footer a h4 {   } 
#footer h5, #footer a h5 {   }
#footer h6, #footer a h6 {   }
#footer h3.widget-title { color:rgb(27, 4, 0) !important;  }

#secondfooter {  background-color:rgb(27, 4, 0);    background-position:left top; color:rgb(216, 216, 216); }
#secondfooter  {}

#underfooter {}

.callout { color: rgb(255, 255, 255);}
.testimonial-lists-item-shortcode h5::before { border-left:12px solid transparent !important; }
.post-count-comments::after {} 
.toggle  h3.box { color:rgb(27, 4, 0) !important; }
.toggle .box, .toggle .box + div {  border-color:rgb(27, 4, 0) !important;}
.toggle  h3.color { color: #FFFFFF !important;}
.toggle .color  { background:rgb(27, 4, 0) !important; }
.toggle .color + div {   border-color:rgb(27, 4, 0) !important;}
.accordion   h3.box { color:rgb(27, 4, 0) !important;}
.accordion .box, .accordion .box + div {   border-color:rgb(27, 4, 0) !important; }
::selection { background-color: rgb(27, 4, 0) !important}
.nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide {}
.pricing_heading::after { border-top-color: rgb(27, 4, 0);}


a.biggerPhoto, .skillsprogress   {  background-color:rgb(27, 4, 0); color:#FFFFFF;} 
#filters a , .pagination a, .pagination span, .page-pagination span, .page-pagination a  {   color:rgb(27, 4, 0);} 

/* UI BG */
.cbp_tmtimeline > li .cbp_tmicon, a.biggerPhoto:before, .div_portfolio_entry .lrs i,  .sc_button.custom, .feature_box > div:first-child,  a.portfolio_entry_bigger_image, .portfolio-img a.biggerPhoto,   .nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide, #ascrail2000 > div, .nivo-header .nivo-controlNav a:hover, .tagcloud a, .cycle-content-navs a:hover { background-color:rgb(27, 4, 0) !important; color:#FFFFFF !important;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { background-color:rgb(27, 4, 0) !important; color:#FFFFFF !important;}
 
.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover
{
	 background-color:rgb(27, 4, 0) !important; color:#FFFFFF !important; text-shadow:none !important;
}
.woocommerce-message:before { background-color:rgb(27, 4, 0) !important;}
.woocommerce-message { border-top: 3px solid rgb(27, 4, 0);}




.title_box .title_box_title, .title_box .title_box_title i {  background-color:rgb(27, 4, 0);  }
.title_box .title_box_title {  color:#FFFFFF;  }
.title_box_title, .title_box .title_box_title i  { background-color:#FFFFFF;}
.title_box_title, .title_box .title_box_title i  { color:rgb(27, 4, 0);}

 h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tagline strong, [class*="icon-"], p.contact_widget + span {  color:rgb(27, 4, 0);  }
 
.callout { border-left: 4px solid rgb(27, 4, 0) ;}