/*
Theme Name: Signal House
Description: Signal House Theme
Author: Yelpix LLC
Author URI: https://yelpix.com/
Version: 1.0
Text Domain: signalhouse
*/

.form_field > span { width: 100%; }
.form .wpcf7-not-valid-tip { position: absolute; top: 102%; font-size: 1.3rem; }
.form .wpcf7-response-output { margin: 1.5rem 0 0 0 !important; padding: 0.5rem 1rem !important; }

.a-card_image:not(.story_img) .image img { height: 100%; object-fit: cover; }
.a-card_info .date { text-transform: uppercase; }
.pagination ul li span.current { color: var(--c-white); background: var(--c-main); }

.form textarea { resize: none; }

.subscribe_form .wpcf7-response-output { display: none; }

.show_after_submit { display: none; }

.hero.hero-landing { padding-top: 26rem; padding-bottom: 21rem; }
.hero.hero-landing h1 { margin-bottom: 4rem; }
.hero.hero-landing .sc_text { max-width: 100%; }

.pricing .calc_disclaimer { margin-top: 2rem; padding: 0 1rem; }

.hubspot_form {
	border-radius: var(--base-rd); 
	padding: 3rem;
	background: rgba(205, 208, 255, .34);
	color: #333;
}
.hubspot_form .form_title {
	margin-bottom: 2rem;
}
.hubspot_form input {
	position: relative;
	border-radius: calc(var(--base-rd) / 2);
	border: none;
	padding: 1.15rem 1.6rem !important;
	color: var(--c-main);
	min-height: 4.4rem !important;
	background: #fff;
	outline: none;
}
.hubspot_form label span:not(.hs-form-required) {
	font-family: var(--base-ff);
	font-size: var(--base-fz);
	color: #333;
}
.hubspot_form .actions input[type="submit"] {
	width: 100%;
	--sub-bg: var(--c-white);
	padding: var(--btn-pd);
	height: var(--btn-height);
	font-family: var(--btn-ff);
	font-size: var(--btn-fz);
	background: var(--btn-bg);
	color: var(--btn-color);
	border-radius: var(--btn-rd);
	border: 2px solid var(--btn-bg);
	transition: all var(--base-ts) ease-in-out;
	overflow: hidden;
	font-weight: 500;
}
.hubspot_form .actions {
	margin-bottom: 0;
	padding-bottom: 0;
}
.hubspot_form .actions input[type="submit"]:hover {
	background: transparent;
	color: var(--btn-bg);
	border-color: var(--btn-bg);
	font-family: var(--btn-ff);
	font-size: var(--btn-fz);
}
.hubspot_form .form_note {
	margin-top: 2rem;
}

.hero .sc_buttons {
	gap: 3rem;
}
.play_button {
	animation: pulse 1s infinite;
}
.play_button:hover {
	animation: unset;
}
.hero .play_button {
	
}
.play_button .btn_text {
	display: flex;
	gap: 15px;
}
.play_button svg {
	width: 25px;
	height: 25px;
}
.play_button svg path {
	fill: #ffffff;
	transition: all 0.2s ease-in-out;
}
.play_button:hover svg path {
	fill: var(--btn-bg);
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.form .row > .acceptance { margin-top: 0; }
.form .wpcf7-list-item { margin-left: 0; }
.form .row > .acceptance .wpcf7-list-item-label { font-size: 12px; line-height: 1.2; padding-left: 20px; display: block; margin-top: -21px; }

.sc_form { padding-bottom: 5rem; }

.megasubmenu.megasubmenu--pricing-v2 { grid-template-columns: repeat(4, 1fr); }
.megasubmenu_items .item.item_last { margin-top: 2rem; }

@media (max-width:991px) {
	.hero.hero-landing { padding-top: 15rem; padding-bottom: 15rem; min-height: 50rem; }
	
	.process_items { max-width: 100%; }
}

@media (max-width: 767px) {
	.hero .sc_buttons { gap: 10px; flex-direction: column; align-items: flex-start; }
	
	.process_items .row { row-gap: 4rem; }
	.process_items .col-6 { width: 100%; }
	.process_items .item { padding: 1.5rem 5rem; }
	.process_items .item .n { width: 2.5rem; height: 2.5rem; top: 1.5rem; left: 1.5rem; }
	
	.megasubmenu.megasubmenu--pricing-v2 { grid-template-columns: repeat(1, 1fr); }
}

/* Mega menu */
.header_content { align-items: inherit; align-content: inherit; }
.scrolled .header_nav { height: auto; }
.menu { position: static; align-items: inherit; align-content: inherit; }
.menu_link { height: 100%; }
.menu_item { position: static; }
.menu_item-with-megasubmenu>.menu_link { pointer-events: none; }
.menu_item-with-megasubmenu>.menu_link .icon { --i-size: 1rem; margin-left: 0.8rem; margin-top: 0.1rem; display: inline-flex; }
.megasubmenu { position: absolute; top: calc(100% + 0.4rem); left: 0; display: none; grid-template-columns: repeat(3, 1fr); gap: 2rem; background: #fff; box-shadow: 0px 8px 12px 0px #4D52A326; padding: 3rem 11rem; border-radius: 1.2rem; text-align: left; width: 100%; }
/* @media (min-width: 1200px) {
		.megasubmenu {
			max-height: calc(var(--vh,1vh) * 100 - 13rem);
		}
} */
@media (max-width: 1199px) {
	.megasubmenu { position: relative; top: 0; padding: 3rem; }
	.menu_item-with-megasubmenu>.menu_link { height: auto; }
}

@media (max-width: 767px) {
	.megasubmenu { grid-template-columns: repeat(1, 1fr); }
}

.menu_item-with-megasubmenu.open .megasubmenu { display: grid; }
.menu_item-with-megasubmenu.open>.menu_link,
.menu_item-with-megasubmenu.current_page_item>.menu_link { color: var(--c-alt); }
.megasubmenu a { font-size: 1.6rem; font-weight: 700; color: #4D52A3; }
.megasubmenu:before { content: ''; position: absolute; left: 0; top: -1.858rem; height: 1.858rem; width: 100%; }
.megasubmenu-title { position: relative; color: #CBCDEA; font-weight: 600; }
.megasubmenu-title:not(:last-child) { margin-bottom: 2rem; }
.megasubmenu_block { position: relative; min-height: 100%; display: flex; flex-direction: column; }
.megasubmenu_items { position: relative; border-radius: 1.2rem; padding: 2rem 4rem; background: #F8F9FF; display: grid; gap: 1rem; align-items: flex-start; align-content: flex-start; grid-template-columns: repeat(1, 1fr); flex: 1; }

@media (max-width: 1199px) {
	.megasubmenu_items { padding: 2rem; }
}

.megasubmenu_items .item { position: relative; display: grid; align-items: flex-start; align-content: flex-start; grid-template-columns: repeat(1, 1fr); gap: 0.5rem; text-decoration: none; }
.megasubmenu_items .item-title { position: relative; transition: all 0.2s ease; }
.megasubmenu_items .item:hover .item-title { color: var(--c-alt); }
.megasubmenu_items--with-text .item { border-radius: 1.2rem; padding: 2rem 4rem; background: #F8F9FF; min-height: 100%; }

@media (max-width: 1199px) {
	.megasubmenu_items--with-text .item { padding: 2rem; }
}

.megasubmenu_items--with-text .item_text { font-size: 1.2rem; font-weight: 400; color: #000000; }
.megasubmenu--products .megasubmenu_block { grid-column: -1 / 1; }
.megasubmenu--products .megasubmenu_items { padding: 0; border-radius: 0; background: none; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); align-items: inherit; align-content: inherit; gap: 2rem; }

@media (min-width: 1200px) {
		/* .megasubmenu--products .megasubmenu_items .item:last-child {
				grid-area: 1 / 3 / 3 / 4;
		} */
}

@media (max-width: 1199px) {
	.megasubmenu--products .megasubmenu_items { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; }
	.megasubmenu--products .megasubmenu-title { display: none; }
}

@media (max-width: 991px) {
	.megasubmenu--products .megasubmenu_items { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.megasubmenu--products .megasubmenu_items { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 768px) {
	.megasubmenu--pricing .megasubmenu_block:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.megasubmenu--pricing .megasubmenu_block:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
}

.megasubmenu--pricing .megasubmenu_items--with-text { padding: 0; border-radius: 0; background: none; align-items: inherit; align-content: inherit; grid-template-columns: repeat(2, 1fr); gap: 2rem; }

@media (max-width: 991px) {
	.megasubmenu--pricing .megasubmenu_items--with-text { grid-template-columns: repeat(1, 1fr); }
}

/* Tables */
.single .content table { font-size: 14px; width: fit-content; margin: 2rem auto; border-collapse: collapse; display: block; overflow-x: auto; border: 0; }
.single .content th, .single .content td { border: 2px solid #f8f9ff; }
.single .content thead th { color: #fff; background: #383875; padding: 5px; }
.single .content tbody td { padding: 10px 5px 10px 10px; position: relative; }
.single .content tbody td:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #383875; }

.load_more a.active { pointer-events: none; opacity: 0.5; }