footer {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    margin-top: 20px;
    border-top: 25px solid #f2a900;
    font-family: Arial;
    font-size: 1em;
}
footer[role="contentinfo"] {
    min-width: 1280px;
}
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: 38px 0;
}
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;
    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 {
	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;
}
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;
}
.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{
    top: 10% !important;
	height:auto;
    overflow-y: hidden;
    padding: 30px;
}
#privacyterms-frame, #termsofuse-frame, #termscondition-frame {
    width: 100%;
    height: 110px;
    padding: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#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: 500px;
}
.no-over-flow {
    overflow-x: hidden;
    background: #fff;
}
.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 {
    margin-left: 10%;
}
 /*
    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;
    }

}
     */