/*
Template Name: ORTHOLINKED CUSTOM STYLES
Version: 1.0.0
Author: Mike Frank

::  1.0 General Reset & Setup
-------------------------------------------
	1.1 ORTHOLINKED Buttons
	1.2 Link Setting 
	1.3 Main Color Setting 
	1.4 Typography Setting 
	1.5 Inverse Mode Setting 
 

*/

/* -------------------------------
   1.0 General reset & setup
------------------------------- */

/* 1.1 ORTHOLINKED Buttons */

.ol-button{ display: block; text-align:center; border:0; font-family: "Aktiv Grotesk W06 Regular",Arial,"Open-Sans",sans-serif; cursor: pointer; }

/** -- COLORS -- **/
.ol-button.primary_blue{ background-color:#007aff; color:#fff; }
.ol-button.primary_blue:hover{ background-color: #3e9aff; }
.ol-button.white{ background-color:#fff; color:#303030; border:1px solid #999; }
.ol-button.white:hover{ background-color:#fff; color:#303030; border:1px solid #007AFF; font-family: "Aktiv Grotesk Bold",Arial,"Open-Sans",sans-serif; }
.ol-button.pink{ background-color:#ff0e88; color:#fff; border:0; }
.ol-button.pink: hover;{ background-color:#ae085c; color:#fff; border:0; }
.ol-button.grey{ background-color:#e9e9e9; color:#303030; border:1px solid #ccc; }
.ol-button.grey: hover;{ background-color:#ababab; }

/** -- SIZES -- **/
.ol-button.fullwidth{ width:100%; height:7rem; line-height:7rem; font-size:2.4rem; }
.ol-button.large{ height:8rem; line-height:8rem; font-size:2rem; padding:0 2.5rem; }
.ol-button.medium{ height:5rem; line-height:5rem; font-size:1.8rem; padding:0 1.5rem; }
.ol-button.small{ height:3rem; line-height:3rem; font-size:1.6rem; padding:0 1.5rem; }

/** -- CHECKBOX -- **/
.ol-checkbox{ margin-right: 1.5rem; cursor: pointer;  }
.ol-checkbox i.fal{ font-size: 2.5rem; }
.ol-checkbox.empty i.fal{ color:#999; }
.ol-checkbox.checked i.fal{ color:#007aff; }
.checkbox-label{ vertical-align:super; }

/** -- INPUT FIELDS -- **/
input.ol-field{ font-family: "Aktiv Grotesk W06 Regular",Arial,"Open-Sans",sans-serif; padding-left: 2rem; font-size:1.6rem; text-align:left; }
input.ol-field.fullwidth{ width:100%; line-height:5.6rem; font-size:1.6rem; }
input.ol-field.large{ width:50rem; line-height:5.6rem; font-size:1.6rem; }
input.ol-field.medium{ width:30rem; line-height:3.6rem; font-size:1.4rem; }
.ol-login-form--field{ position: relative; }
.ol-login-form--label { color: rgba(0, 0, 0, 0.6); font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 24px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, 16px) scale(1); -moz-transform: translate(14px, 16px) scale(1); -ms-transform: translate(14px, 16px) scale(1); transform: translate(14px, 16px) scale(1); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: none; }
.ol-login-form--label_focused{ color: #007aff; font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1.4rem; line-height:1.4375em; letter-spacing: 0.00938em; padding: 0; display: block; transform-origin:  top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 24px); position: absolute; left: 0; top: 2px; -webkit-transform:  translate(14px, -9px) scale(0.75); -moz-transform:  translate(14px, -9px) scale(0.75); -ms-transform:  translate(14px, -9px) scale(0.75); transform:  translate( 14px, -9px) scale(0.75); -webkit-transition:  color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition:  color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events:auto; -webkit-user-select: none; -moz-user-select:  none; -ms-user-select:  none; user-select:  none; }
.ol-login-form--field_wrapper { font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 4px; width: 100%; }
.ol-login-form--field_input { font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-size: 1.6rem; letter-spacing: inherit; color: #303030; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding: 16.5px 14px; }
.ol-login-form--field_input:focus { outline: 0; }
.ol-login-form--field_set { text-align: left; position: absolute; bottom: 0; right: 0; top: -5px; left: 0; margin: 0; padding: 0 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); }
.ol-login-form--field_set_focused{ border-color: #007aff ; }
.ol-login-form--legend { float: unset; overflow: hidden; display: block; width: auto; padding: 0; height: 11px; font-size: 0.75em; visibility: hidden; max-width: 0.01px; -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; white-space: nowrap; }
.ol-login-form--legend_focused{ float:unset; overflow: hidden; display:block; width:auto; padding:0; height:11px; font-size: 1.2em; visibility:hidden; max-width: 100%; -webkit-transition:  max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; transition:  max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; }
.ol-login-form--legend>span { padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible; }

.ol-contact-form--field{ position: relative; width:100%; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; }
.ol-contact-form--label { color: rgba(0, 0, 0, 0.6); font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 24px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, 16px) scale(1); -moz-transform: translate(14px, 16px) scale(1); -ms-transform: translate(14px, 16px) scale(1); transform: translate(14px, 16px) scale(1); -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: none; }
.ol-contact-form--label_focused{ color: #007aff; font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1.4rem; line-height:1.4375em; letter-spacing: 0.00938em; padding: 0; display: block; transform-origin:  top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 24px); position: absolute; left: 0; top: 2px; -webkit-transform:  translate(14px, -9px) scale(0.75); -moz-transform:  translate(14px, -9px) scale(0.75); -ms-transform:  translate(14px, -9px) scale(0.75); transform:  translate( 14px, -9px) scale(0.75); -webkit-transition:  color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition:  color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events:auto; -webkit-user-select: none; -moz-user-select:  none; -ms-user-select:  none; user-select:  none; }
.ol-contact-form--field_wrapper { font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 4px; width: 100%; }
.ol-contact-form--field_input { font-family: "Aktiv Grotesk W06 Regular","Helvetica","Arial",sans-serif; font-size: 1.6rem; letter-spacing: inherit; color: #303030; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding: 16.5px 14px; }
.ol-contact-form--field_input:focus { outline: 0; }
textarea.ol-contact-form--field_input{ line-height:2.2rem; }
.ol-contact-form--field_set { text-align: left; position: absolute; bottom: 0; right: 0; top: -5px; left: 0; margin: 0; padding: 0 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); }
.ol-contact-form--field_set_focused{ border-color: #007aff ; }
.ol-contact-form--legend { float: unset; overflow: hidden; display: block; width: auto; padding: 0; height: 11px; font-size: 0.75em; visibility: hidden; max-width: 0.01px; -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; white-space: nowrap; }
.ol-contact-form--legend_focused{ float:unset; overflow: hidden; display:block; width:auto; padding:0; height:11px; font-size: 1.2em; visibility:hidden; max-width: 100%; -webkit-transition:  max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; transition:  max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; white-space: nowrap; }
.ol-contact-form--legend>span { padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible; }