/*
Theme Name: BW Theme
Theme URI: https://www.matternow.com
Author: Bobby Wilson
Author URI: https://www.matternow.com
Description: A Bootstrap5 based theme for WordPress.
Version: 1.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vicarious
*/
* { scrollbar-width: auto; scrollbar-color: #343534 #f8f9fa; }
::-webkit-scrollbar{ width: 13px; height: 13px; }
::-webkit-scrollbar-thumb{ background: #343534; border: 1px solid #343534; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover{ background: #1e221e; }
::-webkit-scrollbar-track{ background: #f8f9fa; background: rgba(248, 249, 250, .1); border-radius: 0px; box-shadow: inset 0px 0px 0px 0px #F0F0F0; }
.nav-overlay *::-webkit-scrollbar-track { background: #007d98; box-shadow: none; }
.blue-man-col .wistia_video_foam_dummy, .blue-man-col .wistia_video_foam_dummy *, .blue-man-col .wistia_embed, .blue-man-col .wistia_embed * { box-shadow: none !important; outline: 0 !important; border: 0 !important; }
.rounded-figure figure img { border-radius: 50% !important; border: 1px solid var(--bs-vs-red); }

#hp-video .button-wrap { display: inline-block; }

#one-small-incision { background-size: cover; background-position: center; }
#one-small-incision>div[class^=container],
#one-small-incision .row {
	height: 100%;
}

#one-small-incision .oti {
	display: inline-block;
	max-width: unset;
}

#one-small-incision .oti-text {
	font-size: 4rem !important;
}

.oti-img-mobile {
	position: relative;
	width: 100%;
	background-image: url('/wp-content/uploads/one-small-incision-bkgd-xl-01.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 2.8125rem;
	margin: 1rem 0 2rem 0;
}

.oti-img-mobile:before {
	display: block;
  padding-top: calc(9 / 16 * 100%);
	content: "";
}

@media (min-width: 768px) {
	#one-small-incision>div[class^=container] {
		max-width: 720px;
	}
}


@media (min-width: 960px) {
	.oti-img-mobile { display: none; background-image: none; }
	.oti-img-mobile:before { content: none; padding-top: 0; display: none; }
	#hp-video { min-height: 53.125rem; } /* 850px */
	#one-small-incision {
	padding-top: 0; padding-bottom: 0;
		background-image: url("/wp-content/uploads/one-small-incision-bkgd-xxxl-01.jpg");
		height: 600px;
		background-position: 30% 50%;
	}
	#one-small-incision>div[class^=container] {
		max-width: 96%;
	}
	#one-small-incision .oti {
		margin-left: 0;
		padding-top: clamp(2rem, 2vw, 3rem);
	}
	#one-small-incision .oti-text {
		font-size: 4rem !important;
	}
}

@media (min-width: 1200px) {
	#one-small-incision {
		background-image: url("/wp-content/uploads/one-small-incision-bkgd-xxxl-01.jpg"); background-position: center;
		height: 670px;
	}
	#one-small-incision>div[class^=container] {
		max-width: 96%;
	}
	#one-small-incision .oti {
		margin-left: 0;
	}
	#one-small-incision .oti-text {
		font-size: 4rem !important;
	}
}


@media (min-width: 1400px) {
	#one-small-incision {
		background-position: 10% 50%;
		height: 700px;
		height: clamp(635px, 41vw, 750px);
	}
	#one-small-incision>div[class^=container] {
		max-width: 94%;
	}
	#one-small-incision .oti {
		margin-left: 0;
	}
	#one-small-incision .oti-text {
		font-size: 5rem !important;
	}
}



@media (min-width: 1700px) {
	#one-small-incision {
		background-image: url("/wp-content/uploads/one-small-incision-bkgd-rt-01.jpg");
		background-position: 50% 50%;
		height: 800px;
	}
	#one-small-incision>div[class^=container] {
		max-width: 95%;
	}
	#one-small-incision .oti {
		margin-left: 0;
	}
	#one-small-incision .oti-text {
		font-size: 5.125rem !important;
	}
}

@media (min-width: 1921px) {
	#one-small-incision {
		height: 1000px;
	}
	#one-small-incision>div[class^=container] {
		max-width: 95%;
	}
	#one-small-incision .oti {
		margin-left: 0;
	}
	#one-small-incision .oti-text {
		font-size: 5.875rem !important;
	}
}



/* MENU */
.menu-open .menu-button {
	display: block;
}

@media (min-width: 960px) {
#vicarious-surgical-system-2022 {
background-repeat: no-repeat;
background-size: 44%;
background-position: 100% 70%;
background-image: url("/wp-content/uploads/home-system-122022-sm-v2.png");
}
}

@media (min-width: 1200px) {
#vicarious-surgical-system-2022 {
background-position: 100% 80%;
background-image: url("/wp-content/uploads/home-system-122022-lg-v2.jpg");
}
}

@media (min-width: 1400px) {
#vicarious-surgical-system-2022 {
background-size: 45%;
}
}

/* New Nav */
@media (min-width: 1200px) {

	/* MENU */
	.menu-button,
	.menu-button-placeholder-col,
	.menu-open .menu-button {
		display: none;
	}
	.menu-open .nav-overlay {
		opacity: 0 !important;
		top: 100% !important;
		z-index: -1;
		visibility: hidden !important;
	}
  .menu-open {
    overflow-y: auto; 
  }

	#navbar-desktop .navbar-nav {
		flex-direction: row;
		margin-left: auto;
	}
	#navbar-desktop li, #navbar-desktop li a { animation: all .2 ease; color: var(--bs-vs-dark-grey); }
	#navbar-desktop .header-menu > li a { padding: .5rem .75rem; margin: 0 .25rem; }

	#navbar-desktop .header-menu ul.dropdown-menu > li a { padding: 0.25rem 1rem; margin: 0; }
	.page-homepage #navbar-desktop li, .page-homepage #navbar-desktop li a, .page-id-1001 #navbar-desktop li, .page-id-1001 #navbar-desktop li a { color: #ffffff; }
	.page-homepage #navbar-desktop .dropdown-menu li, .page-homepage #navbar-desktop .dropdown-menu li a, .page-id-1001 #navbar-desktop .dropdown-menu li, .page-id-1001 #navbar-desktop .dropdown-menu li a { color: var(--bs-vs-dark-grey); }
	
	#navbar-desktop li.current_page_ancestor a,
	#navbar-desktop li.current-menu-item a { text-decoration: underline; }
	#navbar-desktop li:hover, #navbar-desktop li a:hover { text-decoration: underline; }
	#navbar-desktop ul.dropdown-menu { left: 1rem; min-width: min-content; }
	#navbar-desktop .dropdown-item.active, #navbar-desktop .dropdown-item:active { background-color: #ffffff; }
	.single-article #navbar-desktop .header-menu > li > a[href$="/news"] {
		text-decoration: underline;
	}


#navbar-desktop .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
}

/* All Happens Inside Image */
#all-happens-inside-img {
	padding: .5rem 2rem;
	border-radius: 2.8125rem;
}
#all-happens-inside-img img {
	border-radius: 2.8125rem;
  width: 400px;
	max-width: 100%;
}

@media (min-width: 960px) {
#all-happens-inside-img img {
  width: auto;
	max-width: 100%;
}

}


/* FOOTER */
.footer-logo {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.footer-logo {
		margin-left: 0;
		margin-right: auto;
	}
}

.social-link svg {
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
	width: 1.5rem;
}

.social-link svg path { fill: #fff; }

.social-links a { display: inline-block; }

.social-links a:not(:last-child) {
	margin-right: .625rem;
}

.footer-lists {
	margin-bottom: 0;
}
.footer-lists > li:not(:last-child) {
	margin-bottom: .25rem;
}