/*
Theme Name: Velocity
Theme URI: http://carehubs.com
Description: Default CareHubs wordpress theme.
Version: 1.0
Author: CareHubs, Inc.
*/

:root{
    --ch-container-width: 1024px;
    --ch-container-padding: 15px;
}

body {overflow-x: hidden;}
.ch-container, .ch-resolution {max-width: var(--ch-container-width);margin: 0px auto;}
div.ch-main, div.ch-sidebar {margin-top: 40px;}
.page-template-page_flush-header ol.ch-breadcrumb {display: none;}
.page-template-page_flush-header .ch-main {margin-top: 0px;}

/************************************
* Change bootstrap nav breakpoint
************************************/
.ch-parent-dropdown-link {display: inline-block !important;}
.ch-hover-dropdown-caret {cursor: pointer;float: right;padding: 10px 15px;display: none;}
@media (max-width: 1000px) {
    .ch-parent-dropdown-link-li {clear: both;}
    .ch-hover-dropdown-caret {display: block;}
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important; margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
    .collapse.in{display:block !important;overflow:visible;max-height: none;}
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/***********************************
* Media body boostrap override
***********************************/
.media-left, .media > .pull-left {padding-right:0px; margin-right: 20px;}
.media-body {width: auto;}
@media (max-width: 767px) {
    .media-body, .media-left, .media-right {display: block;}
}
img.alignleft {float: left;margin: 0 1em 1em 0;}
img.alignright {float: right;margin: 0 0 1em 1em;}

/*
* Gutenberg full width
*/
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
    width: auto;
}
.alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
}

/* full width with sidebar */
.col-sm-9 .alignfull { /* right sidebar */
    width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
    margin-right: 0px;
}
.col-sm-3 + .col-sm-9 .alignfull { /* left sidebar */
    width: 100vw;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
    margin-left: 0px;
}
@media screen and (min-width: 767px) {
    .col-sm-9 .alignfull { /* right sidebar */
		width: auto;
		margin-left: calc(50% / .75 - 50vw);
	}
    .col-sm-3 + .col-sm-9 .alignfull { /* left sidebar */
		width: auto;
		margin-right: calc(50% / .75 - 50vw);
	}
}

/***********************************************
* Core Block Style Overrides
***********************************************/
body .is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull) {margin-left: auto;margin-right: auto;}
:where(body .is-layout-constrained) > * {margin-block-start: unset;margin-block-end:revert;}
:where(body .is-layout-flow) > * {margin-block-start: unset;margin-block-end:revert;}
.is-layout-flow > * {margin-block-start: unset;margin-block-end:revert;}
.wp-block-quote.is-style-large {border-left: none;}
.wp-block-pullquote blockquote {border-left: none;}
.wp-block-media-text > figure > img {margin-bottom: 0px;}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
    padding-top:0px;
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color: #fff;
}
/* align all blocks horizontally with the top of the column */
.wp-block-column > *:first-child {margin-top: 0px;}

/* navbar */
.navbar .nav > li {z-index: 1001;}
.navbar {margin-bottom: 0px;}
.hubnavbar {border-radius: 0px;border: none;}
.sticky-subnav-wrap {height: 50px;}
.sticky-subnav {border-radius: 0;border: none;}
.sticky-subnav.navbar-static-top {z-index: 999;}


/****************************************
* Form Styling
****************************************/
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea {height: 75px;}
/* checkbox override */
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: relative;
    margin-left: 0px;
    margin-right: 5px;
}

/*****************************************
* Breadcrumbs
*****************************************/
ol.ch-breadcrumb {font-size: 14px;padding: 0px !important;background: none;}

/*****************************************
* Page/Post styling
*****************************************/
.post-meta {margin-bottom: 20px;}
.post-meta .post-edit-link {margin-left: 10px;}
.ch-page-banner > * {width: 100vw;height:100%;max-width: 100vw !important;}

/*****************************************
* Sidebar styling
*****************************************/
.ch-sidebar {background: #F0F0F0; padding: 10px; border: 1px solid #cdcdcd;}
.ch-sidebar aside.widget { margin-bottom: 20px; }
.ch-sidebar aside.widget h3 { margin-top: 0px; }
.ch-sidebar aside.widget ul { margin: 0; list-style: none; padding-left: 14px; padding-right: 14px; }
.ch-sidebar aside.widget ul > li > a { display: block; padding: 3px 15px; margin-left: -15px; margin-right: -15px; }
@media (max-width: 767px) {
    div.ch-sidebar {margin-left:15px; margin-right: 15px;}
}

/*****************************************
* Archive styling
*****************************************/
.velocity-archive-list-item .media {border-bottom: 1px solid #b3b3b3; padding: 30px 0px;}
.velocity-archive-list-item .media-left, .velocity-archive-list-item .media > .pull-left {width: 280px;}
@media (max-width: 767px) {
    .velocity-archive-list-item .media-left, .velocity-archive-list-item .media > .pull-left {float: none !important; margin-bottom: 15px;}
}

/*****************************************
* Page Template: Left child page navigation
*****************************************/
.child-page-template-navigation-column {padding-top: 50px;}
.child-page-template-navigation-column ul {padding-left: 0px; margin-bottom: 200px;}
.child-page-template-navigation-column ul li {list-style: none;margin-bottom: 10px;font-size: 16px;}
.child-page-template-navigation-column ul li.active {font-weight: bold;}
.child-page-template-content-column {padding-top: 50px;padding-bottom: 50px;}
.child-page-template-content-column .post-title h1{margin-top: 0px;}
.page-template-page_left-child-navigation .mobile-page-nav-open {display: none;}
.page-template-page_left-child-navigation .mobile-page-nav-close {display: none;}
@media (max-width: 767px) {
    .child-page-template-content-column {padding-top: 20px;}
    .child-page-template-navigation-column {margin-top:0px;padding-top: 20px;position: absolute;background: #ffffff;width: 100vw;height: 100%;z-index: 10;overflow: scroll;left: -100vw;transition: left 0.2s;}
    .child-page-template-navigation-column.open {left: 0;}
    .child-page-template-navigation-column ul {margin-bottom: 40px;}
    .page-template-page_left-child-navigation .mobile-page-nav-open, .page-template-page_left-child-navigation .mobile-page-nav-close {display: inline-block;margin-bottom: 20px;background: transparent;}
    .page-template-page_left-child-navigation .mobile-page-nav-close {float: right;}
}

/*****************************************
* 404 styling
*****************************************/
.ch-404 {text-align: center; margin-top: 25px; margin-bottom: 100px;}
.ch-404-text {font-size: 50px;}
.ch-404 h3 {margin-bottom: 30px;}

/*****************************************
* Default Header
*****************************************/
.header-default .site-logo {margin: 10px 0px 15px; float: left;}
.header-default .site-logo-img {height:80px;}
.header-default .site-title {float: right; font-size: 32px; padding-top: 27px;}
@media (max-width: 1000px) {
    .smartnav-icons {display: flex;flex-direction: row-reverse;}
    .header-default .site-logo {float: none;}
    .header-default .site-logo-img {margin: 0 auto;}
    .header-default .site-title {font-size: 20px;padding-top: 0px;float:none;text-align: center;}
    .smartnav-icons.navbar-right {margin-top: 0px; margin-bottom: 0px;}
    .smartnav-icons.navbar-right > li {float: left !important;width: 20%;height: 50px;text-align: center;border-right: 1px solid #e7e7e7;}
    .smartnav-icons.navbar-right > li:last-of-type {width: 60%;font-size: 14px;text-align: left;height: auto;}
    ul.smartnav-icons .notification-count {left:unset;}
}
@media (max-width: 767px) {
    .navbar-form {margin-bottom: 0px;}
}

/*****************************************
* Default Navigation
*****************************************/
.navigation-default {height:50px;}
.navigation-default .navbar-static-top {border-top-width: 1px;}
.navigation-default .dropdown-toggle.img-avatar {padding-top: 13px; padding-bottom: 12px;}
.navigation-default .nav-button {padding: 8px 5px;}
.header3 .navigation-default {margin-top:15px;}
.navigation-default .smartnav-icons .dropdown.open {border-right: none;}
.navigation-default .navbar-toggle {margin: 0;padding: 17px;border-radius: 0px;border: 0;height: 50px;background-color: #9c9c9c;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #838383;}
.navigation-default .navbar-toggle .icon-bar {background-color: #fff;}
.navigation-default #mobile-nav-search-form {width: calc(100% - 56px);float: left;display: none;}
.navigation-default #mobile-nav-search-form input {height: 50px;width: 100%;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;transition: none;background-color: #eee;display: inline;border-radius: 0px;background-clip: padding-box;}
.navigation-default #mobile-nav-search-form button {height: 50px;border-radius: 0;border-left: 0;background-color: #eee;}
.navigation-default .dropdown.hover:hover .dropdown-menu {display: block;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,.dropdown-menu>li>a{ color: inherit; background: inherit; }


/********* Mega Menu *********/
li.ch-mega-menu > ul.dropdown-menu {padding-left: 24px;padding-right: 24px;padding-top:22px !important;padding-bottom:22px !important;}
li.ch-mega-menu .dropdown-menu li a {color: inherit;}
header li:not(.ch-mega-menu) ul ul {display: none;}

/* Make sure the second layer of navigation (that dictates the columns) doesn't show through. */
.ch-mega-menu > ul > li > a {display: none;}
.ch-mega-menu > ul > li > span {display: none;}

/* remove the default list styling in columns */
.ch-mega-menu ul ul {list-style: none;padding-left: 0px;}

/* Header styling */
.ch-mega-menu .ch-menu-header {color:#777;font-size:1.4em;line-height:1;margin-bottom: 0.3em;padding:0px;}
.ch-mega-menu li + li.ch-menu-header {padding-top: 1.4em;}

@media (min-width: 1001px) {
    .navbar-default li a:focus {background-color: #e7e7e7; color: #555;}

    .navbar-default .ch-container {position: relative;}
    .ch-mega-menu {position: static !important;}
    .ch-mega-menu.open > ul.dropdown-menu {display: flex;}
    .ch-mega-menu > ul.dropdown-menu {flex-direction: row;width: 100%;left:0;right: 0;gap: 2em;}
    .ch-mega-menu > ul.dropdown-menu > li {flex-grow: 1;}
    .ch-mega-menu li li {padding:2px 0px;}
    .ch-mega-menu li a:focus {background:none !important;}
}

@media (max-width: 1000px) {
    .navigation-default .smartnav-icons {border-top: 1px solid #eaeaea;}
    .navigation-default .smartnav-icons .dropdown-menu {width: 100vw;border-top: 1px solid #eaeaea;}
    .navigation-default > nav > .ch-container {max-width: none;width: 100%;}
    .navigation-default .container-fluid > .navbar-collapse, .navigation-default .container-fluid > .navbar-header, .navigation-default .container > .navbar-collapse, .navigation-default .container > .navbar-header {margin-right: -15px;margin-left: -15px;}
    .navigation-default #mobile-nav-search-form {display: block;}
    .navigation-default .dropdown.hover:hover .dropdown-menu {display: none;}
    .navigation-default .dropdown.hover .caret {display: none;}
    .ch-mega-menu > ul.dropdown-menu > .ch-menu-column + .ch-menu-column {padding-top: 1.4em;}
    .ch-mega-menu li li {padding:5px 0px;}
}


/****************************************
* Smart nav icons
****************************************/
.smartnav-icons li a {padding-top: 16px;padding-bottom: 14px;}
.smartnav-icons .dropdown-menu li a {padding-top: 3px;padding-bottom: 3px;}
.notifications-preview .popover-title .pull-right {padding-top: 0px;}
.smartnav-icons .media a {color: #000;}
.smartnav-icons .media-left {padding-right: 0px;}
.smartnav-buttons .navbar-btn {padding: 6px 12px; margin-left: 5px;}
.smartnav-buttons li:last-of-type a{margin-right: 15px;}
.ch-personal-menu .notification-count {position: static !important; vertical-align: middle;}
@media (max-width: 1000px) {
    .smartnav-buttons .navbar-btn {margin-left: 0px; margin-right: 0px;}
}
@media (max-width: 767px) {
    .smartnav-buttons .navbar-btn {margin-left: 15px; margin-right: 15px;}
}

/****************************************
* Basic structures
****************************************/
@media (max-width: 767px){
    .ch-container100,.ch-container90,.ch-container80,.ch-container70,.ch-container60,.ch-container50,.ch-container40{ width: 100%; }
    .ch-container90,.ch-container80,.ch-container70,.ch-container60,.ch-container50,.ch-container40{ padding: 15px; }
}
@media (min-width: 768px){
	.ch-container100 { width: 100%; }
	.ch-container90 {width: 90%;margin: 15px auto; padding:15px; border-radius: 4px;}
	.ch-container80 {width: 80%;margin: 15px auto; padding:15px; border-radius: 4px;}
	.ch-container70 {width: 70%;margin: 15px auto; padding:15px; border-radius: 4px;}
	.ch-container60 {width: 60%;margin: 15px auto; padding:15px; border-radius: 4px;}
	.ch-container50 {width: 50%;margin: 15px auto; padding:15px; border-radius: 4px;}
	.ch-container40 {width: 40%;margin: 15px auto; padding:15px; border-radius: 4px;}
}
/***************************************
* Other utilities
***************************************/
.simple-loggedin-user-notice a {color: red;}
