html {
		width: 100%;
		height: 100%;
	}

	body {
		width: 100%;
		height: 100%;
		font-family: "Noto Sans",Arial,system,sans-serif,color-emoji;
		color: rgba(0, 0, 0, 0.8);
		font-size: 16px;
        line-height: 1.5rem;
	}


     h1, h2, h3, h4, h5 {
		font-family:Lora,Georgia,serif,system,color-emoji;
		font-weight: 700;
		color: #3b1953;
	}

    h1 {
        font-size:2.11rem;
        line-height:3rem
    }

	h2 {
		font-size:1.817rem;
        line-height:2.5rem;
	}

	h3 {
        font-size:1.565rem;
		font-size: 2rem;
	}

	h4 {
		font-size:1.348rem;
        line-height:1.5rem;
	}

	p {
		color: rgba(0, 0, 0, 0.8);
	}

	ul li {
		color: rgba(0, 0, 0, 0.8);
	}

	.btn-block {
		margin-bottom:10px;
	}

	.login{
		margin-top: 15px;
	}

	label {
		color: rgba(0, 0, 0, 0.8);
	}
/* Input width on registration was 70% */
	input {
		width: 80%;
		margin-bottom: 10px;
		padding: 10px;
		border: 1px solid #d2c5c8;
		border-radius: 5px;
	}

	input:focus-visible{
		border: 2px solid #3b1953;
	}


    input[type=checkbox] {
        transform: scale(1.5);
    }

    input[type=checkbox] {
        width: 1.5rem;
        height: 2rem;
        margin-right: 8px;
        cursor: pointer;
        font-size: 17px;
        visibility: hidden;
        content:"";  
    }

    input[type=checkbox]:after,
    input[type=checkbox]::after {
      content: " ";
      background-color: #f0e9eb;
      display: inline-block;
      margin-left: 0px;
      padding-bottom: 1px;
      width: 1.5rem;
      height: 1.5rem;
      visibility: visible;
      border: 1px solid #d2c5c8;
      padding-left: 4px;
      border-radius: 4px;
    }

    input[type=checkbox]:focus:after,
    input[type=checkbox]:focus::after
    input[type=checkbox]:focus:hover:after,
    input[type=checkbox]:focus:hover::after {
      content: "";
      padding: -1px;
      font-weight: bold;
      border:1px solid #3b1953;
    }

    input[type=checkbox]:hover:after,
    input[type=checkbox]:hover::after
     {
      content: "";
      padding: -1px;
      font-weight: bold;
      border:2px solid #3b1953;
    }


    input[type=checkbox]:checked:after,
    input[type=checkbox]:checked::after {
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
      content: "";
      color:#fff;
      display:inline-block;
      padding: -1px;
      font-weight: bold;
      background-color:#c61a41;
      border:1px solid #c61a41;
    }

    input[type=checkbox]:checked:hover:after,
    input[type=checkbox]:checked:hover::after{
      background-color:#c61a41;
      border:2px solid #3b1953;
    }

   
    label[for="extension_Terms_and_Conditions_1"],
    label[for="extension_Set_Marketing_Preferences_1"]{
        display: block;
        margin-block-start: -3rem;
        margin-block-end: 1rem;
        margin-inline-start: 5rem;
        margin-inline-end: 0px;
    }

    label {
        margin-bottom:15px;
    }


	.helpLink.tiny{
		display: none;
	}

	.attrEntry{
		margin-top: 20px;
	}

    .VerificationControl.emailVerificationControl_li .attrEntry{
        margin-top: 0px;
    }

	ul {
		list-style: none;
		padding-left: 0px;
	}

	.collapseSection{
		width: 100%;
		display: flex;
		height: 100%;
		padding: 15px;
	}

	.panel-heading{
		padding: 0px;
	}

	.btn.btn-primary {
		background-color: #c61a41;
		border-color: #c61a41;
		border-radius: 8px;
		font-family: Noto Sans,Arial,system,sans-serif,color-emoji;
		margin-right: 10px;
        padding: 1.5rem;
        width: 39%;
        font-weight: 600;
        font-size: 14px;
        color: #ffffff;
	}

	.logoContainer{
		display: flex;
		justify-content: space-around;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.logoImg{
		height: 10vh;
		width: auto;
	}

	.signUpColumn{
        display: flex;
        justify-content: space-around;
        align-content: flex-start;
        flex-wrap: wrap;
        margin-top: 10vh;
	}

	.signUpColumn .col-md-6 {
		padding-right: 30px;
		padding-left: 30px;
	}

	div.intro {
		display: none;
	}

	div.brushstroke svg {
		fill: #d0c6c9;
	}

	div.brand-icon{
		fill: #c61a41;
	}

	.signUpDashboard{
		text-align: center;
		background-color: #f7f5f6;
		border-radius: 10px;
	}

	.signUpDashboard > .row {
		margin-bottom: 20px;
	}

	div.dashboard-content > p {
		font-size: 1em;
	}

	.login-return {
		padding-top: 20px;
        display: block;
        
	}

	.login-return a {
		font-weight: 700;
		color: rgba(0, 0, 0, 0.8);
		text-decoration: underline;
	}
/* login h1 replaced with margin-bottom and font-family from forgot password
    .login h1{
        font-size: 3.5rem;
    }
*/	
	.login h1 {
		margin-bottom: 2vh;
	}

	.error {
		color: #c61a41;
	}

    .registerContainer {
        display: flex;
        justify-content: space-between;
    }
	
	
/*Added from Forgot Password page */

	.entry-item {
		margin-bottom: 1vh;
	}

	a#createAccount{
		display: block;
		color: rgba(0, 0, 0, 0.8);
		text-decoration: underline;
	}

	.signInContainer {
		display: flex;
		justify-content: space-around;
		align-content: space-around;
		flex-wrap: wrap;
		height: 100%
	}
	
	.error.pageLevel p {
		color: #c61a41;
	}
	
	.sideColumn{
		display: flex;
		justify-content: center;
	}

	.sideColumnBackground{
		background-color: #f7f5f6;
		border-radius: 10px;
		height: 335px;
		width: 90%;
	}

	.sideColumnImage{
		height: 100%;
		width: 100%;
		max-height: 44rem;
		aspect-ratio: 1.6 / 1;
		object-fit: cover;
		border-radius: 10px;
		margin-top: 6%;
		margin-left: -6%;
		box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 8px 0px;
	}

	div.create{
		margin-top: 5%;
	}

	div.create p {
		font-weight: 700;
	}

	button#cancel{
        margin-right: 0px;
    }
	
	button#emailVerificationControl_but_verify_code{
        margin-bottom: 5px;
    }

/*Added from Sign in page */

	/* commented out to be consistent with other buttons
	
	button#next {	
				width: 50%;
			} */
			
/* Added from MFA page */

	button#sendCode,
    button#verifyPhone,
    button#verifyCode {
        margin-bottom: 2%;
        margin-top: 2%;
        background-color: #c61a41;
        border-color: #c61a41;
    }

    .mfaBody {
        display: flex;
        justify-content: space-around;
    }

    #return-to-site {
        text-decoration: none;
        color: #000;
        display: inline-block;
        padding-bottom: 0.0625rem;
        margin-bottom: -0.0625rem;
        font-weight: 700;
        position: relative;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
        padding-top: 1.5rem;
    }

    #return-to-site:hover{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
    }

    #return-to-site:hover:after{
        width: 0;
        opacity: .25;
    }

    #return-to-site:after {        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 0.25rem solid #000;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #c61a41;
        border-color: #c61a41;
    }

/* Profile page styles */

    input#crimson_iscustomer_0,
    input#crimson_iscustomer_1,
    input#crimson_setmarketingpreferences_0,
    input#crimson_setmarketingpreferences_1{
        margin-left: 0px;
    }

    input#websiteurl {
        width: 100%;
    }

    textarea#adx_publicprofilecopy {
        width: 100%;
    }

    input#adx_preferredlanguageid_name {
        width: 99%;
    }
    .checkbox label {
        padding-top: 15px;       
    }
	
    input#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
    /* min-height: 1rem; */
        margin-bottom: 10px;
        height: 1rem;
    }

    input#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
        background-color: #c61a41;
        border-color: #c61a41;
        border-radius: 8px;
        font-family: Noto Sans,Arial,system,sans-serif,color-emoji;
        margin-right: 10px;
        padding: 0;
        width: 39%;
        font-weight: 600;
        font-size: 14px;
        color: #ffffff;
         height: 3rem;
        vertical-align:middle;
      }

/* Mobile phone screen */   

 @media screen and (max-width: 425px){
		.signUpColumn {
			display: none;
		}

        input {
            width: 100%;
        }

        /*#emailVerificationControl_but_verify_code{
            margin-bottom: 5px;
        }*/

        .btn.btn-primary{
            width: 50%;
        }
        
        button#emailVerificationControl_but_send_code,
        button#emailVerificationControl_but_verify_code,
        button#emailVerificationControl_but_send_new_code,
        button#emailVerificationControl_but_change_claims{      
            width: 100%;
        }

        label[for="extension_Set_Marketing_Preferences_1"],
        label[for="extension_Terms_and_Conditions_1"]{
            width: 90%;
        }

        label[for="extension_Terms_and_Conditions_1"]{
            margin-bottom: 20px;
        }

        input#extension_Set_Marketing_Preferences_1,
        input#extension_Terms_and_Conditions_1 {
            position: relative;
            top: -2.3vh;
        }

        input[type=checkbox]:after,
        input[type=checkbox]::after {
            margin-top:1.0rem;
        }
       
        input[type=checkbox] {
            margin-top:1.0rem;
        }
		
		/* Added from Forgotten Password */
		div.sideColumn {
			display: none;
		}
		/* Check these on Registration page */
		#emailVerificationControl_but_send_code,
        #emailVerificationControl_but_change_claims,
        #emailVerificationControl_but_verify_code,
        button#emailVerificationControl_but_send_new_code {
            width: 100%;
            margin-bottom: 5px;
        }
		
		button#continue, 
        button#cancel {
            width: 100%;
            margin-top: -10px;
        }


 /* MFA Page */

    button#sendCode,
    button#verifyPhone,
    button#verifyCode{
        width:100%;
    }
		
/* Sign in page */

    button#next {	
		width: 100%;
	} 

/* Profile Page */

    input#crimson_iscustomer_0,
    input#crimson_iscustomer_1,
    input#crimson_setmarketingpreferences_0,
    input#crimson_setmarketingpreferences_1{
        width:30%;
    }

    input#ContentContainer_MainContent_MainContent_ContentBottom_marketFax {
        width: 1.5rem;
        height: 2rem;
        margin-right: 8px;
        cursor: pointer;
        font-size: 17px;
        /* visibility: hidden; */
        /* content: ""; */
    }

    input#ContentContainer_MainContent_MainContent_ContentBottom_marketEmail, 
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketFax, 
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketPhone, 
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketMail {
        content: " ";
        background-color: #f0e9eb;
        display: inline-block;
        margin-left: 0px;
        padding-bottom: 1px;
        width: 1.5rem;
        height: 1.5rem;
        visibility: visible;
        border: 1px solid #d2c5c8;
        padding-left: 4px;
        border-radius: 4px;
    } 

/* This may be OK to remove */
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketPhone {
        
    }

    input#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
        width: 100%;
    }
		
}

 /* Ipad size screens */

	@media screen and (min-width: 426px) and (max-width: 1024px){
		.signUpColumn{
			display: none;
		}
		/*Input width was 98% on Forgotten password page - Check this */
        input {
            width: 100%;
        }

        .btn.btn-primary{
            width: 50%;
        }

        label[for="extension_Set_Marketing_Preferences_1"],
        label[for="extension_Terms_and_Conditions_1"]{
            
            display: block;
            margin-block-start: -3rem;
            margin-block-end: 1rem;
            margin-inline-start: 5rem;
            margin-inline-end: 0px;
        }

        input#extension_Set_Marketing_Preferences_1,
        input#extension_Terms_and_Conditions_1 {
            position: relative;
            top: -2.3vh;
        }

        input[type=checkbox]:after, 
        input[type=checkbox]::after{
            margin-top: 2rem;
        }
           
		/* Added from Forgotten password page */
		div.sideColumn {
			display: none;
		}
		
		
        #emailVerificationControl_but_change_claims,
        #emailVerificationControl_but_verify_code,
        button#emailVerificationControl_but_send_new_code {
            width: 48%;
        }

        #emailVerificationControl_but_send_code{
            width: 48%;
            margin-bottom: 5px;
        }
                
        button#continue, 
        button#cancel {
            width: 48%;
       }

        button#continue{
            margin-top: -5px;
        }
                
        button#emailVerificationControl_but_verify_code {
            magin-bottom: 0px;
        }
		   
	}

/* Profile Page */

    input#ContentContainer_MainContent_MainContent_ContentBottom_marketEmail,
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketFax,
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketPhone,
    input#ContentContainer_MainContent_MainContent_ContentBottom_marketMail    
    {
       

    }

/* Large Monitor styles */

	@media screen and (min-width: 1025px) and (max-width: 2560px){
        #emailVerificationControl_but_send_code,
        #emailVerificationControl_but_change_claims,
        #emailVerificationControl_but_verify_code,
        button#emailVerificationControl_but_send_new_code {
            width:39%;
            margin-bottom: 5px;
        }
            
        button#continue, 
        button#cancel {
			width:39%;
        }

         button#continue{
            margin-top: -9px;
        }
    
    }

    button#emailVerificationControl_but_change_claims {
        display: none !important;
    }
	
	.btn.btn-primary:hover{
		transform: scale(1.05);
	}
	
/* sytle bought in from download a brochure for Broadleaf Park example */

	@media screen and (min-width:640px){
       #crimsonStyles h1{
		font-size:2.844rem;
		line-height:4rem
        }

        #crimsonStyles h2{
		font-size:2.11rem;
		line-height:3rem
        }

        #crimsonStyles h3{
		font-size:1.817rem;
		line-height:2.5rem
        }

        #crimsonStyles h4{
		font-size:1.565rem;
		line-height:2rem
        }

    }