/*
Theme Name: UHealth
Author: GWP Inc.
Description: Intranet
Version: 1.0
Template: bootstrap-component-blox
*/


/* ===== Vars ===== */

:root {
    /* New */   
    --uh-green: #005030;
    --uh-orange: #F47321;
    --uh-dark: #111;
    --uh-grey: #5b5b5b;
    
    /* Updated */   
    --mh-blue: #005030;
    --mh-pdf-red: #F47321;
    --mh-light-blue: #005030;

    --mh-dark-blue: #005030;
    --mh-link: #003e7e;
    --mh-lighter-blue: #C6D3E1;
    --mh-yellow: #fcd203; 
    --mh-purple: #656f9b;
    --mh-eee: #fbfbfb;
    --mh-green: #005030;
}

/* ===== Global ===== */

.container {
    max-width: 1500px;
}

html,
body {
    overflow-x: hidden;
}

a,
a:hover {
    text-decoration: none;
}

.uh-link-icon {
    background: var(--uh-green);
    border: 2px solid var(--uh-green)!important;
    display: inline-flex;
    height: 40px;
    width: 40px;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.uh-pdf-icon {
    background: var(--uh-orange);
    border: 2px solid var(--uh-orange)!important;
    display: inline-flex;
    height: 40px;
    width: 40px;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.ls-lg {
    letter-spacing: 2px!important;
}

.has-links a {
    color: var(--uh-green);
}

.has-links a:hover {
    color: var(--uh-orange);
}

.nowrap {
    white-space: nowrap!important;
}

/*--------------------------------------------------------------
# Print Styles
--------------------------------------------------------------*/

@media print {
    
    #single-room-finishes {
        position: relative;
        top: 60px;
    }
	
	#single-room-finishes {
		margin-top: 0!important
	}
	
	#uh-product-info {
		padding: 0!important
	}
    
    #mh-top-header,
    #footer-widgets,
    #nav-header,
    #uh-share-buttons,
	#uh-footer-blurbs,
    footer {
        display: none!important;
    }
	
	#single-room-finishes img {
		width: 200px!important
	}

}

/*--------------------------------------------------------------
# End Print Styles
--------------------------------------------------------------*/

.bs-share {
    margin-top: 20px;
}

li.bs-share-item {
    display: inline;
}

.bs-share .btn-facebook {
    background: #3A5998;
}

.bs-share .btn-linkedin {
    background: #267CB8;
}

.bs-share .btn-twitter {
    background: #1DA1F2;
}

.bs-share .btn-print {
    background: #212121;
}

.bs-share .btn-email {
    background: #D8483B;
}

.bs-share .btn {
    padding: 5px 20px!important;
    border-radius: 3px!important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
}

.bs-share .btn i {
    padding-right: 5px;
}

.bs-share .btn:hover i {
    -webkit-transform: translatex(-3px);
        -ms-transform: translatex(-3px);
            transform: translatex(-3px);
}

/* ==== Global ==== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "din-2014", sans-serif;
}

p,
a,
span,
li{
    font-family: "din-2014", sans-serif;
    line-height: 1.5em;
}

h4 {
    color: var(--uh-green);
}

a:hover {
   text-decoration: none;
}

img {
    max-width: 100%;
}

.mw-1500 {
    max-width: 1500px;
}

.mh-breadcrumbs span  {
    font-size: 16px;
    color: var(--uh-orange);
}

.mh-breadcrumbs a {
    color: var(--uh-green);
}

.mh-breadcrumbs a:hover {
    opacity: .7;
}

@-webkit-keyframes burst {
	0% {
		opacity: .3
	}
	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes burst {
	0% {
		opacity: .3
	}
	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.fa-info {
    color: var(--mh-blue);
    background: var(--mh-yellow);
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    padding:  10px 8px;
    width: 35px;
    text-align: center;
    position: absolute;
}

.fa-info:after {
    content: '';
    position: absolute;
    background: var(--mh-yellow);
    animation: burst 2s infinite linear;
    width: 100%;
    left: 0%;
    top: 0%;
    height: 100%;
    border-radius: 50%;
}

/* ===== Utilities ===== */

.lh-sm {
    line-height: 1!important;
}

.fw-300 {
    font-weight: 300!important;
}

.fw-500 {
    font-weight: 500!important;
}

.fw-600 {
    font-weight: 600!important;
}

.z-back {
    z-index: 5;
}

.z-front {
    z-index: 9;
}

.mh-admin-column {
    position: absolute;
    background: yellow;
    line-height: .8em;
    top: 0px;
    left: -12px;
    font-size: 12px;
    padding: 5px;
    z-index: 99;
}

.w-80 {
    max-width: 80%;
}

.w-90 {
   max-width: 90%; 
}

.mh-title-bg {
    background: url(/wp-content/uploads/2019/08/header-bg-1.jpg); 
    background-size: cover; 
    background-position: center right;
    background-repeat: no-repeat;
}

.mh-inset {
   -moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
   box-shadow:         inset 0 0 5px rgba(0,0,0,0.1);
}

.mh-list-pb-2 li {
    padding-bottom: 5px;
}

.mh-list-pb-2 li:last-child {
    padding-bottom: 0;
}

.btn-print-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.sticky + .container-fluid {
  padding-top: 80px;
}

.btn {
    border-radius: 0px;
    font-weight: 600;
	border: none;
	font-size: 16px;
}

.btn:hover {
    opacity: .9;
}

.mh-btn-light-blue,
.mh-btn-light-blue:visited,
.mh-btn-light-blue:focus {
    background:  var(--mh-light-blue);
    color: #fff;
}

.uh-btn-grey,
.uh-btn-grey:visited,
.uh-btn-grey:focus {
    background:  var(--uh-grey);
    color: #fff;
    border: 2px solid var(--uh-grey);
}

.uh-btn-grey:hover {
	background:  #fff;
	border: 2px solid var(--uh-grey);
    color: var(--uh-grey);
}

.uh-btn-orange,
.uh-btn-orange:visited,
.uh-btn-orange:focus {
    background:  var(--uh-orange);
    color: #fff;
    border: 2px solid var(--uh-orange);
}

.uh-btn-orange:hover {
	background:  #fff;
	border: 2px solid var(--uh-orange);
    color: var(--uh-orange);
}

.uh-btn-green,
.uh-btn-green:visited,
.uh-btn-green:focus {
    background:  var(--uh-green);
    color: #fff;
    border: 2px solid var(--uh-green);
}

.uh-btn-green:hover {
	background:  #fff;
	border: 2px solid var(--uh-green);
    color: var(--uh-green);
}

.uh-btn-dark,
.uh-btn-dark:visited,
.uh-btn-dark:focus {
    background:  var(--uh-dark);
    color: #fff;
    border: 2px solid var(--uh-dark);
}

.uh-btn-dark:hover {
	background:  #fff;
	border: 2px solid var(--uh-dark);
    color: var(--uh-dark);
}

.mh-btn-light-blue:hover {
	background:  var(--mh-light-blue);
    color: #fff;
}

.mh-btn-blue,
.mh-btn-blue:visited,
.mh-btn-blue:focus {
    background:  var(--mh-blue);
    color: #fff;
}

.mh-btn-blue:hover {
   	color: #fff;
	background:  var(--mh-blue);
}

.mh-btn-green,
.mh-btn-green:visited,
.mh-btn-green:focus {
    background:  var(--mh-green);
    color: #fff;
}

.mh-btn-green:hover {
   	color: #fff;
	background:  var(--mh-green);
}

/* ===== Main ===== */

#mh-main ul:last-child {
    margin-bottom: 0;
}

/* ===== Sidebar ===== */

#mh-main-sidebar h3 small {
    text-transform: Capitalize;
    font-size: 18px;
}

#mh-main-sidebar li a {
    text-transform: Capitalize;
    font-size: 15px;
}

#mh-sidebar ul {
    padding-left: 20px;
}

#mh-sidebar a {
    text-transform: uppercase;
}

#mh-sidebar a:hover  {
    opacity: .7;
}

#mh-sidebar .page_item a {
    color: var(--mh-blue);
}

#mh-sidebar .children a {
    color: var(--mh-light-blue);
}

#mh-sidebar > .page_item_has_children > a {
    font-weight: bold;
}

#mh-sidebar .children {
    list-style: none;
    padding-left: 15px;
}

/* ===== Theme Colors ===== */

.uh-text-orange { 
    color: var(--uh-orange);
}

.uh-text-green { 
    color: var(--uh-green);
}

.uh-text-dark { 
    color: var(--uh-dark);
}

.mh-text-blue { 
    color: var(--mh-blue);
}
.mh-text-light-blue { 
    color: var(--mh-light-blue);
}
.mh-text-lighter-blue { 
    color: var(--mh-lighter-blue);
}
.mh-text-yellow { 
    color: var(--mh-yellow);
}
.mh-text-purple { 
    color: var(--mh-purple);
}

/* ===== Background ===== */

.uh-bg-green { 
    background-color: var(--uh-green);
}

.uh-bg-orange { 
    background-color: var(--uh-orange);
}

.mh-bg-blue { 
    background-color: var(--mh-blue);
}
.mh-bg-dark-blue { 
    background-color: var(--mh-dark-blue);
}
.mh-bg-light-blue { 
    background-color: var(--mh-light-blue);
}
.mh-bg-lighter-blue { 
    background-color: var(--mh-lighter-blue);
}
.mh-bg-yellow { 
    background-color: var(--mh-yellow);
}
.mh-bg-purple { 
    background-color: var(--mh-purple);
}
.mh-border-blue {
    border-color: var(--mh-blue);
}
.mh-border-light-blue { 
    border-color: var(--mh-light-blue);
}
.mh-btn-pdf {
    background-color: var(--mh-pdf-red);
    color: #fff;
}
.mh-btn-pdf:hover {
    background: #D81C22;
    color: #fff;
}
.mh-btn-finish {
    background-color: var(--mh-green);
    color: #fff;
}
.mh-btn-finish:hover {
    background: #498e44;
    color: #fff;
}
.mh-bg-eee {
   background: var(--mh-eee); 
}
.btn-linkedin-blue {
    background: #0e76a8;
}
.btn-email-red {
    background: #db3236;
}
.btn-facebook-blue {
   background: #3b5998
}
.btn-twitter-blue {
   background: #1DA1F2
}

#mh-finishes a {
    margin-bottom: 0.5rem!important;;
}

#mh-finishes a:last-child {
    margin-bottom: 0rem!important;;
}

/* ===== Drawings ===== */

#mh-drawings .fa-file-download {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: start;
}

#mh-drawings a {
    line-height: 1.2em;
}

#mh-drawings a:last-child {
    margin-bottom: 0!important;
}

/* ===== Main Menu ===== */

/* ===== Temporary Disabled ===== */

#furniture-menu a,
#fixture-menu a,
#process-menu a{
    color: #aaa!important;
}

/* ===== Temporary Disabled ===== */

.post-type-archive-ambulatory-finish .fixed-top  {
    position: static!important;
}

.mh-toggle-title {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

#nav-header .dropdown-toggle::after {
    color: var(--mh-light-blue);
    font-size: 16px;
}

#process-menu .mh-toggle-title::after {
    display: none;
}

#navbarContent {
    z-index: 999;
}

#nav-header h4 {
    font-size: 20px;
}

#nav-header .page_item a {
    color: var(--mh-blue);
    font-size: 14px!important;
}

#nav-header .page_item a:hover {
    color: var(--mh-light-blue);
}

#nav-header .navbar-nav > .nav-item {
    border-right: 1px solid var(--mh-light-blue);
}

#nav-header .navbar-nav > .nav-item:last-child {
    border-right: none;
}

#nav-header .nav-link {
	text-transform: uppercase;
	color: var(--uh-green);
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
}

.navbar .search {
    padding: 1rem;
}

.navbar .search button {
    color: var(--mh-blue);
    right: 20px!important;
	border: none;
    background: transparent;
}

.navbar .search input {
    background: var(--mh-lighter-blue);
	color: var(--mh-blue)!important;
    border-radius: 0px;
    border: none;
    padding: 8px;
}

.current_page_item a {
    color: var(--uh-orange)!important;
}

/* ===== Navbar ===== */

.navbar-brand img {
    width: 225px !important;
    transform: scale(1.3);
    transform-origin: bottom left;
    position: relative;
    bottom: 15px;
}

/* ===== Header ===== */

#mh-home-intro .overlay {
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#mh-home-intro .slick-prev, 
#mh-home-intro .slick-next {
    top: 40px;
}

/* ===== Modal ===== */

.modal-backdrop.show {
    display: none;
}

/* ===== Toggler 1 ===== */

#toggler-1:focus, 
#toggler-1:active {
    outline: 0;
}

#toggler-1 span {
    width: 30px;
    height: 3px;
    display: block;
    background-color: var(--mh-blue);
    margin: 7px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#toggler-1 span:nth-child(1) {
    -webkit-transform: translatey(10px) rotate(-45deg);
        -ms-transform: translatey(10px) rotate(-45deg);
            transform: translatey(10px) rotate(-45deg);
}
#toggler-1 span:nth-child(2) {
    opacity: 1;
    width: 0;
}
#toggler-1 span:nth-child(3) {
    -webkit-transform: translatey(-10px) rotate(45deg);
        -ms-transform: translatey(-10px) rotate(45deg);
            transform: translatey(-10px) rotate(45deg);  
}

#toggler-1.collapsed span {
    -webkit-transform: translatey(0) rotate(0deg);
        -ms-transform: translatey(0) rotate(0deg);
            transform: translatey(0) rotate(0deg);
    opacity: 1;
    width: 30px;   
}

.dropdown-toggle::after {
    border: none;
    vertical-align: baseline;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 12px;
    content: "\f078";
    padding-left: 7px;
    color: #c6d3e1;
}

.mh-toggle-title.dropdown-toggle::after  {
    display: none;
}

/* ===== Homepage ===== */

#mh-home-intro h1 {
    font-weight: 700;
    font-size: 55px;
    line-height: 0.8em;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
}

/* ===== Account ===== */

#mepr-account-nav {
    display: none;
}

#uh-account .mepr-account-change-password {
    background: var(--uh-orange);
    border: none !important;
    border-radius: 3px !important;
    transition: all .1s !important;
    padding: 10px 15px !important;
    border-radius: 0!important;
}

#uh-account .mepr-account-change-password a {
    color: #fff!important;
}

/* ===== Login ===== */

.page-template-login {
    background: url('/wp-content/uploads/2019/08/titles.jpg'); 
    background-repeat: no-repeat; 
    background-position: right center;
    background-size: cover;
}

.has-form input {
   border-color: #eee!important;
   background: var(--mh-eee)!important;
}

.has-form .wpforms-container {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.has-form textarea {
   border-color: #eee!important;
   background: var(--mh-eee)!important;
}

.has-form .wpforms-field-label {
    font-weight: 500!important;
}

.has-form .wpforms-submit,
.has-form .mepr-share-button,
.has-form .mepr-submit {
    background: var(--uh-green)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 3px!important;
    transition: all .1s!important;
    padding: 10px 15px!important;
}

.has-form .wpforms-submit:hover {
    transition: all .3s!important;
    background: var(--uh-orange)!important;
}

.wpforms-confirmation-container-full {
    background: #eee!important;
    border: none!important;
    color: #333!important;
    margin: 0!important;
    text-align: center!important;
}

/* ===== Footer Back to Top ===== */

.back-to-top {
	position: fixed;
	bottom:20px;
	right: 30px;
	display: none;
	z-index: 999;
}

/* ===== Footer Widgets ===== */

footer {
    display: none;
}

#footer-widgets {
   background-color: var(--uh-green); 
}

#footer-widgets .card {
    background-color: transparent;
    border: none;
}

#footer-widgets h4 {
   color: var(--uh-orange); ; 
}

#footer-widgets .card-header,
#footer-widgets p ,
#footer-widgets a {
    color: rgba(255,255,255,0.5);
    border-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    background: transparent;
}

#footer-widgets li,
#footer-widgets ul {
    list-style: none;
    padding-left: 0;
}

#footer-widgets i {
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 40px;
    text-align: center;
    margin-right: 7px;
}

#footer-widgets i:hover {
    background: rgba(255,255,255,0.2);
}

@media (max-width: 1200px) { 

    .navbar-brand img {
        width: 200px !important;
        transform: scale(1);
        transform-origin: bottom right;
        bottom: 0px;
    }
    
    .fixed-top .container {
        max-width: 100%;
    }
}

@media (max-width: 992px) { 
  
    .w-25,
    .w-50,
    .w-75,
    .w-80,
    .w-90,
    .w-100 {
        max-width: 100%!important;
        width: 100%!important;
    }

    .mh-no-bg {
        background: none;
    }
    
    #nav-header .col {
        flex-basis: unset;
    }
    
    #nav-header h4 {
        font-size: 16px;
    }
    
    #nav-header .navbar-nav > .nav-item {
        background: #F7FBFD;
        margin-bottom: 5px;
        padding: 5px 10px;
        border-right: none;
    }

    #nav-header .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar .search {
        width: 60%;
    }

    .mh-toggle-close {
        display: none;
    }

    .mh-toggle-open {
        display: block; 
    }
    
    .dropdown-toggle::after {
        float: right;
    }
    
    .mh-toggle-title {
        border: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 5px;
    }
}

@media (max-width: 576px) { 
   
   li.bs-share-item,
   .bs-share-item .btn {
     display: block;
     margin-bottom: 5px;
   } 
   
   .bs-share {
       margin-top: 0;
   } 
   
}