@font-face {
    font-family: AppFont;
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBold;
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBoldItalic;
    src: url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: AppFontItalic;
    src: url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
}
@font-face {
    font-family: AppFontLight;
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: AppFontLightItalic;
    src: url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: AppFontMedium;
    src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: AppFontMediumItalic;
    src: url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBlack;
    src: url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family: AppFontBlackItalic;
    src: url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: AppFontThin;
    src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: AppFontThinItalic;
    src: url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: Lepton;
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: Cupertino;
    src: url('../fonts/cupertino.ttf') format('truetype');
}

/* Color Definitions */

:root {
    --entegris-red: #B31A1B;
    --entegris-gray-700: #393630;
    --entegris-gray-500: #7F7773;
    --entegris-gray-300: #BFB6AF;
    --entegris-gray-100: #ECE9E7;
    --entegris-blue: #2A6A83;
    --entegris-red-dk: #870608;
    --entegris-yellow: #FFDA48;

    --bs-gutter-x: 1.5rem;
}


body {
    font-family: AppFont;
    background: var(--entegris-gray-700);
    margin:0;
    /*-webkit-touch-callout:none;*/
    /*-webkit-user-select:none;*/
    /*user-select:none;*/
    /*-webkit-text-size-adjust:none;*/
    /*-moz-text-size-adjust:none;*/
    /*text-size-adjust:none;*/
    /*-ms-touch-action: none;*/
    /*touch-action: none*/
}

/* core elements */

.page-header {
    color: #fff;
    padding: 3rem 0;
}
.contact-form-container {
    padding: 3rem 0;
}
.modal-img-container {
    margin-bottom: 1rem;
}
.contact-message-dynamic strong {
    color: var(--entegris-yellow);
}
#footer {
    background: var(--entegris-gray-100);
    color: var(--entegris-red);
    padding: 0.5rem;
    position: fixed; bottom: 0;
}
.footer-logo {
    position: absolute;
    right: var(--bs-gutter-x);
    top: 1rem;
}
.hidden {
    display: none;
    visibility: hidden;
}

/* Bootstrap customizations */

.card-container {
    padding-bottom: 2rem;
}
.card {
    border-radius: 0;
    border-top: 0.4rem solid var(--entegris-red);
    box-shadow: 0 0.4rem 1.6rem rgba(0,0,0,0.6);
    cursor: pointer;
    margin-bottom: 2rem;
    opacity: 0.95;
    padding: 1rem;
}
.contact-form-container .card {
    cursor: inherit;
    opacity: 1;
}
:not(.contact-form-container) .card {
    box-sizing: border-box;
    height: 90%;
}
:not(.contact-form-container) .card:hover {
    box-shadow: none;
    opacity: 1;
}
.card-content {
    /*padding: 1rem;*/
}
.card-img-top {
    padding-bottom: 1rem;
}
.card-text {}
.card-title {
    color: var(--entegris-red);
}
.card-embed {
    border: 1px dashed #ccc;
    height: 60vh;
    /*margin: 0 1rem 1rem;*/
    overflow-y: scroll;
}

.modal {
    border-radius: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-inner-border-radius: 0;
}
.modal-header {
    border-bottom: none;
}
.modal-header .btn-close {
    margin-right: calc(var(--bs-gutter-x) * .5);
}
.modal-title {
    color: var(--entegris-red);
    font-size: 2rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.modal-title::after {
    content: "";
    display: block;
    margin: .25rem 0 0;
    width: 2.25rem;
    height: 0.125rem;
    background-color: var(--entegris-red);
}
.modal-footer {
    background-color: var(--entegris-gray-100);
    border-top: 1px solid #fff;
    --bs-modal-footer-border-color: #fff;
    justify-content: flex-start;
}


.btn {
    border-radius: .25rem;
}
.btn-close {
    background: transparent url(../images/navicons/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
}

.btn-primary {
    background-color: var(--entegris-gray-700);
    border-color: var(--entegris-gray-700);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}
.btn.btn-primary:hover,
.btn:first-child:hover, :not(.btn-check) + .btn:hover {
    background-color: var(--entegris-blue);
    border-color: var(--entegris-blue);
}
.btn.btn-blank:hover,
.btn.btn-blank:first-child:hover, :not(.btn-check) + .btn.btn-blank:hover {
    background: var(--entegris-gray-300);
    border-color: var(--entegris-gray-300);
}
.btn-wide {
    padding-left: 3rem;
    padding-right: 3rem;
}
.btn-full-width {
    width: 100%;
}