@charset "UTF-8";
/* 
Theme Name:		New Horizon Voting App
Theme URI:		https://elementor.com/
Description:	New Horizon Voting App is a child theme of Hello Elementor
Author:			Drum Creative Team
Author URI:		https://drumcreative.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-timer,.la-timer>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-timer{display:block;font-size:0;color:#fff}.la-timer.la-dark{color:#333}.la-timer>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-timer{width:32px;height:32px}.la-timer>div{width:32px;height:32px;background:transparent;border-width:2px;border-radius:100%}.la-timer>div:before,.la-timer>div:after{position:absolute;top:14px;left:14px;display:block;width:2px;margin-top:-1px;margin-left:-1px;content:"";background:currentColor;border-radius:2px;-webkit-transform-origin:1px 1px 0;-moz-transform-origin:1px 1px 0;-ms-transform-origin:1px 1px 0;-o-transform-origin:1px 1px 0;transform-origin:1px 1px 0;-webkit-animation:timer-loader 1250ms infinite linear;-moz-animation:timer-loader 1250ms infinite linear;-o-animation:timer-loader 1250ms infinite linear;animation:timer-loader 1250ms infinite linear;-webkit-animation-delay:-625ms;-moz-animation-delay:-625ms;-o-animation-delay:-625ms;animation-delay:-625ms}.la-timer>div:before{height:12px}.la-timer>div:after{height:8px;-webkit-animation-duration:15s;-moz-animation-duration:15s;-o-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-7.5s;-moz-animation-delay:-7.5s;-o-animation-delay:-7.5s;animation-delay:-7.5s}.la-timer.la-sm{width:16px;height:16px}.la-timer.la-sm>div{width:16px;height:16px;border-width:1px}.la-timer.la-sm>div:before,.la-timer.la-sm>div:after{top:7px;left:7px;width:1px;margin-top:-.5px;margin-left:-.5px;border-radius:1px;-webkit-transform-origin:0.5px 0.5px 0;-moz-transform-origin:0.5px 0.5px 0;-ms-transform-origin:0.5px 0.5px 0;-o-transform-origin:0.5px 0.5px 0;transform-origin:0.5px 0.5px 0}.la-timer.la-sm>div:before{height:6px}.la-timer.la-sm>div:after{height:4px}.la-timer.la-2x{width:64px;height:64px}.la-timer.la-2x>div{width:64px;height:64px;border-width:4px}.la-timer.la-2x>div:before,.la-timer.la-2x>div:after{top:28px;left:28px;width:4px;margin-top:-2px;margin-left:-2px;border-radius:4px;-webkit-transform-origin:2px 2px 0;-moz-transform-origin:2px 2px 0;-ms-transform-origin:2px 2px 0;-o-transform-origin:2px 2px 0;transform-origin:2px 2px 0}.la-timer.la-2x>div:before{height:24px}.la-timer.la-2x>div:after{height:16px}.la-timer.la-3x{width:96px;height:96px}.la-timer.la-3x>div{width:96px;height:96px;border-width:6px}.la-timer.la-3x>div:before,.la-timer.la-3x>div:after{top:42px;left:42px;width:6px;margin-top:-3px;margin-left:-3px;border-radius:6px;-webkit-transform-origin:3px 3px 0;-moz-transform-origin:3px 3px 0;-ms-transform-origin:3px 3px 0;-o-transform-origin:3px 3px 0;transform-origin:3px 3px 0}.la-timer.la-3x>div:before{height:36px}.la-timer.la-3x>div:after{height:24px}@-webkit-keyframes timer-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes timer-loader{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes timer-loader{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes timer-loader{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}


/* Fix WooCommerce width issue */
div.elementor-widget-container div.woocommerce {
	max-width: 1080px;
    margin: 0 auto;
}

body {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.elementor-section-wrap {
	overflow-x:  hidden;
}

.elementor-remember-me label {
	color: #fff;
}

body:not(.elementor-editor-active) #voting-form:not(.active), body:not(.elementor-editor-active) #member-number:not(.active), body:not(.elementor-editor-active) #cis-login .error:not(.active) {
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	position: absolute;
}

#voting-form, #member-number {
	z-index: 1;
	position: relative;
	transition: all .35s;
}

#cis-login label, #cis-login h2 {
	color: #1D4F91;
}

#cis-login h2 {
	text-align: center;
}

#cis-login .error {
	color: red;
	text-align: center;
	width: 100%;
	font-size: 20px;
}

.vote-confirmation {
	text-align: center;
}

.vote-confirmation h1 {
	color: #1D4F91;
}

.thank-you-next, .entry-toggle {
	font-size: 14px;
	text-decoration: underline !important;
	color: #ccc !important;
	cursor: pointer;
}

.elementor.page {
	min-height: 700px;
}
.purge-members-form,
.import-members-form {
	max-width: 700px;
	margin: 21px auto;
}

.purge-members-form label,
.import-members-form label {
	font-weight: bold;
	font-size: 21px;
	margin: 10px 0;
}

.purge-members-form input[type=submit]{
	background: red;
	color: yellow !important;
}

.purge-members-form input[type=submit].disabled {
	color: #a0a5aa!important;
	background: #f7f7f7!important;
}

#count-members {
	background: #f4f4f4;
	padding: 21px;
	margin-top: 21px;
}
#count-members b.warning { color: red; }

input[type="submit"] {
	height:auto;
	padding: 5px;
	margin-top: 30px;
	font-size: 30px;
	width: 100% !important;
	max-width: 340px;
	background-color: #ED7400;
	color: #FFFFFF !important;
	transition: all .35s;
	border: none !important;
}

input[type="submit"]:hover {
	background-color: #1D4F91 !important;
}

#voting-form .gform_title {
	color: #045EB3;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
    text-align: center;
}

#voting-form .gfield_label {
	color: #1D4F91;
}

#voting-form .gfield label {
    color: #1D4F91;
}

#voting-form input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-style: solid;
  border-width: 0;
  outline: none;
  min-width: 1px;
  width: 15px;
  height: 15px;
  background: #ddd;
  padding: 3px;
  margin-right: 10px;
  margin-top: 4px;
 }

#voting-form input[type="radio"]:checked:before {
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s; }

#voting-form input[type="radio"] {
    width: 23px !important;
    height: 23px;
    background: #FFFFFF;
    border-width: 2px;
    border-color: #ED7400;
    border-radius: 15px 15px 15px 15px;
}

#voting-form input[type="checkbox"]:before, #voting-form input[type="radio"]:before {
    content: "";
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;
}

#voting-form input[type="radio"], #voting-form input[type="radio"]:before {
    border-radius: 15px 15px 15px 15px;
}

#voting-form input[type="checkbox"]:checked:before, #voting-form input[type="radio"]:checked:before {
    background: #ED7400;
}

.loader {
	position: absolute;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	background: rgba(7,59,101,.75);
	display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	display: none;
}

.logout-link {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.gf_readonly input {
	border: none !important;
	cursor: default;
}

.manual-entry-field, .scan-entry {
	display: none;
}

.dashboard-menu-box {
	width: 150px !important;
	height: 150px;
	padding: 0px;
	border: 2px solid #333;
	border-radius: 13px;
	display: inline-block;
	margin: 10px !important;
	position: relative;
	overflow: hidden;
}

.dashboard-menu-box h3 {
	font-size: 16px;
	margin: 0;
	position: absolute;
	bottom: 23px;
	left: 10px;
	text-align: center;
	width: 130px;
}

.dashboard-menu-box .elementor-icon-box-icon {
	position: absolute;
	top: 30px;
	left: calc((100% - 47px)/2);
}
.dashboard-menu-box .elementor-icon-box-icon a {
	transition: color .5s;
}
.dashboard-menu-box .elementor-icon-box-icon a:before {
	content: ' ';
	display: block;
	position: absolute;
	top: -50px;
	left: -50px;
	width: 200px;
	height: 200px;
	z-index: 1;
	background: transparent;
	transition: background .5s;
}
.dashboard-menu-box .elementor-icon-box-icon a:hover:before {
	background: rgba(0,0,0,.1);
}