footer {
    position: relative;
    margin-top: 20px;
    border-top: 25px solid #f2a900;
    font-family: Arial;
    font-size: 1em;
}
.alternate footer {
    margin-top: 0;
}
.alternate footer[role="contentinfo"] {
 margin-top: 0;
}
footer[role="contentinfo"] {
    min-width: 100%;
}
footer ul.accordion {
    margin: 0 auto;
    border: 1px solid #999;
    display: block;
    padding: 0;
    width: 100%;
}
footer ul.accordion > li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 40px;
    border: none;
    min-height: 44px;
}
footer ul.accordion > li > div.title {
    cursor: pointer;
    background: transparent;
    padding: 14px 0;
    margin: 0;
    position: relative;
    display:block;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear;
    border: none;
}

footer ul.accordion > li > .title {
    background: transparent !important;
}

footer ul.accordion > li > div.title h1, footer ul.accordion > li > div.title h2, footer ul.accordion > li > div.title h3, footer ul.accordion > li > div.title h4, footer ul.accordion > li > div.title h5 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}
footer ul.accordion > li > div.title h5 {
    text-transform: uppercase;
    color: #efa927;
}
footer ul.accordion > li > div.title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: transparent transparent transparent #efa927;
    position: absolute;
    left: -25px;
    top: 13px;
}
footer ul.accordion > li .content {
    display: none;
    padding: 0 0 12px 0;
    margin: 0 0 0 -40px;
}
footer ul.accordion > li .content ul {
    margin: 0;
    padding: 0 0 0 40px;
}
footer ul.accordion > li .content ul li a {
    color: #ddd;
    font-size:11px;
}
footer ul.accordion > li .content ul li a:hover {
    color: #efa927;
}
footer ul.accordion > li.active {
}
footer ul.accordion > li.active .title h5 {
    color: #ddd;
}
footer ul.accordion > li.active .title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: #efa927 transparent transparent transparent;
}
footer ul.accordion > li.active .content {
    display: block;
    background: transparent;
    border: none;   
}

footer .darkblack {
    background: none repeat scroll 0% 0% rgb(64, 64, 64);
    border-left: 0px none;
    border-right: 0px none;
	padding-bottom:20px;
	padding-top:20px;
}
footer .lightblack {
    padding: 15px 0 0 0;
    background: none repeat scroll 0% 0% #2c2c2d;
}
footer h3 {
    color: #efa805;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
footer h3 span {
    color: #fff;
}
footer h3 span.orange {
    color: #efa805;
}
footer h3.uppercase {
    text-transform: uppercase;
    font-size: 14px;
}
footer h3.uppercase:before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-width: 5px;
    border-color: #fcbd49 transparent transparent #fcbd49;
    border-style: solid;
    margin-right: 7px;
}
footer p {
    color: #aaaaaa;
    font-size: 10px;
    padding: 0;
    margin: 0;
}
footer ul, footer ol {
    margin: 10px 0;
}
footer ol {
    padding: 5px 0;
    margin-left: -15px;
}
footer ul li, footer ul li ul li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 16px;
}
footer .push-one ul li {
    width: 36px;
    height: 36px;
}
footer a {
    color: #aaaaaa;
    font-size: 10px;
    text-decoration: underline;
}
footer a:hover, footer a:visited {
 color: #eea701;
}


footer fieldset {
	border: none;
	margin: 0;
	min-height: 32px;
	border-radius: none;
	padding: 0;
}
footer .row fieldset .row {
	width: 100%;
	margin:0;
}
footer .row .miniform .row {
	width: 100%;
	margin: 0 auto;
    min-height: 15px;
}
footer .row .miniform .row .eight.mobile-three.columns {
    padding: 0;
}
footer fieldset legend {
    font-weight: normal;
    background: none;
    padding: 0 0 10px 0;
    margin: 0px;
    text-align: left;
    color: #fff;
}
footer fieldset input[type="text"], footer fieldset input[type="text"]:focus,
footer fieldset input[type="email"], footer fieldset input[type="email"]:focus {
	background-color: #404040;
	border: 1px solid #404040;
	color: #fff;
}
footer p.copyright {
    text-transform: none;
    text-align: center;
	padding-top: 10px;
}
footer p.copyright a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #b2b2b2;
}
footer p.copyright a:after {
    content: " / ";
}
footer p.copyright a:last-child:after {
    content: "";
}
.text-center {
    text-align: center;
}

.darkblack .four {
    float: left !important;
    margin-top: 2em;
}
.darkblack h3 {
    margin-bottom: 0;
}
.darkblack h6 {
    color: #F1A900;
    width:80% !important;
    margin:0px auto !important;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    padding-left: 0;
}
.darkblack .footer_logo {
    background: url("/Sites/HMH/images/global/houghton-mifflin-harcourt-logo-white.png") top left no-repeat; 
    width: 300px;
    height: 52px;
    margin: 0 auto;  
}

#footerSocialMedia {
    margin: 0 auto;
    width: 275px;
    height: 32px;
	padding-top: 25px;
}

.socialLinksContainer {
    margin: 0 auto;
    width: 275px;
    height: 32px;
}


footer .socialContainer 
{
    width: 100%;
    background-color: #1c1c1c;
    display: none;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    position: relative;
    border: none;
    bottom: 0;
}

footer .socialContainer--details-yt
{
    width: 360px;
    margin: 0 auto;
    padding: 0 0 70px 0;
    clear: both;
    position: relative;
    left: 42px;
}

footer .socialContainer--details-tw
{
    width: 540px;
    margin: 0 auto;
    padding: 0 0 70px 0;
    clear: both;
    position: relative;
    left: 50px;
}

footer .socialContainer--details-fb
{
    width: 540px;
    margin: 0 auto;
    padding: 0 0 70px 0;
    clear: both;
    position: relative;
    left: 35px;
}

footer .socialContainer--details-pin
{
    width: 720px;
    margin: 0 auto;
    padding: 0 0 70px 0;
    clear: both;
    position: relative;
    left: 50px;
}


.socialContainer .socialSet
{
    float: left;
    width: 180px;
    clear: none;
}

.socialContainer .socialIcon
{
    float:left;
    width:32px;
}

.socialContainer .socialText
{
    float:left;
    width:110px;
    padding-top:10px;
    font-weight:bold;
    font-size:10px;
    color:#fff;
}

.button_tw a {
    background-image: url(/Sites/HMH/images/global/iconSocialTwitter.png);  
}

.button_fb a {
    background-image: url(/Sites/HMH/images/global/iconSocialFacebook.png); 
}

.button_in a {
    background-image: url(/Sites/HMH/images/global/iconSocialInstagram.png);    
}

.button_li a {
    background-image: url(/Sites/HMH/images/global/iconSocialLinkedIn.png); 
}

.button_pin a {
    background-image: url(/Sites/HMH/images/global/iconSocialPintrest.png); 
}

.button_yt a {
    background-image: url(/Sites/HMH/images/global/iconSocialYouTube.png);  
}

.socialSet .button_tw {
    background-image: url(/Sites/HMH/images/global/iconSocialTwitter.png);  
}

.socialSet .button_fb {
    background-image: url(/Sites/HMH/images/global/iconSocialFacebook.png); 
}

.socialSet .button_in {
    background-image: url(/Sites/HMH/images/global/iconSocialInstagram.png);    
}

.socialSet .button_li {
    background-image: url(/Sites/HMH/images/global/iconSocialLinkedIn.png); 
}

.socialSet .button_pin {
    background-image: url(/Sites/HMH/images/global/iconSocialPintrest.png); 
}

.socialSet .button_yt {
    background-image: url(/Sites/HMH/images/global/iconSocialYouTube.png);  
}
.button_tw, .button_fb, .button_in, .button_li, .button_pin, .button_yt, .button_tw a, .button_fb a, .button_in a, .button_li a, .button_pin a, .button_yt a {
    width: 32px;
    height: 32px;
    background-position: 0 0;
    display: inline-block;
    margin: 0 10px 0 0;
    padding-bottom: 0;  
    outline:none;
}
footer ul li a {
    text-decoration: none;
    font-size: 10px;
    text-transform:none;
}
footer .lightblack ul li {
    margin-left: 8px;
}
footer .lightblack ul > li:not(:last-child) {
    border-right: 1px solid #b2b2b2;
    padding-right: 8px;
}
footer .lightblack .four.columns {
    padding: 0 0 0 60px;
}
footer .lightblack .four.columns ul.inline-list li {
    border: none;
    padding-right: 4px;
}
.darkblack .two, .darkblack .row .two {
    width: 18.6667%;
}

#content footer ul {
    margin-bottom: 0;
}
footer ul.accordion > li > div {    
    background: transparent;
    border: none;
}

footer ul.accordion > li.active .title::after, footer ul.accordion > li > div.title::after {
    display: none;
}
footer .row {
    width:99.99%;
    min-height: 40px;
    display: inline-block;
	min-width: 0px;
}
footer .four, footer .row .four {
    width: 31%;
    min-width:initial;
    margin-left: 1%;
    margin-right: 1%;
}
footer .row .row {
    width: 65%;
    margin: 0 17.5%;
}
footer .darkblack .columns {
    padding: 0;
}
footer .column, footer .columns {
    min-height: 1px;
    position: static;
}
footer .miniform .twelve.columns .four{
	width:32%;
	margin-left:0px;
    min-width: initial !important;
    padding: 0;
}
.miniform .twelve.columns.errors {
    padding:0;
}
footer .row.errors {min-height: 29px;}
.miniform .twelve.columns .four .button{
    color: #ffffff;
    padding: 9px;
	white-space: nowrap;
}
.padding-right {
	padding-right:20px;
}
.padding-right .row .twelve.columns{
    padding: 5px 5px;
}
.padding-right .row .twelve label {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #898D8E;
    cursor: pointer;
}
 .padding-right .button{
    padding: 8px;
    font-size: 12px;
	width:100%;
}
.success {
    margin-top: 40%;
    margin-left: 10%;
}
.success p {
    font-size: 12px;
    font-weight: bold;
    color: #898D8E;
}
.reveal-modal.stay-connected{
	vertical-align: middle;
	height:auto;
    overflow-y: hidden;
    padding: 0px;
    top: 8% !important;
}
#privacyterms-frame, #termsofuse-frame, #termscondition-frame {
    width: 100%;
    height: 110px;
    padding: 15px;
    overflow-y: scroll;
    overflow-x: scroll;
}
#privacyterms-frame h1, #termsofuse-frame h1, #termscondition-frame h1{
    font-size: 16px;
}
#privacyterms-frame h2, #termsofuse-frame h2, #termscondition-frame h2{
    font-size: 14px;
}
#privacyterms-frame h3, #termsofuse-frame h3, #termscondition-frame h3{
    font-size: 12px;
}
#privacyterms-frame p, #termsofuse-frame p, #termscondition-frame p,
#privacyterms-frame li, #termsofuse-frame li, #termscondition-frame li,
#privacyterms-frame td, #termsofuse-frame td, #termscondition-frame td {
    font-size: 11px;
}
.stay-connected .twelve.columns {
    padding: 0;
}
.stay-connected iframe {
    width: 100%;
    height: 420px;
}
.no-over-flow {
    overflow-x: hidden;
    background: #fff;
	width: 98% !important;
	margin: 0 auto !important;
}
.no-over-flow form {
    margin: 0;
}

.stayConnected {
	background-color:#ffffff !important;
	margin:0px !important;
}
.stayConnected .twelve.columns {
	padding: 0;
}
.stayConnected .twelve.columns label{
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #898D8E;
    cursor: pointer;
}
.stayConnected p {
    margin-bottom: 5px;
}
.stayConnected p.button-wrap {
    margin-top: 10px;
    margin-bottom: 0;
}
.stayConnected p.button-wrap input.button[type="submit"] {
    padding: 9px;
}

.stayConnected .contact {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.stayConnected .button{
	width:100%;
}
#stayModalTitle {
    width: 100%;
	text-align: center;
	padding:0 30px;
}
 /*
    commented out for 4/23
@media only screen and (max-width: 640px) {
    .show-for-small {
        display: block;
    }
}
@media only screen and (max-width: 745px) {
    footer .row .row {
        width:90%;
        margin:0 5%;
    }
    footer .four, footer .row .four {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .darkblack .four {
        margin-top: 1em;
    }
    .darkblack h6 {
        color: #F1A900;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
        max-width: 95%;
        margin: 0.5em 2.5% 0px;
    }
    footer .lightblack ul > li:not(:last-child) {
        border-right: none;
        padding-right: 0;
        float: none;
    }
    p.copyright {
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1250px){
    footer .row .row {
    width: 90%;
    margin-left: 5%;
    margin-right: 0;
    }
}
@media only screen and (max-width: 975px){
    footer .row .row {
    width: 90%;
    margin: 0;
    }
}

@media only screen and (max-width: 935px) {
    footer .row .row {
        width: 90%;
        margin-left: 2%;
    }
}

@media only screen and (max-width: 910px){
    footer .row .row {
        width:90%;
        margin:0 4%;
    }
    .darkblack h6{
        width: 65%;
        margin-left: 17%;
    }
}
@media only screen and (max-width: 892px){
    footer .row .row {
        width:90%;
        margin:0 4%;
    }
    .darkblack h6{
        width: 68%;
        margin-left: 15%;
    }
}

@media only screen and (max-width: 860px) {
    footer .row .row {
        width:98%;
        margin:0 1%;
    }
    .darkblack h6{
        width: 80%;
        margin: 0px 10%;
    }
}

@media only screen and (max-width: 770px) {
    footer .row .row {
        width:40%;
        margin:0 30%;
    }
    .darkblack h6{
        width: 59%;
        margin: 0px 18%;
    }
}
@media only screen and (max-width: 745px) {
    footer .row .row {
        width:40%;
        margin:0 30%;
    }
    .darkblack h6{
        width: 60%;
        margin: 0px 20%;
    }
}

@media only screen and (max-width: 705px) {
    footer .row .row {
        width:40%;
        margin:0 29%;
    }
    .darkblack h6{
        width: 63%;
        margin: 0 18%;
    }
}

@media only screen and (max-width: 615px) {
    footer .row .row {
        width:40%;
        margin:0 29%;
    }
     .darkblack h6{
        width: 65%;
        margin: 0 17%;
    }
}

@media only screen and (max-width: 530px) {
    footer .row .row {
        width:45%;
        margin:0 25%;
    }
    .darkblack h6{
        width: 71%;
        margin: 0 13%;
    }
}


@media only screen and (max-width: 470px) {
    footer .row .row {
        width:50%;
        margin:0 25%;
    }
    .darkblack h6{
        width: 73%;
        margin: 0 10%;
    }

}

@media only screen and (max-width: 390px) {
    footer .row .row {
        width:60%;
        margin:0 20%;
    }
    .darkblack h6{
        width: 77%;
        margin: 0 10%;
    }

}

@media only screen and (max-width: 350px) {
    footer .row .row {
        margin: 0 14% auto !important;
    }

}
     */

	 
	 @media only screen and (max-width: 720px) {
	 .socialContainer .socialSet {
              float: left;
			/* clear: both; */
			padding-bottom: 10px;
			width: 33%;
			padding-left: 1%;
			text-align: center;
			margin: 0 auto;
        }
		#socialPinterestContainer.socialContainer .socialSet {
			width: 25%;
		}
		.socialContainer .socialIcon {
			float: none;
			margin: 0 auto;
		}
		
		.socialContainer .socialText {
			float: none !important;
			padding-top: 10px;
			font-weight: bold;
			font-size: 10px;
			color: #fff;
			word-wrap: break-word;
			text-align: center;
			width: 100%;
		}
        footer .miniform {
            width: 275px;
            margin: 0 auto;
        }
        footer fieldset legend { 
            text-align: center;
        }
        footer .socialContainer--details-tw, footer .socialContainer--details-fb, footer .socialContainer--details-pin, footer .socialContainer--details-yt {
            width: auto;
            margin: 0 auto;
            clear: both;
            left: initial;
        }
	 }
	@media only screen and (max-width: 640px) {
		.reveal-modal{
			width: 100%;
			left:initial;
			margin: 0 auto;
		}            
        .reveal-modal.stay-connected {
            top: 0% !important;
			height: 100%;
        }
		 footer .row .eight.mobile-three.columns input{
			 height: 38px;
		 }
		 footer .row .four.mobile-one.columns.connectWithUs .button{
			 padding:12px 0;
		 }
		footer .nine.columns.centered{
			 width:95%;
		}			 
		footer .row .row {
			width: 100%;
			margin: 0px;
		}
		.darkblack .four, .darkblack .four  {
			float:none !important;
		}
		footer .four, footer .row .four {
			width: 80% !important;
			margin: 0 auto;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		footer .nine.columns.centered .six.columns{
			width:90% !important;
            margin: 0 auto;
			padding: 0;
		}
        .copyright.text-center {
            font-size: 12px;
            padding-top: 15px;
        }
        .copyright.text-center a {
            padding-top: 5px;
            font-size: 12px;
        }
        footer p.copyright a:after {
           display:none;
        }
        footer .miniform .twelve.columns .four {
            width: 32% !important;
        }
        .eight.mobile-three.columns {
            width:68% !important;
        }
		footer .nine.columns.centered .six.columns .connectWithUs{
			margin-top:0px;
		}
		#footerSocialMedia{
			height:auto;
			padding-top:10px;
		}
		footer .miniform .twelve.columns .four .button{
			width:100%;
			padding:9px 0;
		}		
		footer .copyright a {
			display: block;
			text-decoration: underline !important;
		}
		form {
			margin: 0;
		}
		.row.sub-nav .twelve.columns .four.columns {
            border-bottom: 1px solid #e6e6e6;
        }
        .row.sub-nav>div>div{
            border-right: none;
        }
	}
	

      @media only screen and (min-width: 641px) and (max-width: 768px) {
        footer .row .row {
            width: 98%;
            margin: 0 1%;
        }
        .four.columns .accordion .title {
            padding-right: 9px;
        }
        footer .darkblack .four {
            width: 31% !important;
        }
     }
	@media only screen and (max-width: 768px) and (orientation : landscape) { 
        .reveal-modal.stay-connected {
			overflow-y: scroll;
			height: 100%;
			top:0% !important;
        }
	 } 
     @media only screen and (max-width: 768px) { 		       
         div#Div3.one.columns {
            display: none;
        }
        section#signinSection, .row.sub-nav, section#RiversideSignWithUP, {
            margin: 0 15px 15px !important;
        }
        .row.sub-nav {
            margin: 0;
        }
      }
	  
    @media only screen and (min-width: 769px) and (max-width: 991px) {
        footer .row .row {
            width: 85%;
            margin: 0 5% 0 9%;
        }
        .four.columns .accordion .title {
            padding-right: 10px;
        }
    }
	
	
	
	@media only screen and (min-width: 641px) and (max-width: 1024px) {
	   	 div#Div3.one.columns {
            display: none;
        }
        footer .row .eight.mobile-three.columns input{
			 height: 38px;
		}
		footer .row .four.mobile-one.columns.connectWithUs .button{
			 padding:12px 0;
		}
	 	footer .nine.columns.centered .six.columns{
			width:100%;
		}
		footer .nine.columns.centered .six.columns .connectWithUs{
			margin-top:0px;
		}
		#footerSocialMedia{
			height:auto;
			padding-top:10px;
		}
		footer .miniform .twelve.columns .four .button{
			width:100%;
			padding:9px 0;
		}
		footer .miniform{
			width: 275px;
			margin: 0 auto;
		}
        footer fieldset legend  {
            text-align: center;
        }
        footer .miniform fieldset .four.columns {
            margin-right: 0;
			width: 32% !important;
        }
		footer .lightblack .row .nine.columns.centered .row{
			margin: 0 auto;
			width: 100%;
	    }
        fieldset .row .eight {
            width: 68% !important;
        }
	}
	
	@media only screen and (max-width: 640px) {
        .show-for-small {
            display: block !important;
        }		
	}
	.miniform .twelve.columns {
		padding: 0 !important;
	}
    @media only screen and (max-width: 1023px) {
         .reveal-modal.stay-connected, #personaDivId.reveal-modal.full-screen, #modal.reveal-modal.full-screen, #bulkModal.reveal-modal.full-screen, #buyNowModal.reveal-modal.full-screen, #podModal.reveal-modal.full-screen, #relogin.reveal-modal.full-screen, #invalidQualification.reveal-modal.full-screen, #reloginIndividualAssessment.reveal-modal.full-screen {
            top: 0% !important;
            height: 100% !important;
            width: 100%;
            margin-left: 0;
            left: 0;
            z-index:100000;
         }   
    }