/*Theme Name: Wpslash
Theme URI: http://underscores.me/
Author: Dimos Ramiotis
Author URI: https://www.wpslash.com
Description: WPSLash 
Version: 1.0.0
Text Domain: woofood
Tags:*/

/* jura-300 - latin_greek-ext_greek */
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU79QB_VMq2oRsWk0Fs.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}




    @font-face {
  font-family: 'wpslashfonts';
  src: url('font/wpslashfonts.eot?24012895');
  src: url('font/wpslashfonts.eot?24012895#iefix') format('embedded-opentype'),
       url('font/wpslashfonts.woff2?24012895') format('woff2'),
       url('font/wpslashfonts.woff?24012895') format('woff'),
       url('font/wpslashfonts.ttf?24012895') format('truetype'),
       url('font/wpslashfonts.svg?24012895#wpslashfonts') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'wpslashfonts';
    src: url('../font/wpslashfonts.svg?24012895#wpslashfonts') format('svg');
  }
}
*/
[class^="wpslash-"]:before, [class*=" wpslash-"]:before {
  font-family: "wpslashfonts";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.wpslash-basket:before { content: '\e800'; } /* '' */
.wpslash-down-open:before { content: '\e801'; } /* '' */
.wpslash-up-open:before { content: '\e802'; } /* '' */
.wpslash-left-open:before { content: '\e803'; } /* '' */
.wpslash-right-open:before { content: '\e804'; } /* '' */
.wpslash-rocket:before { content: '\e805'; } /* '' */
.wpslash-star:before { content: '\e806'; } /* '' */
.wpslash-quote:before { content: '\e807'; } /* '' */
.wpslash-food-1:before { content: '\e808'; } /* '' */
.wpslash-print:before { content: '\e809'; } /* '' */
.wpslash-location:before { content: '\e80a'; } /* '' */
.wpslash-clock:before { content: '\e80b'; } /* '' */
.wpslash-list-add:before { content: '\e80c'; } /* '' */
.wpslash-ok-circled:before { content: '\e80d'; } /* '' */
.wpslash-ok-circled2:before { content: '\e80e'; } /* '' */
.wpslash-fast-food:before { content: '\e815'; } /* '' */
.wpslash-food:before { content: '\f0f5'; } /* '' */
.wpslash-quote-left:before { content: '\f10d'; } /* '' */
.wpslash-quote-right:before { content: '\f10e'; } /* '' */
.wpslash-code:before { content: '\f121'; } /* '' */

/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU79Qh_VMq2oRsWk0Fs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU79Qx_VMq2oRsWk0Fs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU79TR_VMq2oRsWk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.dropdown-toggle::after
{
      color: white;
    content: '\F107';
    font-family: 'FontAwesome';
    line-height: 1;
    margin-left: .4em;
    border: none;
    vertical-align: middle;
}
.woofood-title-header {
    max-width: 60%;
    margin: auto;
    margin-top: 85px;
    margin-bottom: 40px;
}
h2.woofood-features-title {
    margin: auto;
    width: 100%;
    margin-bottom: 29px;
    margin-top: 48px;
    display: block;
    text-align: center;
    font-weight: bold;
}
.woofood-feature .inner i {
       text-align: center;
    width: 100%;
    font-size: 37px;
    position: absolute;
    top: -58px;
    background: white;
    width: auto;
    margin: auto;
    border-radius: 999px;
    padding: 10px;
    width: 85px;
    height: 85px;
    left: 39%;
    right: 50%;
}

.woofood-feature .inner {
    width: 100%;
    float: left;
}

.contact-woofood {
    width: 100%;
    text-align: center;
    margin: auto;
    float: left;
}
.woofood-features-title {
    width: 100%;
    margin: auto;
}

p.woofood-description.smaller {
    font-size: 18px;
    margin-top: 0px;
    line-height: 27px;
}
.sidebar.woofood-sidebar
{
  position: fixed;
    top: 51px;
    right: 22px;
    border-top: 0px;
        box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%), 0 2px 60px 0 rgb(36 36 45 / 12%);
    border-radius: 10px;
}

p.woofood-description {
    font-size: 22px;
    max-width: 60%;
    margin: auto;
    text-align: center;
}
a.buy-button.woofood {
    display: inline-block;
    background: #000000;
    padding: 11px 16px;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    width: auto;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    transition: 0.3s all;
        border-radius: 6px;
}
.plugin-buy .buy-button
{
      transition: 0.3s all;

      border-radius: 6px;
}
.plugin-buy .buy-button:hover
{
            

background: #dd3333;

}
a.buy-button.woofood:hover
{
      background: #dd3333;

}

.call-to-action-woofood {
    width: 100%;
    width: 60%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    /* font-size: 17px; */
}
.textwidget p
{
  font-size: 11px;
line-height: 11px;
}


#myFooter .second-bar
{
      text-align: center;
    background-color: #33373e;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    width: 100%;
    flex: 1;
}
.container
{
  min-height:100%;
}

.navbar-nav  .dropdown li.active, .navbar-nav .dropdown  li:hover, .navbar-nav .dropdown  li.open
{
border-bottom:none;
}
.caret
{
  display:none!important;
}
.menu-overlay
{
     
   position: fixed;
    width: 100%;
    height: 100%;
    background: #0000007d;
    z-index: 99999999;
        visibility: hidden;
}
.menu-overlay.open
{
      visibility: visible!important;
}


h1.title.is-2
{
      text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    color:black!important;
}
.dropdown-menu div div
{
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 229px;
}
h2.subtitle.is-4
{
      color: black!important;
    text-align: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    display: flex;
    width: auto;
    margin: auto;
    padding: 10px;
}
.dropdown-menu
{
       border-radius: 0px; 
}
.navbar-nav li 
{
  padding:10px;
}
.navbar-nav
{
  line-height:30px;
}
.navbar-nav li > a
{
  color:black;
}
.dropdown li > a
{
  color:black;

}
.navbar-nav li.active > a, .navbar-nav li:hover > a, .navbar-nav li.open > a
{
  color:#dd3333;
}




.archive-description
{
  padding: 20px;
/* background: rgba(128, 128, 128, 0.08); */
width: 50%;
margin: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.28);
margin-bottom: 24px;
}
.cat-item {
    /* border: 1px solid #dd3333; */
    /* padding: 5px; */
    margin-bottom: 9px;
}

.cat-item .children .cat-item {
    background: #dd3333;
    color: white;
    padding: 4px;
    width: auto;
    float: left;
    border-radius: 5px;
    margin-right: 10px;
    width: 100%;
    float: left;
    transition: 0.3s all;
}

.cat-item .children a {
    color: white;
}

.cat-item .children .cat-item:hover {
    text-decoration: none;
    cursor: pointer;
    background: #000000;
}




.cat-item .children .cat-item a:hover {
    text-decoration: none;
}


li.menu-all-plugins {
    float: left;
    width: 100%;
}
#myFooter a
{
      padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
a.mobile-menu-toggle
{
       display: none;
    width: 50px;
    height: 48px;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.mobile-menu-toggle span
{
        width: 63%;
    height: 2px;
    background: black;
    float: right;
    margin-bottom: 5px;

}
.navbar-brand
{
  display:flex;
  flex:1;
      justify-content: center;
          padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
}

  html {
    height: 100%;
    box-sizing: border-box;
  }

  body{
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
font-family: 'Plus Jakarta Sans', sans-serif;
    height:100%;
    background: white;



  }



h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0; font-weight:bold; }
h4              { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }



.main{
min-height: 100%;
height: auto;
margin-top:30px;
}
  .main-inner{

    height: auto;
overflow: auto;
padding-bottom: 150px !important;
}

    

  .container{
  	max-width:1440px;
  }
a{
  color:black;
}

   a:hover{
    color: inherit;
    text-decoration: none;


   } 

img
{
	vertical-align: middle;
    width: auto;
    max-width: 100%;
    height: auto;
}

.wpslash-home-intro
{
      display: flex;
width: 100%;
justify-content: center;
text-align: center;
/* background: #cc0000; */
/* color: white; */
padding-top: 45px;
padding-bottom: 20px;
    
}
.wpslash-latest-plugins h3
{
width:100%;
}


.wpslash-blog-post-article .blog-meta
{
      display: inline-flex;
    flex-direction: row;
    flex-grow: 1;
}
/**************************************************

███╗   ███╗    ███████╗    ███╗   ██╗    ██╗   ██╗
████╗ ████║    ██╔════╝    ████╗  ██║    ██║   ██║
██╔████╔██║    █████╗      ██╔██╗ ██║    ██║   ██║
██║╚██╔╝██║    ██╔══╝      ██║╚██╗██║    ██║   ██║
██║ ╚═╝ ██║    ███████╗    ██║ ╚████║    ╚██████╔╝
╚═╝     ╚═╝    ╚══════╝    ╚═╝  ╚═══╝     ╚═════╝

**************************************************/
header {
   min-height: 70px;
   height: auto;
   background: white;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
   box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%);
}

.navbar {
   min-height: 70px;
   height: auto;
   display: flex;
   align-items: center;
   padding: 10px 0;
}

/* Add margin to main content to account for fixed header */
.main {
   margin-top: 90px;
}
.navbar-nav li
{
      transition: all 0.3s;
    display: flex;
}
.navbar-nav li a
{
     color:#000000;
      transition: all 0.3s;

}

.navbar-brand>img{

width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
max-height:35px;
}
.navbar-inverse{

	border-radius: 0px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{

background:#cc0000;
color:white;

}
.navbar-nav {
  
}
.header-right{

  float: right;

}
.welcome-message-header{

margin-right: 25px;
vertical-align: middle;
float: left;
color: white;
word-wrap: break-word;
/* IE 5.5-7 */
white-space: -moz-pre-wrap;
/* Firefox 1.0-2.0 */
width: auto;
display: block max-width: 100%;
background: #cc0000;
top: -2px;
right: 25%;
position: absolute;
padding: 10px;
}


.edit-address-icon{

  color: white;
width: 24px;
height: 24px;
border: 1px solid white;
vertical-align: middle;
text-align: center;
border-radius: 99px;
font-size: 16px;
padding: 3px;
}
.edit-address-icon:hover{

  background:white;
  color:black;
}
  .features-list-woofood {
    margin-top: 65px;
}
.col-md-12.features-list-woofood.row
{
    margin-top: 65px;
margin-bottom: 65px;
}
a.documentation.woofood
{
  display: inline-block;
    background: #009600;
    padding: 11px 16px;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    width: auto;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-align: center;
}
@media (max-width:768px) {
 .navbar-nav li > a
{
   color: white;
}

.navbar .dropdown-menu li a
{
  color:black;
}
 .navbar-nav li.active> a.dropdown-toggle
 {
      color: white;
 }

 .navbar-nav > .dropdown-menu > li.active > a, .navbar-nav > .dropdown-menu > li.open > a, .navbar-nav > .dropdown-menu > li:hover > a
{
  color: #dd3333;
}




   


  .sidebar.woofood-sidebar
  {
        bottom: 0px;
    top: auto;
    left: 0px;
    right: 0px;
    padding: 14px!important;
  }
  .plugin-demo-logins
  {
        display: none;
  }

  .sidebar.woofood-sidebar .plugin-demo
  {
    width: 100%;
    float: left;
  }
  .plugin-demo .preview
  {
    width: 50%!important;
  }
  .plugin-buy
  {
        width: 48%;
    float: left;
    margin-right: 2%;
  }
  .welcome-message-header{

margin: 0px;
vertical-align: middle;
height: 100%;
max-width: 100% !important;
float: left;
left: 0%;
border-top: 1px solid rgba(255, 255, 255, 0.38);
height:auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.38);


right: 0%;
text-align: center;
font-size: 12px;
background: black;
top: 60px;
width: auto;
position: absolute;
/* color: white; */
/* IE 5.5-7 */
/* Firefox 1.0-2.0 */
}



.edit-address-icon{

  color: white;
width: 24px;
height: 24px;
border: 1px solid white;
vertical-align: middle;
text-align: center;
border-radius: 99px;
font-size: 16px;
padding: 3px;
}
.edit-address-icon:hover{

  background:black;
  color:white;
  border: 1px solid black;

}
}

.mini-cart-anchor {

  float:right;
}
.dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-width: none;
    text-align: center;
    line-height: 1.2em;
}


.navbar-nav li a:hover
{
  text-decoration: none;
}


.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}


.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    display: none;
    overflow: hidden;
    opacity: 0;

}

.dropdown.open .dropdown-menu {
    opacity: 1;
    height: auto;
    display: block;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%), 0 2px 60px 0 rgb(36 36 45 / 12%);
    border-radius: 10px;
    border: none;

  
}
li.active.dropdown.menu-plugins.open > a
{
  color: #dd3333;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
}

.dropdown li{
    width: auto;
    max-width: 150px;
    
    height: auto;
    max-height: 100%;
}
.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.dropdown-menu li a
{
  padding:0px;
}

/*******************************************************************

 ███╗   ███╗     ██████╗     ██████╗     ██╗    ██╗         ███████╗
 ████╗ ████║    ██╔═══██╗    ██╔══██╗    ██║    ██║         ██╔════╝
 ██╔████╔██║    ██║   ██║    ██████╔╝    ██║    ██║         █████╗
 ██║╚██╔╝██║    ██║   ██║    ██╔══██╗    ██║    ██║         ██╔══╝
 ██║ ╚═╝ ██║    ╚██████╔╝    ██████╔╝    ██║    ███████╗    ███████╗
 ╚═╝     ╚═╝     ╚═════╝     ╚═════╝     ╚═╝    ╚══════╝    ╚══════╝

*******************************************************************/
@media screen and (max-width: 768px) {
  .navbar li a {
    color: white;
  }

  .navbar-nav li.active, 
  .navbar-nav li:hover, 
  .navbar-nav li.open {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .navbar-is-open a.mobile-menu-toggle span {
    display: none;
  }

  .navbar-is-open a.mobile-menu-toggle {
    z-index: 1000;
    display: flex;
    justify-content: center;
    margin-left: -9px;
    margin-right: 5px;
  }

  .navbar-is-open a.mobile-menu-toggle span:first-child {
    display: block;
    transform: rotate(45deg);
  }

  .navbar-is-open a.mobile-menu-toggle span:last-child {
    display: block;
    transform: rotate(314deg);
    top: 20px;
    margin: -6px;
  }

  a.mobile-menu-toggle {
    display: flex;
  }

  .dropdown-menu div div {
    flex-direction: column;
  }

  .dropdown.open {
    background: white;
  }

  .navbar-nav li {
    padding: 0;
    flex-direction: column;
    display: inline;
    border-bottom: 1px solid rgba(255, 255, 255, 0.27);
    font-size: 20px;
    padding: 5px;
  }

  .dropdown .dropdown-menu {
    display: none;
  }

  .dropdown.open .dropdown-menu {
    display: block;
    opacity: 1;
    border: 0;
    background: white;
  }

  .navbar-is-open {
    position: fixed;
    opacity: 1;
    margin-left: 50%;
    transition: all 0.5s ease 0s;
  }

  .navbar-collapse {
    width: 50%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #cc0000;
    z-index: 99;
    visibility: hidden;
    transition: all 0.5s ease;
  }

  .navbar-collapse.open {
    visibility: visible;
  }
}


.dropdown li
{
  width:auto;
  max-width:100%;
}
.dropdown li a
{
      padding: 0px;
    font-size: 15px;
    text-align-last: left;
    margin-top: 10px;
    padding-left: 20px;
}

          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
                 transition: left .2s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top: 0%;
    padding-top: 0px;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    width: 200px;
    position: fixed;
    overflow: hidden;
    transition: width .2s;
    z-index: 99;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

          }
          .side-collapse.in {
              width:0;
          }

          .article-front .thumbnail-front{
            border-radius: 0px !important;
width:100%!important;
height:auto!important;
          }



          .navbar-default .navbar-nav>li>a{
border-top: 1px solid rgba(255, 255, 255, 0.25);
    background: black;


          }

          .caret{
                display: inline-block;
    width: 0;
    height: 0;
    margin-top: 10px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
    transform: rotate(270deg);
          }
          .dropdown-menu li:hover{
          	    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 0.2s ease-out;
          }

          .dropdown.open .caret {
    transform: rotate(360deg);
}


.navbar-default .side-collapse li.dropdown.open{
  background:#cc0000;
}

.navbar-default .side-collapse li.dropdown.open .dropdown-menu{
  background:#cc0000!important;
      padding: 0px;
    margin: 0px;
    min-width: 100%;
    max-width: 100%;
    width: auto;

}
.dropdown-menu li {
       padding: 0px;
    width: 100%;
    display: flex;
    border-bottom:none;
    }.dropdown-menu li:first-child {
}
.navbar-nav{
  margin:0px;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
  border-color:#252525!important;
}
.dropdown-menu {
  text-align:left;
  line-height: normal;



}


       
      }

      .mini-cart{

width: 40px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
color:white;
background:#cc0000;
border-radius:5px;
padding:7px;
margin-right:10px;


        
      }


.wpslash-blog-post-article
{
  -webkit-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: transform;
    transition: all .2s ease-in-out;
}

.wpslash-blog-post-article:hover
{
  cursor:pointer;
}

      .wpslash-blog-post-article
      {
       
      }

      .wpslash-blog-image
      {
            height: 220px;
    background-position: center!important;
    background-size: cover!important;
    width: 100%;
      }

      .wpslash-blog-post-article .blog-title
      {
            padding: 10px;
    font-size: 19px;
    font-weight: bold;
    height: 80px;
      }

      .wpslash-blog-post-article .date-meta
      {
           display: inline-flex;
    justify-content: flex-start;
    padding: 8px;
    border-top: 1px solid #f8f2f2;
    flex-direction: column;
    margin: auto;
      }


      .wpslash-blog-post-article .category-meta
      {
               flex-direction: column;
    justify-content: flex-end;
    display: inline;
    padding: 6px;
    margin: auto;
    padding-left: 0px;
    padding-top: 0px;
        position: absolute;
    left: 0px;
    top: 0px;
      }
span.cat-name
{
      background: #cc0000;
    color: white;
    padding: 6px;
    margin: 2px;
    border-radius: 2px;
    display: inline-flex;
        margin-left: 0px;
    margin-top: 0px;
}

/***********************************************************************************************************************************

███╗   ███╗     █████╗     ██╗    ███╗   ██╗        ███████╗    ████████╗    ██╗   ██╗    ██╗         ██╗    ███╗   ██╗     ██████╗
████╗ ████║    ██╔══██╗    ██║    ████╗  ██║        ██╔════╝    ╚══██╔══╝    ╚██╗ ██╔╝    ██║         ██║    ████╗  ██║    ██╔════╝
██╔████╔██║    ███████║    ██║    ██╔██╗ ██║        ███████╗       ██║        ╚████╔╝     ██║         ██║    ██╔██╗ ██║    ██║  ███╗
██║╚██╔╝██║    ██╔══██║    ██║    ██║╚██╗██║        ╚════██║       ██║         ╚██╔╝      ██║         ██║    ██║╚██╗██║    ██║   ██║
██║ ╚═╝ ██║    ██║  ██║    ██║    ██║ ╚████║        ███████║       ██║          ██║       ███████╗    ██║    ██║ ╚████║    ╚██████╔╝
╚═╝     ╚═╝    ╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═══╝        ╚══════╝       ╚═╝          ╚═╝       ╚══════╝    ╚═╝    ╚═╝  ╚═══╝     ╚═════╝

***********************************************************************************************************************************/


.page-title{

}
#ezw_tco-2
{
  padding: 25px!important;
/* border: 1px solid #b2b2b2; */
background: #f7f7f7;
border-top:10px solid #cc0000;

}
.ez-toc-widget-container ul
{
  white-space: pre-wrap!important;
}
.documentation-content
{
  border: 1px solid #eee;
padding: 3rem;

}
.ez-toc-list li
{
 font-size: 18px;
padding: 5px;
border-bottom: 1px solid rgb(198, 198, 198);

}
.ez-toc-list li li
{
  font-size:15px;
  border-bottom:0px;

}
.documentation-content h1 span:before
{content: "";
    width: 30px;
    height: 30px;
    background: #cc0000;
    color: red;
    position: absolute;
    left: 6px;
    top: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.documentation-content h2 span:before
{
  width: 13px;
    height: 13px;
    background: black;
    position: absolute;
    left: 12px;
    content: "";
    line-height: 42px;
    border-radius: 99px;
    margin-top: 8px;
}
.wpslash-related-articles
{
  justify-content: center;
}
.related-header-title
{
  display: flex;
justify-content: center;
margin-bottom: 50px;
}
.documentation-content a
{
  color:#cc0000;
}

.documentation-content h3 span:before
{
  content: "";
    background: #cc0000;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 27px;
    margin-top: 7px;
}
.ez-toc-list li li li
{
 font-size: 12px;
border-bottom: 0px;

}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul
{
  margin-left:-20px!important;
}

.btn-primary {
	background:#cc0000;
	border-color:#cc0000;
}
.button {

  -moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
background: none;
border: solid 1px;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 0.8em;
font-weight: 900;
letter-spacing: 2px;
min-width: 18em;
padding: 0 0.75em;
line-height: 3.75em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin-left:2px;
margin-right:2px;
    transition: all 0.3s ease 0s;

}
.button:hover{
background:black;
color:white;

}
/*    ______            __
   / ____/___  ____  / /____  _____
  / /_  / __ \/ __ \/ __/ _ \/ ___/
 / __/ / /_/ / /_/ / /_/  __/ /
/_/    \____/\____/\__/\___/_/
*/

#myFooter {
    background-color: #3a3f46;
    color: white;
}

#myFooter .row {
    margin-bottom: 60px;
}

#myFooter .info{
    text-align: justify; 
    color: #afb0b1;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#myFooter .logo{
    margin-top: 10px;
}

#myFooter .second-bar .logo a{
    color:white;
    font-size: 28px;
    float: left;
    font-weight: bold;
    line-height: 68px;
    margin: 0;
    padding: 0;
}

#myFooter a {
    color: #d2d1d1;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: white;
}

#myFooter .second-bar {
    text-align: center;
    background-color: #33373e;
    text-align: center;
}

#myFooter .second-bar a {
    font-size: 22px;
    color: #9fa3a9;
    padding: 10px;
    transition: 0.2s;
    line-height: 68px;
}

#myFooter .second-bar a:hover {
    text-decoration: none;
}

#myFooter .social-icons {
    float:right;
}


#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }

    #myFooter .info{
        text-align: center;
    }
}




/*   ______   __  __   ______   ______   __ __    ____     ____     _  __    ______   _____
  / ____/  / / / /  / ____/  / ____/  / //_/   / __ )   / __ \   | |/ /   / ____/  / ___/
 / /      / /_/ /  / __/    / /      / ,<     / __  |  / / / /   |   /   / __/     \__ \
/ /___   / __  /  / /___   / /___   / /| |   / /_/ /  / /_/ /   /   |   / /___    ___/ /
\____/  /_/ /_/  /_____/   \____/  /_/ |_|  /_____/   \____/   /_/|_|  /_____/   /____/*/

/*input[type=checkbox].css-checkbox {
              position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
              min-height:80px;min-width:80px;
            }

            input[type=checkbox].css-checkbox + label.css-label {
              padding-left:23px;
              height:18px; 
              display:inline-block;
              line-height:18px;
              background-repeat:no-repeat;
              background-position: 0 0;
              font-size:18px;
              vertical-align:middle;
              cursor:pointer;

            }

            input[type=checkbox].css-checkbox:checked + label.css-label {
              background-position: 0 -18px;
            }
            label.css-label {
        background-image:url(https://csscheckbox.com/checkboxes/u/csscheckbox_e6364785bfe886ff49a404b90dfce30f.png);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }*/


 /*  _____    ______   __       ______   ______   ______       ____   _   __   ____     __  __   ______
  / ___/   / ____/  / /      / ____/  / ____/  /_  __/      /  _/  / | / /  / __ \   / / / /  /_  __/
  \__ \   / __/    / /      / __/    / /        / /         / /   /  |/ /  / /_/ /  / / / /    / /
 ___/ /  / /___   / /___   / /___   / /___     / /        _/ /   / /|  /  / ____/  / /_/ /    / /
/____/  /_____/  /_____/  /_____/   \____/    /_/        /___/  /_/ |_/  /_/       \____/    /_/
*/

select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#billing_country{

height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}

 /*    ____     ___       _   __   ______   __       _____
    / __ \   /   |     / | / /  / ____/  / /      / ___/
   / /_/ /  / /| |    /  |/ /  / __/    / /       \__ \
  / ____/  / ___ |   / /|  /  / /___   / /___    ___/ /
 /_/      /_/  |_|  /_/ |_/  /_____/  /_____/   /____/
*/


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s
}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

#accordion .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.rotate-icon{
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.panel{
    border: 0px;
margin-bottom: 5px !important;
background-color: rgba(255, 255, 255, 0);


}
.panel-group .panel+.panel{
    margin-top: 0px;
}
.panel-group .panel{
    border-radius: 0px;
}
.panel-heading{
border-radius: 0px;
color: white;
padding: 20px 2%;

}
.panel-custom>.panel-heading{
background-color: #CC0000;
box-shadow: 2px 2px 2px rgba(127, 127, 127, 0.99);
}
.panel-group .panel:last-child{
    /*border-bottom: 5px solid #000000;*/
}

panel-collapse .collapse.in{
    border-bottom:0;
}
.panel-body{
padding: 0px;
margin-left: 10px;
background-color: white;
}
.panel-heading-title{


  width:90%;
  display:block;
  float:left;
  border-left:10px solid #000000;
}
.panel-heading-plus{


width:10%;
display:block;
float:left;
margin-bottom:5px;
background-color:#000000!important;
padding-bottom: 17px;
}
.accordion-plus-icon{
  text-align: center;
}

.pac-container { 
position:absolute!important;
  z-index: 10000 !important; 

}

.pac-container, .pac-item, .pac-matched, .pac-icon {
    font-size:18px;
}
.pac-item:hover{
  background-color:#cc0000;
  color:white;
}
.pac-icon-marker{
  display:none;
}

.pac-item-query:hover{
  color:inherit;
}
.pac-logo:after{
content: none!important;
background-image: none !important;

}







.banner-home{
background: black;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
cursor: default;
padding: 6em 0;
text-align: center;
}
.banner-home .inner{
  -moz-animation: reveal-banner 1s 0.25s ease-in-out;
-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
-ms-animation: reveal-banner 1s 0.25s ease-in-out;
animation: reveal-banner 1s 0.25s ease-in-out;
-moz-animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
animation-fill-mode: forwards;
color: #fff;
display: inline-block;
opacity: 1;
padding: 3em;
text-align: center;
}
.banner-home .inner header{
display: inline-block;

border: 1px solid white;
margin: 0 0 2em 0;
padding: 15px;
transition-property: opacity, color, background;
transition-duration: 0.2s;
transition-timing-function: linear;
}   

.banner-home .inner p{
  letter-spacing: 0.1em;
margin: 0;
text-transform: uppercase;
}

.banner-home .inner header h2{


font-size: 2.5em;
font-weight: 900;
letter-spacing: 0.2em;
margin: 0;
padding-left: 0.05em;
position: relative;
text-transform: uppercase;


}
.banner-home .inner header:hover{


  background: white;
color: black;
}

.banner-home .inner footer{

margin: 2em 0 0 0;

}

.banner-home .contact-button{

margin: 2em 0 0 0;
}
.banner-home .inner .profile{

  background: url(https://www.dimovelis.com/wp-content/uploads/2018/02/petros_dimovelis_profile.png);
z-index: 99;
width: 100%;
background-repeat: no-repeat;
height: 100px;
text-align: center;
background-size: contain;

background-position: center;

padding: 100px;


}

.type-name{

color:black;
padding:20px;
font-weight:bold;
height: auto;
overflow: hidden;
}
.type-name:before{
content: "";
/* position: absolute; */
left: 10px;
bottom: 0;
height: 50px;
width: 30%;
border-right: 5px solid #bd2754;
}
.article-row{
  height: auto;
overflow: hidden;
border-bottom: 1px solid black;
    transition: transform .2s; /* Animation */
padding-bottom: 20px;
}
.article-row:hover{
background: #bd2754;

    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */


  color:white;
}
.article-row .title{

  text-transform: uppercase;
  font-weight:bold;
}
.article-row .button-here{
  padding-top: 30px;
}

.featured-title{


  width: auto;
position: absolute;
right: 20%;
top: 25%;
font-size: 20px;
text-transform: uppercase;
color: white;
background: black;
padding: 40px;
}
.featured-image-custom {

}

.inside-menu{

  list-style: none;
float:left;
height:auto;
width:100%;
border-bottom: 5px solid #bd2754;
padding: 10px;
padding-left: 20px;
background:white;
z-index:10;
}

.inside-menu li a {
  float:left;
padding:10px;
color:black;
border:1px solid black;
text-transform:uppercase ;
margin:10px;
transition: all 0.3s ease 0s;

}
.inside-menu li a:hover {
 background:black;
 color:white;
}

.featured-title-post{

 text-align: center;
}

.article-video{
  height: auto;
overflow: hidden;
    transition: transform .2s; /* Animation */
padding-bottom: 20px;
}
.article-video:hover{

background: rgb(103, 103, 103);


  color:white;
}
.article-video .title{

  text-transform: uppercase;
  font-weight:bold;
}
.article-video .button-here{
padding-top: 30px;
float:left;
width:100%;
text-align:center;
}

.login-link:hover  {
  background:white;
  color:black!important;
} 
.login-link:hover  .fa-phone {
  background:black!important;
  color:white!important;
} 

#banner-home-second{
  background:#bd2754;
}

.article-front .thumbnail-front{

  border-radius:99px;
width:200px;
height:200px!important;

}
.article-front{
  margin-bottom:20px;
}






#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}





.site-logo{
height: 40px;
}
.preview-image li {
float:left;
list-style:none;
margin:2px;

}

.preview-area{
min-height:500px;
max-height:auto;
text-align:center;
  background:white;
}
.page-head.single-download-head {
background: url(https://www.ramiotis.com/wp-content/uploads/2017/06/woofood-ordering.jpg );
background-size: cover;
color: white;
padding: 50px;



}
.page-head.single-download-head h1{
color: white;
border-radius: 5px;
padding: 10px;
}



.plugin-price {

display: inline-block;
padding: 11px 16px;
background-color:#cc0000;
color:white;
width:100%;
text-align:center;

font-size:25px;


}

.plugin-demo .preview {
display: inline-block;
padding: 11px 16px;
border: 1px solid #242424;
font-size: 15px;
text-align: center;
margin-top: 10px;
width: 100%;
text-transform: uppercase;
color:black;
margin-bottom:10px;


}
.plugin-demo .preview:hover{
background:#cc0000;
color:white;

}
.plugin-demo-logins {
padding: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}

.plugin-buy .buy-button{

display: inline-block;
background: #000000;
padding: 11px 16px;
font-size: 15px;
text-align: center;
margin-top: 10px;
width: 100%;
text-transform: uppercase;
color: white;
font-weight: bold;



}

.plugin-buy .buy-button:hover{

display: inline-block;
background: black;
padding: 11px 16px;
font-size: 15px;
text-align: center;
margin-top: 10px;
width: 100%;
text-transform: uppercase;
color: white;
font-weight: bold;



}
.plugin-box{
height:auto;
margin-bottom:70px;
      box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%), 0 2px 60px 0 rgb(36 36 45 / 12%);
    border-radius: 10px;
        float: left;
            max-height: 312px;
    overflow: hidden;
        min-height: 302px;
}
.plugin-box .image {
height:220px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center center;

width:100%;
border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}

.plugin-box .plugin-caption {

    color: black;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.plugin-caption .plugin-title {

    width: 100%;
    float: left;
    font-size: 25px;
    line-height: 20px;
    text-align: center;
    max-height: 20px;
    overflow: hidden;
}
.plugin-caption .plugin-price
{
      max-height: 62px;
    overflow: hidden;
}
.plugin-subtitle
{
      max-height: 62px;

}


.plugin-caption .plugin-subtitle
{
         margin-top: 4px;
    width: 100%;
    float: left;
    font-size: 11px;
    text-align: center;
}

.plugin-caption .plugin-price {
width:100%;
float:left;
background:black;
}
.intro-box{
padding:10px;
float:left;
min-height:150px;
text-align:center;
}
.home-intro {
overflow:hidden;
}
.micro-icon{
margin: 10px;
border-radius: 999px;
border: 1px solid white;
padding: 10px;
width: 50px;
height: 50px;
vertical-align: middle;

}
.preview-area{
overflow: hidden;


}

.preview-image{
width:auto!important;
}
@media only screen and (max-width: 768px) {

.preview-image li{
width:48%;
}

}

.md-effect-7{
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);

}
.md-show{
visibility:visible;
}
.md-modal{

position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}


.md-content{
color: #fff;
background: #e74c3c;
position: relative;
border-radius: 3px;
margin: 0 auto;

}

.md-effect-7 .md-content{
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
opacity: 0;

}
.md-content > div ul{
margin: 0;

padding: 0 0 30px 20px;
}
.md-content > div ul li {
padding: 5px 0;
}
.plugin-includes{
    padding: 15px;
    padding-top: 25px;
       box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}
.plugin-includes ul li {
  list-style-type: none;
  margin-bottom:5px;

  }
.includes-title{
    text-align: center;
    margin-bottom: 10px;
    font-size: 25px;
    border-bottom: 1px dashed #5d4646;
    padding-bottom: 10px;
    font-weight: bold;
  
  
}
.sidebar
{
      box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}
.plugin-includes ul li:before{

  content: "\f058"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */

}
.tabbable-panel {
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;

}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
   padding:10px;
   cursor:pointer;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #cc0000;
  position: relative;
      font-weight: bold;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
  text-align: justify;
}
.tabbable-line > .tab-content img {
width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 1;
    width: auto;
    flex-wrap: nowrap;
    margin: auto;
  }
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}




input[type="text"]::-webkit-input-placeholder{
  color:black;
}
input[type="email"]::-webkit-input-placeholder{
  color:black;
}
input[type="password"]::-webkit-input-placeholder{
  color:black;
}

@media (min-width:768px) {
.navbar-nav {
  float:right;
}
}


.tab-content #description{
  padding:20px;
}
#screenshots figure{
  float:left;
  width:auto;
  margin:10px;

}

p{
  font-size:17px;
}
.menu-list li a {
      color: black;
    font-size: 1em;
    line-height: 2em;
    padding: 0.5em;
    margin: auto;
    cursor:pointer;
}

.menu-list li {
    list-style: none;
}
.menu-list li a.is-active, .menu-list li a:hover {
    font-weight:bold;
}
}


.post-type-archive-documentation .page-header
{
text-align: center;
padding: 20px;
background: #eee;
margin-bottom: 25px;
text-align: center;
}
.nav-links .nav-previous a, .nav-links .nav-next a
{
	background: none!important;
border: 1px solid #cc0000!important;
color: #cc0000!important;
border-radius: 6px;
}

.nav-links .nav-previous a:hover, .nav-links .nav-next a:hover
{
	background: #cc0000!important;
border: 1px solid #cc0000!important;
color: white!important;
text-decoration: none;
}


.wpslash-blog-date {
    /* background: rgba(187, 187, 187, 0.15); */
    padding: 14px;
}

.post-categories {
}

.wpslash-blog-cats .post-categories {
   list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
/* margin: auto; */
}

.wpslash-blog-cats .post-categories li a {
   border: 1px solid #dd3333;
color: #dd3333;
padding: 7px;
border-radius: 5px;

}
.wpslash-blog-cats ul li
{
  margin-right: 8px;
}
.woofood-feature .inner {
    box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%), 0 2px 60px 0 rgb(36 36 45 / 12%);
    border-radius: 10px;
    height: 100%;
    padding: 13px;
        position: relative;
            transition: 0.3s all;
}
p {}

p {}

.woofood-testimonial .inner p {
       float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 30px;
    max-height: 135px;
    overflow: hidden;
}

.woofood-testimonial .inner .wpslash-quote-left {
     float: left;
    position: absolute;
}

.woofood-testimonial .inner .wpslash-quote-right {
    float: right;
    display:none;
}
.woofood-feature .inner:hover
{
      background: #3a3f46;
    color: white;
}
.woofood-testimonial .inner h2 {
    color: #d3d314;
}
.woofood-testimonial .inner
{
    box-shadow: 0 2px 6px 0 rgb(36 36 45 / 6%), 0 2px 60px 0 rgb(36 36 45 / 12%);
    border-radius: 10px;
    height: auto;
    padding: 13px;
    position: relative;
    transition: 0.3s all;
        max-height: 245px;
    overflow: hidden;

}
.woofood-feature .inner:hover i
{
  color: black!important;
}

.woofood-feature {
  padding: 12px;
    margin-top: 45px;
}

.woofood-feature .inner h2 {
    text-align: center;
}

.wpslash-blog-cats {display: flex;
flex: 1;
padding: 15px;
flex: 0 100%;
justify-content: flex-end;}
.wpslash-blog-date {display: flex;
flex: 1;
flex: 0 100%;
justify-content: flex-start;}

.wpslash-post-meta
{
  display: flex;
justify-content: center;
flex: 0 100%;
font-size: 13px;
border-bottom: 1px  solid rgba(201, 201, 201, 0.36);
margin-bottom: 37px;
}
.single-post .featured-title-post
{
  font-weight: 300;
}
.wpslash-blog-cats .post-categories li a:hover
{
  background: #dd3333;
color: white;
text-decoration: none;
}
.main-product-logo-img
{
      justify-content: center;
    display: flex;
    margin: auto;
    text-align: center;
    width: 100%;
    flex: 0 100%;
    padding-top: 100px;
}
.woofood-feature a
{
  color: #dd3333;
}