/*
* Mate - Bluma Fungry Template

*/
/* ------------------------------------- */
/* TABLE OF CONTENTS
/* -------------------------------------
  1. IMPORT GOOGLE FONTS
  2. GENERAL
    -2.1 SECTION TITLE
    -2.2 BUTTONS
    -2.3 SOCIAL ICON
    -2.4 PRE LOADER
    -2.5 SCROLL TO UP
  3. NAVBAR 
  4. INTRO SECTION
  4. HERO SECTION
  5. RESTAURANT SECTION
  6. DELIVERY SECTION
  7. FOOTER SECTION
  ------------------------------------- */
/* ==========================================================================
   1. IMPORT GOOGLE FONTS
   ========================================================================== */
@font-face {
  font-family: "ProximaNova";
  src:       url(../fonts/ProximaNova-Regular.otf),

      url(../fonts/ProximaNova-Bold.otf),
       url(../fonts/ProximaNova-Light.otf),
       url(../fonts/ProximaNova-Semibold.otf);
}

/* ==========================================================================
   2. GENERAL
   ========================================================================== */


body {
    font-family: "ProximaNova";
    font-size: 16px;
}
h2{
    font-weight: bold;
    
}
h3{
    font-weight: 300;
}
section {
    padding :0px 20px; 
}


.btn-fun-co {
    background-color: #062D4E !important;
    border-radius: 2px;
    border-color: #062D4E;
    color: #fff;
    font-size: 100% !important;
    font-weight: bold;
}

.btn-fun-co:hover {
    background-color: #fff !important;
    border-radius: 2px;
    color: #000;
}

.btn-fun-co-lg{
     background-color: #062D4E !important;
    border-radius: 2px;
    border-color: #062D4E;
    color: #fff;
    font-size: 120% !important;
 
    
}
.btn-fun-co-lg:hover{
     background-color: #fff !important;
        border-radius: 2px;
    color: #000;
    
}



.color{
    color:#062D4E;
}



.btn-fun-li {
    border-radius: 2px;
    background-color: #fff;
     font-size: 100% !important;
    font-weight: bold;

}

.btn-fun-li-lg {
    border-radius: 2px;
    background-color: #fff;
     font-size: 120% !important;

}

a{
    color:#000;
}

a:hover{
    color: #062D4E;

}


input {
    border-radius: 2px !important; 
    color: #b5b5b5 !important;
}

 h1 {
    font-size: 100%;
    font-weight: bold;
}



.navbar-burger {
    cursor: pointer;
    display: none;
    height: 2.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto;
    top: 20px;
    background-color: #062D4E;

}

/* ==========================================================================
   3. Header SECTION
   ========================================================================== */

.headersection{
    padding: 0px !important;
    
}

.headersection a{
  color:#062D4E ;    
}

a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {

    background-color:  #fff;
    color: #3273dc;

}a.navbar-item, a.navbar-item.is-active, .navbar-link, .navbar-link.is-active {

    background-color:  #fff;
    color: #062D4E;

}

.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {

    background-color: #fff;
	color:#062D4E;

}

.navbar-dropdown a.navbar-item {

    background-color: whitesmoke;
    color: #062D4E;

}
.navbar-dropdown a.navbar-item:hover {

    background-color: whitesmoke;
    color: #041522;

}


.navbar-link::after {
    border-color: #062D4E;
    margin-top: -0.375em;
    right: 1.125em;
}
a.navbar-link{
    color: #000 !important;
}


.header-nav{
background-color: #fff;
z-index: 999;
opacity: 1;    
border-bottom:1px solid #ebebeb;
}
.black-color {
}
.black-color img {
 opacity: 1; 
     background-color: #000; 
}



.is-black{
    opacity:1 !important;
}
.is-black img{
    height: 90vh !important;
    width: 100%;
}


/* ==========================================================================
   4. hero========================================================================== */

.hero{
    padding:0px 0px;
}



/* ==========================================================================
   4. Service SECTION
   ========================================================================== */
.services-section{
    padding: 50px  0px;
    
}
.services-section a{
    color:#000  !important;
    cursor: pointer;
    
}
.services-section a:visited{
    color:#000  !important;
    
}

.heading{
    color: #000;
    text-align: center !important;
    padding: 10px;
    font-size: 140%;
    padding-bottom: 25px;
}

.service{
    padding: 0px 20px ;
}

.service-h3{
    font-size: 120% !important;
    text-align: center !important;
    padding: 10px 0px;
    font-weight: bold!important;
}
.service-img{
    padding: 10px  00px;
    text-align: center;
}
.service-img img {
 width: 70px;   
}

.service-p{
    text-align: center !important;
}

.service-seconde{
    margin-top: 40px !important;
}


/* ==========================================================================
   5. About us  SECTION
   ========================================================================== */

.about-us {
    padding:  30px 10px;
    margin-top:20px !important;
    background-color: #f2f2f2 !important;
}






/* ==========================================================================
   6. Projection  SECTION
   ========================================================================== */

.project-section {
margin: 20px 0px !important;
padding:10px 0px !important;   
}
.pro-pad{
    padding: 20px;
}

.project {
    padding: 20px;
    border: 3px solid #ebebeb;
    
      
  }

.project:hover {
    padding: 20px;
    border: 3px solid #ebebeb;
   
    box-shadow: 3px 3px 20px 5px  #ebebeb;
}


.project img {
     margin-bottom: 10px;
       height: 200px;    
    width: 100%;
}



.project-tam img{
   margin-bottom: 10px;
       height: 300px;    
    width: 100%;
     
}
.project-tam{
   cursor: pointer;
   
}
.project h3 {
        margin-bottom: 10px;
    font-weight: bold;

}


/* ==========================================================================
   7.founder   SECTION
   ========================================================================== */
.div-div{
    margin: 30px 0px;
}

.founder {
    padding: 30px 10px !important;
}



/* ==========================================================================
   8.footer   SECTION
   ========================================================================== */

.section-footer{
 margin-top: 50px;
 padding: 50px 20px;
 background-color: #101010 !important;  
    padding-bottom: 10px;
    font-size: 80%;
}

.foot h4{
    font-weight: 700 !important;
    
    color: #fff;
    padding-bottom:10px;
}

.foot ul {
    display: block;
}

.foot ul li  {
    padding: 10px 0px;
  color: #797878 !important;   

}
.foot ul li  a{
  color: #797878 !important;   

}
.foot ul li  a:hover{
  color: #c4c4c4 !important;   

}
.leedcop{
    background-color: #000 !important;
    color: #fbfbfb !important;
    padding: 5px;
    
}

.last ul {
    display: inline-flex !important;
}
.last ul li {
    padding-right: 20px !important;
}

.last ul li .icon {
    font-size: 200%;
}


.midfoot ul li{
    padding: 5px 0px;
}
.text-center-leed{
  text-align: center;
}

.move-left img {
    float: right !important;
}

.navbar-item img {

    max-height: 70px;

}
/* ==========================================================================
   2. post  section



========================================================================== */
.post-section{
    padding: 100px 30px;
}
.heading-post{
    text-align: center !important;
    text-transform: capitalize;
}
.content-img{
    margin: 50px 0px;
    padding: 0 0;
}
.head-color{
    opacity: 1 !important;
}

.overlay {
    text-align: center !important;
}

.content-img  img{
     text-align: center !important;
     width: 45%;
}
.heading-post-team{
    text-align: center !important;
   
    margin: 20px 0px;
    font-size: 150%;
}
.post-thumbnail{
}
.navbar-dropdown a.navbar-item {
    background-color: white;
    color: #041522;
}

.team-heading{
    text-transform: uppercase !important;
}
.team-post{
    text-transform:capitalize;
}

	  

.section-team {
  padding: 150px 20px; }
  .section-team .team-img:hover {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.8;
    cursor: pointer; }
  .section-team .title {
    text-transform: uppercase; }
  .section-team .subtitle {
    }

.my-button{
   border: 1px solid #fff !important;
    color: #fff !important;
    font-size: bold !important;
    background-color: #062d4e !important;
    }
   
   
button#wpforms-submit-446.wpforms.my-button{
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: bold !important;
    background-color: #062d4e !important;
}
.wpforms-submit{
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: bold !important;
    background-color: #062d4e !important;
}

input {
    border-radius: 2px !important;
    color: #292828 !important;
}



.project-tam{
   height: 250px !important;
}
.section-team .subtitle {
    text-transform: none !important;
}