/* CSS Forms, Buttons-CTA's Author David Blake 05/04/2018
	Version 1 */
/* Submit Buttons for all sing in and forgot user password */

a.homeLogInButton{
	display:inline-block;
	padding:0.25em 1em;
	border:0.1em solid #600;
	margin:0 0.3em 0.3em 0;
	border-radius:10px;
	box-sizing: border-box;
	text-decoration:none;
	font-weight:300;
	color:#600;
	text-align:center;
	transition: all 0.2s;
}
			
a.homeLogInButton:hover{
	color:#FFF;
	background:#600;
}
			
a.buttonSubmit, .LbuttonSubmit{ /** LbuttonSubmit is to iso the login only **/ 
	display:inline-block;
	padding: 0.4em 3em;
	/*margin:0.2em 0.3em 0.3em 0;*/
	border-radius:5px;
	box-sizing: border-box;
	text-decoration:none;
	font-size:.85em;
	font-weight:300;
	color:#FFF;
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(102,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
	text-align:center;
	transition: all 0.2s;
	}

a.L2buttonSubmit{ /** L2buttonSubmit is to iso the profile page only **/
	display:block;
	padding: 0.4em 4.2em;
	width: 97%;
	/*margin:0.2em 0.3em 0.3em 0;*/
	border-radius:5px;
	box-sizing: border-box;
	text-decoration:none;
	font-size:.85em;
	font-weight:300;
	color:#FFF;
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(102,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
	text-align:center;
	transition: all 0.2s;
	}
			
a.buttonSubmit:hover, a.LbuttonSubmit:hover{
	background: -moz-linear-gradient(top, rgba(102,0,0,1) 1%, rgba(102,0,0,1) 33%, rgba(232,243,247,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(102,0,0,1) 1%,rgba(102,0,0,1) 33%,rgba(232,243,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(102,0,0,1) 1%,rgba(102,0,0,1) 33%,rgba(232,243,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#e8f3f7',GradientType=0 ); /* IE6-9 */
	}
	
.details-update-buttons {
	margin: 8px 0 5px;
}
	
a.buttonDetail {
	-webkit-border-radius: 15;
	-moz-border-radius: 15;
	border-radius: 15px;
	color: #fff;
	font-size: .688em;
	background: #C79491;
	padding: 6px 12px 7px 11px;
	text-decoration: none;
	transition: all 0.2s;
}
			
a.collectionButton {
	-webkit-border-radius: 15;
	-moz-border-radius: 15;
	border-radius: 15px;
	color: #FFF;
	font-size: .688em;
	background: #600;
	padding: 6px 12px 7px 11px;
	text-decoration: none;
	transition: all 0.2s;
	}
			
a.buttonDetail:hover, a.collectionButton:hover {
	background: #A4A4A4;
	text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
	}
	
.mediaWrapper {
	float:right;
	width:60%;
}

#subscribe_email {
    border: solid 1px #600;
    width: 198px;
	margin:0;
    font-size: 15px;
    color: #999;
    padding-left: 5px;
    vertical-align: bottom
}

a.signUp {
	margin-left:5px;
}

.emailBox {
	float:right;
	width:auto;
}

.emailBox p {
    font-size: 0.8em;
    color: #A4A4A4;
}

input[type=password],
input[type=text],
select, textarea {
    /*-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;*/
    outline: 0;
    padding: 6px 0 6px 10px;
    margin: 5px 1px 3px .75em;
	/*margin:9px 1px 10px 0;*/
    border: 1px solid #600;
    border-radius: 3px
}

.infoUpdate input[type=password],
.infoUpdate input[type=text]{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
    padding: 5px 0 3px 5px;
    border: 1px solid #600;
    border-radius: 3px
}

.infoUpdate input[type=password],
.infoUpdate input[type=text]{
    margin: 5px 1px 3px .75em;
}

select {
	background:#FFF;
}

input[type=password]:focus,
input[type=text]:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    /*padding: 6px 0 6px 3px;
    margin: 5px 1px 3px .75em;*/
    border: 1px solid rgba(81, 203, 238, 1);
    color: #1D2021
}

.submitReply {
	margin-top: .25em;
}

.inputSection {
    overflow: hidden;
    padding: 2px 0 0 0; /*old 10px*/
    font-size: .95em;
    color: #1D2021
}

.inputSection2 {
    display:none;
}

.CTA {
	margin:0;
}

.CTA {
	padding-left:19%;
}

.miscSignin {
    padding-left:19%;
}

.CTA {
    padding-top:.35em;
}

.inputSection p {
    margin-bottom: .10em;
    font-size: .8em
}

label {
    float: left;
	width: 18%;
    text-align: right;
    margin-top: 6px;
    color: #1D2021
}

#UpdatePasswordField {
    float: left;
	width: 35%;
    text-align: right;
    margin-top: 6px;
    color: #1D2021
}

.infoUpdate input[type=password]:focus,
.infoUpdate input[type=text]:focus {
    box-shadow: 0 0 2px rgba(81, 203, 238, 1);
    padding: 5px 0 3px 5px;
    border: 1px solid rgba(81, 203, 238, 1);
    color: #1D2021;
}

.btn {
	padding:0.5em 1em;
	border-radius:5px;
	box-sizing: border-box;
	text-decoration:none;
	font-size:.85em;
	font-weight:300;
	color:#FFF;
	background: rgb(169,3,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(102,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(102,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
	text-align:center;
}

.bottomMargins p {
    margin-bottom: 25px
}

input,
select,
textarea {
    float: left;
    border: 1px solid #600
}

.inputDropdown{ /* Styles for Dropdown */
	outline: 0;
    padding: 6px 0 6px 10px;
    margin: 9px 1px 10px 0;
    border: 1px solid #600;
    border-radius: 3px;
}
input,
textarea {
    width: 61%
}

select {
    width: 50.5%
}

.infoUpdate input[type=text] {
    float: left;
    width: 60%;
}

@media screen and (max-width:1600px) {
	.CTA, .miscSignin  {
			padding-left: 19%;
		}
		
	a.L2buttonSubmit{
		width:244px;
	}
	
	.profileCTA {
		margin: 2px 0 0 141px;
	}
}

@media screen and (max-width: 1024px) {
	
	
	.miscSignin {
		padding-left:3%;
	}
	
	.inputSection2 {
		display:block;
		margin-left:12px;
	}
	
	input[type=password],
    input[type=text],
    select,
	textarea {
        margin: 5px 1px 3px .30em
    }
	
    input,
    select,
    textarea {
        width: 95%;
        float: none;
        margin: 5px 0 10px
    }
	
    label {
        text-align: left
    }
	
    .inputSection {
        padding: 0 0 .5em 1em
    }
	
    button {
        margin: 0
    }
	
	.discoveryForm {
		width:100%;
		overflow:hidden;
	}
	
	a.L2buttonSubmit{
		width:51%;
	}

}

@media screen and (max-width:768px) {
		a.signUp {
			vertical-align: top;
			margin-left:0;
			margin-top: 5px;
		}
		
		a.buttonSubmit {
			float: none;
			margin-right:0;
		}
		
		.mediaWrapper {
			width:54%;
		}
		
		#UpdatePasswordField {
			float: none;
			width: 100%;
			text-align: left;
		}
		
		input[type=password], input[type=text], select, textarea {
			margin: 5px 1px 3px 0;
		}
		
		a.L2buttonSubmit{
			width:98%;
		}
		
		.profileCTA {
			margin: 10px 0 0 0px;
		}
	
		.infoUpdate input[type=text] {
			float: none;
			width: 100%;
	}
	
		.infoUpdate input[type=password],
		.infoUpdate input[type=text]{
			margin: 5px 1px 3px 2px;
	}
}

@media screen and (max-width: 480px){
.LbuttonSubmit, a.LbuttonSubmit:hover  {
		width: 96%;
	}
	
	.mediaWrapper {
		float: none;
		width: 98%;
	}

	a.collectionButton {
		font-size:.47em;
	}
	
	.emailBox {
		float: none;
		width: auto;
	}
	
	.CTA {
		margin:2px 3px 2px -1px;
	}
	
	a.L2buttonSubmit{
		padding: 8px 4px 8px 0px;
		width: 99.5%;
	}
	
	.profileCTA{
		margin:10px 0 0 3px;
	}
	
	.pTopBottomPad {
		padding: 0 0 35px 0;
	}
}

@media screen and (max-width: 360px) {


}