/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * cis.css
 * =========================================================================
 *
 * Table of Contents
 * -----------------
 *
 * + General Styles
 * + Fonts/Colors
 * + Navigation
 * + Header
 * + Overview tab
 * + Resources tab
 * + Quick Links tab
 * + FAQs tab
 * + Footer
 * + 
 * + Shame (Should always be the last item in stylesheet)
 *
 * Read more:
 * - http://www.sitepoint.com/architecture-sass-project/
 * - https://css-tricks.com/sass-style-guide/
 *
 * @TODO: Update TOC as necessary.
 *
 * @BUG:
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/*-General Styles----------------------------------------------------------*/
html, body {
	overflow-x: hidden;
	min-width: 320px;
}
section { padding-top: 0; }
.bg-footer { background-color: #fff; }
.clear-fix {
	clear: both;
	margin-bottom: 20px;
}

.container .container { max-width: 100%; }
.tab-pane { padding-right: 0; }

@media (max-width: 767px) {
	.content-tabs .tab-content .tab-pane .container,
	.content-tabs { padding: 0 0 !important; }
}
/*----------------------------------------------------------General Styles-*/

/*-Fonts/Colors------------------------------------------------------------*/
h1, .header-1 {
	font-family: "neue-haas-grotesk-display", 'helvetica neue', 'Helvetica', arial, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	color: #592C82;
	margin-bottom: 10px;
}
h2 {
	font-family: oswald, Arial, sans-serif;
	text-transform: uppercase;
	color: #00aac6;
}
.shadow-content h2 {
	font-family: sanchez, 'helvetica neue', 'Helvetica', arial, sans-serif;
	color: #00aac6;
	text-transform: none;
}
h3 {
	font-family: sanchez, Arial, sans-serif;
	text-transform: uppercase;
	color: #00aac6;
	font-size: 22px;/*24px;*/
	padding-bottom: 5px;
	border-bottom: 1px solid #dcddde;
}
h3 svg {
	max-height: 22px;
	color: #00aac6;
	fill: #00aac6;
}

.tab-pane ol li {
	color: #0a0a0a;
	padding-bottom: 0;
}
.tab-pane ul li {
	font-size: 18px;
	line-height: 1.6;
	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	padding-bottom: 15px;
}
.tab-pane .list-unstyled li {
	padding: 5px 0px 0px;
	color: #6f6a74;
}
/*-Mobile----------------------------*/
@media (min-width: 768px) {
	.header-1 { font-size: 50px; }
}
/*----------------------------Mobile-*/
/*------------------------------------------------------------Fonts/Colors-*/

/*-Navigation--------------------------------------------------------------*/
section.nav {
	padding: 0px;
	margin: 0px;
	background: #f8f8f8;
}
.nav.nav-tabs {
	margin: 0px;
	border-top: none;
}
.nav-tabs>li>a:hover { border-top: none; }
/*-Sticky Nav------------------------*/
.sticky {
	position: fixed;
	z-index: 99;
	top: 0;
	width: 100%;
}
.anchor {
	display: block;
	height: 60px;
	margin-top: -40px;
	padding-top: 75px;
	visibility: hidden;
}
.cobra .anchor { margin-top: 0px; }

.passkey-alert-banner {
	width: 100%;
	text-align: center;
	margin: auto;
	padding: 10px 0;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #EAEAEA 100%);
}
.passkey-alert-banner p { margin-bottom: 0; }
.passkey-icon { margin-right: 10px; }
/*------------------------Sticky Nav-*/
/*-Mobile----------------------------*/
@media (min-width: 768px) {
	#navbar button.menu-icon { display: none; }
}
@media (max-width: 767px) {
	#navbar .col-lg-12.col-md-12.col-sm-12 {
		text-align: center;
		margin: auto;
	}
	#navbar.nav button.menu-icon {
		height: 20px;
		display: block;
	/*	margin-top: 15px;*/
		float: right;
	}
	#navbar.nav button.menu-icon::after {
		background-color: #592C82;
		box-shadow: 0 7px 0 #592C82, 0 14px 0 #592C82;
	}
	#navbar.nav button.menu-icon.opened::after {
		background-color: #f8f8f8;
		box-shadow: none;
	}
	#navbar-button.opened:after{
		display: inline-block;
		content: "\00d7"; /* This will render the 'X' */
		font-size: 40px;
		line-height: 1rem;
		color: #592C82;
	}

	.nav-tabs.nav-justified > li > a { margin: -1px 0px; width: 100%; }
	.nav-tabs.nav-justified > li > a:hover { margin: -1px 0px; }

	.nav-tabs.nav-justified > li.navlink { display: none; }
	.nav-tabs.nav-justified > li.navlink.menuShow,
	.nav-tabs.nav-justified > li.navlink.active { display: inherit; }

	#navbar > .container {
		padding-right: 0px !important;
		margin-right: 50px !important;
	}
	#navbar.nav button.menu-icon { margin: -30px -35px 0 0; }
}
/*----------------------------Mobile-*/
@media ( min-width: 768px ) {
	.nav.cobra .nav.nav-tabs.nav-justified {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-end;
	}
	.nav.cobra .nav-tabs.nav-justified > li {
		width: 100%;
	}
	.nav.cobra.sticky {
		padding-bottom: 2px;
	}
}
@media ( max-width: 767px ) {
	.nav.cobra .nav.nav-tabs { display: block; }
}

/*--------------------------------------------------------------Navigation-*/

/*-Header------------------------------------------------------------------*/
.hero-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
}
.hero-wrapper.v1 {
	background-image: url("./img/meeting-hero.png");
	background-position: center top;
}
.hero-wrapper.v2 {
	background-image: url("./img/meeting-hero.png");
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.hero-text {
	text-align: center;
	margin: 0 auto;

	border-radius: 0 0 6px 6px;
	border-bottom: 13px solid #592C82;
	background: #ffffff;
	min-width: 50%;
	max-width: 740px;
	padding: 20px;
	margin-bottom: 40px;
}
.hero-text img.logo {
	margin-top: -15px;
	margin-bottom: 15px;
}
.hero-text h1.header-1 {
	margin-bottom: 15px;/*32px;*/
	text-align: center;}
.hero-text p { color: #6f6a74; }
/*-Mobile----------------------------*/
@media (min-width: 768px) {
	.hero-wrapper.wide { height: 414px; }
}
@media (max-width: 767px) {
	.line-break { display: none; }

	.hero-wrapper.wide {
		height: 354px;
	/*	background-size: contain;*/
	}
}
/*----------------------------Mobile-*/
/*-----------------------------------------------------------------Header-*/

/*-Overview tab-----------------------------------------------------------*/
@media (min-width:992px) {
	#overview-tab .img-responsive { max-height: 350px; }
}
h1 {
	text-align: center;
	margin: 0 auto 20px;
}
/*-----------------------------------------------------------Overview tab-*/

/*-Resources tab----------------------------------------------------------*/
.resource-link { text-align: center; }
.resource-link a {
	text-decoration: none;
	color: #3B3B3B;
}
.resource-sub-headers img {
	float: left;
	margin-right: 5px;
}

.resource-tab-link .resources-links { color: #3B3B3B; }
.resource-tab-link .resources-links:hover { color: #767676; }
.resource-tab-link .resources-links img {
	display: block;
	text-align: center;
	margin: 0 auto 24px;
}
.resources.product .tab-pane { display: none; }
.resources.product .tab-pane.active { display: block; }

.resources.product .tab-pane > div.col-lg-6.col-md-6.col-sm-6 { padding-right: 40px; }
.resources.product .tab-pane > div.col-lg-6.col-md-6.col-sm-6 ul + h3 { margin-top: 20px; }

.btn-lv1 {
	text-align: center;
	margin-bottom: 20px;
}
.btn-lv1 .btn-left { text-align: right; }
.btn-lv1 .btn-right { text-align: left; }
.faqs.product button,
.resources.product button {
	background-color: #592C82;
	color: #ffffff;
	margin: auto 0;
	border-radius: 4px;
	font-size: 1.5rem;
}
.faqs.product button.active,
.resources.product button.active {
	background-color: #0070b9;
}

abbr, abbr[title] { border-bottom: none; }
sup i.fa-plus-square { color: #592C82; }
/*----------------------------------------------------------Resources tab-*/

/*-Quick Links tab--------------------------------------------------------*/
.videos ul, .videos ul > li { list-style: none; }
.videos ul, .videos ul > li:first-child { padding-left: 0px; }
.videos ul, .videos ul > li:last-child { padding-right: 0px; }

.videos ul > li > a:hover { text-decoration: none; }
.videos ul > li > a > strong { color: #2b374d; }
.videos ul > li > a > img { display: block; }
/*--------------------------------------------------------Quick Links tab-*/

/*-FAQs tab---------------------------------------------------------------*/
.faqs.product .tab-pane { display: none; }
.faqs.product .tab-pane.active { display: block; }
.collapsible-container .collapsible, .collapsible-container .collapsed,
h2.collapsible {
	text-transform: none;
	font-size: 18px;
}
.collapsible-container:first-of-type {
    margin-top: 5px;
}
#renewals-faqs p { padding: 0 15px; }
/*---------------------------------------------------------------FAQs tab-*/

/*-Footer-----------------------------------------------------------------*/
#footer #brand-banner p { display: none; }
/*
#footer-hr, #footer-content, #mobile-menu { display: none; }
.top-bar.show-for-large .top-bar-left ul.dropdown.menu,
.top-bar.show-for-large .top-bar-right ul li:first-child { display: none; }
/*-----------------------------------------------------------------Footer-*/