@charset "UTF-8";
/* CSS Document */

.receive-email-checkbox { position: relative; }
.receive-email-checkbox::before { content: ''; 
            position: absolute; top: -32px; left: -3px; 
            /*background-image: url('/core/assets/receive-email-arrow.svg');*/
              background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:%23914a19" xml:space="preserve"><path class="st0" d="M306.9,0L486,0c13.3,0,24,10.8,24,24s-10.7,24-26.7,24H304.2c-56.4,0-103.1,46.7-103.1,104v271.5l109.8-127.2 c8.6-10,23.8-11.1,33.8-2.5c5.5,4.8,8.3,11.4,8.3,18.2c0,5.6-1.9,11.2-5.8,15.7l-151.1,176C191.6,509,185,512,178,512 c-7,0-13.6-3.9-19-8.3L7.9,327.7c-8.7-10-7.6-25.2,2.5-33.9c10-8.7,25.2-7.6,33.8,2.5L154,423.5V152C154,68.2,222.2,0,306.9,0z"/></svg>');
            background-size: 30px 30px;
            height: 30px;
            width: 30px; }
.receive-email-checkbox::after { content: 'Oops, you might miss some interesting email from us.'; width: auto; min-width: 250px; position: absolute; top: -55px; left: 25px; background-color: #914a19; color: #fff; padding: 6px 12px; font-size: 80%; box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -webkit-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -moz-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); z-index: 100;  }
                
        
.receive-email-pop { display: flex; top: -50px; left: 25px; flex-direction: row; align-items: stretch; width: auto; position: absolute; background-color: #914a19; color: #fff; font-size: 80%; box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -webkit-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -moz-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); }
.receive-email-pop span { display: flex; padding: 0; line-height: 1.2; align-self: stretch; }
.receive-email-pop span:first-child { padding: 8px 12px; }
.receive-email-pop::before { content: ''; 
            position: absolute; top: 23px; left: -28px; 
            /*background-image: url('/core/assets/receive-email-arrow.svg');*/
              background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:%23914a19" xml:space="preserve"><path class="st0" d="M306.9,0L486,0c13.3,0,24,10.8,24,24s-10.7,24-26.7,24H304.2c-56.4,0-103.1,46.7-103.1,104v271.5l109.8-127.2 c8.6-10,23.8-11.1,33.8-2.5c5.5,4.8,8.3,11.4,8.3,18.2c0,5.6-1.9,11.2-5.8,15.7l-151.1,176C191.6,509,185,512,178,512 c-7,0-13.6-3.9-19-8.3L7.9,327.7c-8.7-10-7.6-25.2,2.5-33.9c10-8.7,25.2-7.6,33.8,2.5L154,423.5V152C154,68.2,222.2,0,306.9,0z"/></svg>');
            background-size: 30px 30px;
            height: 30px;
            width: 30px; }
        
.yes, .no { width: 60px; min-width: 60px; min-height: 100%; background-color: #fff; color: #914a19; line-height: 60px; padding: 6px 12px; text-align: center; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: all 1s; }
        
.yes:hover, .no:hover { background-color: #ccc; color: #fff; }
.yes::after { content: ''; display: block; position: absolute; right: 0; width: 1px; height: 100%; background-color: #914a19; z-index: 100; opacity: .3 }


.submitting { opacity: 1; pointer-events: none; }
.submitting::after{ content: ''; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite; width: 30px; height: 30px; border: none; color: #ffffff; z-index: 10; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M215.1 26.3c3.6 12.7-3.7 26-16.5 29.7C111.6 80.9 48 161.1 48 256c0 114.9 93.1 208 208 208s208-93.1 208-208c0-94.9-63.6-175.1-150.6-200c-12.7-3.6-20.1-16.9-16.5-29.7s16.9-20.1 29.7-16.5C433.6 40.5 512 139.1 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 139.1 78.4 40.5 185.4 9.9c12.7-3.6 26 3.7 29.7 16.5z'/%3E%3C/svg%3E"); }


/* error messages */
label.error { position: relative; width: auto; display: block; color: #ffffff !important; background-color: #900; padding: 4px; max-width: 700px; margin: 10px auto; border-radius:6px; font-size: 12px; text-align: center; z-index: 1000; }

label.error:before {
	
	display: block;
	top: -15px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 0, 0, 0);
	border-bottom-color: #900;
	border-width: 10px;
	margin-left: -10px;
}

.error-right label.error { width: auto; display: inline-block; color: #ffffff !important; background-color: #900; padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px;  text-align: center; z-index: 1000;  }

.error-right label.error:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 0, 0, 0);
	border-bottom-color: #900;
	border-width: 10px;
	margin-left: -10px;
}


p.error { width: auto; display: block; color: #fff; background-color: #900; padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px; position:relative; text-align: center; }

.required { color: #900; font-size: 140%; font-family: Helvetica, Arial, sans-serif; line-height:normal;}	



@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}