/*
Theme Name: Apic
Template: crane
Description: Crane child theme
Version: 1
*/

/*
========================================
    Write your custom CSS rules here
========================================
*/
@font-face {
  font-family: 'Azo_Sans';
  src: url('fonts/Azo_Sans_Regular.eot');
  src: local('☺'), url('fonts/Azo_Sans_Regular.woff') format('woff'), url('fonts/Azo_Sans_Regular.ttf') format('truetype'), url('fonts/Azo_Sans_Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Azo_Sans';
  src: url('fonts/Azo_Sans_Bold.eot');
  src: local('☺'), url('fonts/Azo_Sans_Bold.woff') format('woff'), url('fonts/Azo_Sans_Bold.ttf') format('truetype'), url('fonts/Azo_Sans_Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Azo_Sans';
  src: url('fonts/Azo_Sans_Black.eot');
  src: local('☺'), url('fonts/Azo_Sans_Black.woff') format('woff'), url('fonts/Azo_Sans_Black.ttf') format('truetype'), url('fonts/Azo_Sans_Black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}

body, body * { font-family: "Azo_Sans"; }
.gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor { text-transform: none; font-weight: bold; }
@media (min-width: 1024px){
  .gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor { text-transform: none; }
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before,
.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #9ebe43 !important; }

/* MAV form */
.knx-modulable-form .acf-field.acf-field-63ce7da063644 .acf-input .acf-checkbox-list li label{
  display: flex;
  padding-left: 0;
  align-items: center;
  text-transform: none;
  color: #0c3f61;
  background: none;
}

.knx-modulable-form .acf-field.acf-field-63ce7da063644 .acf-input .acf-checkbox-list li label input{
  width: 20px;
  height: 20px;
  border: 1px solid #0c3f61;
  position: relative;
  opacity: 1;
  order: -1;
}
/* APIC Bike status */
.bike-status-form-section .bar { display: -webkit-flex; display: -ms-flex; display: flex; }
.bike-status-form-section .bar .form-group { flex: 1; }
.bike-status-form-section .bar .form-group input { height: 60px; background-color: #2b2b2b; color: white; border: none; font-size: 23px; padding-left: 20px;  font-family: 'Azo_Sans'; }
.bike-status-form-section .bar .form-group input:focus { border: none; outline: none; }
.bike-status-form-section .bar .form-group input::-webkit-input-placeholder {
  color: white; opacity: 1 !important;
}
.bike-status-form-section .bar .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: white; opacity: 1 !important;
}
.bike-status-form-section .bar .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: white; opacity: 1 !important;
}
.bike-status-form-section .bar .form-group input:-moz-placeholder { /* Firefox 18- */
  color: white; opacity: 1 !important;
}

.bike-status-form-section .control-input{
  display: none;
}

@media (max-width: 768px){
  .bike-status-form-section .bar .form-group input { font-size: 20px; }
}

.bike-status-form-section .bar .action { }
.bike-status-form-section .bar .action .btn-link { background-color: #9fc863; color: white; width: 60px; height: 60px; line-height: 60px; text-align: center; padding: 0; }
.bike-status-form-section .bar .action .btn-link:hover { background-color: #9ebe43;}
.bike-status-form-section .bar .action .btn-link i {font-size: 26px; vertical-align: middle; }

.bike-status-form-section .alert { /*font-family: 'Roboto';*/ font-size: 29px; text-transform: uppercase; color: #393b3f; }
@media (max-width: 768px){
  .bike-status-form-section .alert { font-size: 20px; }
}