/* Mio css custom */

@import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Dokdo|Sedgwick+Ave|East+Sea+Dokdo|Sedgwick+Ave+Display|Short+Stack');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');


@import url("https://use.typekit.net/egx0vyp.css");

body{ font-family: 'Open Sans', sans-serif;}

/*
font-family: 'Dokdo', cursive;
font-family: 'Caveat Brush', cursive;
font-family: 'Sedgwick Ave', cursive;
font-family: 'Sedgwick Ave Display', cursive;
font-family: 'East Sea Dokdo', cursive;
font-family: 'Short Stack', cursive;
*/

h1, h2, h3, h4, h5, h6{ font-family: foco, sans-serif; color: #00754a; line-height: normal; letter-spacing: 1px; line-height: 1em;}
.hs-line-7{ letter-spacing: 0px; color: #ffffff;
    margin-top: 0;
    position: relative;
    font-size: 44px;
    font-weight: 300;
    font-family: 'Caveat Brush', cursive;
    text-transform: none;
    line-height: 1.2;
}

.main-nav h1{ font-size: 22px !important; margin-top: 25px;}

.WW, .iubenda-embed, .iubenda-embed:not(.iubenda-nostyle){ text-decoration: none !important; font-weight: normal !important; color: #ffffff !important; font-family: 'Open Sans', sans-serif !important; background: none !important; padding:0 !important; border: none !important; font-size: 14px !important; -webkit-box-shadow:none !important;}
.WW:hover, .iubenda-embed:hover, .iubenda-embed:not(.iubenda-nostyle):hover{ font-weight: normal !important; color: #000000 !important; background: none !important; padding:0 !important; border: none !important;  -webkit-box-shadow:none !important;}

.scroll-down{ left: 96%;}
.text p, .section-text { font-size: 19px; color: #121619; line-height: 28px;}

.nav-logo-wrap .logo{ max-width: 190px !important; text-align: center; margin: 0 auto;}

.font4{ font-size: 4em !important;}

.font-alt{ font-family: 'Caveat Brush', cursive; text-transform: none; letter-spacing: normal;}
.team-item-name, .team-item-role{ letter-spacing: normal; text-transform: none; font-size: 18px;}

.p-20{ padding: 20px;}
.team-item{ border: 1px solid #eeeeee; border-radius: 5px; min-height: 402px;}

.bg-color{ background-color: #EEF4D4;}
.bg-color-aboca{ background-color: #00754a;}

.bg-color-aboca strong, .bg-color-aboca span{ color: #ffffff;}

.bg-gray-lighter{background-color: #e6e6e6 !important;}

.no-mobile .team-item:hover .team-item-detail{ background: #E5C687; opacity: 0.9; border-radius: 5px;}
.team-item-detail{ padding: 48px 23px 43px; min-height: 350px; line-height: 16px;}

.fff{display: inline-block; padding-left: 30px; border-left: 1px solid #777777; margin-left: 30px; position: relative; top:18px; text-align: left;}

.alt-features-title{ margin-bottom: 10px; font-size: 17px; font-weight: 800; letter-spacing: 0;}
.alt-features-grid { margin-top: 20px; margin-bottom: 50px;}
.bg-dark-alfa-30 a { color: #555555 !important; text-decoration: none !important; font-weight: 400 !important;}
.alt-service-icon{ font-weight: 100; margin-top: 50px; text-align: left !important; color: #999999;}

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

    .main-nav h1{ font-size: 10px !important; margin-top: 35px;}
    canvas #canvas{ width: 400px !important; height: 300px !important;}
    .alt-service-icon{ display: none;}

}