:root
{
	--progress-bar-width: 0;
}

h1,
.mdl-typography--display-1,
.mdl-typography--display-2
{
	font-weight: 900;
}

html,
body
{
	margin: 0;
	padding: 0;
}

.mdl-js-layout
{
	position: absolute;
}

.public .mdl-layout--fixed-header,
.public .mdl-layout__container
{
	max-height: 310px;
}

.private .mdl-layout--fixed-header,
.private .mdl-layout__container
{
	max-height: 460px;
}

.mdl-progress
{
	width: 100%;
	visibility: hidden;
}

.mdl-button.mdl-button--disabled.mdl-button--disabled:not(.mdl-color-text--white)
{
	color: rgba(0, 0, 0, .26) !important;
}

.mdl-button.mdl-button--disabled.mdl-button--disabled.mdl-color-text--white
{
	background-color: rgba(0, 0, 0, .26) !important;
}

.fit-content-height {
	height: fit-content;
}

.margin-top-10
{
	margin-top: 10px;
}

.margin-bottom-10
{
	margin-bottom: 10px;
}

.margin-bottom-20
{
	margin-bottom: 20px;
}

header .mdl-layout__header-row
{
	padding: 0 15px;
}

header .mdl-layout__header-row a
{
	text-decoration: none;
}

header .mdl-button:focus:not(:active)
{
	background-color: #424242;
}

.highlight
{
	display: inline-block;
}

.highlight:after
{
	content: ' ';
	display: block;
	height: 5px;
	margin-top: -10px;
	background-color: #F7E05F;
}

.lh-sticky-header,
.lh-topbar,
.lh-warnings--toplevel
{
	display: none !important;
}

.lh-audit-group .lh-metrics-toggle__input
{
	width: 100%;
}

.circle-pass
{
	background: radial-gradient(circle at center, #e6faf1 0%, #e6faf1 35%, #e6faf1 35%, transparent 35%, transparent 35%);
}
.circle-average
{
	background: radial-gradient(circle at center, #fef6e9 0%, #fef6e9 35%, #fef6e9 35%, transparent 35%, transparent 35%);
}
.circle-fail
{
	background: radial-gradient(circle at center, #feedec 0%, #feedec 35%, #feedec 35%, transparent 35%, transparent 35%);
}

.mdl-layout-title
{
	text-decoration: none;
	font-weight: 300;
}

.org-branding
{
	margin: 0 auto;
	display: block;
	color: #CCC;
	letter-spacing: normal;
}

.org-branding h3
{
	margin: 0;
}

.org-branding svg
{
	max-height: 35px;
}

.ac-typography--emphasis
{
	font-style: italic;
}

.mdl-layout__header-row .mdl-navigation
{
	margin-right: 36px;
}

.mdl-navigation a:hover,
.mdl-navigation a:focus,
.mdl-navigation a.is-active
{
	border-bottom: 4px solid #8bc34a;
	border-top: 4px solid transparent;
}

.mdl-menu .mdl-navigation__link
{
	text-decoration: none;
	line-height: unset;
	font-weight: 500;
	display: block;
}

main
{
	min-height: 450px;
}

.mdl-layout__content
{
	width: 100%;
	padding-top: 96px;
	padding-bottom: 48px;
	flex: 1 0 auto;
}

@media (max-width:479px)
{
	.mdl-layout__content
	{
		padding-top: 64px;
	}
}

.breadcrumbs
{
	width: 100%;
	border-bottom: 1px solid #ccc;
	background-color: white;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.mdl-chip
{
	zoom: 0.9;
}

.mdl-card
{
	border-radius: 5px;
	min-height: auto;
}

.soft-outline
{
	border: 1px solid #ccc;
	border-radius: 12px;
}

.mdl-card__title.mdl-color--teal-800.mdl-color-text--white
{
	background: linear-gradient(90deg, #CAF880, #71CEB2) !important;
	color: black !important;
}

.mdl-card.subscribe .mdl-color--light-blue-100
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(255,255,255)), color-stop(40%, rgb(228,251,255)), to(rgb(228,251,255))) !important;
	background-image: linear-gradient(rgb(255 255 255) 10%, rgb(228 251 255) 20%, rgb(228 251 255)) !important;
}

.mdl-card.subscribe .mdl-button
{
	padding: 6px 24px;
	font-size: 16px;
	border-radius: 30px;
	margin-top: -15px;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.clear-both
{
	clear: both;
}

.display-block
{
	display: block;
}

.display-inline-block
{
	display: inline-block;
}

.no-margin
{
	margin: 0;
}

.no-padding
{
	padding: 0;
}

.pricing-table .mdl-card
{
	padding-top: 50px;
	padding-bottom: 25px;
}

.pricing-table
{
	margin-bottom: 50px !important;
}

.currency
{
	font-size: 20px;
	vertical-align: text-top;
	margin-top: -3px;
	margin-right: 3px;
	display: inline-block;
}

small .currency
{
	font-size: 9px;
	margin: 1px 1px 0 0;
}

.selected-price
{
    border-radius: 5px;
    font-size: 12px;
	border: 1px solid green;
	padding: 2px;
	color: black;
}

.most-popular
{
	position: absolute;
	margin-top: -90px;
	font-size: 12px;
	font-weight: 500;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Roboto';
}

.per-month
{
	padding: 6px 10px;
	width: 30px;
	font-size: 13px;
}

.plan-subscribe
{
	min-width: 100%;
	height: 44px;
	border-radius: 6px;
	text-transform: none;
	font-size: 16px;
	margin: 35px 0 20px 0;
}

.plan-includes .mdl-list__item
{
	padding: 0;
	font-size: 14px;
	font-family: 'Helvetica';
	letter-spacing: 0;
	min-height: 30px;
}

.plan-includes .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon
{
	margin-right: 7px;
	font-size: 16px;
	margin-bottom: -7px;
}

.mdl-dialog.purchase
{
	width: 320px;
}

.mdl-dialog.act
{
	width: 600px;
}

.mdl-dialog .mdl-progress
{
	margin: 20px 0 10px 0;
}

.mdl-dialog__title
{
	font-size: 1.7rem;
	line-height: 2rem;
}

#card-element
{
	border-bottom: 1px solid #37474f;
}

#card-element-errors
{
	margin-top: 10px;
	min-height: 20px;
}

fieldset
{
	border: revert;
	margin: revert;
	padding: revert;
	margin-bottom: 15px;
}

.mdl-switch
{
	margin-top: 20px;
}

.private.dashboard .mdl-card__title-text
{
	font-size: 15px;
	font-weight: 700;
}

.private.dashboard .table-responsive
{
	margin-top: 15px;
}

.mdl-snackbar__text
{
	font-size: 20pt;
	line-height: 24pt;
	padding: 1em;
}

.mdl-snackbar
{
	animation: cssAnimation 0s 15s forwards;
	visibility: visible;
}

@keyframes cssAnimation
{
	to { visibility: hidden; }
}

.mdl-fab-bottom-right
{
	margin-top: 50px;
	margin-right: unset;
	float: right;
}

.img-responsive
{
	max-width: 100%;
	height: auto;
	display: block;
}

.max-elevation
{
	box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%);
	border-radius: 32px;
	border: 1px solid #DDD;
	position: relative;
	z-index: 1;
}

figcaption
{
	margin-bottom: 20px;
}

.mdl-color-text--amber-900
{
	color: #A86200 !important;
}

main.featured.mdl-color--grey-100
{
	background: radial-gradient(circle, #E2FFFF, #E8E3FF)
}

.customers
{
	margin: 20px 0;
}

.customers > svg
{
	max-height: 50px;
	margin: 20px;
}

.material-icons.large
{
	font-size: 50px;
}

.material-icons.small
{
	font-size: 15px;
}

.material-icons.middle
{
	vertical-align: middle;
}

.material-icons.spaced
{
	margin-right: 5px;
}

.color-scheme-only-light
{
	color-scheme: only light;
}

@media (min-width: 1228px)
{
	.desktop-column-count-2
	{
		column-count: 2;
	}
}

.pause-play
{
	position: relative;
	z-index: 2;
	left: 60px;
	top: 30px;
}

@media (max-width: 839px)
{
	.pause-play
	{
		position: absolute;
		left: auto;
		top: auto;
	}
}

.progress-bar
{
	height: 2px;
	width: calc(100% - 60px);
	margin: auto;
	position: relative;
	z-index: 2;
}

.progress-bar:after
{
	content: '';
	display: block;
	height: 4px;
	margin-top: -3px;
	width: var(--progress-bar-width);
	background: #AD1457;
	border-radius: 4px;
}

.greyscale
{
	filter: grayscale(1);
}

body.domain table td:first-of-type
{
	max-width: 300px !important;
}

.mdl-tabs.url-tabs > .mdl-tabs__tab-bar > .is-active::after
{
	height: 2px;
	width: 100%;
	display: block;
	content: " ";
	bottom: 0;
	left: 0;
	position: absolute;
	background: #37474f;
	-webkit-animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;
	animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;
	transition: all 1s cubic-bezier(.4,0,1,1);
}

.mdl-tabs__panel
{
	padding: 15px;
}

.mdl-tabs__panel:not(.is-active)
{
	display: none;
}

.mdl-tabs__tab,
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active
{
	color: black;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active
{
	font-weight: bold;
}

.table-responsive
{
	overflow-x: auto !important;
	width: 100%;
}

.mdl-data-table
{
	white-space: normal;
	margin: auto;
}

.mdl-data-table th,
.mdl-data-table td
{
	font-size: 15px;
}

td p
{
	white-space: nowrap !important;
}

.mdl-textfield.mdl-cell .mdl-textfield__label:after
{
	display: none;
}

.mdl-textfield:not(.mdl-cell),
label
{
	width: 100%;
}

.mdl-textfield__label
{
	color: #263238;
}

.mdl-textfield__label--subtle
{
	font-style: italic;
	color: #586368;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label
{
	color: #b71c1c;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label
{
	color: #000;
}

.nowrap
{
	white-space: nowrap;
}

.margin-auto
{
	margin: auto;
}

.width-500
{
	max-width: 500px;
	overflow: hidden;
}

.width-100
{
	max-width: 100px;
}

.width-50
{
	max-width: 50px;
}

.space-section
{
	padding: 20px 16px 50px 16px;
	margin: 20px 0 35px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: inset rgba(3,27,78,.1)0 2px 4px 0;
}

@media (min-width: 1000px)
{
	.hero
	{
		margin-top: 40px;
	}
}

.hero .mdl-typography--subhead,
.sign-up .mdl-typography--subhead
{
	font-family: 'EB Garamond', 'Roboto', 'Helvetica', sans-serif;
	letter-spacing: -0.01em;
	margin: 40px 0;
	line-height: 36px;
	font-size: 20px;
}

.call-to-action
{
	margin-top: 30px;
}

.call-to-action a
{
	margin-bottom: 30px;
	border-radius: 30px;
}

@media (min-width: 839px)
{
	.call-to-action a
	{
		margin-right: 5px;
		padding: 6px 24px;
		font-size: 16px;
	}
}

.button-right
{
	float: right;
	margin-right: 15px;
}

.sign-up:before
{
	display: block;
	content: ' ';
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 318" preserveAspectRatio="none"><path fill="%23212121" fill-opacity="1" d="M0,192L48,160C96,128,192,64,288,64C384,64,480,128,576,176C672,224,768,256,864,256C960,256,1056,224,1152,176C1248,128,1344,64,1392,32L1440,0L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
	height: 40px;
	margin-top: 80px;
}

.sign-up:after
{
	display: block;
	content: ' ';
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 318" preserveAspectRatio="none"><path transform="scale (1, -1)" transform-origin="center" fill="%23212121" fill-opacity="1" d="M0,192L48,160C96,128,192,64,288,64C384,64,480,128,576,176C672,224,768,256,864,256C960,256,1056,224,1152,176C1248,128,1344,64,1392,32L1440,0L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
	height: 40px;
	margin-bottom: 60px;
}

@media screen and (prefers-color-scheme: dark)
{
	.sign-up:before,
	.sign-up:after
	{
		background: none;
	}
}

.sign-up div
{
	padding: 60px;
}

.sign-up a
{
	margin-top: 24px;
	padding: 6px 24px;
	font-size: 16px;
	border-radius: 30px;
}

.mdl-card__title .mdl-typography--headline
{
	margin-bottom: 0;
}

.mdl-data-table th.text-top
{
	vertical-align: text-top;
}

.mdl-data-table tr.padding-top--5 th
{
	padding-top: 5px;
}

.mdl-tooltip--large.left
{
	left: 37px !important;
	margin-left: 0 !important;
	max-width: 90% !important;
	text-align: left;
}

.mdl-mini-footer
{
	display: block !important;
	min-height: 50px;
}

.mdl-mini-footer__right-section
{
	float: right;
}

.mdl-mini-footer .mdl-color-text--indigo-900
{
	color: #e8eaf6 !important;
}

.grecaptcha-badge
{
	display: none !important;
}

.w3c-logo
{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="143px" width="210px" version="1.1"><path d="m52.352 24.412l16.955 57.643 16.953-57.643h45.964v5.73l-17.307 29.816c6.08 1.949 10.678 5.498 13.795 10.641 3.119 5.146 4.68 11.184 4.68 18.121 0 8.578-2.283 15.787-6.844 21.631s-10.465 8.768-17.713 8.768c-5.458 0-10.211-1.732-14.262-5.201-4.054-3.469-7.054-8.164-9.002-14.09l9.585-3.975c1.404 3.586 3.256 6.412 5.556 8.475 2.299 2.066 5.008 3.1 8.125 3.1 3.271 0 6.041-1.832 8.301-5.494 2.262-3.664 3.393-8.066 3.393-13.215 0-5.691-1.209-10.096-3.623-13.213-2.811-3.662-7.215-5.496-13.216-5.496h-4.674v-5.611l16.367-28.297h-19.755l-1.124 1.914-24.031 81.088h-1.169l-17.54-58.691-17.536 58.691h-1.168l-28.056-94.696h12.276l16.953 57.643 11.46-38.815-5.611-18.826h12.273v-0.004z" fill="%23005A9C"/><path d="m196.02 24.412c-2.41 0-4.574 0.869-6.215 2.535-1.74 1.768-2.709 4.051-2.709 6.412s0.922 4.549 2.611 6.266c1.717 1.74 3.928 2.686 6.314 2.686 2.334 0 4.6-0.945 6.361-2.658 1.689-1.641 2.611-3.828 2.611-6.289 0-2.387-0.945-4.623-2.584-6.289-1.7-1.745-3.94-2.663-6.38-2.663zm7.78 9.024c0 2.064-0.799 3.979-2.26 5.393-1.543 1.494-3.457 2.289-5.57 2.289-1.986 0-3.949-0.818-5.418-2.311-1.465-1.494-2.287-3.406-2.287-5.443 0-2.039 0.846-4.027 2.361-5.566 1.416-1.443 3.328-2.211 5.416-2.211 2.139 0 4.051 0.799 5.543 2.311 1.45 1.438 2.22 3.373 2.22 5.538zm-7.53-5.321h-3.826v10.143h1.914v-4.324h1.891l2.063 4.324h2.137l-2.264-4.621c1.465-0.301 2.313-1.293 2.313-2.734 0.01-1.84-1.39-2.788-4.22-2.788zm-0.35 1.244c1.789 0 2.609 0.498 2.609 1.74 0 1.191-0.82 1.617-2.563 1.617h-1.617v-3.357h1.57z"/><path d="m180.97 23.881l1.988 12.09-7.039 13.469s-2.701-5.715-7.191-8.875c-3.781-2.664-6.246-3.244-10.1-2.449-4.949 1.021-10.561 6.938-13.01 14.234-2.93 8.727-2.959 12.953-3.063 16.832-0.164 6.223 0.816 9.896 0.816 9.896s-4.275-7.906-4.234-19.486c0.027-8.268 1.328-15.764 5.152-23.16 3.365-6.504 8.367-10.408 12.807-10.867 4.59-0.473 8.215 1.738 11.02 4.131 2.941 2.516 5.916 8.01 5.916 8.01l6.92-13.825z"/><path d="m181.84 92.289s-3.111 5.563-5.049 7.705c-1.939 2.145-5.408 5.918-9.691 7.807-4.283 1.887-6.529 2.24-10.764 1.836-4.229-0.406-8.16-2.855-9.537-3.877s-4.898-4.029-6.889-6.836c-1.992-2.807-5.102-8.416-5.102-8.416s1.732 5.623 2.82 8.01c0.623 1.375 2.541 5.576 5.266 9.232 2.541 3.41 7.475 9.283 14.973 10.609 7.498 1.328 12.65-2.041 13.926-2.855 1.273-0.814 3.961-3.066 5.664-4.889 1.775-1.896 3.457-4.32 4.385-5.773 0.682-1.063 1.789-3.215 1.789-3.215l-1.79-9.331z"/></svg>');
	background-size: cover;
	text-indent: -999em;
	display: inline-block;
	height: 30px;
	width: 50px;
}
