@import url("default-page.css");
@import url("_featurette-module.css");

.general-default-article-section {padding:40px 0 2px 0;}
.general-default-article-section:only-child {padding-bottom: 60px!important;}
.general-default-article-section .default-inner {overflow: hidden; padding: 76px 80px 62px 80px;}
.general-default-article-section .default-inner h1 {margin-bottom: 22px;}
.general-default-article-section .default-inner .accordion-module {padding-top: 0;}

.default-thumb {margin: 40px 0 98px 0;}
.download-button ~ .audio-player {padding: 0;}

.feedback-container {display: flex; flex-wrap:wrap; width: calc(100% + 160px); background: var(--brand-green); align-items: center; justify-content: space-between; color: var(--brand-mint); padding: 8px 8px 8px 24px; position: relative; left: -80px; top: 62px;}
.feedback-container .h3 {color: var(--brand-mint); margin: 0; flex: 1;}
.feedback-container .feedback-options {border: solid 4px var(--brand-mint); font-size: 0;}
.feedback-btn{border:none; padding:16px 22px 16px 23px; cursor:pointer; background:var(--brand-green); color:var(--brand-mint); transition:.25s; text-transform: uppercase; font-size: 2.5rem; font-weight: 900; font-family: 'Correct XXX Condensed', sans-serif; letter-spacing: 0.8px;}
.feedback-btn.selected{background:var(--brand-mint); color:var(--brand-green); padding: 16px 21px 16px 21px;}
.feedback-btn.selected:hover {background:var(--brand-mint); color:var(--brand-green);}
.feedback-container button:hover {box-shadow: none; transform: none; background: transparent; color: var(--brand-mint);}


@media only screen and (max-width: 1280px){
 .general-default-article-section .default-inner {padding: 40px;}
 .default-main {gap:40px;}
.feedback-container {width: calc(100% + 80px); left: -40px; top: 40px;}
}


@media only screen and (max-width: 1023px) and (min-width: 200px) {
    .general-default-article-section .default-inner {flex: 100%;}
    
}


@media only screen and (max-width: 767px) and (min-width: 200px) {
    .general-default-article-section {padding: 36px 0 19px !important;}
    .general-default-article-section > .container:first-of-type {padding: 0 20px;}
    .general-default-article-section .default-inner {padding:42px 40px 24px 40px;}
    
    .breadcrumb {display: none;}
    
    .default-thumb {margin: 20px 0 7px 0;}
    
    .related-res .heading-lt .h1b {max-width: 100%;}
    
    .feedback-container {top: 24px; gap: 12px;}
    .feedback-btn {font-size: 1.5rem; letter-spacing: 0.48px; padding:4px 8px 4px 8px;}
    .feedback-btn.selected {padding:4px 10px 4px 7px;}
    
    .btn-text {padding: 16px 0 24px;}
    
    
}
