/*=======================================================================
* Template Name: Plus Coffee
* Template URL: 
* Author: 
* Author URL: 
* Version: 1.0
* Tags: coffee
======================================================================= */


/*google-Fonts*/

@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
@font-face {
  font-family: 'ACOdinBold';
  src: url('../fonts/ACOdinBold.ttf');
}
@font-face {
  font-family: 'ACOdinLight';
  src: url('../fonts/ACOdinLight.ttf');
}

/*
-------------------------------------------
   Default Style
-------------------------------------------
*/

body {
  font-family: 'ACOdinLight';

}

ul,
ol {
  list-style: none;
  outline: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}


/*menu css*/
.logo img {
  width: 320px;
}
.menu-table {
    background: #000;
    padding-bottom: 75px;
}
.header {
    background: #000;
    padding: 50px 0;

}
.bg {
    background-image: url(../img/row-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.menu-content ul li span {
    float: right;
}

.menu-content ul li {
 font-family: 'ACOdinLight';
  color: #fff;

  }
  .single-menu {
  margin-bottom: 50px;
}

.menu-title h2 {
  font-family: 'ACOdinBold';
    color: #F0851D;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
}

.separetor {
    height: 25px;
    display: inline-block;
    background: #EE7D1F;
    float: right;
}
.menu-title.one .separetor {
      width: 75%;
}
.menu-title.two>.separetor {
    width: 70%;
}
.menu-title.three .separetor {
    width: 68%;
}
.menu-title.four .separetor {
    width: 40%;
}
.menu-title.five .separetor {
    width: 35%;
}
.menu-title.seven .separetor {
    width: 35%;
}
.menu-title.eight .separetor {
    width: 57%;
}
.menu-title.six .separetor {
    width: 75%;
}
span.clr {
    color: #F5A216;
    float: none!important;
}
li.line-pro {
    line-height: 20px;
}
.single-menu.bdr {
    border: 10px solid transparent;
    border-image: url(../img/bdr-bg.png) 7;
    padding: 15px;
}
li.pro {
    color: #F5A216!important;
}
li.pro.sp {
    line-height: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.row.r-bdr {border: 1px solid #F0851D;padding: 50px;}
.footer {
    background: #F0851D;
}

/* footer*/
.single-address {
    margin-right: 30px;
    float: left;
    color: #fff;
}
.single-address a {
    color: #fff;
}
.single-address i {
    font-size: 20px;
}

.address-info {
    padding: 30px 0; 
}

.plus-coffee-social h2 {
    color: #fff;
    display: inline-block;
    margin-right: 31px;
    font-size: 20px;
    padding: 30px 0px;
    text-transform: capitalize;
    font-family: 'ACOdinBold';
}

.plus-coffee-social i {
    background: #fff;
    width: 25px;
    border-radius: 6px;
    color: #F0851D;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.single-menu.no-spc {
    margin: 0;
}

/*responsive*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bg {
    background-size: 200%;
}
.menu-title.one .separetor {
    width: 60%;
}
.menu-title.two .separetor {
    width: 50%;
}
.menu-title.three .separetor {
    width: 45%;
}
.menu-title.seven .separetor {
    width: 10%;
}
.menu-title.four .separetor {
    width: 20%;
}
.menu-title.five .separetor {
    width: 15%;
}
.menu-title.six .separetor {
    width: 50%;
}
.menu-title.eight .separetor {
    width: 40%;
}
.single-address {
    margin-right: 10px;
    font-size: 11px;
}
.plus-coffee-social h2 {
margin-right: 0;
}
.menu-title h2 {
font-size: 20px;
}
.menu-content ul li {
    font-size: 14px;
}

}
@media only screen and (max-width: 767px) {


.bg {
    background-image: url(../img/row-bg.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: center center;
}
.menu-table .row .row {
    padding: 20px;
    margin: 10px;
}

.menu-title.one .separetor {
    width: 60%;
}
.menu-title.two .separetor {
    width: 50%;
}
.menu-title.three .separetor {
    width: 50%;
}
.menu-title.seven .separetor {
    width: 18%;
}
.menu-title.four .separetor {
    width: 18%;
}
.menu-title.five .separetor {
    width: 13%;
}
.menu-title.six .separetor {
    width: 65%;
}
.menu-title.eight .separetor {
    width: 30%;
}
.menu-title h2 {
    font-size: 20px;
    }
    .menu-content ul li {
    font-size: 14px;
}
.single-menu {
  margin-bottom: 50px;
}
.single-menu.bdr li {
    font-size: 11px;
}
.single-menu.bdr {
    padding: 10px;
    margin: 0px -28px 50px;
}
.single-address {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.plus-coffee-social {
    text-align: center;
    padding-bottom: 40px;
}
.plus-coffee-social h2 {
    display: block;
    margin-right: 0;
    font-size: 20px;
    padding: 20px 0px 0px 0;
}
li.pro {
    font-size: 12px!important;
}
}