/* 
 Theme Name:   street-food-truck-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     street-food-truck
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
p{
  color: #0d1d34;
}


.section-one {
    margin-top: 60px;
    background-color: #FFB936; 
    padding: 20px;
    border-radius: 10px; 
    box-shadow: 0px 4px 4px 0px #0000007c;
}

.section-one h2, .section-one h3 {
    color: #333; 
    margin-bottom: 10px;
}

.section-one p {
    color: #333; 
    margin-bottom: 15px;
}





        .section-two {
            margin-top: 60px;
            background-color: #222e39; 
            color: #FFB936; 
            padding: 30px; 
            border-radius: 10px;
        }
        .section-two h2, .section-two h3 {
            color: #FFB936; 
            margin-bottom: 20px; 
        }
        .section-two p {
            color: #ccc; 
            margin-bottom: 20px; 
        }
        .section-two ul {
            list-style-type: none; 
            padding-left: 0;
        }
        .section-two ul li {
            background-color: #FFB936; 
            color: #222e39; 
            padding: 10px; 
            margin-bottom: 10px; 
            border-radius: 5px; 
            transition: background-color 0.3s; 
        }
        .section-two ul li:hover {
            background-color: #e6a639; 
        }



        .section{
            margin-top: 60px;
            text-align: center;
        }

        .section h2{
            margin-bottom: 15px;
        }
        .section h3{
            color: #222E39;
            margin-top: 30px;
            margin-bottom: 25px;
        }

        .section ul li{
          list-style-type: none;
        }

        .logo-bk8{background:url('/wp-content/themes/street-food-truck-child/images/bk8.svg');}
        

        .logo-we88{background:url('/wp-content/themes/street-food-truck-child/images/we88.svg');}
        .bg-we88{background-color:#000;}

        .logo-eubet{background:url('/wp-content/themes/street-food-truck-child/images/eubet.svg');}
        .bg-eubet{background-color:#292421;}

        [class*="logo-"]{
          display:block;
          text-indent:-9999px;
          text-align:left;
          background-size:80%;
          background-position:center center!important;
          background-repeat:no-repeat;
        }
        [class*="brand-"][class*="bg-"]{
          margin:0 auto;
          padding:5px;
          border-radius:4px;
          width: 150px;
          height: 70px;
        }




        #hero {
            margin-top: 70px;
            width: 100%;
            height: auto;
            background: url("/wp-content/themes/street-food-truck-child/images/casino-truc-tuyen.jpg") center;
            background-size: cover;
            position: relative;
            color: #fff; 
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
          padding-top: 50px;
          padding-bottom: 50px;
          }
          
          #hero:before {
            content: "";
            background: rgba(0, 0, 0, 0.5); 
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
          }
          
          #hero .container {
            position: relative;
            z-index: 1;
          }
          
          #hero h2 {
            line-height: 48px;
            margin-bottom: 20px;
            font-weight: bold;
            color: white;
          }

          #hero h3 {
            line-height: 48px;
            margin-bottom: 20px;
            font-weight: bold;
            color: white;
          }
          
          #hero p {
            line-height: 28px;
            margin-bottom: 20px;
            color: white;
          }

          #hero li {
            margin-bottom: 20px;
            list-style-type: none;

          }
          
          #hero .btn-get-started,
          #hero .btn-watch-video {
            font-size: 16px;
            padding: 10px 20px;
            margin: 5px;
          }
          
          @media (min-width: 1024px) {
            #hero {
              background-attachment: fixed;
            }
          }
          
          @media (max-width: 768px) {
            #hero {
              height: auto;
            }
          
            #hero h1 {
              font-size: 24px;
              line-height: 36px;
            }
          
            #hero .btn-get-started,
            #hero .btn-watch-video {
              font-size: 13px;
            }
          }
          
          @media (max-height: 500px) {
            #hero {
              height: auto;
            }
          }
          
          
          .section-three {
            margin-top: 60px;
            background-color: #eef2f3; 
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
        }
        
        .section-three .info-box {
            margin-top: 15px;
            background-color: rgba(34, 46, 57, 0.85); 
            color: #FFCC33; 
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 6px 30px rgba(156, 116, 5, 0.726); 
            transition: transform 0.3s ease, box-shadow 0.3s ease; 
        }
        
        .section-three .info-box:hover {
            transform: translateY(-5px); 
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 
        }
        
        .section-three h2 {
            color: #28333f;
            margin-bottom: 20px;
            font-weight: bold; 
        }
        
        .section-three .info-box p {
            margin-top: 15px;
            color: #e9e7e7; 
        }
        
        .section-three .info-box ul li{
            color: #e9e7e7; 
        }
        

        .section .list li{
            margin-top: 15px !important;
        }



        .section-five {
            margin-top: 60px;
            background-color: #F1F1F1; 
            padding: 30px;
            border-radius: 15px; 
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
        }
        
        .section-five h2 {
            color: #FFCC33; 
            text-align: center; 
            margin-bottom: 20px;
            font-weight: bold; 
        }
        
        .section-five p {
            color: #444; 
            margin-bottom: 30px;
        }
        
        .section-five .info-box {
            background-color: #FFFFFF; 
            color: #333; 
            border-radius: 10px; 
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease; 
            padding: 15px;
        }
        
        .section-five .info-box:hover {
            transform: translateY(-5px); 
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
        }
        


        .heading{
            color: white;
        }









        .slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover {
          border: 0;
          display: inline-block;
          font-size: 0;
          height: 32px;
          line-height: 33px;
          position: absolute;
          top: 50%;
          width: 27px;
          background: none !important;
          box-shadow: none !important;
          border-radius: 0;
          margin-top: -16px;
          opacity: 0.75;
        }
        
        .slick-prev:hover, .slick-next:hover {
          opacity: 1;
        }
        


.slick-prev, .slick-next {
  border: 0;
  display: inline-block;
  font-size: 0;
  height: 32px;
  line-height: 33px;
  position: absolute;
  top: 50%;
  width: 27px;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0;
  margin-top: -16px;
  opacity: 0.75;
  transition: opacity 0.3s ease;
}

.slick-prev:hover, .slick-next:hover {
  opacity: 1;
}







.section-six{
  margin-top: 60px;
  align-items: center;
  text-align: center;
}
.section-six h2{
  margin-bottom: 20px;
}
.custom-heading {
  color: #FFB936; 
  font-family: 'Arial', sans-serif; 
  font-weight: bold;
}

.custom-paragraph {
  background-color: #222E39; 
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5); 
  transition: background-color 0.3s ease, color 0.3s ease; 
  color: whitesmoke;
}

.custom-paragraph:hover {
  background-color: #FFB936; 
  color: black; 
}



.logo img {
  max-width: 120px !important;
}


.copyright {
  border-top: none
}

.copyright a{
  text-decoration: underline;
}

@media (max-width: 768px) {
  h1{
    font-size: 28px!important;
  }
  h2{
    font-size: 26px!important;
  }
  h3{
    font-size: 24px!important;
  }
}



#maincontentt {
  height: 90vh;
  display: flex;
  align-items: center; 
  justify-content: center; 
  text-align: center; 
}

.more-btn {
  margin-top: 20px; 
}

.more-btn a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff; 
  color: #ffffff; 
  text-decoration: none;
  border-radius: 5px; 
}

.more-btn a:hover {
  background-color: #0056b3; 
}




@media screen and (min-width: 768px) and (max-width: 991px) {
  .main-navigation .current_page_item a {
      display: inline-block;
      color: grey !important;
  }
}

.admin-bar .home-page-header {
  margin-top: 30px;
}


@media (min-width: 768px) {
  .text-md-start {
      text-align: right !important; 
  }
}

.text-start {
 text-align: right !important; 
}

.copyright p{
  margin-bottom: 0px;
}