@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400&display=swap');



html {
    position: relative;
    /*background-color: #071f32;*/
}

body, html {
    min-height: 100%;
    background-image: url(../img/TRH2024_cloud_bg.jpg);
    /*background-color: #e9e9e9;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    color: #333;
}

body {
    margin-bottom: 265px; /* footer + carbon neutral */
}

p {
	font-size: 90%;
}

main > .view {
    padding: 55px 15px 0;
}

h1, h2, h3, h4, h5, h6, .nav-link {
    font-family: 'Abel', sans-serif;
}

#alertbox {
	background-color: white;
	border: 1px solid #444444;
	padding: 2px;
	padding-top: 8px;
	padding-bottom: 10px;
}

.alert-rh {
    border-radius: 22px;
    border:2px solid;
    background-color:#fff;
    margin:0 2px;
}

.black-text {
    color: #333 !important;
}

.blue-text {
	color: #3f709b !important;
}

.blue-border {
    border-color: #3f709b;
}

.red-border {
    border-color: #f44336;
}

.amber-border {
    border-color: #f57c00;
}

.amber-text {
    color: #f57c00!important;
}

.card-text b { 
	font-weight: 700;
	color: #111;
}

.team_img {
	border: 1px solid #ddd;
	padding: 2px;
}

.tight-24 {
	margin-top: -24px;
}

.view {
    height: 100%;
}

.view-override {
    height: auto !important;
}

.navbar-drawer {
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 201;
    border-radius: 3px;
    transition: .2s background;
}

.drawer-wrapper .masque {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    display: none;
    z-index: 150;
}

.drawer-wrapper .drawer.open {
    right: 0;
}

.drawer-wrapper .drawer {
    width: 298px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    transition: all .35s ease-out;
    /*-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);*/
    background-color: #fff;
    z-index: 200;
    padding: 80px 0 40px 0;
    border-left: 2px solid #f57c00;
}

button:focus {outline:0;}

.lead {
    font-weight: 400;
    font-size: 100%;
}

@media screen and (max-width: 992px) {
	.not-on-mobile {
		visibility: hidden;
	}
}

.inline-comment {
	font-size: 70%;
	color: gray;
	// margin-top: -36px;
	margin-bottom: 12px;
}

.nav-link {
    padding-right: 31px !important;
}

.nav-link, .side-nav-link {
    color: #333;
    cursor: pointer;
}

.headline {
    font-size: 200%;
}

.subheadline {
    font-size: 150%;
}

@media (min-width: 576px){
    .headline {
        font-size: 250%;
    }

    .subheadline {
        font-size: 200%;
    }
}

@media (min-width: 768px) {
    .headline {
        font-size: 300%;
    }

    .subheadline {
        font-size: 250%;
    }
}

@media (min-width: 992px){
    .headline {
        font-size: 350%;
    }

    .subheadline {
        font-size: 275%;
    }
}


@media (min-width: 1200px){
    .headline {
        font-size: 400%;
    }

    .subheadline {
        font-size: 300%;
    }
}

.cart-badge {
    position: relative;
    top: -10px;
    left: -10px;
}

.shopping-cart {
    color: #fff;
}

.shopping-cart-sm {
    color: #333;
}

.nav-link:hover, .nav-link.active, .side-nav-link:hover, .shopping-cart:hover, .shopping-cart.active {
    color: #fa831d !important;
}

.hamburger-box {
    width: 30px;
    height: 20px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 30px;
    background-color: #fff;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    /*background-color: #b2ddfd;*/
    background-color: #333;
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1;
}

.customenu {
    list-style-type: none;
}

.landing-page-navbar {
    margin-top: 2px;
}

.navbar-toggler {
    padding: 0 !important;
}

.navbar-brand {
    max-width: 500px;
}

.navbar.scrolling-navbar.top-nav-collapse .navbar-brand {
    max-width: 180px;
}

.navbar.scrolling-navbar {
    transition: background .3s ease-in-out,padding .3s ease-in-out;
    padding-top: 0px;
    padding-bottom: 2px;
}

.rh-dark-bg {
    /*background-color: #071f32;*/
    background-color: #3f709b;
}

.rh-trans-bg {
    background-color: rgba(7,31,50,0.8);
}

.bg-orange, .bg-orange:hover, .bg-orange:focus, .bg-orange:active {
    background-color: #f57c00 !important;
}

.container-fluid {
    max-width: 1140px;
}

.container-fluid.w-1920 {
    max-width: 1920px;
}

.card {
    background-color: rgba(255,255,255,0.8);
    /*background-color: #f57c00;*/
    box-shadow: none;
    color: #333;
}

.card-radius {
    border-radius: 24px !important;
    border: 2px solid #f57c00 !important;
}

.card-img-radius, .modal-header {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

/*.card-body.home-card, .card-body.announcement-body {*/
    /*min-height: 210px;*/
/*}*/

.card-img-top {
    /*width: 100%;*/
     /*border-top-left-radius: 0;*/
     /*border-top-right-radius: 0;*/
}

.card-img-top {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.card-announcement {
    min-height: 420px;
}

.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*height: 275px; *//* same as body margin bottom */
}

.superfooter {
    background-color: #66dd66;
    position: absolute;
    /*bottom: 181px;*/
    bottom: 202px;
    z-index: 151;
}

.superfooter-tree {
    width: 140px;
}

#green-caret, .shopping-cart, .carrot {
    -moz-transition: transform .5s, color .3s;
    -webkit-transition: transform .5s, color .3s; ;
    transition: transform .5s, color .3s;
}

.flip {
    transform: rotate(-180deg);
}

.mascque {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    display: none;
    z-index: 150;
}

.mw-none {
    max-width: none !important;
}

.mw-640 {
    max-width: 640px;
    margin: 0 auto;
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.underline {
    text-decoration: underline !important;
}

.blockquote {
    border-color: #071f32;
    border-width: 3px;
}

.smallprint {
    margin-top: 100px;
}

.attribution {
	font-size: 80%;
	color: gray;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fa831d;
}

.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.col {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 60px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide{
    background: url(../img/nav-icon.png) no-repeat scroll 0 0;
    left: -33px;
}
.owl-carousel .next-slide{
    background: url(../img/nav-icon.png) no-repeat scroll -24px 0px;
    right: -33px;
}
.owl-carousel .prev-slide:hover{
    background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
    background-position: -24px -53px;
}

.owl-nav {
    margin-top: 0 !important;
    height:5px;
}

.owl-dots {
    margin-top: 10px!important;
}

.owl-carousel .owl-stage {
    display: flex;
}
.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.owl-carousel .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.owl-carousel .flex-text {
    flex-grow: 1
}
.owl-carousel .card {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.owl-item {
    border: 2px solid #fa831d;
    border-radius: 24px;
    /*margin: 2px;*/
    /*width: 100% !important;*/
}

.owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #fa831d;
    border-bottom: 1px solid #fa831d;
}

.md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #fa831d;
}

.custom-range::-webkit-slider-thumb, .custom-range::-webkit-slider-thumb:focus {
    background: #fa831d;
}

.custom-range::-moz-range-thumb, .custom-range::-moz-range-thumb:focus {
    background: #fa831d;
}

.custom-range::-ms-thumb, .custom-range::-moz-range-thumb:focus {
    background: #fa831d;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fa831d;
    background-color: #fa831d;
}

.popover-hover {
    color: #fa831d;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.popover-hover:hover {
    color: #fff;
}

.top-img {
    height: 50vh;
    max-height: 420px;
    object-fit: cover;
}

.top-img, .home-top-img, .cart-container {
    margin-top: 100px;
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}
.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
    line-height: 28px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 12px;
    text-align: center;
}

.service-status-alert {
    position: fixed;
    right:20px;
    top:90px;
    z-index:10;
}

.nav-left, .nav-right {
    position: fixed;
    top: 50vh;
}

.nav-left {
    left: 10px;
}

.nav-right {
    right: 10px;
}

.modal-footer {
    border-top: none;
}

.product-table .btn.btn-sm {
    padding: .3rem .6rem;
}

.shopping-cart-wrapper {
    display: inline-block;
    width: 50px;
    /*width: 25px;*/
    /*margin-right: 25px;*/
}

.shopping-cart-icon {
    font-size: 1.3rem;
}

.rocket-bg {
    background-image: url("../img/TRS_footer.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.cursor-pointer {
    cursor: pointer;
}

.mobile-cart {
    position: absolute;
    top: 12px;
    right: 40px;
}

@media (max-width: 599px) {
    .top-img, .home-top-img, .cart-container {
        margin-top: 65px;
    }
}

@media (max-width: 768px) {

    .navbar-brand {
        max-width: 200px;
        margin-right:0;
    }

    .navbar.scrolling-navbar.top-nav-collapse .navbar-brand {
        max-width: 200px;
    }

    body {
        margin-bottom: 451px;
    }

    .superfooter {
        bottom: 408px;
    }

    .border-sm-none {
        border: none !important;
    }

    .top-img {
        height: 40vh;
    }

    .top-img, .home-top-img, .cart-container {
        margin-top: 65px;
    }

    .service-status-alert {
        /*position: fixed;*/
        left: 50%;
        top: 150px;
        transform: translate(-50%, -50%);
        min-width: 300px;
    }

    .rocket-bg {
        background-position: center;
    }

    .popover-hover {
        display: none;
    }

}

@media (max-width: 430px) {
    body {
        /*margin-bottom: 426px;*/
        margin-bottom: 460px;
    }

    .superfooter {
        /*bottom: 383px;*/
        bottom: 425px;
    }

    .copyright {
        min-height: 84px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        margin-bottom: 262px;
    }

    .superfooter {
        /*bottom: 196px;*/
        bottom: 219px;
    }
}

@media (max-width: 1199px) {
    .owl-nav {
        display: none;
    }
}

.wow {
    visibility: hidden;
}

.mylivechat_inline {
    z-index: 9998!important;
}