/*
 Theme Name: howtube Live Events
 Theme URI: https://www.howtube.com
 Description: A truly minimal, ultra-fast classic WordPress theme. No extras.
 Version: 1.1.3
 Author: Shane Johnson
 Author URI: https://www.howtube.com
 Requires at least: 6.0
 Requires PHP: 8.0
 Text Domain: ultra-min
 License: MIT
 License URI: https://opensource.org/licenses/MIT
*/

/* Keep this empty or add the tiniest defaults.
   Purposefully minimal to avoid extra bytes. */
body { margin: 0; padding: 0; }
main { max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1rem 0; }

html, body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.65;
    overflow-x: hidden;
}

h1{
    font-weight:900;
    font-size: 2.815rem;
}

h2{
    font-size: 2.815rem;
}

h2,h3,h4,h5,h6{
    font-weight:800;
}

p{
    margin: 1rem 0 2rem;
}

a{
    transition: color .25s ease-out;
}

hr{
    width: 200px;
    margin: 60px auto;
    border: none;
    height: 4px;
    background-color: #D9D9D9;
    opacity: 1;
}

.white{
    color:#fff !important;
}

img{
    max-width:100%;
}

.background-cover{
    background-size:cover !important;
}

.round-20{
    border-radius: 20px;
}

.green-gradient{
    background: #7AD088;
    background: linear-gradient(180deg, rgba(122, 208, 136, 1) 0%, rgba(65, 154, 79, 1) 100%);
}

.sixteen-nine{
    position: relative;
    background-size:cover;
    background-position: center;
}

.sixteen-nine:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.sixteen-nine > div, .sixteen-nine > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.fade{
    transition: all .15s linear;
}

.btn{
    padding:18px 26px;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
}

.btn span.large{
    font-size:28px;
    line-height: 1.2;
    font-weight:800;
    display:block;
}

.btn span.small{
    font-size:16px;
    font-weight:600;
    display:block;
}

.btn strong{
    font-weight:800;
}

.btn-live{
    background: #7AD088;
    background: linear-gradient(180deg, rgba(122, 208, 136, 1) 0%, rgba(65, 154, 79, 1) 100%);
}

.btn-square{
    border-radius:5px;
    width:31px;
    height:31px;
    font-size: 36px;
    line-height: 28px;
    padding:0;
    text-align:center;
}

section{
    margin:3.5rem 0;
}

section.text, section.cta{
    text-align:center;
}

section.text p:last-of-type{
    margin-bottom:0;
}

section.cta .event-dates{
    font-size:35px;
    font-weight:800;
}

#hero{
    margin-bottom:5rem;
}

#hero .bottom-overlay{
    text-align:center;
    position:relative;
}

#hero .bottom-overlay:before, #hero .bottom-overlay:after{
    content:'';
    position:absolute;
    height:100%;
    left:0;
    width:calc(50% - 150px);
    background-color:#fff;
}

#hero .bottom-overlay:after{
    left:initial;
    right:0;
}

#hero .bottom-overlay .notch{
    height: 60px;
}

#hero .bottom-overlay .arrow{
    position:absolute;
    top:8px;
    left:50%;
    animation: bounce 2.5s infinite;   
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(-50%, 0);
  }
  40% {
    transform: translate(-50%, 10px);
  }
  60% {
    transform: translate(-50%, 5px);
  }
}

.main-content{
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
}

.main-content div.cta{
    margin: auto auto 0;
    padding-top:2rem;
}

#featured-video, #featured-video-mobile{
    box-shadow:5px 5px 50px rgba(0,0,0,.25);
    overflow:hidden;
}

#featured-review{
    margin: 0 auto;
}

#featured-review .review{
    font-size:24px;
    font-weight:700;
    line-height: 1.4;
    margin-bottom: 4px;
    white-space: pre-line;
}

#featured-review .review-author{
    font-weight:600;
}

.video-badge{
    position:absolute;
    top: 15px;
    z-index: 1;
    right: 14px;
    text-align: center;
    width:120px;
    height:120px;
    border-radius:50%;
    color: white;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 12px;
    word-wrap: break-word;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding-top:13px;
    transition:opacity .4s ease-out, visibility .4s ease-out;
    opacity:1;
    visibility:visible;
}

.hide{
    opacity:0 !important;
    visibility:hidden !important;
}

.video-badge .sign{
    font-size:20px;
    position: relative;
    top: -18px;
}

.video-badge .price{
    font-size:50px;
    font-weight:900;
    line-height: 45px;
    position: relative;
    top: -1px;
}

#action-bar-container{
    width:100%;
    height:104px;
}

#action-bar{
    position:sticky;
    top:15px;
    background:rgba(0,0,0,.65);
    border:4px solid #fff;
    border-radius: 100px;
    height:96px;
    transition: all .55s ease-out;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    overflow:hidden;
    backdrop-filter: blur(10px);
}

.admin-bar #action-bar{
    top:47px;
}

#action-bar.stuck {
    position: fixed;
    top: 15px;
    z-index: 999;
    height:80px;
    border: 3px solid #fff;
}

.admin-bar #action-bar.stuck{
    top:47px;
}

#action-bar > div{
    flex:1;
}

#action-bar .action-txt{
    position:relative;
}

#action-bar .action-txt span{
    padding-left:1rem;
    display:block;
    position:absolute;
    top:0;
}

.ticker{
    height:20px;
}

.ticker .swiper-slide { 
    font-size: 18px;
    display: flex;
    align-items: center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:800;
    padding-left:1rem;
}

.countdown{
    display:flex;
    justify-content:center;
    position: relative;
    top: -2px;
}

.countdown > span{
    width:90px;
    line-height: 1.15;
}

.countdown .number{
    display:block;
    font-size:32px;
    font-weight:800;
}

.countdown .text{
    display:block;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

#action-bar .btn{
    padding: 20px 32px;
    transition: padding .55s ease-out;
}

#action-bar .btn .large{
    font-size:18px;
    font-weight:800;
}

#action-bar.stuck .btn{
    padding: 14px 32px;
}

.masonry{
    width:100%;
    height:30vw;
}

.masonry .swiper-slide{
    width:18.22%;
    height:100%;
}

.masonry .visual{
    width:100%;
    height:calc(100% - 16px);
    background-position:center;
    background-size:cover;
    border-radius:20px;
    margin:16px 0;
}

.masonry .large{
    width:37.18%;
}

.masonry .half-md{
    height:calc(62% - 16px);
}

.masonry .half-sm{
    height:calc(38% - 16px);
}

.masonry .video {
    position: relative;
    overflow: hidden;
}

.masonry .video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:20px;
}

.videos{
    padding:0 8px;
}

.videos .swiper-slide{
    align-self:center;
    padding:0 8px;
}

.videos .video{
    position: relative;
    background-size:cover;
    background-position: center;
    overflow:hidden;
    border-radius:20px;
}

.videos .video:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 160%;
    transition: padding-top .3s ease-out;
}

.videos .swiper-slide-active .video:before {
    padding-top: 177.77%;
}

.videos .video > div, .videos .video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:20px;
}

.videos .video .control{
    z-index:1;
}

.videos .video .control:before{
    z-index:2;
    content:'';
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 20px;
    cursor: pointer;
}

.videos .video .control:after{
    z-index:3;
    content:'';
    width: 40px;
    height: 40px;
    background: url('./svg/icon-muted.svg') center no-repeat;
    background-size:24px;
    filter: brightness(0) invert(1);
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.videos .video .control.unmuted:after{
    background: url('./svg/icon-unmuted.svg') center no-repeat;
    background-size:24px;
}

.videos .swiper-slide-active .video:before {
    padding-top: 177.77%;
}

.videos .bottom{
    border:1px solid #D6D6D6;
    border-radius:10px;
    padding:10px;
    display:flex;
    width:100%;
    justify-content:space-between;
    margin-top:12px;
    align-items: center;
}

.videos .bottom img{
    width:59px;
    margin-right:12px;
    border-radius:6px;
}

.videos .bottom .content{
    flex:1;
}

.videos .bottom .content .title{
    font-size:14px;
    font-weight:500;
    display:block;
    max-width: 130px;
    line-height: 1.2;
}

.videos .bottom .content .price{
    font-size:15px;
    font-weight:800;
    display:block;
    line-height: 1.3;
}

.features .feature{
    border-width:4px;
    border-width: 4px;
    border-style: solid;
    border-radius: 20px;
    padding: 14px 24px 12px;
    margin: 10px;
}

section.customer-reviews{
    margin: 3rem 0 6rem;
}

.reviews .swiper-wrapper{
    align-items:center;
    padding:7rem 0;
}

.review-card {
    display: flex;
    align-items:center;
    padding: 0 3rem;
    position:relative;
}

.review-card:after{
    content:'';
    position:absolute;
    width:1px;
    height:98px;
    background-color:#fff;
    right:20px;
    top:calc(50% - 49px);
}

.review-card .btn-outline {
    font-size: 14px;
    font-weight: 700;
    background: rgba(0, 0, 0, .5);
    border: 2px solid #fff;
    padding: 10px 5px;
    width: 100%;
    display: block;
    margin-top: 14px;
    transition: background-color .25s ease-out;
}

.review-card .btn-outline:hover {
    background-color:#fff;
    color:#000;
}

.reviewer-photo {
    flex: 1;
    padding: 0 16px 16px 0;
}

.reviewer-photo img {
    border-radius: 20px;
}

.review-content{
    flex: 2;
}

.reviewer-meta {
    margin-top: 18px;
}

.presenter{
    max-width:300px;
    margin:0 auto .5rem;
}

.presenter .presenter-media{
    position:relative;
    cursor:pointer;
}

.presenter .presenter-media .hover-cta{
    position:absolute;
    z-index:1;
    width:197px;
    height:49px;
    top:calc(50% - 24.5px);
    left:calc(50% - 98.5px);
    background:rgba(69, 138, 212, .5);
    border-radius:10px;
    border:1px solid #fff;
    font-size:15px;
    line-height:1.3;
    font-weight:700;
    color:#fff;
    display:flex;
    transition:opacity .3s ease-out;
    opacity:0;
}

.presenter .presenter-media .hover-cta p{
    margin:0;
    align-self:center;
    width:100%;
}

.presenter .presenter-media:hover .hover-cta{
    opacity:1;
}

.presenter .presenter-photo{
    max-width:100%;
    margin-bottom:10px;
    height: inherit;
    transition:filter .3s ease-out;
}

.presenter .presenter-media:hover .presenter-photo{
    filter: brightness(.35);
}

.presenter .presenter-name{
    margin-bottom:5px;
}

.presenter .presenter-name a{
    font-size:20px;
    font-weight:700;
    color:#000;
    text-decoration:none;
}

.itinerary .day{
    margin-bottom: 4.3rem;
}

.itinerary .date {
    font-size: 30px;
    color: #5E5E5E;
    margin-bottom: 1.6rem;
}

.itinerary .sessions {
    list-style-type:none;
    margin:0;
    padding:0;
}

.itinerary .session{
    display:flex;
    width:100%;
    background-color:#F3F3F3;
    border-radius:10px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    margin: 14px 0;
}

.itinerary .arrow{
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 8px 13.5px 8px;
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
   transform: rotate(90deg);
   margin-right: 13px;
    align-self: flex-start;
    position: relative;
    top: 6.5px;
}

.itinerary .has-content{
    cursor:pointer;
}

.itinerary li:not(.has-content) .arrow{
    border-bottom-color: #D1D1D1 !important;
}

.itinerary .open .arrow{
   transform: rotate(180deg);
   margin-top:2px;
}

.itinerary .session .bar{
    flex:1;
}

.itinerary .session .bar .top{
    display:flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
}

.itinerary .session .time {
    font-weight: 700;
    color: #5E5E5E;
    width: 235px;
}

.itinerary .session .title {
    flex:1;
    padding-right: 20px;
    font-size:16px;
    font-weight: 500;
    color: #5E5E5E;
    margin:0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.itinerary .session .speaker {
    color: #000;
    cursor:pointer;
    text-decoration: underline;
}

.itinerary .session .info{
    border-top:2px solid #C2C2C2;
    padding: 1.5rem 0;
    margin-top: 1rem;
    color: #5E5E5E;
    display: none;
    opacity:0;
    transition:opacity .3s ease-out;
}

.modal .itinerary .session .info{
    padding:0;
}

.modal .itinerary .session .info p:last-of-type{
    margin-bottom:0.5rem;
}

.modal .itinerary .date {
    font-size: 20px;
    color: #fff;
    margin: 1.5rem 0 1rem;
}

.itinerary .session.open .info{
    opacity:1;
}

footer{
    background-color: #f4f6f9;
}

footer .copyright {
    font-size: 12px;
    color: #707070;
}

.ht-logo {
    display: inline-block;
    vertical-align: middle;
}

.ht-logo:before {
    content: "";
    display: inline-block;
    background: url(https://www.howtube.com/themes/howtube/assets/svg/howtube-dark.svg) center no-repeat;
    background-size: 100%;
    width: 122px;
    height: 26px;
    vertical-align: middle;
}

.ht-logo span {
    font-size: 18px;
    color: #707070;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    padding-left: 22px;
    top: 1px;
}

.ht-logo span:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 25px;
    background-color: #cecece;
    vertical-align: bottom;
    left: 0;
    top: 1px;
}

:root{
  /* how much of the page you still see at the very top */
  --sheet-top-gap: calc(16px + env(safe-area-inset-top, 0px));
  --sheet-radius: 16px;
}

/* Backdrop: steady opacity + subtle blur */
.modal-backdrop.show{
  opacity: 1;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(4px);
}

/* === Bottom-sheet animation (replaces Bootstrap's top fade) === */
/* Start off-screen at the bottom */
.ios-sheet.modal .modal-dialog{
  margin: 0;                 /* remove default margins */
  max-width: 100%;
  width: 100%;
  position: absolute;        /* anchor inside the modal viewport */
  left: 0; right: 0; bottom: 0;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
/* Ensure the fade state also uses bottom origin */
.ios-sheet.modal.fade .modal-dialog{
  transform: translateY(100%) !important;
}
/* Slide up when shown */
.ios-sheet.modal.show .modal-dialog{
  transform: translateY(0) !important;
}

/* The sheet “card” */
.ios-sheet .modal-content{
  border: 0;
  background: var(--bs-body-bg);
  border-top-left-radius: var(--sheet-radius);
  border-top-right-radius: var(--sheet-radius);
  box-shadow: 0 -6px 24px rgba(0,0,0,.25);
  /* leave some page visible at the top by limiting height */
  max-height: calc(100vh - var(--sheet-top-gap));
  overflow: hidden;          /* keep rounded corners clean */
  display: flex;
  flex-direction: column;
  background-size:cover;
  border-radius: 1rem 1rem 0 0;
}

/* Header + small grabber */
.ios-sheet .modal-header{
  border: 0;
  justify-content: center;
  position: relative;
  padding-top: 14px;
}
.ios-sheet .drag-handle{
  position: absolute;
  top: 8px; left: 50%;
  transform: translateX(-50%);
  width: 36px; height: 4px;
  border-radius: 999px;
  background: rgba(0,0,0,.2);
}

/* Scroll only the body area */
.ios-sheet .modal-body{
  overflow: auto;
  padding: 0;
}

/* Ensure smooth hardware-accelerated slide with no flicker */
.ios-sheet .modal-dialog{
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 100%, 0);             /* start off-screen */
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
/* Make both "fade" and "not .show" states share the same off-screen transform */
.ios-sheet.modal.fade .modal-dialog,
.ios-sheet.modal:not(.show) .modal-dialog{
  transform: translate3d(0, 100%, 0) !important;
}
/* Shown state */
.ios-sheet.modal.show .modal-dialog{
  transform: translate3d(0, 0, 0) !important;
}

.ios-sheet .btn-close{
    position: absolute;
    filter: brightness(0) invert(1);
    opacity: 1;
    right: 22px;
    top: 20px;
    width: 2em;
    height: 2em;
    background-size: 1.5em;
}

.ios-sheet .container{
    background-color: rgba(0, 0, 0, .65);
    padding: 4rem 3% 6rem;
    min-height: 56vh;
    max-height: 87.6vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ios-sheet .row{
    --bs-gutter-x: 3rem;
}

.ios-sheet .cta-phrase{
    font-size: 14px;
}

.ios-sheet .event-dates{
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
}

.ios-sheet .btn{
    width: 100%;
    border-radius: 20px;
    padding: 18px 5px;
}

.ios-sheet .btn span.large {
    font-size: 18px;
}

.ios-sheet .btn span.small {
    font-size: 14px;
}

@supports (padding: max(0px)){
  .safe-area-bottom{ padding-bottom: max(16px, env(safe-area-inset-bottom)); }
}





@media (min-width: 1400px) {
    
    .container,
    .container-xxl {
        max-width: 1440px;
    }
    
}


@media (max-width: 1199px) {
    
    h1{
        font-size: 1.775rem;
    }
    
    h2{
        font-size: 2.4rem;
    }
    
    .masonry {
        height: 40vw;
    }
    
    .masonry .swiper-slide {
        width: 30%;
    }

    .masonry .visual{
        height:calc(100% - 8px);
        border-radius:10px;
        margin:8px 0;
    }
    
    .masonry .half-md {
        height: calc(62% - 8px);
    }
    
    .masonry .half-sm {
        height: calc(38% - 8px);
    }
    
}


@media (max-width: 767px) {
    
    #hero {
        margin-bottom: 11rem;
    }
    
    #hero .visual .round-20{
        border-radius:0 0 12px 12px;
    }
    
    .main-content div.cta {
        padding-top: 0;
    }

    #featured-review .stars svg{
        width:145px;
    }

    #featured-review .review{
        font-size:18px;
    }
    
    #featured-review .review-author{
        font-size:14px;
    }
    
    #action-bar-row{
        margin-bottom:-13rem;
    }
    
    #action-bar-container{
        height:initial;
    }
    
    #action-bar, #action-bar.stuck{
        display:block;
        height: initial;
        padding: 10px;
        border-radius: 50px;
    }
    
    #action-bar .swiper-wrapper{
        width:100%;
    }
    
    .ticker .swiper-slide{
        align-self:center;
        width:100%;
        text-align:center;
        justify-content: center;
        padding: 0;
    }
    
    .countdown {
        padding: 4px 0;
    }
    
    .countdown > span{
        width:65px;
        line-height: 1.1;
    }
    
    .countdown .number{
        font-size:28px;
    }
    
    .countdown .text{
        font-size:10px;
    }
    
    #action-bar .btn{
        padding: 5px 40px;
        border-radius: 25px;
    }
    
    #action-bar .btn .large{
        font-size:16px;
    }
    
    #action-bar.stuck .btn{
        padding: 5px 40px;
    }
    
    .masonry {
        height: 50vw;
    }

    .btn{
        padding:14px 16px;
        border-radius:12px;
    }
    
    .btn span.large{
        font-size:22px;
    }
    
    .btn span.small{
        font-size:14px;
    }
    
    .logo img{
        max-width: 270px;
        height: initial;
    }
    
    .reviews .swiper-wrapper{
        padding:3rem 0;
    }

    .review-card {
        text-align:center;
        display:block;
    }

    .review-card:after {
        display:none;
    }
    
    .itinerary .session .bar .top {
        display: block;
    }
    
    .itinerary .session .title{
        margin:3px 0;
    }
    
    .itinerary .session .speaker, .itinerary .session .info {
        font-size: 14px;
    }
    
    .ios-sheet .container {
        max-height: 90vh;
        padding-left:5%;
        padding-right:5%;
    }
    
    .ios-sheet .presenter .presenter-photo {
        max-width: 250px;
        margin-top: -32px;
    }
    
    .ios-sheet hr{
        margin: 14px auto 24px;
        height: 1px;
    }
    
    .itinerary .date {
        font-size: 24px;
    }
    
}


@media (max-width: 575px) {
    
    h1{
        font-size: 1.375rem;
    }
    
    h2{
        font-size: 2rem;
    }

    #featured-review .review{
        white-space: normal;
    }
    
}

/** Font Sizes **/
.fs-0{font-size:0!important}.fs-1{font-size:1rem!important}.fs-2{font-size:1.25rem!important}.fs-3{font-size:1.5rem!important}.fs-4{font-size:1.75rem!important}.fs-5{font-size:2rem!important}.fs-6{font-size:2.25rem!important}.fs-7{font-size:2.5rem!important}.fs-8{font-size:2.75rem!important}.fs-9{font-size:3rem!important}.fs-10{font-size:3.25rem!important}.fs-11{font-size:3.5rem!important}.fs-12{font-size:3.75rem!important}.fs-big{font-size:65px!important;line-height:1.1}@media (min-width:576px){.fs-sm-0{font-size:0!important}.fs-sm-1{font-size:1rem!important}.fs-sm-2{font-size:1.25rem!important}.fs-sm-3{font-size:1.5rem!important}.fs-sm-4{font-size:1.75rem!important}.fs-sm-5{font-size:2rem!important}.fs-sm-6{font-size:2.25rem!important}.fs-sm-7{font-size:2.5rem!important}.fs-sm-8{font-size:2.75rem!important}.fs-sm-9{font-size:3rem!important}.fs-sm-10{font-size:3.25rem!important}.fs-sm-11{font-size:3.5rem!important}.fs-sm-12{font-size:3.75rem!important}.fs-sm-big{font-size:65px!important;line-height:1.1}}@media (min-width:768px){.fs-md-0{font-size:0!important}.fs-md-1{font-size:1rem!important}.fs-md-2{font-size:1.25rem!important}.fs-md-3{font-size:1.5rem!important}.fs-md-4{font-size:1.75rem!important}.fs-md-5{font-size:2rem!important}.fs-md-6{font-size:2.25rem!important}.fs-md-7{font-size:2.5rem!important}.fs-md-8{font-size:2.75rem!important}.fs-md-9{font-size:3rem!important}.fs-md-10{font-size:3.25rem!important}.fs-md-11{font-size:3.5rem!important}.fs-md-12{font-size:3.75rem!important}.fs-md-big{font-size:65px!important;line-height:1.1}}@media (min-width:992px){.fs-lg-0{font-size:0!important}.fs-lg-1{font-size:1rem!important}.fs-lg-2{font-size:1.25rem!important}.fs-lg-3{font-size:1.5rem!important}.fs-lg-4{font-size:1.75rem!important}.fs-lg-5{font-size:2rem!important}.fs-lg-6{font-size:2.25rem!important}.fs-lg-7{font-size:2.5rem!important}.fs-lg-8{font-size:2.75rem!important}.fs-lg-9{font-size:3rem!important}.fs-lg-10{font-size:3.25rem!important}.fs-lg-11{font-size:3.5rem!important}.fs-lg-12{font-size:3.75rem!important}.fs-lg-big{font-size:65px!important;line-height:1.1}}@media (min-width:1330px){.fs-xl-0{font-size:0!important}.fs-xl-1{font-size:1rem!important}.fs-xl-2{font-size:1.25rem!important}.fs-xl-3{font-size:1.5rem!important}.fs-xl-4{font-size:1.75rem!important}.fs-xl-5{font-size:2rem!important}.fs-xl-6{font-size:2.25rem!important}.fs-xl-7{font-size:2.5rem!important}.fs-xl-8{font-size:2.75rem!important}.fs-xl-9{font-size:3rem!important}.fs-xl-10{font-size:3.25rem!important}.fs-xl-11{font-size:3.5rem!important}.fs-xl-12{font-size:3.75rem!important}.fs-xl-big{font-size:63px!important;line-height:1.1}}
/** Font Weights **/
.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.fw-800{font-weight:800!important}.fw-900{font-weight:900!important}@media (min-width:576px){.fw-sm-100{font-weight:100!important}.fw-sm-200{font-weight:200!important}.fw-sm-300{font-weight:300!important}.fw-sm-400{font-weight:400!important}.fw-sm-500{font-weight:500!important}.fw-sm-600{font-weight:600!important}.fw-sm-700{font-weight:700!important}.fw-sm-800{font-weight:800!important}.fw-sm-900{font-weight:900!important}}@media (min-width:768px){.fw-md-100{font-weight:100!important}.fw-md-200{font-weight:200!important}.fw-md-300{font-weight:300!important}.fw-md-400{font-weight:400!important}.fw-md-500{font-weight:500!important}.fw-md-600{font-weight:600!important}.fw-md-700{font-weight:700!important}.fw-md-800{font-weight:800!important}.fw-md-900{font-weight:900!important}}@media (min-width:992px){.fw-lg-100{font-weight:100!important}.fw-lg-200{font-weight:200!important}.fw-lg-300{font-weight:300!important}.fw-lg-400{font-weight:400!important}.fw-lg-500{font-weight:500!important}.fw-lg-600{font-weight:600!important}.fw-lg-700{font-weight:700!important}.fw-lg-800{font-weight:800!important}.fw-lg-900{font-weight:900!important}}@media (min-width:1330px){.fw-xl-100{font-weight:100!important}.fw-xl-200{font-weight:200!important}.fw-xl-300{font-weight:300!important}.fw-xl-400{font-weight:400!important}.fw-xl-500{font-weight:500!important}.fw-xl-600{font-weight:600!important}.fw-xl-700{font-weight:700!important}.fw-xl-800{font-weight:800!important}.fw-xl-900{font-weight:900!important}}