/*
Custom Styles
Type File: CSS
*/

/* Base
------------------------------------------------------------------------- */

body{font-family: "Roboto";}
a{color:#F75E47}
.menu li.evi a{ background: #f75e47;}


/* Header
------------------------------------------------------------------------- */
.scroll-down .header{box-shadow: 0 5px 20px rgba(0,0,0,0.15);}


/* Gutemberg Custom Styles
------------------------------------------------------------------------- */


/* example custom block style */
.panel-info{margin-top: 100px;}
.panel-info .wp-block-media-text__media{background: #DCF6E2;padding: 30px;border-radius: 10px;}
.panel-info .wp-block-media-text__media img{margin-bottom: -60px;border-radius: 10px;}


/* ! Menu 2 (Center Menu) */

.menu-2 .logo{padding: 10px;width: 140px;}
.menu-2 .logo img{height: 35px; width: auto;}
.menu-2 .contact{width: 140px;text-align: center;padding: 18px 30px;background: #000;color:#fff}

.menu-2{position: relative;z-index: 9999;width: 100%;display: flex;justify-content: space-between;}
.menu-2 ul { background: #333; list-style: none; margin: 0; padding-left: 0;}
.menu-2 li { background: #333; display: block; float: left; padding: 0; position: relative; text-decoration: none; transition-duration: 0.5s; }
.menu-2 li a { color: #fff; text-decoration: none; padding: 20px 30px;display: block; }
.menu-2 li:hover { background: #000; cursor: pointer; }
.menu-2 ul li ul { background: #222; visibility: hidden; opacity: 0; min-width: 200px; position: absolute; transition: all 0.5s ease; margin-top: 0px;left: 0; display: none; }
.menu-2 ul li:hover > ul,
.menu-2 ul li ul:hover { visibility: visible; opacity: 1; display: block; }
.menu-2 ul li ul li { clear: both; width: 100%; }

.menu-2 input{ display: block; width: 40px; height: 32px; position: fixed; top: 5px; right: 7px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
.menu-2 span{ display: none;  width: 33px;height: 4px;margin-bottom: 5px;position: fixed; top: 18px; right: 12px;  background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
.menu-2 span:nth-child(2){ transform-origin: 0% 100%;top: 30px;}

.menu-2 input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #fff;}
.menu-2 input:checked ~ span:nth-child(2){ transform: rotate(-45deg) translate(-3px, 4px);}

@media (max-width: 767px) {
  .menu-2 li {width: 100%;padding: 0;transition: none;}
  .menu-2 li a {padding: 7%;}

  .menu-2 ul li ul {position: relative;transition: none;}
  .menu-2 ul li ul li{background: #000;}
  .menu-2 ul li ul li a{padding-left: 12%;padding-top: 3%}

  .menu-2 .items{ position: fixed;top:0; right: 0;width: 90%;height: 100vh;overflow-y: scroll; overflow-x: hidden; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
  .menu-2 span{display: block;}
  .menu-2 input:checked ~ ul{transform: none;}

  .menu-2 .contact{margin-right: 60px;background: transparent; width: auto;}

}







































/* Mobile Utility Class
------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .sma-prev{order: -1} /* Smarphone Style */
  .wp-block-column.sma-100{flex-basis:100%!important} /* column 100% wide */
  .sma-center{text-align: center;} /* align text at center */
  .sma-center .wp-block-buttons{justify-content: center;} /* align buttons at center */
}

/* Desktop Utility Class
------------------------------------------------------------------------- */

.mb-0{margin-bottom: 5px;}
.mb-1{margin-bottom: 20px;}
.mb-2{margin-bottom: 40px;}
.mb-3{margin-bottom: 60px;}
.mt-0{margin-top: 5px;}
.mt-1{margin-top: 20px;}
.mt-2{margin-top: 40px;}
.mt-3{margin-top: 60px;}


/* Activate Border Blocks */
/* [class^='wp-block']{
  border: 1px solid red;
} */