/*
Theme Name: Vote Angel Freedman
Text Domain: mychildvoteangeltheme
Author: Lirva Productions
Author URI: https://www.lirvaproductions.com
Description: Child theme of Lirva Gemini for Vote Angel Freedman
Template: Lirva-Gemini
Version: 1.0.0
*/ 

body {
	background-color:		#ffffff;
	font-family:			'Open Sans', sans-serif;
	font-family: 			Georgia, "Times New Roman", Times, serif;
	font-size:				16px;
	line-height:   			26px;
	color:					#161616;
	margin:					0;
}

a, a:visited {
	color:					#161616;
  	text-decoration:		underline;
}

a:hover  {
	color:					#161616;
  	text-decoration:		underline;
}


/* PAGE HEADER */
#page-header ul {
	padding-left:			0;
    margin-top: 			0;
    margin-bottom: 			0;
}

#page-header ul li {
	list-style-type:		none;
	padding-left: 			0;
    margin-bottom: 			0;
}

#page-header ul li a {
	color:					#ffffff;
	text-decoration:		none;
}

#page-header {
	position:				relative;
    min-height: 			280px;
	width:					100%;
	background-color: 		rgba(0, 0, 0, 0.8);
	margin:					0 0 25px 0;
}

#page-header .page-title {
    min-height: 			280px;
    display: 				flex;
    align-items: 			center;
    justify-content: 		center;
	background-color: 		rgba(0, 0, 0, 0.7);
    z-index:				2;
    padding-right: 			15px;
    padding-left: 			15px;
}

#page-header .page-title h1 {
	font-size:				44px;
	color:					#ffffff;
}

body #page-header {
    background-repeat: 		no-repeat;
    background-size: 		cover;
    -o-object-fit: 			cover;
    object-fit: 			cover;
}

#page-header {
	background-image:  		url(https://www.voteangelfreedman.ca/wp-content/themes/Lirva-VoteAngel/images/page-bg.jpg);
    background-position: 	50% 25%;
}

h1, h2, h3, h4 {
	font-family:			'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
	font-family: 			Georgia, "Times New Roman", Times, serif;
}

h1 {
	display: 				flex;
    align-items: 			center;
    position: 				relative;
	font-size:				38px;
	line-height:      		50px;
	font-weight:			300;
	text-transform:			uppercase;
	padding:				0 0 0 0;
	margin:					0 0 2px 0;
	z-index:				5;
}

h2 {
	font-size:				32px;
	font-weight:			300;
	line-height:      		36px;
	text-transform:			uppercase;
	margin: 				10px 0 10px 0;
}

h3 {
	font-size:				34px;
	font-weight:			600;
	line-height:      		38px;
	color:					#f4e878;
	margin: 				10px 0 10px 0;
}

h4 {
	font-size: 				30px;
	font-weight:			600;
	line-height: 			1.2em;
	margin: 				10px 0 5px 0;
}

h5 {
	font-size: 				22px;
	font-weight:			500;
	line-height: 			1.2em;
	margin: 				10px 0 5px 0;
}

p { 
	margin-top: 			18px;
    margin-bottom: 			18px;
}

p.bold-heading { 
    margin-bottom: 			15px;
}

b, strong {
    font-weight: 			bold;
}


/* LAYOUT */
div#primary, #main-content {
	background:				#ffffff;
	padding:				0 0 25px 0;
	margin:					0 auto;	
}

.container {
    max-width: 				1400px;
	padding-top:			20px;
	padding-bottom:			20px;
	margin:					0 auto;
}

.container p, .container-fluid p { 
	margin-top: 			10px;
    margin-bottom: 			20px;
}

.is-layout-flex > :is(*, div) {
    margin: 				0 auto;
}

body.home #main-content {
    max-width: 				100%;
	padding:				0;
	margin:					0;
}

body.home div#content {
	margin:					0;
}

.wp-block-columns {
	margin-bottom: 			0.8em;
}

div[class*="col-"] {
	margin-top: 			8px;
	margin-bottom: 			8px;
}

.overlay {
	background-color: 		rgba(247, 247, 247, 0.7);
}

.opaque {
	background-color: 		rgba(247, 247, 247, 0.9);
}

.box-style {
	border-radius:			4px;
	border:					2px solid #ffffff;
}

figure {
    margin: 				15px 0 15px 0;
}

img.responsive {
	max-width: 				100%;
	height: 				auto;	
}

img.align-right {
	float: 					right;    
	margin: 				0 0 0 15px;
}

img.align-left {
	float: 					left;    
	margin: 				0 15px 0 0;
}

img.align-none {
	float: 					none;    
	margin: 				5px 5px 5px 0;
}

.fade {
    opacity: 				0.5;
    transition: 			opacity .65s ease-in-out;
}

.fade:hover {
    opacity: 				1;
}

.parallax {
    background-attachment: 	fixed;
    background-position: 	center;
    background-repeat: 		no-repeat;
    background-size: 		cover;
}

.shadow {
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

.w-border {
	border:					2px solid #ffffff;
}

.zoom:hover {
	transform: 				scale(1.15);
	font-size: 				18px;
}

.zoom {
	transition: 			transform .2s;
}

.fadein {
    opacity:				0;
}

#call2action .c2a-item h3.wp-block-heading:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	vertical-align:			middle;
}

.divider {
	background:				rgba(255, 230, 0, 1);
	height: 				1px;
	width:					74%;
	margin:					18px auto 35px auto;
	z-index:				5;
}

.fine-print {
	font-size:				14px;
	color:					#787878;
	font-weight:			bold;
}


/* SITE STYLES */
.the-date {
	display:				inline-block;	
    font-size: 				15px;
    font-weight: 			normal;
	text-transform: 		capitalize;
	margin:					0 0 5px 0;
}


#related p {
    font-size: 				14px;
	line-height: 			20px;
    margin-top: 			5px;
    margin-bottom: 			20px;
}

#right-sidebar .sidebar {
	height:					100%;
	background:				#f7f7f7;
    background-color: 		rgba(0, 95, 135, 0.2);
    font-size: 				14px;
	line-height: 			20px;
	margin-bottom:			12px;
}

#right-sidebar h3 {
    background-color: 		rgba(0, 95, 135, 1);
	color:					#ffffff;
    font-size: 				18px;
	line-height: 			24px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	text-decoration:		none;
	padding:				10px 18px 10px 18px;
	margin: 				2px 0 10px 0;
}

#right-sidebar .the-date, #right-sidebar .the-author {
    font-size: 				12.5px;
	margin:					0 0 0 0;
}

#right-sidebar .the-excerpt {
	margin: 				8px 0 0 0;
}

#right-sidebar ul {
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
	padding:				0 15px 0 15px;
}

#right-sidebar ul li {
	list-style-type:		none;
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
}

#right-sidebar .sidebar ul li {
	padding:				5px 0 15px 0;
	margin-bottom:			12px;
	border-bottom:			1px solid #ffffff;
}

#right-sidebar .sidebar ul li:last-child {
	border-bottom:			none;
}

#right-sidebar .sidebar ul li a {
	display:				block;
}

#right-sidebar .sidebar ul li a.title {
    font-size: 				14px;
    font-weight: 			600;
	line-height: 			22px;
    text-transform: 		uppercase;
	text-decoration:		none;
	margin:					0 0 2px 0;
}

#right-sidebar .sidebar ul li a.read-more {
    font-size: 				13px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	margin:					8px 0 4px 0;
}

#right-sidebar img {
	width:					100%;
	max-width: 				65px;
	height:					auto;
	float:					left;	
	margin:					4px 10px 4px 0;
}

.tags a {
	display:				inline-block;
	background:				#f7f7f7;
	font-size:				13px;
	line-height:			20px;
	text-transform:			uppercase;
	text-decoration:		none;
	border:					1px solid #cccccc;
	border-radius:			6px;
	padding:				2px 6px 2px 6px;
	margin:					5px 5px 5px 0;	
}

.tags a:hover {
	text-decoration:		underline;
}


/* HOME PAGE */
body.home {
	position:				relative;
}

#home-header {
	background:				#333333;	
	color:					#ffffff;
	margin-bottom:			0;
}

#home-header .hh-text {
    display: 				flex;
    justify-content: 		center;
    flex-direction: 		column;
	align-items:			flex-start;
	
    font-size: 				21px;
    font-weight: 			500;
	line-height:      		32px;
    margin: 				10px 0 5px 0;
}

#home-header div.candidate {
	font-size:				28px;
	line-height:      		32px;
	font-weight:			300;
	margin:					0 0 15px 0;
}

#home-header div.candidate-region {
	font-size:				18px;
	line-height:      		28px;
	font-weight:			300;
	text-transform:			uppercase;
}

#home-header div.slogan {
	font-size:				28px;
	line-height:      		38px;
	font-weight:			300;
	color:					#f4e878;
	text-transform:			uppercase;
	margin:					55px 0 8px 0;
}

#home-header div.slogan span {
	display: 				inline-flex;
    flex-direction: 		row;
    align-items: 			center;
	margin:					0 22px 0 0;
}

#home-header div.slogan span:before {
	font-family: 			'Material Symbols Outlined';
	content: 				"\f1fe";
    color: 					#ffffff;
    font-size: 				48px;
	line-height:			5px;
    font-weight: 			300;
	margin-left:			-8px;
}

#home-header div.slogan-text {
	margin:					0 0 15px  0;
}

#home-header div.slogan-text span {
	color:					#f4e878;
    font-weight: 			600;
}

div.candidate-image {
	text-align:				center;
	background:				#333333;
}

div.candidate-image figure {
	border:					10px solid #f4e878;
	border-radius:			5px;
    margin: 				15px;
}

div.candidate-image img {
	width: 					100%;
	max-width: 				525px;
	height: 				auto;
	margin:					0 auto;	
}

#get-involved {
	padding:				45px 0 0 0;
}

#get-involved div.gi-container {
	padding:				0 25px 0 25px;
}

#get-involved div.gi-container .item {
	max-width:				950px;
}

#donate-on-home {
	background-image: 		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2000' height='760' preserveAspectRatio='none' viewBox='0 0 2000 760'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1131%26quot%3b)' fill='none'%3e%3crect width='2000' height='760' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1132%26quot%3b)'%3e%3c/rect%3e%3cpath d='M2000 0L1374.98 0L2000 56.22z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1374.98 0L2000 56.22L2000 314.39L681.37 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M681.3699999999999 0L2000 314.39L2000 533.72L346.2599999999999 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M346.25999999999976 0L2000 533.72L2000 663.52L209.83999999999978 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 760L134.49 760L0 568.34z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 568.34L134.49 760L1131.51 760L0 261.74z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 261.74L1131.51 760L1354.55 760L0 172.77z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 172.76999999999998L1354.55 760L1375.53 760L0 109.03999999999999z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1131'%3e%3crect width='2000' height='760' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1132'%3e%3cstop stop-color='rgba(231%2c 231%2c 231%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(238%2c 235%2c 235%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
	padding:				65px 0 65px 0;
	margin:					0;
}

#donate-on-home img {
	border:					1px solid #cccccc;
}

#donate-on-home p.button {
	border:					1px solid #333333;
}

#donate-on-home p {
    margin-top: 			12px;
    margin-bottom: 			12px;
}

#recent-news-on-home {
	background-image: 		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1840' height='660' preserveAspectRatio='none' viewBox='0 0 1840 660'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1243%26quot%3b)' fill='none'%3e%3crect width='1840' height='660' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1244%26quot%3b)'%3e%3c/rect%3e%3cpath d='M 0%2c466 C 122.8%2c415 368.4%2c205.6 614%2c211 C 859.6%2c216.4 982.8%2c497.8 1228%2c493 C 1473.2%2c488.2 1717.6%2c248.2 1840%2c187L1840 660L0 660z' fill='rgba(244%2c 232%2c 120%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1243'%3e%3crect width='1840' height='660' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='50%25' x2='100%25' y2='50%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1244'%3e%3cstop stop-color='rgba(244%2c 232%2c 120%2c 0.596)' offset='1'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 230%2c 0%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");

	background-size: 		cover;
	-o-object-fit: 			cover;
	object-fit: 			cover;

	padding:				55px 0 55px 0;
	margin:					55px 0 0 0;
}

#recent-news-on-home h1 {
    justify-content: 		center;
    margin: 				0 0 22px 0;
}

#recent-news-on-home .newsletter-grid {
	justify-content: 		center;
}

#recent-news-on-home .news-content {
	height:					100%;
    background: 			#ffffff;
	border-radius:			8px;
	padding:				22px 20px 22px 20px;
    box-shadow: 			-1px 5px 20px 2px rgb(204 204 204);
}

#recent-news-on-home .news-thumbnail {
    margin: 				0 0 15px 0;
}

#recent-news-on-home .news-thumbnail a {
    width: 					100%;
    height: 				318px;
    min-height: 			318px;
    display: 				inline-flex;
    align-items: 			center;
    text-align: 			center;
    border-radius: 			3px;
}

#recent-news-on-home .news-thumbnail img {
	width: 					100%;
	height: 				100%;
	background-size: 		cover;
	-o-object-fit: 			cover;
	object-fit: 			cover;
	object-position: 		left top;	
}

#recent-news-on-home h4.news-title {
    font-size: 				28px;
    font-weight: 			600;
    line-height: 			32px;
    margin: 				2px 0 15px 0;
}

#recent-news-on-home h4.news-title a {
	text-decoration:		none;	
}

#recent-news-on-home .news-excerpt {
	line-height: 			28px;
	margin:					15px 0 15px 0;	
}

#join-newsletter-list {
	margin:					55px auto 55px auto;
}

#call2action {
	padding:				5px 0 55px 0;
}

#call2action > div {
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
	flex-direction: 		column;
}

#call2action div.action-items {
	display: 				flex;
	justify-content: 		center;
	padding:				0;
	margin:					0;
}

#call2action .c2a-item {
    background: 			rgba(255, 255, 255, 1);
    box-shadow: 			-1px 5px 20px 2px rgb(204 204 204);
	padding:				0 0 12px 0;
	margin:					12px 0 12px 0;
}

#call2action h3.wp-block-heading {
    font-size: 				28px;
	font-weight:			400;
    background-color: 		rgba(0, 0, 0, 1);
    color: 					#f4e878;
    line-height: 			38px;
    padding: 				12px 22px 12px 22px;
    margin: 				0 0 15px 0;
}

#call2action .c2a-item h3.wp-block-heading:before {
    font-size: 				42px;
    margin-right: 			8px;
}

#call2action .c2a-vote h3.wp-block-heading:before {
    content: 				"\f8bb";
}

#call2action .c2a-donate h3.wp-block-heading:before {
    content: 				"\ea70";
}

#call2action .c2a-contact h3.wp-block-heading:before {
    content: 				"\e9cd";
}

#call2action .c2a-volunteer h3.wp-block-heading:before {
    content: 				"\e7ef";
}

#call2action p {
    margin: 				10px 24px 15px 29px;
}

#our-newsletter .wp-block-columns {
    display: 				flex;
    align-items: 			center;
	justify-content: 		center;
}

#subscribe-form-on-home {
	width:					99%;
	padding:				2px;
	margin: 				0 0 5px 0;
	border:					1px solid #cccccc;
	border-radius:			4px;
}

#subscribe-form-on-home div.es_form_wrapper{
	max-width: 				100% !important;
}

#subscribe-form-on-home form {
    padding: 				15px 20px;
	margin:					0;
}

#subscribe-form-on-home div.es-field-wrap.es-submit-container {
	margin:					0;	
}

#subscribe-form-on-home input[type="submit"] {
	background:				#333333;
	font-weight:			normal;
}

div.v-align {
    display: 				flex;
    justify-content: 		center;
    flex-direction: 		column;
    align-items: 			flex-start;
}

div.content-left {
	display: 				flex;
    justify-content: 		center;
    flex-direction: 		column;
    align-items: 			flex-start;
}

div.content-center {
	display: 				flex; 
	justify-content: 		center; 
	flex-direction: 		column; 
	align-items: 			center;
}


/* VOTE PAGE */
#voting-information {
	margin:					25px 0 35px 0;
}

#voting-information h3 {
	color:					#ffffff;
	font-weight:			normal;
    margin: 				0 0 12px 0;
}

#voting-information a {
	text-decoration:		none;
    color:                  #000000;
    font-weight:            400;
}

#voting-information .action-item {
	text-align:				center;	
	color:					#ffffff;
	padding:				15px 15px 22px 15px;
	margin:					0 0 25px 0;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

#voting-information .vote-info {
    font-size: 				18px;
}

#voting-information .vote-info span {
	display:				block;
    margin: 				0 0 12px 0;
}

#voting-information .vote-info span.date {
    font-size: 				25px;
    font-weight: 			600;
    line-height: 			32px;
}

#voting-information .colour-1 {
	background:				#174477;
	background:				rgba(0, 0, 0, 0.85);
}

#voting-information .colour-2 {
	background:				#236ab9;
	background:				rgba(0, 0, 0, 0.65);
}

#voting-information .colour-3 {
	background:				#1d5798;
	background:				rgba(0, 0, 0, 0.75);
}

#voting-information img {
	width: 					100%;
	max-width: 				225px;
	height: 				auto;
	margin:					0;
}

div.ward6map {
	text-align:				center;
	margin:					0 auto;
}

div.ward6map img {
	width: 					100%;
	max-width: 				725px;
	height: 				auto;
}


/* NEWSLETTER PAGE */
#category-newsletter div.the-newsletters .the-content {
	height:					100%;
	margin:					0 0 35px 0;
	border:					1px solid #cccccc;
}

#category-newsletter .panel {
    background-color: 		rgba(0, 0, 0, 0.9);
	color:					#f4e878;
	border-bottom:			1px solid #f4e878;
	padding:				4px 15px 4px 15px;
	margin:					0 0 2px 0;
}

#category-newsletter div[class*="col-"] {
    margin-top: 			8px;
    margin-bottom: 			28px;
}

#category-newsletter .nl-container {
	padding:				5px 15px 5px 15px;
}

#category-newsletter div.the-newsletters .page-content {
	padding:				5px 15px 15px 15px;	
}

#category-newsletter div.the-newsletters .the-content .row {
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
}

#category-newsletter div.the-newsletters .the-content p {
    margin-top: 			0;
    margin-bottom: 			20px;
}

#category-newsletter .button {
	min-height: 			30px;
    min-width:				125px;
 	font-size: 				17px;
	line-height:			26px;
	font-weight:    		400;
	padding:				11px 14px;
}

#category-newsletter div.newsletter-listings h2 a {
    color: 					#f4e878;
	text-decoration:		none;
	text-transform: 		capitalize;
}

#category-newsletter h3 {
    font-size: 				22px;
    font-weight: 			400;
    line-height: 			34px;
	color:					#333333;
    margin: 				10px 0 5px 0;
}

.single-top-panel {
	margin: 				0 0 15px 0;
}

.single-top-panel span {
	display:				inline-block;
	margin: 				0 15px 0 15px;
}

.single-top-panel a {
	display:				inline-block;
	font-size:				14px;
	text-decoration:		none;
	text-transform:			uppercase;
}

#category-newsletter h2 {
    font-size: 				25px;
    font-weight: 			400;
    line-height: 			34px;
    margin: 				2px 0 2px 0;	
}

#category-newsletter h2 a {
	text-decoration:		none;
	text-transform: 		capitalize;
}

#category-newsletter .the-date {
    margin: 				0 0 5px 0;	
}

#category-newsletter div.newsletter-listings .thumbnail {
    margin: 				0 0 15px 0;
}

#category-newsletter div.newsletter-listings .thumbnail a {
	width: 					100%;
	height: 				315px;
	display: 				inline-flex;
	align-items: 			center;
	text-align: 			center;
	border-radius:			3px;
}

#category-newsletter div.newsletter-listings .thumbnail a img {
	width: 					100%;
	height: 				100%;
	background-size: 		cover;
	-o-object-fit: 			cover;
	object-fit: 			cover;
	object-position: 		left top;	
}

#category-newsletter div.single-newsletter img {
	width: 					auto;
	max-width: 				600px;
	height:					auto;
}

#category-newsletter div.single-newsletter h3 {
	font-weight:			bold;
}

#category-newsletter div.the-newsletter div.subcribe2news {
    background-color: 		rgba(0, 0, 0, 0.9);
	color:					#ffffff;
    font-size: 				18px;
	line-height: 			24px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	text-decoration:		none;
	padding:				15px 18px 15px 18px;
	margin: 				0 0 35px 0;	
	border-radius:			4px;
}

#category-newsletter div.the-newsletter label, #category-newsletter div.the-newsletter label input {
	width:					100%;
}

#category-newsletter div.the-newsletter .the-date.text-muted {
    margin: 				0 0 5px 0;	
}

#category-newsletter.es_subscription_message.success {
	color: 					#ffffff;
    font-size: 				16px;
	text-transform:			none;
}


/* DONATE PAGE */
#donation {
	background-repeat: 		no-repeat; 
	margin:					15px 0 25px 0;
}

div.wc-donation-platform.wcdp-form  {
	background:				#ffffff;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
	padding:				15px 25px;
	margin-bottom:			15px;	
}

div#wcdp_va_amount .wcdp_amount {
    grid-template-columns: 	1fr 1fr 1fr 1fr;
}

#donation-form h3 {
    font-size: 				25px;
    font-weight: 			500;
    line-height: 			32px;
	color:					#f4e878;
	text-transform:			capitalize;
    margin: 				2px 0 2px 0;
	background: 			#333333;
	border-bottom:			1px solid #f4e878;
	padding:				6px 15px 6px 15px;
}

#donation-form .wcdp-row>label, #donation-form .wcdp-variation-heading {
	font-size:				23px;
    font-weight: 			500;
	text-transform:			capitalize;
	margin:					0 0 15px 0;
}

abbr[title] {
    -webkit-text-decoration: none;
    text-decoration: 		none;
    cursor: 				none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

#donation-form .wcdp-row>.wcdp_options>li {
	padding-left:			0;
}

#donation-form ul.wcdp_options>li>input:checked+label, #donation-form ul.wcdp_options>li>input:checked+label span {
    background: 			#f4e878;
}

#donation-form .wcdp_options>li>label {
    background: 			#333333;
    color: 					#ffffff;
    font-size: 				19px;
	border-radius:			5px;
}

.wcdp_options>li>input:checked+label:after {
    content: 				"✓" !important;
    font-size: 				22px;
}

#donation-form ul.wcdp_options>li>input:checked+label, #donation-form ul.wcdp_options>li>input:checked+label span {
    color: 					#333333;
}

#donation-form .wcdp_options>li>input:checked+label:after {
    color: 					#333333;
}

#donation div.wp-block-columns.is-layout-flex, #donation :where(.wp-block-columns.is-layout-flex){
    gap: 					4em;
}

table.woocommerce-checkout-review-order-table {
	margin:					15px -1px 24px 0;
}

div.woocommerce-billing-fields, div.woocommerce-additional-fields__field-wrapper {
	margin:					0 0 24px 0;
}

#ways2donate {
	position:				relative;
	font-size:				15px;
	line-height:			22px;	
}

#ways2donate h4.header {
	background: 			rgba(255, 255, 255, 0.7);
	padding:				10px 15px 10px 15px;
}

div.donate-container {
	position:				relative;
}

div.donate-options {
	max-width:				465px;
	border-radius:			4px;
	margin-bottom:			15px;
	position: 				sticky;
	top: 					330px;
	right: 					255px;
    z-index: 				999;
}

div.donate-options h4 {
    margin: 				10px 0 8px 0;
}

div.donate-options .option {
    background: 			rgba(244, 232, 120, 1);
	border-left:			8px solid #333333;
	padding:				15px 25px 25px 25px;
    margin: 				2px 0 22px 0;
}

div.donate-options span {
	display:				block;
	font-weight:			600;
	margin-bottom:			8px;
}

div.wcdp-body {
	display:				block;	
}

#donation-form .wcdp-divider-arrow {
    display: 				none;
}

#donation-form .wcdp-divider {
	height:					1px;
}


/* CONTACT PAGE / FORMS / DEFAULT STYLES */
.wpcf7 {
    margin: 				15px 0 4px 0;
}
	
.wpcf7-spinner {
    background-color: 		#23282d;
    opacity: 				0.75;
    width: 					24px;
    height: 				24px;
    margin: 				0 4px;
}

.wpcf7 form .wpcf7-response-output {
	font-size:				15px;
	text-align:				center;
    margin: 				0.1em 0.5em 1em;
    padding: 				0.2em 0.5em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color:			#dc3232;
}

.wpcf7 label {
	margin-top: 			0.2rem;
    margin-bottom: 			0.45rem;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select, input, select {
    background-color: 		#fff;
    color: 					#000;
	border: 				1px solid #cccccc;
	border-radius:			3px;
	padding:				6px 6px 6px 6px;
}

input[type="checkbox"] {
	margin:					0 2px 0 0;
}

.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7 select:focus, input[type="date"]:focus {
	outline:				2px solid #ffcc08;
}

.wpcf7-not-valid-tip {
    color: 					#dc3232;
    font-size: 				0.8em;
    font-weight: 			bold;
}


/* VOLUNTEER FORM */
#get-involved-form {
	position:				relative;
	font-size:				15px;
	line-height:			22px;
	background:				#f7f7f7;
	border-radius:			4px;
	padding:				5px 25px;
}

#get-involved-form span.item {
	width:					47%;
	display:				inline-block;
	margin:					0 8px 15px 8px;
}

#get-involved-form span.item.oneline {
	width:					98%;
	display:				block;
}

#get-involved-form span.item span.label {
	display:				block;
	color:					#333333;
	font-weight:			600;
	margin:					0 0 1px 0;
}

#get-involved-form span.item input, #get-involved-form textarea {
	width:					100%;
}

#get-involved-form span.item.oneline input {
	width:					auto;
}

#get-involved-form .wpcf7-list-item {
    margin: 				0 1em 0 0;
}

#get-involved-form span.item.oneline label  {
	display: flex;
	flex-direction: row; /* Stack vertically */
	gap: 8px;              /* Creates the space between label and input */
	align-items: flex-start; /* Prevents input from stretching if undesirable */
}

span.wpcf7-list-item-label  {
	width: 100%;           /* Ensures label takes full width of container */
	word-break: break-word; /* Forces breakdown of exceptionally long words */
}

#get-involved-form span.item.oneline .wpcf7-list-item input {
    margin: 				6px 0 0 0;
}

#get-involved-form .submit-btn {
	margin:					0 8px 15px 8px;	
}


/* CONTACT PAGE */
#contact-page {
	position:				relative;
	z-index:				1;
    padding-top: 			0;
    padding-bottom: 		0;
	margin-top:				2px;
	margin-bottom:			15px;
}

#contact-page .row div[class*="col-"] {
    margin-top: 			18px;
    margin-bottom: 			18px;
}

#contact-page p {
    margin-top: 			1px;
    margin-bottom: 			1px;
}

#contact-page span {
	display:				block;
	margin:					0 0 2px 0;
}

#contact-page .contact-form {
	width:					98%;
	background:				#ffffff;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
	padding:				5px 25px;
}

.contact-form {
	position: 				relative;
    z-index:				1;
}

#contact-page .contact-form label span {
	display:				block;
	margin:					0 0 1px 0;
}

#contact-page label input, #contact-page label textarea {
	width:					100%;
    padding: 				9px 7px 9px 7px;
}

#contact-page label {
    width:					100%;
    margin-bottom: 			0.9rem;
}

#contact-page .contact-info {
	position:				relative;
}

#contact-page h5 {
	display: 				flex;
	align-items: 			center;
	height: 				32px;
	font-size: 				18px;
	color: 					#8c8c8c;
	text-transform: 		uppercase;
	padding-left: 			5px;
	border-left: 			5px solid #f4e878;
	margin-bottom: 			22px;
}

#contact-page .company-name {
	position:				relative;
	font-size:				17px;
	line-height:			24px;
	font-weight:			500;
	margin:					8px 0 5px 0;		
}

#contact-page div.submit-btn input {
	width:					100%;
}

#contact-page div.submit-btn .button:hover {
    border: 				1px solid #ffffff;
}

#contact-page .address-location {
	display:				block;
	text-decoration:		none;
	margin:					15px 0 0 0;	
}

#contact-page .map {
	margin:					25px 0 0 0;
}

#contact-page img.ward6map {
	width: 					100%;
	max-width: 				725px;
	height: 				auto;
}


/* POST PAGE PAGINATION */
#paginator a.page-numbers, #paginator span.page-numbers {
	display:				inline-block;
	font-size:				16px;
	line-height:			26px;
	text-decoration:		none;
    margin: 				2px 10px 2px 0;
	padding:				1px 8px 1px 8px;
	border:					1px solid #cccccc;	
}

#paginator span.current, #paginator a.page-numbers:hover {
	background:				#2e6499;
	color:					#ffffff;
}

#paginator a:hover {
	text-decoration:		none;
}

.pagination {
	padding-left:			15px;
	padding-right:			15px;	
}

a.goback {
	font-size:				14px;
	text-decoration:		none;
	text-transform:			uppercase;
}

a.goback:hover {
	text-decoration:		underline;
}

a.goback:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\e5cb";
	font-size:				32px;
	vertical-align:			middle;
	margin-left: 			-12px;
}


/* REVEAL ANIMATION */
.reveal {
	position: 				relative;
	transform: 				translateY(150px);
	opacity: 				0;
	transition: 			0.9s all ease;
}

.reveal.active{
	transform: 				translateY(0);
	opacity: 				1;
}


/* SOCIAL MEDIA */
a.social {
	font-size:				28px;
    transform: 				scale(1);
}

a.social i.fa-brands:before {
    transform: 				scale(1);
}

a.social i.fa-brands:hover:before /* not working */{
    transform: 				scale(1.1);
}

div.social ul {
    padding-left: 		0;
    margin-top: 		0;
    margin-bottom: 		0;
}

div.social ul li {
	list-style: 		none;
	display: 			inline-block;
    padding-left: 		4px;
    padding-right: 		4px;
}

div.social ul li a {
	position: 			relative;
	display: 			block;
	overflow: 			hidden;
	width: 				38px;
	height: 			38px;
	background:			#ffffff;
	text-align: 		center;
	line-height: 		32px;
	font-size: 			21px;
	border-radius: 		50%;
	border: 			3px solid #eee;
	z-index: 			1;
	margin: 			0;
}

div.social ul li a .icon {
	position: 			relative;
	color: 				#333333;
	transition: 		.5s;
	z-index: 			3;
}

div.social ul li a:hover .icon {
	transform: 			rotateY(360deg);
}

div.social ul li a:before {
	content: 			"";
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
	background: 		#ffffff;
	transition: 		.5s;
	z-index: 			2;
}

div.social ul li a:hover:before {
	top: 				0;
}

div.social ul li .facebook a:hover:before {
	background: 		#3b5999;
}

div.social ul li .instagram a:hover:before {
	background: 		#dd4b39;
}

div.social ul li .twitter a:hover:before {
	background: 		#55acee;
}

div.social ul li .linked-in a:hover:before {
	background: 		#0077b5;
}


/* RESPONSIVE MEDIA */
#media media {
    width: 					100%;
    height: 				auto;
}

#media media[poster] {
    width: 					100%;
    height: 				auto;
}

#media iframe,
#media object,
#media embed {
	width:					100%;
/*	height:					100%;
	position:				absolute; */
	top:					0;
	left:					0;
	object-fit:				cover; /* This works also */
}


/* RESPONSIVE MAP */
.google-maps, div.map {
	position: 				relative;
	overflow: 				hidden;
}

.google-maps iframe, div.map iframe {
	width: 					100%;
	height: 				100%;
	min-height: 			450px;
	overflow-y: 			hidden;
	overflow-x: 			visible;
}


/* COLLASPE CONTENT */
.collapse > a,
.collapse > a:hover, 
.collapse > a:active, 
.collapse > a:focus  {
    text-decoration:        none;
}

.collapse a, .collapse a:active, .collapse a:focus {
    outline: 				none; 
}

.collapse:before, a.print-this:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	vertical-align:			middle;
}

 /* Icon when the collapsible content is shown */
.collapse.collapsed:after  {
	content: 				"\e88e";
}

/* Icon when the collapsible content is hidden */
.collapse.collapse:after {
	content: 				"\e88e";
} 


/* PRINT PAGE */
@media print {
	#category-tutorials div.col-left { width: 100%; max-width: 100%; }
	#main-menu, #header, #footer, #category-newsletter .single-top-panel, .designedby { display: none; }
}

a.print-this:before {
	content: 				"\e8ad";	
	font-size:				35px;
}


/* BUSINESS HOURS */
ul.hours {
	position: 				relative;
	width:					88%;
	padding: 				2px 0;
    margin: 				5px 0 10px 0;
}

ul.hours li {
	list-style-type:		none;
	line-height: 			25px;
	border-bottom: 			1px solid #d4d4d4;
	padding:				2px 0 2px 0;
	margin-top:				2px;
	margin-bottom:			2px;
}

ul.hours li span.pull-right {
	float:					right;
}

ul.hours li:last-child {
	border-bottom: 			none; 
}

ul.hours li.today {
	color: 					#fff499; 
}


/* BUTTON STYLE */
.button, input[type="submit"], a.btn.btn-primary, button.tribe-common-c-btn.tribe-events-c-search__button,
#subscribe-form-on-home input[type="submit"] {
	position:				relative;
	min-height: 			50px;
    min-width:				180px;
    display: 				inline-flex;
	justify-content: 		center;
	align-items: 			center;
	text-align:				center;
	text-decoration: 		none;
	background-color:		#f4e878;
	color: 					#000000;
	font-size: 				20px;
	line-height:			26px;
	font-weight:    		400;
	text-transform:			uppercase;
	border-radius: 			5px;
	
	transition: 			transform 0.6s;
	padding:				11px 26px;
	margin:					0;
}

#category-events button.tribe-common-c-btn.tribe-events-c-search__button {
	min-height: 			30px;
    min-width:				125px;
 	font-size: 				17px;
	line-height:			26px;
	font-weight:    		400;
	padding:				11px 14px;
}

.button a, a.button {
	color: 					#000000;
	text-decoration: 		none;
}

p.button {
	display: 				inline-flex;
	margin:					10px 0 10px 0;
}

/* Base state for the icon (hidden) */
.button::after, input[type="submit"]::after, a.btn.btn-primary::after, #category-events button.tribe-common-c-btn.tribe-events-c-search__button:after,
#subscribe-form-on-home input[type="submit"]:after {
    font-family: 			'Material Symbols Outlined';
    font-weight: 			400;
    vertical-align: 		middle;
    font-size: 				34px;
    line-height: 			26px;
    color: 					#000000;
    content: 				"\e8e4"; /* Arrow forward icon */
    
    /* UPDATED FOR SPACE HIDING */
    opacity: 				0;
    width: 					0; /* Ensures no width is taken */
    overflow: 				hidden; /* Hides the overflow */
    transform: 				translateX(-10px);
    transition: 			all 0.8s ease-out;
    display: 				inline-block; /* Essential for transform to work */
    margin-left: 			0; 
}

/* Hover state (visible) */
.button:hover::after, input[type="submit"]:hover::after, a.btn.btn-primary:hover::after, #category-events button.tribe-common-c-btn.tribe-events-c-search__button:hover::after,
#subscribe-form-on-home input[type="submit"]:hover::after {
    opacity: 				1;
    width: 					34px; /* Set to the size of your icon */
    transform: 				translateX(0);
    margin-left: 			8px; /* Appears only on hover */
}

#category-events .tribe-events button.tribe-events-c-search__button:hover {
	background-color:		#000000;
}


/* LIST STYLE */
ul, ol {
	padding-left:       	28px;
	margin-top:				15px;
	margin-bottom:			25px;
}

li {
	padding-left:       	8px;
	margin-bottom:			12px;
}

ul.checkmarkList, div.about-objectives ul {
    list-style: 			none;
	padding-left: 			8px;
}

ul.checkmarkList li, div.about-objectives ul li {
	padding-left: 			11px;
	margin-bottom:			18px;
}
 
ul.checkmarkList li:before, div.about-objectives ul li:before {
	content:				"\2713";
	font-size:				17px;
	font-weight: 			200;
	color:					#4d4d4d;
	margin:					0 5px 0 -18px;
}


/* BACK TO TOP / SCROLL TO TOP */
a#back-to-top {
    position: 				fixed;
    bottom: 				45px;
    right: 					10px;
    z-index: 				9999;
    cursor: 				pointer;
    text-decoration: 		none;
    transition: 			opacity 0.2s ease-out;
}

a#back-to-top:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\f5d2";
	font-size:				45px;
	color:					#d4d4d4;
	vertical-align:			middle;
}

a#back-to-top:hover {
    opacity: 				0.7;
	text-decoration:		none;
}


/* COOKIE BANNER */
#cn-notice-text a {
	color:					#ffffff;
}

span.cn-buttons-container, span.cn-text-container {
    display: 				block;
}


/* MOBILE VIEW */
/* Extra Large Devices (large laptops and desktops - 1440px and Up) */
@media (min-width: 1440px) {

}

/* Large Devices (laptops/desktops - 1024px and LESS) */
@media (max-width: 1024px) {
	.container { padding-top: 2px; padding-bottom: 15px; }
	div.wp-block-columns.is-layout-flex { gap: 2em; }
	#page-header { margin: 0 0 10px 0; }
}

/* Medium Devices (tablets - 768px and LESS) */
@media (max-width: 768px) {
	.container { padding-top: 2px; padding-bottom: 10px; }
	div.wp-block-columns.is-layout-flex { gap: 0; }
	#page-header { margin: 0 0 10px 0; }

	h1, h1.wp-block-heading { font-size: 38px; line-height: 44px; margin: 0 0 10px 0; }
	h3, h3.wp-block-heading { margin: 10px 0 15px 0; }

	/* SWITCH/REORDER COLUMNS */
	div.hh-image, #join-newsletter-list .right-content { order: 1; } 
	div.hh-text, #join-newsletter-list .left-content { order: 2; }

	#contact-page { margin-top: 5px; margin-bottom: 5px; }
	#contact-page .item { padding: 15px 15px 15px 15px; }
} 

/* Extra Small Devices (phones - 480px and LESS) */
@media (max-width: 480px) {
	h1, h1.wp-block-heading { font-size: 34px; line-height: 40px; margin: 0 0 10px 0; }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100% !important; }
	.nobr { white-space: normal; }
	.divider { width: 34%; }
	.button, a.button, input[type="submit"] { padding: 12px 15px 12px 15px; }
	figure { margin: 15px 0 25px 0; }	
	
	#home-header div.candidate-image figure { margin: 15px 0 15px 0; }
	#home-header div.slogan { margin: 5px 0 8px 0; }
	
	#get-involved-form { padding: 5px 15px; }
	#get-involved-form span.item { width: auto; }
	#get-involved .gi-container { padding: 0 15px 0 15px; }

	#donate-on-home { margin: 25px 0 0 0; }

	#join-newsletter-list { margin: 35px auto 35px auto; }

	#voting-information { margin: 25px 0 5px 0; }

	#contact-page .contact-info .item { padding: 55px 15px 15px 15px; }
	.contact-form:before { display: none; }
}

/* Small Devices (phones - 425px and LESS) */
@media (max-width: 430px) {

}