/* ###############################################################

	YOUR HEART'S DELIGHT : STYLE
	10/15/2018 v20181015.1
	
   ############################################################### */



/* -------------------------------------
	COLORS
   ------------------------------------- 
	white 			#FFFFFF
	black 			#000000
	gold				#B6975E
	red				#710F11
	lt gray			#EBEBEB
	dk gray			#626366
	
*/



/* -------------------------------------
	FONTS
   ------------------------------------- 
	Lusitana 	400,700
	Nunito 		400,800

*/



/* -------------------------------------
	IFRAME
   ------------------------------------- */
html { overflow: auto; }
iframe {width:690px; height:406px; border:none; overflow:hidden;}
.modalContainer {width:100%; padding:20px; background-color:#FFF; text-align:center; margin:0 auto; overflow: auto;}
.modalContent {border:2px solid #B6975E; padding:40px;}
.modalTitle {font-family:"Lusitana"; color:#710F11; font-size:38px; letter-spacing:1px; font-weight:700; margin:0 0 0 0;}
.modalText {font-family:"Nunito"; color:#000; font-size:24px; letter-spacing:1px; font-weight:400; margin:10px 0 0 0; line-height:32px;}
.modalCTAtext {font-family:"Nunito"; color:#000; font-size:22px; letter-spacing:1px; line-height:48px; font-weight:400; margin:10px 0 0 0;}
/* FORM */
form {margin:10px 0 0 0; width:100%;}
input[type="text"] {width:100%; background-color:#EBEBEB; padding:7px 12px; color:#000; font-size:17px; font-weight:400; font-family:"Nunito";}
/* PLACEHOLDERS */
::-webkit-input-placeholder {font-family:"Nunito"; color:#626366; font-size:17px; font-weight:400; letter-spacing:1px;}
:-moz-placeholder {font-family:"Nunito"; color:#626366; font-size:17px; font-weight:400; letter-spacing:1px;}
::-moz-placeholder {font-family:"Nunito"; color:#626366; font-size:17px; font-weight:400; letter-spacing:1px;}
:-ms-input-placeholder {font-family:"Nunito" !important; color:#626366 !important; font-size:17px !important; font-weight:400 !important; letter-spacing:1px !important;}
/* BUTTONS */
.buttonContainer {margin:25px 0 0 0; font-size:0;}
#submitButton, .redirectButton {display:inline-block; font-family:"Nunito"; font-size:18px; font-weight:800; color:#FFF; background-color:#710F11; cursor:pointer; margin:0 25px; padding:8px; width:203px; letter-spacing:1px;}
.redirectButton {line-height:24px;}



@media screen and (max-width: 630px) {
html { overflow-y: scroll }
.modalTitle { font-size: 24px; }
.modalText { font-size: 14px; line-height: 20px; }
.modalCTAtext { font-size: 12px; line-height: 18px; }
input#emailAddress::placeholder { font-size: 10px; } 
#submitButton, .redirectButton {font-size: 12px;width: 156px;margin: 10px auto; display: block;}
}