/*************************************************************/
/* debug */
.matx-debug-border {
    border-style: dashed;
    border-width: thin;
}


/*************************************************************/
/* standard elements */

* {
    /*font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    font-family: "Lato", "Helvetica", "Arial", sans-serif;
    font-family: "Helvetica", "Arial", sans-serif;*/
}

body {
    min-height: 105vh; /*make the body a bit higher so that we always a scrollbar*/
    padding-top: 4.5rem;
    background-color: #FFFFFF;
    line-height: 1.625rem;
}


h1 {
    color: #000000;
    font-size: 1.875rem;
    margin-top: 0;
    margin-bottom: 2rem;
}

h2 {
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.625rem;
    margin-block-end: 0.25rem;
}

p {
    color: #333333;
    padding-bottom: 2rem;
}

.matx-ul {
    list-style: none;
    list-style-image: url('../../media/list-dot.png');
    padding-left: inherit;
    color: #333333;
    padding-bottom: 2rem;
}

.matx-numbered-list {
    list-style-type: decimal;
    padding-left: inherit;
    color: #333333;
    padding-bottom: 2rem;

}


/*************************************************************/
/* frequently used text elements */

.matx-fute-cadwind {
    /*font-style: italic;*/
}

.matx-fute-compositestar {
    /*font-style: italic;*/
}

.matx-fute-material {
    /*font-style: italic;*/
}

.matx-fute-cadwind-pseudo-logo, .matx-fute-compositestar-pseudo-logo {
    font-style: italic;
    font-size: 2.25rem;
    font-weight: 600;
    color: #000000;
}

@media (max-width: 768px) {
    .matx-fute-cadwind-pseudo-logo, .matx-fute-compositestar-pseudo-logo {
        font-size: 1.75rem;
    }
}

.matx-fute-cadwind-pseudo-logo-CAD {
    color: #FF1111;
}

.matx-fute-compositestar-pseudo-logo-COMPOSITE {
    color: #189CFF;
}


/*************************************************************/
/* links */

.matx-video-link {
    color: #000000;
    text-decoration: none;
}

.matx-video-link:hover {
    color: #666666;
    text-decoration: none;
}

.matx-contact-link, .matx-contact-link > a {
    color: #000000;
    text-decoration: none;
    font-weight: 600;
}

.matx-contact-link:hover, .matx-contact-link > a:hover {
    color: #666666;
    text-decoration: none;
}

.matx-footer-link {
    text-decoration: none;
}

.matx-footer-link:hover {
    color: #000000;
    text-decoration: none;
}


/*************************************************************/
/* buttons */

.matx-button {
    border-radius: 1.1875rem; /* 19px = 50% of the height of 38px*/
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 2px;
}

.matx-composite-star-download-button {
    background-color: #189CFF;
}

/*************************************************************/
/* main navbar */


/* for collapsed and not collapsed navbar */

.matx-navbar {
    background-color: #FFFFFF;
    border-bottom-color: #D8D8DD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

.matx-navbar .navbar-brand {
    min-height: 4.5625rem; /* 72px + 1px bottom border*/
    margin-left: 0;
    padding: 0;
}

.matx-navbar-material-logo {
    max-height: 2rem;
}

.matx-navbar-div-width {
    width: 150px;
}

.matx-navbar .navbar-toggler {
    background-color: #FFFFFF;
    border-style: none;
}

.matx-navbar .navbar-nav {
    margin-right: 0;
}

.matx-navbar .nav-item .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #000000;
}

.matx-navbar .nav-item:hover .nav-link {
    color: #666666;
}

.matx-navbar .matx-navbar-language .nav-item .nav-link.active {
    color: #FF1111;
}

/* for not collapsed navbar */

@media (min-width: 992px) {

    @media (min-width: 992px) {
        .matx-navbar-container {
            width: 1260px; /* 150px + 960px + 150px */
            max-width: 1260px;
        }
    }

    @media (min-width: 1200px) {
        .matx-navbar-container {
            width: 1440px; /* 150px + 1140px + 150px */
            max-width: 1440px;
        }
    }

    .matx-navbar .nav-item .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }

    .matx-navbar-collapse {
        margin-bottom: -1.125rem; /* lower the text to align its baseline to the bottom of the MATERIAL logo */
    }

    .matx-navbar .navbar-nav .nav-item .nav-link.active::after {
        content: "";
        display: block;
        position: relative;
        border-bottom: 1px solid #666666;
        bottom: -0.9375rem; /* to have the marker on the bottom border of the navbar */
    }
}


/* for collapsed navbar */

@media (max-width: 992px) {

    .matx-navbar .navbar-nav .nav-item .nav-link.active {
        text-decoration: underline;
    }
}


/*************************************************************/
/* page caption */
.matx-page-caption {
    background-color: #F3F3F6;
    min-height: 4.5rem;
}

@media (max-width: 768px) {
    .matx-page-caption {
        min-height: 5rem;
    }

    .matx-page-caption-center-text {
        margin-top: 0.125rem;
    }

    .matx-page-caption-button {
        margin-top: -0.625rem;
    }
}

/*************************************************************/
/* subnav */

.matx-subnav {
    background-color: #FFFFFF;
    min-height: 4.5rem;
}

.matx-subnav a {
    color: #000000;
}

.matx-subnav .nav-item:hover .nav-link {
    color: #666666;
}

.matx-cadwind-subnav .nav-link.active {
    color: #FF1111;
}

.matx-compositestar-subnav .nav-link.active {
    color: #189CFF;
}


/*************************************************************/
/* main container */

.matx-main-container {
    min-height: 67vh;
}


/*************************************************************/
/* footer */

.matx-footer {
    /*font-size: 0.9375rem;*/
    font-size: 0.875rem;
}

.matx-footer p, .matx-footer a {
    color: #666666;
}


/*************************************************************/
/* main first page */

.carousel-item {
    height: calc(100vh - 4.5625rem); /* 72px + 1px bottom border*/
    width: 100%;
    background-image: linear-gradient(#F3F3F6, white);
}

.carousel-item img {
    object-fit: cover;
    min-height: 400px;
    max-height: 100vh;
}

.matx-carousel-indicators {
    max-width: 5rem; /* 18px radius + 16px dot + 6px margin + 6px margin + 16px dot + 18px radius= 80px*/
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-radius: 1.125rem; /* 18px = 50% of the height of 36px*/
    padding: 0;
    align-items: center;
    bottom: 3rem;
}

.matx-carousel-indicators li {
    width: 1rem;
    height: 1rem;
    border-radius: 50%; /* must be 50% or higher */
    background-color: #666666;
    opacity: 1;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.matx-carousel-indicators li.active {
    background-color: red;
}

.matx-first-page-nav {
    background: white;
    border-radius: 1.25rem; /* 20px = 50% of the height of 40px*/
}

.matx-first-page-nav .nav-link {
    color: black;
    margin-top: -2px;
}

.matx-first-page-nav .nav-item:hover .nav-link {
    color: #666666;
}

.matx-first-page-nav-highlighted {
    font-weight: 600;
}

.matx-first-page-headline {
    font-size: 2.25rem;
    font-weight: normal;
    color: #000000;
}

.carousel-caption {
    padding: 0;
}

.matx-carousel-caption-main {
    top: 3rem;
    bottom: auto;
    color: black;
}

.matx-carousel-caption-nav {
    width: 440px; /* 18px radius + 3px margin + 16px dot + 3px margin + 3px margin + 16px dot + 18px radius= 80px*/
    margin: 0 auto; /* top and bottom 0, left and right auto => this will center the element */
    transform: translate(45%, 2.5rem); /* shift 45% from the center to the right, shift 40px down */
    color: black;
}

.matx-carousel-caption-version-10-is-out {
    top: auto;
    bottom: 20%;
    transform: translateX(-12.5rem); /* shift 200px from the center to the left */
    color: black;
}

.matx-carousel-caption-version-10-is-out-link:hover {
    color: #666666;
    text-decoration: none;
}

@media (max-width: 992px) {
    .matx-first-page-headline {
        font-size: 1.75rem;
    }

    .matx-carousel-caption-main {
        top: 1rem;
    }
}

@media (max-width: 1200px) {
    .matx-carousel-caption-version-10-is-out {
        bottom: 8rem;
        left: 15%;
        right: 15%;
        transform: none;
    }

    .matx-carousel-caption-nav {
       transform: translate(0, 2.5rem); /* center horizontally, shift 40px down */
    }
}


/*************************************************************/
/* image buttons */

.matx-image-button, .matx-image-close-button {
    border: none;
    padding: 0;
}

.matx-image-button:focus, .matx-image-button.focus, .matx-image-close-button:focus, .matx-image-close-button.focus {
    outline: 0;
    box-shadow: none;
}

.matx-image-button:hover {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}


/*************************************************************/
/* modal */

.matx-modal {
    text-align: center;
}

.matx-modal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.matx-modal-header {
    border-style: none;
    padding: 0.5rem;
}

.matx-modal-close {
    font-weight: normal;
    font-size: 1rem;
}

.matx-modal-body {
    padding: 0.25rem;
}

.matx-modal-image {
    max-height: calc(100vh - 10rem);
}


/*************************************************************/
/* video */

.matx-large-video-row {
  padding-bottom: 3rem;
}

.matx-large-video-collapse.collapsing {
   transition: 750ms; /* overwrite Bootstrap CSS for longer transition */
}

@media (max-width: 992px) {
    .matx-video-col {
        padding-bottom: 1.5rem;
    }
}

/*************************************************************/
/* table */

.matx-table {
    margin-bottom: 4.5rem;
}

.matx-table th {
    border-top-style: none;
}

.matx-table .matx-is-included {
    text-align: center;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    font-size: 0;
    background-color: #666666;
    border-radius: 50%;
}

.matx-table-head-description {
    min-width: 12.5rem;
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
}

.matx-table-head-package {
    font-weight: normal;
}


@media (max-width: 768px) {
    .matx-table-head-package {
        writing-mode: vertical-lr;
    }
}


/*************************************************************/
/* contact form */

.matx-checkbox-form-control {
    height: auto;
}

.matx-my-interest {
    margin-bottom: 0.5rem;
    margin-right: 0.75rem;
}


/*************************************************************/
/* user area */

.matx-table-file-list-header {
    font-weight: normal;
}


/*************************************************************/
/* honey pot  */
.matx-form-control-hp {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}