/* 
===============================================
vidgear library source-code is deployed under the Apache 2.0 License:

Copyright (c) 2019 Abhishek Thakur(@abhiTronix) <abhi.una12@gmail.com>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
===============================================
*/

:root {
	--md-admonition-icon--new: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M13 2V3H12V9H11V10H9V11H8V12H7V13H5V12H4V11H3V9H2V15H3V16H4V17H5V18H6V22H8V21H7V20H8V19H9V18H10V19H11V22H13V21H12V17H13V16H14V15H15V12H16V13H17V11H15V9H20V8H17V7H22V3H21V2M14 3H15V4H14Z' /%3E%3C/svg%3E");
	--md-admonition-icon--alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7v6h-2V7m0 8h2v2h-2M12 2a2 2 0 0 0-2 2 2 2 0 0 0 0 .29C7.12 5.14 5 7.82 5 11v6l-2 2v1h18v-1l-2-2v-6c0-3.18-2.12-5.86-5-6.71A2 2 0 0 0 14 4a2 2 0 0 0-2-2m-2 19a2 2 0 0 0 2 2 2 2 0 0 0 2-2Z'/%3E%3C/svg%3E");
}

/* "New" admonition*/
.md-typeset .admonition.new,
.md-typeset details.new {
	border-color: rgb(57, 255, 20);
}

.md-typeset .new>.admonition-title,
.md-typeset .new>summary {
	background-color: rgb(57, 255, 20, 0.1);
}

.md-typeset .new>.admonition-title::before,
.md-typeset .new>summary::before {
	background-color: rgb(57, 255, 20);
	-webkit-mask-image: var(--md-admonition-icon--new);
	mask-image: var(--md-admonition-icon--new);
}

/* "Alert" admonition*/
.md-typeset .admonition.alert,
.md-typeset details.alert {
	border-color: rgb(255, 0, 255);
}

.md-typeset .alert>.admonition-title,
.md-typeset .alert>summary {
	background-color: rgba(255, 0, 255, 0.1);
}

.md-typeset .alert>.admonition-title::before,
.md-typeset .alert>summary::before {
	background-color: rgb(255, 0, 255);
	-webkit-mask-image: var(--md-admonition-icon--alert);
	mask-image: var(--md-admonition-icon--alert);
}



/* Handles UI */
.md-nav__item--active>.md-nav__link {
	font-weight: bold;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.doc-heading {
	padding-top: 50px;
}

.center-small {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.md-tabs__link--active {
	font-weight: bold;
}

.md-nav__title {
	font-size: 1rem !important;
}

.md-version__link {
	overflow: hidden;
}

.md-version__current {
	text-transform: uppercase;
	font-weight: bolder;
}

.md-typeset .task-list-control .task-list-indicator::before {
	background-color: #ff0000;
	-webkit-mask-image: var(--md-admonition-icon--failure);
	mask-image: var(--md-admonition-icon--failure);
}


/* Handles Gitter Sidecard UI */
.gitter-open-chat-button {
	background-color: var(--md-primary-fg-color) !important;
	font-family: inherit !important;
	font-size: 12px;
	-webkit-filter: none !important;
	filter: none !important;
}


/* Custom Blockquotes */
blockquote {
	padding: 0.5em 10px;
	quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote:after {
	visibility: hidden;
	content: close-quote;
}

blockquote p {
	display: inline;
}


/* Handles Responive Video (from bootstrap) */
.video {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.embed-responsive-21by9::before {
	padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive-4by3::before {
	padding-top: 75%;
}

.embed-responsive-1by1::before {
	padding-top: 100%;
}

/* Handles footer sponsorship block animation */
footer.sponsorship {
	text-align: center;
}

footer.sponsorship hr {
	display: inline-block;
	width: 2rem;
	margin: 0.875rem;
	vertical-align: middle;
	border-bottom: 2px solid var(--md-default-fg-color--lighter);
}

footer.sponsorship:hover hr {
	border-color: var(--md-accent-fg-color);
}

footer.sponsorship:not(:hover) .twemoji.heart-throb-hover svg {
	color: var(--md-default-fg-color--lighter) !important;
}


/* Custom Button UI */
.btn {
	z-index: 1;
	overflow: hidden;
	background: transparent;
	position: relative;
	padding: 8px 50px;
	border-radius: 30px;
	cursor: pointer;
	font-size: 1em;
	letter-spacing: 2px;
	transition: 0.2s ease;
	font-weight: bold;
	margin: 5px 0px;
}

.btn.bcolor {
	border: 4px solid var(--md-typeset-a-color);
	color: var(--blue);
}

.btn.bcolor:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: var(--md-typeset-a-color);
	z-index: -1;
	transition: 0.2s ease;
}

.btn.bcolor:hover {
	color: var(--white);
	background: var(--md-typeset-a-color);
	transition: 0.2s ease;
}

.btn.bcolor:hover:before {
	width: 100%;
}


/* Heart Animation */
@keyframes heart {

	0%,
	40%,
	80%,
	100% {
		transform: scale(1);
	}

	20%,
	60% {
		transform: scale(1.15);
	}
}

.heart {
	animation: heart 1000ms infinite;
}


/* Footer Sponsorship Block */
footer.sponsorship {
	text-align: center;
}

footer.sponsorship hr {
	display: inline-block;
	width: px2rem(32px);
	margin: 0 px2rem(14px);
	vertical-align: middle;
	border-bottom: 2px solid var(--md-default-fg-color--lighter);
}

footer.sponsorship:hover hr {
	border-color: var(--md-accent-fg-color);
}

footer.sponsorship:not(:hover) .twemoji.heart-throb-hover svg {
	color: var(--md-default-fg-color--lighter) !important;
}


/* Dark Theme Changes */
[data-md-color-scheme="slate"] {
	--md-hue: 260;
}

body[data-md-color-scheme="slate"] img[class="shadow"] {
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

body[data-md-color-scheme="slate"] div[class="btn-container"] {
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

body[data-md-color-scheme="slate"] div[class="highlight"] {
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

body[data-md-color-scheme="slate"] div[class^="admonition"] {
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
}

body[data-md-color-scheme="slate"] img[class="shadow2"] {
	-webkit-filter: drop-shadow(1px 1px 0 black);
	filter: drop-shadow(1px 1px 0 black);
}