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

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

 a {
	 cursor: pointer;

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

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

.archive .entry,
.blog .entry {
	text-align: center;
}

.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;
}

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

.main-navigation .menu > .menu-item > a {
	position: relative;
	padding: 6px 0;
	overflow: hidden;
}

.main-navigation .menu > .menu-item > a::after {
	content: "";
	position: absolute;
	top: 0;
	left: calc(37%);
	width: 22px;
	height: 11px;
	background-image: var(--wpr-bg-481894fb-ff76-4c45-b53a-9f844b426f95);
	background-repeat: no-repeat;
	opacity: 0;
	transition: all 500ms ease;
}

.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item > a:active::after {
	opacity: 1;
	animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

.menu .right a {
	border-right: 1px solid var(--global-palette7);
}

.menu .left a {
	border-left: 1px solid var(--global-palette7);
}

ul.menu .right ul li.menu-item > a,
ul.menu .left ul li.menu-item > a {
	border: none;
}

/* 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 img {
  	transition: transform .7s ease-in-out;
}

.rotate img:hover {
  	transform: rotate(3deg);
}

.accordion-height {
	height: 114px;
}

@media (max-width: 767px){
	
	.accordion-height {
		height: auto;
	}
	
}

/* 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;
}

@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;
	}
}