/*-------------------------------

    Custom stylesheet (custom.css)

    Project: Eight Template
    Version: 1.0
    Author: By Themanoid
    Last change: 31 July 2016

    --

    This stylesheet is meant for
    your own custom styles, on
    top of The Eight Template

    Happy styling!
    - Themanoid

----------------------------*/
b{
    font-weight: 600 !important;
}
body {
  height: 100%;
  margin: 0;
}
.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.container-fluid{
    flex: 1;
}
.cm-grid-col-2{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
    .caption{
    padding-left: 5%;
    padding-right:5%;  
    margin-bottom:60px;  
    }
.brand{
    color:#2F3840;
    font-size:28px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}
.text-align-center{
    text-align: center;
}
.white{
    color:white;
}
.yellow{
    color:#F2C438;
}
.red{
    color:#C80609;
}
.darkblue{
    color:#;2F3840
}
.label-l{
    color:#F2C438;
    font-size:20px;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
}
.label-s{
    color:#F2C438;
    font-size:16px;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
}
.headline-l{
    color:#2F3840;
    font-size:30px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    line-height: 40px;
}
.headline-m{
    color:#2F3840;
    font-size:24px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
}
.headline-s{
    color:#2F3840;
    font-size:18px;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
}
.body-l{
    color:#2F3840;
    font-size:22px;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    line-height:28px;
}
.body-m{
    color:#2F3840;
    font-size:20px;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    line-height:26px;
}
.caption-s{
    color:#BFB8B9;
    font-size:14px;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
}
.pointer {cursor: pointer;}
.prj-hero{
    background-color:#F5f5f5;
    width:100%;
    padding:25px 0;
}
.fa-brands{
    font-size:20px;
}
.copyright{
    color:#2F3840;
    font-size:12px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    text-align:center;
}
.bottom{
    padding-left:40px;
    padding-right:40px;
}
.content-margin{
    height:50px;
}
.content video{
    margin:20px 0;
    width:100%;
}
.mobile-only{
        display:block;
}
.laptop-only{
        display:none;
}
.video-row{
    display: flex;
    gap: 10px;
}
.video-wrap{
    width: 100% !important;
    max-width: calc(100% / 3 - 6.67px); /* 每張圖片約佔1/3寬度，扣掉gap */
    object-fit: cover;
    margin:auto !important;
}
/*****************************ipad*********************************/

@media (min-width: 768px){
    .brand {
        font-size:26px;
    }
    .copyright{
        text-align:left;
    }
    .headline-l{
        font-size:30px;
        line-height: 40px;
    }
    /*.content video{
    margin:30px 15%;
    width:70%;
    }*/
    .mobile-only{
        display:none;
    }
    .laptop-only{
        display:block;
    }
    .cm-grid-col-2{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom:30px;
    }
    .caption{
    padding-left: 0;
    padding-right: 0;    
    }
}