/*
additional css for modals on certain pages
*/

.bg-modal {
    position: absolute;
	display: none;
	z-index: 98;
	top: 0;
	text-align: left;
	width: 85%;
	max-width: 42em;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translate(-50%, 0);
}

.bg-modal.modal-margin {
	top: 10em;
	text-align: center;
}

.bg-modal.modal-margin h2 {
	background-color: #0080ff;
}

.bg-modal.modal-margin p {
	color: #575757;
	font-size: 20px;
	font-size: 1.25em;
}

.bg-modal.modal-margin .bluebutton {
	display: inline-block;
	margin: 2em 0.5em 1.5em;
	padding: 0.5em 1.25em;
}

.bg-modal.modal-margin #marketing-dlbutton-fb {
	margin-top: 0;
}

h2.modal-header {
    background-color: #0080ff;
    padding: 15px 40px;
    margin: 0;
	font-size: 20px;
	font-size: 1.25rem;
	-webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.bg-modal .close {
    position: absolute;
    top: 0;
    right: 14px;
    transform: rotate(45deg);
	font-size: 36px;
    font-size: 2.25rem;
    cursor: pointer;
}

.bg-modal form,
.modal-thanks-content {
	padding: 1.5em;
	background: #fff;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.modal-thanks-content {
	text-align: center;
	color: #0080ff;
	padding: 8em 2em;
}

.bg-modal label {
    color: #0080ff;
    margin-top: 1.5em;
	font-weight: 400;
}

.bg-modal .required {
	color: #e55555;
}

.bg-modal input {
	border: 2px solid transparent;
	background-color: #d8e0e5;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

.bg-modal input[type="text"]:focus {
	color: #0080ff;
	border: 2px solid #0080ff;
	background-color: #fff;
}

.bg-modal select {
	color: #666;
	background-color: #d8e0e5;
	width: 100%;
}

.bg-modal select option:first-child {
	display: none;
}

.bg-modal button.magenta {
	padding: 0.5em 1.25em; 
}

.inf-button-block {
	display: none;
	background: #fff;
	opacity: 0.5;
	height: 5em;
	position: absolute;
	bottom: 2em;
	width: 90%;
	left: 50%;
	margin-left: -45%;
}

.inf-button-block.active {
	display: block;
}


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

:-ms-input-placeholder {
	color: #fff;
}