/*
 Theme Name:   G5plus Speci Child Theme
 Theme URI:    http://themes.g5plus.net/speci/
 Description:  Speci Child Theme
 Author:       bomlayers
 Author URI:   http://g5plus.net
 Template:     g5plus-speci
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain: 		g5plus-speci
*/
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/


body {
  background: #000;
}

#primary-content {
  background: #000 url('bg_ardoise.jpg') repeat 0 0;
}

.main-footer {
  background: #000000 url('subfooter.png') repeat-x 50%;
  border-bottom: 5px solid transparent;
  border-top: 0;
}

.boxOption { 
  margin: 50px 0;
  border-radius: 20px;
  padding: 35px;
  background: white;
}

.boxHome {
  color: white;
}

#post-3209, #post-2729, #post-1940 { 
  border-radius: 20px;
  padding: 35px;
  background: white;
}
#post-1940 { margin-top: 50px;}

.g5plus-heading h2 { font-size: 32px !important;}

.g5plus-heading h2, #post-1940 h2 {
  color: #82bb25;
}

.menu-food-content {
  background: white;
  border-radius: 0 0px 20px 20px;
  padding: 35px;
}

.boxTitle {
  background: white;
  border-radius: 20px 20px 0 0;
  padding: 0 35px;
}

.menu-food-inner .menu-food-item-content p {
    margin-top: 0px !important;
}

.page-id-2445 .mg-bottom-60 {
    margin-bottom: 20px !important;
}

.page-id-2445 .menuOption .columns-2 > .gf-item-wrap {
    width: 100% !important;
}

.header-wrapper {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
  border-bottom: 5px solid #82bb25 !important;
}
.x-nav-menu > .x-menu-item > .x-menu-a-text {
  color: #ffffff !important;
  }
.logo-header img {
  padding-top: 10px !important;
  }
  
.top-bar-wrapper {
  background-color: #82bb25 !important;
  color: #ffffff !important;
}
.top-bar-wrapper.container-border .top-bar-inner {
    border-bottom: solid 0px #eeeeee !important;
}

.page-id-1940 .vc_custom_1500974876084 {
    background-color: #ffffff !important;
}
.btn.btn-dark {
    border-color: #47760f !important;
    background-color: #58871d !important;
}
 
.lg-sub-html {
  display: none;
}

.boxTitle {
  background: transparent;
  border: 4px solid #82bb25;
  border-bottom: 0;
}    
.menu-food-content {
  background: transparent;
  border: 4px solid #82bb25;
  border-top: 0;
}    
.g5plus-heading span.sub-title, .g5plus-heading.text-center p,
.menu-food-inner .menu-food-item-content p {color: #ffffff !important;}
.bottom-bar-inner a { color: black; }
.menu-food-inner .menu-food-item-content a span {color: #82bb25 !important;}


.page-id-2443 h2 {
  color: #82bb25 !important;
}
.page-id-2443 .text-light h2 {
  color: white !important;
}
.page-id-2445 .text-color-accent, 
.page-id-2445 #primary-content h2, 
.page-id-2445 .breadcrumbs span,
.page-id-2445 #primary-content strong
{
  color: #82bb25 !important;
}
.page-id-2445 #primary-content .iconScooter h2 {
  color: white !important;
}

#menu-item-2475 a:hover,
#menu-item-2475.current-menu-item a {
  color: #82bb25 !important;
}


.page-id-2443 .page-title-inner::before,
.page-id-2445 .page-title-inner::before {
  content: '';
  display: block;
  width: 103px;
  height: 103px;
  background: url('halal-white.png');
  position: absolute;
  right: 10%;
  top: -50%
}


.g5plus-heading.green,
.g5plus-heading.red {
position: relative;
}

.g5plus-heading.green::before,
.g5plus-heading.red::before {
  content: '';
  display: block;
  width: 103px;
  height: 103px;
  background: url('halal-grey.png');
  position: absolute;
  right: 10%;
}

.item-search {
  display: none !important;
}
.green h2 {
  color: #82bb25 !important;
}
.red h2 {
  color: #82bb25 !important;
}
.red .btn {
  color: #82bb25 !important;
  border-color: #82bb25 !important;
}
.red .btn:hover {
  background-color: #82bb25 !important;
  color: #ffffff !important;
}

.vc_row[data-vc-full-width] {
  overflow: visible !important;
}

.iconScooter  .icon-image {
    width: 200px !important;
    position: absolute;
    top: -110px;
    left: 50%;
    margin-left: -100px;
    background: white;
    height: 200px !important;
    border-radius: 100px;
    overflow: hidden;
    padding: 20px;
    z-index: 10;
}

.page-title-background {
  background-position: 50% 40% !important;
  background-size: 100% !important;
}

.vc_row-background-overlay {
  background-color: rgba(0,0,0,0.5) !important;
}
.page-id-1940 .vc_custom_1500974876084 {
    background-color: transparent !important;
    color: white;
}
.g5plus-heading p {    color: white !important;}

#post-3209, #post-2729, #post-1940, .boxOption {
  border-radius: 20px;
  padding: 35px;
  background: transparent;
  border: 5px solid #82bb25;
  color: white;
  margin-bottom: 50px;
}
.boxOption h4, .boxOption h3 { color: white; }
.menu-corner .menu-food-item-content span.text-color-accent {
  color: #fff !important;
  background: #82bb25;
  padding: 2px 6px;
  text-shadow: 1px 1px 1px black;
}

@media screen and (max-width: 1024px) {

  .iconScooter {
    padding-top: 80px !important;
    }
      
}

@media screen and (max-width: 990px) {

  .page-id-2443 .page-title-inner::before,
  .page-id-2445 .page-title-inner::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url('halal-white.png');
    position: absolute;
    right: 50%;
    top: -80px;
    margin-right: -30px;
    background-size: 100%;
  }

  .g5plus-heading.green::before,
  .g5plus-heading.red::before {
    width: 60px;
    height: 60px;
    background-size: 100%;
  }

  .header-mobile-inner {
    background-color: #82bb25 !important;
    color: #111 !important;
  }

}

@media screen and (max-width: 780px) {

  .page-id-2445 .menuOption {display: none !important;}

}
 
@media screen and (min-width: 990px) {

  .is-sticky .logo-header img {
    max-height: 67px !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
  
  .logo-header {
    margin-bottom: 25px !important;
    }
  
  .logo-header img {
    padding-top: 0px;
    padding-bottom: 0px;
  }

}