/*
Theme Name:     Scribe
Theme URI:      http://shop.restored316designs.com/themes
Template:       kadence
Author:         Restored 316 // Lauren Gaige
Author URI:     http://shop.restored316designs.com/themes
Description:    A mobile responsive WordPress theme built for the Kadence Framework by Lauren Gaige of Restored 316.
Version:        1_0_0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@font-face {
	font-family: 'Butler';
	src: url('fonts/Butler-UltraLight.woff2') format('woff2'),
		url('fonts/Butler-UltraLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Butler';
	src: url('fonts/Butler-Medium.woff2') format('woff2'),
		url('fonts/Butler-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Script';
	src: url('fonts/ScottyScript-Regular.woff2') format('woff2'),
		url('fonts/ScottyScript-Regular.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

a {
	cursor: pointer;

}

.popup-drawer .drawer-overlay {
	background-color: none;
}

/* Entries
--------------------------------------------- */

.archive .entry-meta,
.blog .entry-meta {
	display: block;
}

.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail {
	grid-template-columns: 1fr 1fr;
}

.pagination .nav-links {
	text-align: center;
}

.pagination .page-numbers {
	border-radius: 0;
	border: 1px solid transparent;
}

/* Blocks
--------------------------------------------- */

blockquote,
q {
	quotes: '“' '”';
}

blockquote {
	font-style: italic;
	padding-left: 0;
	border-left: 0px;
}

.entry-content blockquote {
	margin: var(--global-md-spacing) 0 0
}

blockquote cite,
blockquote .wp-block-pullquote__citation {
	color: var(--global-palette5);
	font-size: 13px;
	margin-top: 1em;
	position: relative;
	font-style: normal;
	display: block
}

.wp-block-kadence-spacer.aligncenter {
	width: 100%;
}

.rotate {
	position: absolute;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* Comments
--------------------------------------------- */

.comment-body {
	border-bottom: 1px solid var(--global-palette8);
}

.comment .avatar {
	height: 75px;
	left: -95px;
	width: 75px;
}

.comment-meta {
	margin-left: 95px;
}

/* Inputs
--------------------------------------------- */

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,
select {
	border: 1px solid var(--global-palette7);
	border-radius: 0;
}

.wp-block-search .wp-block-search__input {
	border: 1px solid var(--global-palette7);
	border-radius: 50px;
}

.wp-block-search .wp-block-search__button {
	border-color: var(--global-palette7);
}

.popup-drawer .drawer-overlay {
	background-color: transparent;
}


/* WooCommerce
--------------------------------------------- */

#wrapper .wc-block-grid .wc-block-grid__products .product-loop-boxed .entry-content-wrap,
#wrapper .wc-block-grid .wc-block-grid__products .woo-archive-action-on-hover .entry-content-wrap,
.woocommerce ul.products li.product .entry-content-wrap {
	border-radius: 0;
}

/* Contact Page Css*/
.contact-bx form .gform_body .gform_fields input,
.contact-bx form .gform_body .gform_fields textarea {
	border-color: black;
	color: #000;
	border-radius: 5px;
	height: 52px;
	padding: 0 20px;
}

.contact-bx form .gform_body .gform_fields input::placeholder,
.contact-bx form .gform_body .gform_fields textarea::placeholder {
	color: #000;
	text-transform: uppercase;
}

.contact-bx form .gform_body .gform_fields textarea {
	resize: none;
	height: 160px !important;
	padding: 20px;
}

.contact-bx .gform_footer {
	justify-self: center;
}

.contact-bx form .gform_body .gform_fields {
	grid-row-gap: 30px;
}

.contact-bx form .gform_footer .button {
	font-size: 15px !important;
	padding: 14px 50px;
	border-radius: 5px;
}

.contact-bx .gfield {
	position: relative;
}

.contact-bx .validation_message {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 1;
	width: 30px !important;
	min-height: 25px !important;
	border-radius: 50px;
	padding: 5px 35px 5px 10px !important;
	overflow: hidden;
	font-size: 0 !important;
	background-color: #fff !important;
	line-height: 1.2 !important;
	cursor: help;
	background: url(images/info.png) right center no-repeat !important;
	background-size: 20px !important;
	margin: 0 !important;
	border: 1px solid transparent !important;

}

.contact-bx .validation_message:hover {
	font-size: 10px !important;
	max-width: calc(100% - 20px) !important;
	width: auto !important;
	border: 1px solid #c02b0a !important;
	transition: all 0.3s ease-in-out;
	background-color: #fff !important;
}

.contact-bx #field_1_5 .validation_message{
    top: 20px !important;
    transform: translateY(-0%);
}
/* Contact Page Css */



@media (max-width: 1024px) and (min-width: 768px) {
	.kt-tab-layout-first-row.kt-gutter-none>.wp-block-kadence-column.inner-column-2 {
		margin-right: 1px;
	}

	.kt-tab-layout-first-row.kt-gutter-none>.wp-block-kadence-column.inner-column-3 {
		margin-left: -1px;
	}
}