/*
Theme Name: HelluvaStock Block Theme
Author: IBN (InvestorBrandNetwork)
Author URI: https://www.investorbrandnetwork.com
Theme URI: 
Tags: 
Text Domain: 
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


html {
	scroll-behavior: smooth;
	scroll-padding-top: 160px;
}

body {
	font-family: 'Inter', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400 !important;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', serif;
	font-weight: 700;
	font-style: normal;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 28px;
}

h5 {
	font-size: 24px;	
}

h6 {
	font-size: 18px;
}


strong {font-weight: 700;}

em {
	font-style: italic;
}

a {
	color: #ff9900;
	text-decoration: none;
}

a:visited {
	color: #ff9900;
	text-decoration: none;
	-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

a:hover, a:visited:hover {
	color: #ffaf00;
	cursor: pointer;
	-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}






article a {border-bottom: 1px solid rgba(72,150,48,0);}
article a:hover, article a:visited:hover {border-bottom: 1px solid rgba(72,150,48,1);}


/* --------------------------------- */	
/* Gradients */	
/* --------------------------------- */


	.gradient-lime-green {
	  background-color: #489630;
	  background-image: linear-gradient(0deg, #0a6031, #b0f700);
	  background-size: 100%;
	  background-repeat: repeat;
	  -webkit-background-clip: text;
	  -moz-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  -moz-text-fill-color: transparent;
	}

	.gradient-blue-darkblue {
	  background-color: #004f90;
	  background-image: linear-gradient(0deg, #004f90, #2765d8);
	  background-size: 100%;
	  background-repeat: repeat;
	  -webkit-background-clip: text;
	  -moz-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  -moz-text-fill-color: transparent;
	}


/* --------------------------------- */	
/* Global Page Widths */	
/* --------------------------------- */

	.alignwide {
		margin: 32px calc(50% - 50vw) !important;
		max-width: 1800px;
		width: 100vw;
	}

	.alignfull {
		margin: 32px calc(50% - 50vw) !important;
		max-width: 100vw;
		width: 100vw;
	}


/* --------------------------------- */	
/* Buttons */	
/* --------------------------------- */

	/* Main Bright Blue Buttons */	

	.wp-block-button__link.has-primary-color.has-lime-background-color, .wp-block-button__link.has-primary-color.has-lime-background-color:visited {
		-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	}

	.wp-block-button__link.has-primary-color.has-lime-background-color:hover, .wp-block-button__link.has-primary-color.has-lime-background-color:visited:hover {
		background-color: #ff9900 !important;
		color: #ffffff;
	}




	/* Meeting Buttons */

		.meeting-links {
			position: relative;
		}

		.wp-block-button.meeting a, .wp-block-button.meeting a:visited {
			padding: 24px 20px 24px 80px;
			text-align: left;
			font-size: 14px !important;
			color: #ffffff !important;
			line-height: 18px;
			-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
		}

		.wp-block-button.meeting a:hover, .wp-block-button.meeting a:visited:hover {
			background-color: #0a6031 !important;
			color: #ffffff !important;
		}


			/* Generic Member */

			.wp-block-button.meeting.team::before {
				position: absolute;
				left: 12px;
				top: 12px;
				height: 60px;
				width: 60px;
				background-color: #367ee0;
				background-image: url('/wp-content/uploads/team-member.png');
				background-size: contain;
				border-radius: 40px;
				content: " ";
			}




/* --------------------------------- */	
/* Header / Masthead / Navigation */	
/* --------------------------------- */



		#Masthead {
			position: fixed;
			z-index: 1000;
			width: 100%;
			height: 100px;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			-webkit-backdrop-filter: brightness(100%) blur(0);
			backdrop-filter: brightness(100%) blur(0);
			background-color: rgba(255,255,255,0.0);
			box-shadow: 0 0 4px rgba(34,33,81,0.0),0 4px 14px rgba(34,33,81,0);
			text-align: center;
			display: flex;
			align-content: space-around;
			-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
		}
		
		#Masthead.active {
			-webkit-backdrop-filter: brightness(100%) blur(20px);
			backdrop-filter: brightness(100%) blur(20px);
			box-shadow: 0 0 4px rgba(34,33,81,0.01),0 4px 14px rgba(34,33,81,0.14);
			background-color: rgba(255,255,255,0.60);
		}
				
		
		.masthead-group {
			display: flex;
			justify-items: stretch;
			align-content: space-around;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto !important;
			padding: 0 2rem !important;
			width: 100%;
			max-width: 1600px;
		}

			.masthead-group nav {
				margin-block-start: 0 !important;
			}


		/* Main Menu / Navigation */

		#Masthead .site-logo img {
			width: auto;
			height: 70px;
			align-self: center;
		}

		.home #Masthead .site-logo img {
			opacity: 0;
			-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
		}

		.home #Masthead.active .site-logo img {
			opacity: 1;
		}

		
			#Masthead nav a:hover {
				color: #ff9900;
			}


		.contact-link a {
			background-color: rgb(176,247,0) !important;
			color: #0c2633 !important;
			border-radius: 8px !important;
			padding: 12px 24px !important;
			-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
		}

			.contact-link a:hover {
				background-color: rgb(255,153,0) !important;
				color: #ffffff !important;
			}

/* --------------------------------- */	
/* Page Offset */	
/* --------------------------------- */
		

	#page {
		margin-top: 180px;
	}



/* --------------------------------- */	
/* Header / Masthead / Navigation */	
/* --------------------------------- */

	.yoast-breadcrumbs {
		font-size: 14px;
	}








/* --------------------------------- */	
/* Home Page */	
/* --------------------------------- */
		

	.page-template-home-page #page {
		margin: 0 auto;
		background: url("images/watermark-outlines.svg") center center;
		background-size: 90%;
		background-repeat: no-repeat;
		width: 100%;
		max-width: 1800px;
	}


	.home-billboard {
		width: 100%;
		height: 90vh;
		display: flex;
		align-items: center;		
	}

	.home-billboard .eyebrow {
		padding: 10px 24px 10px 24px;
		background-color: rgba(176,247,0,1);
		color: #0c2633;
		border-radius: 24px;
		font-size: 12px;
		line-height: 12px;
		width: fit-content;
	}

	.home-billboard h1 {
		font-size: 42px;
		line-height: 72px;
		margin-bottom: 10px;
	}

	.home-billboard h4 {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 40px auto;
		font-family: 'Inter', sans-serif;
		font-optical-sizing: auto;
		font-weight: 400 !important;
		font-style: normal;
		font-size: 16px;
		line-height: 28px;
	}

	.home-billboard .under-button {
		margin: 24px 0;
		font-size: 12px;
		line-height: 12px;
	}

	h4.pick-intro {
		width: 88%;
		margin: 40px auto 40px auto;
	}
	


	.homepage-bento {
		margin-block-start: 0;
	}

		.homepage-bento .homepage-bento-left {
			border-radius: 12px;
			padding: 0 40px 0 0;
			align-content: center;
		}

			.homepage-bento .homepage-bento-left h2 {
				font-size: 42px;
				line-height: 48px;
				margin-bottom: 28px;
			}

			.homepage-bento .homepage-bento-left p {
				margin-bottom: 28px;
			}


			.homepage-bento ul {
				margin: 10px 0;
				padding: 0;
				display: flex;
				flex-wrap: wrap;
			}

				.homepage-bento ul li {
					list-style-type: none;
					margin: 0 10px 10px 0;
					padding: 12px 24px 14px 24px;
					background-color: rgba(139,136,124,0.1);
					border-radius: 24px;
					font-size: 14px;
					line-height: 14px;
				}

		.homepage-bento .homepage-bento-right {
			
		}

			.homepage-bento .homepage-bento-right > div {
				align-items: normal;
			}

				.homepage-bento .homepage-bento-right .downstream {
					background-color: rgba(255,255,255,0.75);
					border-radius: 12px;
					padding: 40px;
				}

					.homepage-bento .homepage-bento-right .downstream strong {
						display: block;
						font-size: 48px;
						line-height: 48px;
						margin-bottom: 0px;
						background-color: #489630;
						background-image: linear-gradient(0deg, #0a6031 , #489630);
						background-size: 100%;
						background-repeat: repeat;
						-webkit-background-clip: text;
						-moz-background-clip: text;
						-webkit-text-fill-color: transparent;
						-moz-text-fill-color: transparent;
					}


				.homepage-bento .homepage-bento-right .social {
					background-color: rgba(255,255,255,0.75);
					border-radius: 12px;
					padding: 40px;
				}

					.homepage-bento .homepage-bento-right .social strong {
						display: block;
						font-size: 48px;
						line-height: 48px;
						margin-bottom: 0px;
						background-color: #489630;
						background-image: linear-gradient(0deg, #0a6031 , #489630);
						background-size: 100%;
						background-repeat: repeat;
						-webkit-background-clip: text;
						-moz-background-clip: text;
						-webkit-text-fill-color: transparent;
						-moz-text-fill-color: transparent;
					}




				.homepage-bento .homepage-bento-right .description {
					background-color: rgba(255,255,255,0.75);
					border-radius: 12px;
					padding: 40px;
				}


				.homepage-bento .homepage-bento-right .description p {
					/* font-size: 18px;
					line-height: 28px; */
				}





/* --------------------------------- */	
/* Use on Any Page */
/* --------------------------------- */	

	/* White Conent Panel */
	.white-content-panel {
		background-color: rgba(255,255,255,0.75);
		border-radius: 12px;
		padding: 28px;
	}

	/* Bubble Lists */

	ul.bubble-list, ul.bubble-list-up {
		margin: 10px 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

		ul.bubble-list li, ul.bubble-list-up li {
			list-style-type: none;
			margin: 0 10px 10px 0;
			padding: 12px 24px 14px 24px;
			background-color: rgba(139,136,124,0.1);
			border-radius: 24px;
			font-size: 14px;
			line-height: 14px;
			visibility: hidden;
		}




/* --------------------------------- */	
/* Pick List for Archives */
/* --------------------------------- */	

	.pick-list ul {
		margin-left: 0;
}

	.pick-list ul li {
		list-style-type: none;
		margin-left: 0;
		margin-bottom: 32px;
	}

		.pick-list ul li em {
			display: block;
			padding: 5px 12px;
			background-color: rgba(176,247,0,1);
			color: #0c2633;
			border-radius: 24px;
			font-size: 12px;
			line-height: 12px;
			width: fit-content;
			font-style: normal;
			margin-bottom: 8px;
		}



/* --------------------------------- */	
/* Newsletter Panel */
/* --------------------------------- */	

	.newsletter-panel {
		
	}

		.newsletter-panel-content {
			background-image: url("images/helluvastock-bull.png");
			background-position: right center;
			background-size: auto 100%;
			background-repeat: no-repeat;
		}


		.newsletter-panel-content-form {
			width: 60%;
		}


		.newsletter-panel h2 {
			font-size: 48px;
		}

		.newsletter-panel p a, .newsletter-panel p a:visited {
			color: #00a0d2;
		}

			.newsletter-panel p a:hover, .newsletter-panel p a:visited:hover {
				color: #ffffff;
			}

		.newsletter-panel .gfield_required .gfield_required_text, .newsletter-panel .gform-field-label--type-sub {
			color: rgb(134, 134, 134) !important;
		}

		.newsletter-panel .gform_submission_error {color: #dba02f !important;}

		#gform_submit_button_2 {
			font-size: 16px;
			padding: calc(0.667em + 2px) calc(1.333em + 2px);
			border-radius: 8px;
			background-color: rgb(176,247,0);
			color: rgb(19,50,91);
		}

			#gform_submit_button_2:hover {
				background-color: #ffffff;
				color: rgb(19,50,91);
			}


		.newsletter-images {
			position: relative;
			right: -60px;
		}

			.newsletter-images figure {
				background-color: #ffffff;
				padding: 6px;
				position: absolute;
			}
		
				.newsletter-images figure.wp-block-image {
					background-color: #ffffff;
				}

				.newsletter-images figure:first-of-type {
					z-index: 15;
					top: 0;
					left: 0;
					opacity: 1;
					transform:
						rotateX(51deg)
						rotateZ(43deg);
					transform-style: preserve-3d;
					box-shadow:
						1px 1px 0 1px #f9f9fb,
						-1px 0 28px 0 rgba(34, 33, 81, 0.01),
						28px 28px 28px 0 rgba(34, 33, 81, 0.25);
					transition:
						.4s ease-in-out transform,
						.4s ease-in-out box-shadow;
				}

				.newsletter-images figure:nth-of-type(2) {
					z-index: 10;
					opacity: .8;
					transform:
						rotateX(51deg)
						rotateZ(43deg);
					transform-style: preserve-3d;
					box-shadow:
						1px 1px 0 1px #f9f9fb,
						-1px 0 28px 0 rgba(34, 33, 81, 0.01),
						28px 28px 28px 0 rgba(34, 33, 81, 0.25);
					transition:
						.4s ease-in-out transform,
						.4s ease-in-out box-shadow;
				}
				


			  .newsletter-images figure:first-of-type:hover {
				transform:
				  translate3d(0px, -24px, 0px)
				  rotateX(51deg)
				  rotateZ(43deg);
				box-shadow:
				  1px 1px 0 1px #f9f9fb,
				  -1px 0 28px 0 rgba(34, 33, 81, 0.01),
				  54px 54px 28px -10px rgba(34, 33, 81, 0.15);
			  }



/* --------------------------------- */	
/* Search Results */	
/* --------------------------------- */

	.search h5 {
		margin-block-start: 0.67em;
		margin-block-end: 0.67em;
	}

	.search hr.wp-block-separator {
		background-color: rgba(120,120,120,0.1);
		height: 4px;
  		border: none;
		margin: 40px 0;
	}



/* --------------------------------- */	
/* Contact Form */	
/* --------------------------------- */

	.label-bold legend, .label-bold .gfield_label.gform-field-label {
		font-weight: 700 !important;
		margin-bottom: 24px !important;
	}

	.gform-body.gform_body hr {
		background-color: rgba(120,120,120,0.1);
		height: 4px;
  		border: none;
	}

	#gform_submit_button_1 {
		background-color: rgb(72,150,48) !important;
		color: #ffffff !important;
	}

		#gform_submit_button_1:hover {
			background-color: rgb(12,38,51) !important;
			color: #ffffff !important;
		}



/* --------------------------------- */	
/* footer */	
/* --------------------------------- */

	footer .address {
		font-size: 14px;
		line-height: 18px;
	}

	.txt-italic em {
		font-size: 75%;
		opacity: 75%;
	}

	footer nav a:hover {
		color: #367ee0;
	}

	footer nav li.contact-link {
		margin-top: 10px !important;	
		color: #ffffff;
	}
	
		footer nav .contact-link a:hover {
			color: #ffffff;
		}

	.social-icons {
		text-align: right;
	}

	.copyright {
		
	}




/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Mobile */


@media screen and (max-width:769px){
	



	/* --------------------------------- */	
	/* Header / Masthead / Navigation */	
	/* --------------------------------- */

		#Masthead {
			height: 75px;
		}
	
		#Masthead .site-logo {
			position: relative;
			z-index: 1100;
		}
	
		#Masthead .site-logo img {
			width: auto;
			height: 30px;
			align-self: center;
		}	

		
	
		.wp-block-navigation__responsive-container.is-menu-open {
			height: 100vh;
			z-index: 1050;
		}

			#modal-1-content {
			  padding: 100px 40px;
			}

	
	
	/* --------------------------------- */	
	/* Homepage Billboard */	
	/* --------------------------------- */
	

		.home-billboard {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;	
			padding-top: 100px;
		}
	
	

		.home-billboard h1 {
			font-size: 32px;
			line-height: 42px;
			margin-bottom: 20px;
		}

		.home-billboard h4 {
			font-size: 18px;
			line-height: 28px;
			margin-bottom: 20px;
		}
	
	
		
	
	
	/* Homepage Bento */
	
		.homepage-bento .homepage-bento-right > div {
			flex-wrap: wrap;
		}
	
	
	
	
	
	/* --------------------------------- */	
	/* Page Offset */	
	/* --------------------------------- */
		

	#page {
		margin-top: 100px;
	}

	
		.followus {
			font-size: 28px;
			padding: 0 0 40px 0 !important;		
		}
	
		.contact-sidebar {
			padding: 0 !important;		
		}
	
			.contact-sidebar > div {
				padding: 40px 0 !important;		
			}
	
	
	/* --------------------------------- */	
	/* Footer Elements */	
	/* --------------------------------- */
	
		
	
		.newsletter-panel {
			width: 96%;
			margin: 0 auto 40px auto;
			padding: 2% !important;
		}
	
		.newsletter-panel-content {
			background-image: none;
			background-position: right center;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}


		.newsletter-panel-content-form {
			width: 90%;
		}


		.newsletter-panel h2 {
			font-size: 36px;
		}

		.newsletter-panel p a, .newsletter-panel p a:visited {
			color: #00a0d2;
		}

			.newsletter-panel p a:hover, .newsletter-panel p a:visited:hover {
				color: #ffffff;
			}
	
	

		.txt-italic em {
			font-size: 75%;
			opacity: 75%;
		}
	
	
		.footer-contact {
			text-align: center;
		}

		.footer-links {
			text-align: center;
		}
	
			.footer-links .wp-block-navigation.is-vertical {
				text-align: center;
			    margin: 0 auto;
				--navigation-layout-align: center;
			}

	
		footer .social-icons {
			text-align: center;
		}

		footer .wp-block-buttons.is-content-justification-right {
			justify-content: center;
		}

		footer .copyright {
			text-align: center;
		}

	
}