/*
 Theme Name:   Inviday
 Theme URI:    https://inviday.com
 Description:  Default theme for Inviday website
 Author:       DotNB
 Author URI:   https://dotnb.com
 Template:     twentynineteen
 Version:      1.0.0
*/

body {
	font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "EB Garamond", "Times New Roman", serif;
}

button, input, select, optgroup, textarea {
	font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "EB Garamond", "Times New Roman", serif;
}

h1, h2 {
	position: relative;
}

.site-logo {
	margin: 0;
	margin-bottom: -0.5em;
	position: static;
}

.site-logo #inviday-logo {
	height: auto;
	width: 100%;
	max-width: 480px;
}

.site-title {
	display: block;
	font-size: 3em;
	font-weight: 700;
	line-height: 1;
	margin-left: -0.05em;
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	z-index: -1;
}

.site-title a {
	color: inherit !important;
}

.site-title a:focus {
	text-decoration: none;
}

.site-description {
	display: block;
	font-size: 0.727272em;
}

.site-title:not(:empty) + .site-description:not(:empty):before {
	margin: 0;
}

body.single .site-branding {
	position: relative;
}

body.single .site-branding::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 2px;
	max-width: 480px;
	left: 0;
	bottom:-1em;
	background: -webkit-gradient(linear, left top, right top, from(#111), to(rgba(17, 17, 17, 0)));
	background: -webkit-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: -o-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: linear-gradient(to right, #111, rgba(17, 17, 17, 0));
}

body.single .site-logo {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: -0.25em;
}

body.single .site-logo #inviday-logo {
	width: 120px;
}

body.single .site-title {
	font-size: 1.25em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
}

body.single .site-description {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.727272em;
}

.entry .entry-header {
	margin-bottom: 0;
}

.entry .entry-title:before {
	display: none;
}

.entry-title {
	font-size: 1em;
	padding: 0.363636em 0.545454em;
	display: inline-block;
	border-radius: 4px;
	background-color: #111;
	color: #fff;
}

body.single .entry-header {
	margin-top: 1rem;
}

body.single .entry-title {
	padding: 0;
	background-color: transparent;
	color: #111;
	font-size: 1.75em;
	display: block;
	border-radius: 0;
	margin-left: -0.05em;
}

.entry .entry-meta > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.entry .entry-content > h2 {
	margin-top: 1.5em;
}

.entry .entry-content > *:first-child {
	margin-top: 1rem;
}

h2:before {
	width: 80%;
	background: -webkit-gradient(linear, left top, right top, from(#111), to(rgba(17, 17, 17, 0)));
	background: -webkit-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: -o-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: linear-gradient(to right, #111, rgba(17, 17, 17, 0));
}

h2:after {
	content: "";
	position: absolute;
	width: 0.75em;
	height: 0.25em;
	top: 0;
	left: 0;
	background-color: #111;
	border-radius: 0 0 4px 4px;
}

.entry-content,
.comments-area {
	font-size: 0.818181em;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
	font-size: 0.88889rem;
}

.entry-content li + li {
	margin-top: 0.636363em;
	padding-top: 0.636363em;
	position: relative;
}

.entry-content li + li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#bbb), to(rgba(221, 221, 221, 0)));
	background: -webkit-linear-gradient(left, #bbb, rgba(221, 221, 221, 0));
	background: -o-linear-gradient(left, #bbb, rgba(221, 221, 221, 0));
	background: linear-gradient(to right, #bbb, rgba(221, 221, 221, 0));
}

.entry-content li > ul,
.entry-content li > ol {
	margin-top: 0.636363em;
	padding-left: 1rem;
}

ul ul {
	list-style-type: square;
}

ul ul ul {
	list-style-type: disc;
}

h2 {
	font-size: 1.75em;
}

body.page h2 {
	font-size: 2em;
}

.button-separator {
	display: block;
	color: #111;
	margin: 0.5em 0;
}

.entry-footer::before {
	content: "";
	display: block;
	height: 2px;
	width: 80%;
	margin-bottom: 1em;
	background: -webkit-gradient(linear, left top, right top, from(#666), to(rgba(102, 102, 102, 0)));
	background: -webkit-linear-gradient(left, #666, rgba(102, 102, 102, 0));
	background: -o-linear-gradient(left, #666, rgba(102, 102, 102, 0));
	background: linear-gradient(to right, #666, rgba(102, 102, 102, 0));
}

.entry .entry-footer > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.entry .entry-footer .byline,
.entry .entry-footer .posted-on {
	display: none;
}

.tags-links a:not(:first-of-type) {
	margin-left: 0.5em;
}

.comments-title {
	font-size: 1.75em;
}

.comments-area .comments-title-wrap .comments-title:before,
.comments-area .comments-title:before{
	width: 80%;
	background: -webkit-gradient(linear, left top, right top, from(#111), to(rgba(17, 17, 17, 0)));
	background: -webkit-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: -o-linear-gradient(left, #111, rgba(17, 17, 17, 0));
	background: linear-gradient(to right, #111, rgba(17, 17, 17, 0));
	margin-top: 0;
}

.comment-form-cookies-consent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.comment-form-cookies-consent input {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
}

.comment-awaiting-moderation {
	font-size: 0.88889em;
	color: deeppink;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	width: 100%;
}

.wpcf7-form > p {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 0.71111em;
	color: #767676;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-list-item-label {
	font-size: 0.818181rem;
}

input:checked + .wpcf7-list-item-label {
	color: #111;
	font-weight: 700;
}

.wpcf7-form input[type="submit"] {
	font-size: 0.88889rem;
}

span.wpcf7-list-item {
	display: block;
	margin-left: 0;
}

.wpcf7-list-item label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wpcf7-list-item label input[type="radio"] {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 0.727272em;
	height: 0.727272em;
	margin-right: 0.272727em;
	font-size: 1rem
}

.wpcf7-list-item label input[type="checkbox"] {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-right: 0.272727em;
	font-size: 1rem;
}

div.wpcf7-response-output {
	margin: 1em 0;
	padding: 0.5em 0.75em;
}

.theme-preview {
	position: relative;
	max-width: 400px;
}

.theme-preview .phone-container svg {
	display: block;
	width: 100%;
	height: auto;
}

.theme-preview .video-container {
	display: block;
	position: absolute;
	top: 10%;
	left: 5%;
	width: 90%;
	border-radius: 8px;
	overflow: hidden;
}

.theme-preview .video-container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 2px solid #000;
	border-radius: 8px;
}

.theme-preview .video-container video {
	display: block;
	width: 100%;
	height: auto;
}

.theme-description > * {
	margin: 32px 0;
}

.page-title {
	font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "EB Garamond", "Times New Roman", serif;
}

.archive .page-header,
.search .page-header,
.error404 .page-header {
	margin-bottom: 1em;
}

body.hfeed .entry-title {
	padding: 0;
	background-color: transparent;
	color: #111;
	display: block;
	font-size: 1.727272em;
	margin-left: -0.05em;
}

body.hfeed .entry-title::after {
	display: none;
}

body.hfeed .entry-footer {
	margin-top: 0;
}

.entry + .entry {
	margin-top: 3em;
}

.error-404.not-found .page-title,
.no-results.not-found .page-title {
	margin-left: 0;
	margin-right: 0;
}

@media screen and (min-width: 768px) {
	body.single .site-branding::before {
		bottom: -2em;
	}
	
	body.single .site-logo #inviday-logo {
		width: 240px;
	}
	
	.site-description {
		font-size: 1.272727em;
	}
	
	body.single .entry-title {
		font-size: 2.727272em;
	}
	
	.entry-content,
	.comments-area {
		font-size: 1em;
	}
	
	h2,
	.comments-title {
		font-size: 2.272727em;
	}
	
	body.page h2 {
		font-size: 2.727272em;
	}
	
	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		margin-top: 0;
	}
	
	.wpcf7-form input,
	.wpcf7-form textarea,
	.wpcf7-list-item-label {
		font-size: 1rem;
	}
}

@media screen and (min-width: 960px) {
	.button-separator {
		display: inline-block;
		margin: 0 1em;
	}
	
	.entry .entry-content .theme-intro {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 3em;
		margin-bottom: 3em;
	}
	
	.entry .entry-content > .theme-intro:first-child {
		margin-top: 2.5em;
	}
	
	.theme-preview {
		-ms-flex-preferred-size: 36%;
		flex-basis: 36%;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-right: 2.5em;
	}
	
	.theme-description {
		-ms-flex-preferred-size: 64%;
		flex-basis: 64%;
	}
	
	.theme-description > *:first-child {
		margin-top: 0;
	}
	
	.theme-description > *:last-child {
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 1200px) {
	body.single .entry-title {
		font-size: 3em;
		max-width: 1000px;
	}
	
	body.hfeed .entry-title {
		font-size: 2.545454em;
		width: 80%;
		max-width: 800px;
	}
}

@media screen and (min-width: 1367px) {
	.theme-description {
		font-size: 1.181818em;
		line-height: 1.72;
	}
}