.desktop-section {
    margin-left: 24px;
    margin-top: 20px;
    padding-bottom: 48px;
}

.add-podcast {
    padding-top: 24px;
    font-weight: 500;
}

.decanter-h5 {
    font-weight: 500;
}

.register-link {
    margin-top: 24px;
	color: rgb(27,32,43);
    border-bottom: 2px dotted rgb(27,32,43);	
    font-size: 1.125rem;
    font-weight: 200 !important;
}

.register-link:hover {
	color: rgba(27,32,43, 0.5);
	border-bottom: 2px dotted rgba(27,32,43, 0.5);	
}

.membership {
    margin-top: 20px;
}

.membership > span {
    margin-right: 50px;
}

.membership-row {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
.membership-column {
    min-width: 275px;
    width: 275px;
}
.membership-column-price {
    min-width: 150px;
    display: flex;
    text-align: center;
}

/* START Copy RSS URL Section */
.rss-grid {
    display: flex;
    margin-left: 20px;
    margin-top: 20px;
    flex-direction: column;
}

.rss-grid>p {
    margin-top: 0px;
    margin-bottom: 0px
}

.mobile-page div .device-section-header .dms-shortcode,
.computer-grid .dms-shortcode,
#direct-links .dms-shortcode,
.rss-grid .dms-shortcode {
    justify-content: flex-start;
}

.decanter-copy {
    width: 69% !important;
    display: flex;
    justify-content: flex-start;
}

.decanter-copy fieldset {
    border-color: #7E7E7E !important;
    border-width: 0px !important;
}

.decanter-copy .MuiOutlinedInput-adornedEnd {
    width: 100%;
    height: 40px;
    background: #F5F5F5 !important;
    /*border-style: solid;
    border-width: 1px;
    border-color: #7E7E7E;*/
}

.decanter-copy button,
.decanter-sms button {
    height: 100% !important;
    border-left-color: #7E7E7E !important;
    text-transform: capitalize;
    background-color: #7E7E7E !important;
    color: #fff !important;
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-radius: 0;
    max-height: 40px !important;
    font-family: "freight-sans-pro", "Arial";
    font-size: 1.125rem;
}

.decanter-copy button:hover,
.decanter-sms button:hover {
    color: #7E7E7E !important;
    background-color: #fff !important;
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.decanter-copy .MuiOutlinedInput-input {
    opacity: 0.5;
}

.decanter-list>ul>li>.MuiButton-text>span.MuiButton-label>div {
    margin-top: -16px !important;
}

.decanter-copy>div>div.MuiFormControl-root {
    width: inherit;
    margin-left: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 4px !important;
    border-color: #7E7E7E !important;
    margin-top: 0px !important;
}

/* END Copy RSS URL Section */

.qr-sms {
    margin-top: 10px;
}

.qr-instructions-1 {
    margin-left: 33px;
}

.decanter-sms>div.MuiInputBase-root {
    width: 100%;
    height: 40px;
}

.decanter-sms>div>.MuiFormControl-root {
    margin: 0 !important;
    margin-top: 8px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #7E7E7E !important;
    border-radius: 4px !important;
}

.sms-grid {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    margin-right: 20px;
}

.sms-grid>div {
    justify-content: flex-start;
    margin-left: 20px;
}

.decanter-sms .MuitInputBase-root {
    display: flex;
    justify-content: center;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 0px !important;
}

.decanter-copy .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 0px !important;
}

.device-tab {
    display: flex;
    justify-content: flex-start;
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
    display: grid !important;
    justify-items: flex-start;
    text-align: flex-start;
    grid-template-columns: repeat(2, 1fr);
}

.device-tab strong {
    display: flex;
    vertical-align: middle;
    cursor: pointer;
}

.device-tab strong img {
    margin-right: 20px;
}

span.device-text {
    font-weight: normal;
    margin-top: 5px;
}

div#on-computer {
    margin-left: 0px;
}

div.on-tablet {
    margin-left: 34px;
}

.selected {
    border-bottom: 1px dotted #7E7E7E;
    padding-bottom: 8px;
}

.section-hr {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #ddd !important;
}

.MuiInputLabel-outlined {
    display: none !important;
}

.MuiListItem-button:hover {
    font-weight: bold;
    background-color: #fff;
}

div.decanter-sms #phone-form-control {
    height: 34px;
    margin-top: 1px !important;
}

div.decanter-qr div.MuiSelect-root {
    /*background: #F5F5F5 !important;*/
    font-weight: bold;
}

.decanter-sms {
    width: 69% !important;
}

.decanter-sms .react-tel-input {
    display: flex;
    background: #fff;
    font-family: "freight-sans-pro", "Arial";
    font-size: 1.125rem !important;
    height: 40px;
    border-radius: 4px;
}

.decanter-sms fieldset {
    border-color: #7E7E7E !important;
}

.decanter-sms fieldset {
    border-width: 0;
}

.decanter-sms .react-tel-input .flag-dropdown {
    border: unset !important;
    border-right: 1px solid #7E7E7E !important;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    margin-top: 0px;
    background: #F5F5F5 !important;
    font-family: "freight-sans-pro", "Arial";
}

.react-tel-input .flag-dropdown:hover .selected-flag,
.react-tel-input .flag-dropdown:focus .selected-flag {
    background-color: #F5F5F5;
}

.react-tel-input .country-list .country.highlight {
    background-color: #F5F5F5;
    font-weight: bold;
}

.react-tel-input .country-list .country:focus {
    background-color: #fff !important;
    font-weight: bold;
    border: 0 !important;
    outline: none !important;
}

.react-tel-input .country-list {
    box-shadow: none !important;
    max-height: 324px;
}

.react-tel-input .country-list .country:hover {
    background-color: #fff;
}

.react-tel-input .country-list .divider {
    border-bottom: 1px solid #7E7E7E;
}

.react-tel-input .country-list {
    box-shadow: none;
    margin: 1px 0 11px -6px;
    border: 1px solid #7E7E7E;
    text-align: left;
}

.react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #7E7E7E !important;
    background: #F5F5F5;
}

.decanter-sms .react-tel-input .selected-flag .arrow {
    border-top: 4px solid #7E7E7E !important;
    background: #F5F5F5;
}

.decanter-sms .react-tel-input .flag-dropdown:hover {
    border: 1px solid #7E7E7E !important;
    border-right: 2px solid #7E7E7E !important;
}

.decanter-sms .react-tel-input .flag-dropdown:focus {
    border: 1px solid #7E7E7E !important;
    border-right: 2px solid #7E7E7E !important;
}


/*.decanter-sms .react-tel-input .flag-dropdown:hover, .decanter-sms .react-tel-input .flag-dropdown:focus {
    background-color: #fff !important;
}

.react-tel-input .flag-dropdown:hover .selected-flag, .react-tel-input .flag-dropdown:focus .selected-flag {
    background-color: #fff;
}*/

.selected-flag.open .arrow.up {
    display: none !important;
}

.decanter-sms .react-tel-input .selected-flag .arrow:hover .decanter-sms .react-tel-input .selected-flag .arrow:focus {
    background: #fff;
}

.react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #7E7E7E !important;
    background: #F5F5F5;
}

.decanter-sms .react-tel-input .form-control {
    padding-left: 58px;
}

.qr-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    margin-bottom: 8px;
    text-align: center;
    justify-items: flex-start;
    margin-left: 0px;
}

.qr-grid-shortcode {
    display: grid;
    margin-bottom: 24px;
    text-align: left;
    justify-items: flex-start;
}

.qr-grid div {
    max-width: 200px;
    padding-top: 24px;
}

div.decanter-qr {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-left: -11px;
}

.dms-shortcode {
    width: 100%;
    display: flex !important;
}

.qr-instructions-2 {
    margin-right: 60px;
    margin-left: -28px;
}

.decanter-qr canvas {
    margin-left: 0px;
}

div.decanter-qr>div {
    display: flex;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
}

div.decanter-qr>div>div {
    display: flex;
    width: 100%;
    align-items: left;
    justify-content: flex-start;
}

div.decanter-qr div.MuiInputBase-root svg.MuiSvgIcon-root {
    color: #7E7E7E !important;
}

div.decanter-qr div.MuiInputBase-root:hover svg.MuiSvgIcon-root {
    color: #7E7E7E !important;
}

div.decanter-qr div.MuiInputBase-root {
    max-width: 225px;
    min-width: 225px;
    flex-direction: row;
    color: #333 !important;
    background-color: #FFF;
    margin-left: 15px;
    border: 1px solid #7E7E7E !important;
}

div.decanter-qr div.MuiInputBase-root:hover {
    border-width: 2px !important;
    width: 227px;
    max-width: 227px;
    min-width: 227px;
}

div.decanter-qr div.MuiInputBase-root>fieldset {
    border: none;
}

div.decanter-qr .makeStyles-root-1 {
    margin-left: -30px;
    margin-top: 10px;
}

div.decanter-qr .MuiSelect-select {
    display: flex;
    align-items: center;
}

/* Start QR Dropdown icon */
.MuiPopover-root>.MuiPopover-paper>.MuiList-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.MuiListItemIcon-root>div {
    width: 32px;
    height: 32px;
}

.MuiMenuItem-root {
    font-family: inherit !important;
    font-size: 1.125rem !important;
}

.MuiListItemIcon-root {
    min-width: 40px !important;
}

.MuiListItemIcon-root>div>svg {
    border-radius: 8px;
}

.MuiListItemIcon-root {
    min-width: 40px;
}

.makeStyles-icon-3 {
    width: 32px;
    height: 32px;
}

.device-section-header {
    margin-top: 0px;
}

.decanter-list button {
    background: #FFF !important;
    min-width: 200px;
    border: 1px solid #7E7E7E !important;
    border-radius: 4px !important;
    margin: 8px;
    height: 46px !important;
}

/*.decanter-list button:hover {
	background: #F5F5F5 !important;
	border-width: 2px !important;
}*/

.decanter-list button .decanter-list-label {
    color: black;
    font-family: "freight-sans-pro", "Arial";
    font-size: 1.125rem;
    font-weight: 200;
}

.decanter-list button>.MuiButton-label {
    display: flex;
    justify-content: flex-start;
    text-transform: none !important;
}

.decanter-list>ul {
    border: 0 0 0 0 !important;
    display: grid;
    columns: 3;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0px;
    padding: 0px;
}

.dms-shortcode .decanter-list>div>svg {
    border-radius: 8px;
}

.loading {
    display: unset !important;
}

.finishedloading {
    display: none !important;
}

.decanter-sms>div>.MuiFormControl-root,
.decanter-copy>div {
    width: 100%;
}

.device-tab strong img {
    max-height: 37px;
    /* this is a safari bug */
}

.computer-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    text-align: center;
}

.computer-grid>div>p,
.computer-grid>p {
    display: none;
}

.computer-link {
    display: flex;
    margin-left: 75px;
    flex-direction: column !important;
}

.computer-link img {
    height: unset;
    margin-right: 10px;
    margin-bottom: 10px;
}

.computer-link>div {
    margin-top: -32px;
}

.computer-link span {
    color: #8e8e8e;
    font-family: "freight-sans-pro", "Arial";
    font-size: .875rem;
    font-weight: 200;
}

.computer-link span:first-child {
    height: 104px;
}

.MuiMenuItem-root {
    font-family: inherit !important;
    font-size: 1.125rem;
}

.MuiListItem-root.Mui-focusVisible {
    background-color: #F5F5F5;
}

.MuiTouchRipple-child {
    display: none !important;
}

/*.country-list .active*/
.MuiListItem-root.Mui-selected {
    background-color: #F5F5F5 !important;
    color: #333 !important;
    font-weight: bold !important;
}

*/ .MuiListItem-root Mui-selected:hover {
    background-color: #F5F5F5 !important;
    color: #333 !important;
    font-weight: bold !important;
}

li.MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.Mui-selected:hover {
    font-weight: bold !important;
}

li.country.preferred.active {
    font-weight: normal !important;
}

li.country.preferred.active.highlight {
    font-weight: bold !important;
}

li.country.highlight {
    font-weight: bold;
}

li.country:hover {
    font-weight: bold;
}

.MuiPaper-elevation8 {
    border: 1px solid #7E7E7E;
    box-shadow: none;
    margin-left: -2px;
    margin-bottom: -4px;
    margin-top: -4px;
    width: 226px;
    padding-top: 3px;
    padding-bottom: 3px;
    transition: unset !important;
}

.MuiInputBase-root {
    font: inherit;
}

.MuiPaper-root {
    color: #333;
    font-weight: bold;
}

.MuiMenu-list {
    margin-left: -2px;
}

.MuiAlert-message {
    color: #fff;
    background-color: #7E7E7E;
    font-family: "freight-sans-pro", "Arial";
}

.MuiAlert-icon {
    color: #fff;
}

.MuiAlert-filledSuccess {
    background-color: #7E7E7E !important;
}

.MuiAlert-filledError {
    background-color: #7E7E7E;
}

.MuiAlert-icon {
    display: none;
}

.mobile-text {
    display: none !important;
    visibility: hidden;
}

.faq h4 {
    font-size: 17px;
}

.faq .ufaq-faq-body {
    padding: 0 55px 0 55px;
}

.faq p {
    font-size: 1rem;
}

.faq li {
    font-size: .750em;
    color: #8e8e8e;
}

.mobile-page {
    display: none;
}

.desktop-page {
    display: unset;
    background: red;
}

.decanter-button {
    background: #F5F5F5 !important;
    color:#333 !important;
    min-width: 120px;
    border: 1px solid #7E7E7E !important;
    border-radius: 4px !important;
    margin: 8px;
    padding: 8px;
    width: 100% !important;
    margin-left: 0px;
}

.decanter-button:hover {
    border: 2px solid #7E7E7E !important;
    padding: 7px !important;
}

.decanter-series-selected {
    display: flex; 
    content:'';
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-right: 100px;
    width: 0;
    height: 0;
    border-bottom: 25px solid #ECECEC;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.decanter-title div {
    display: flex; 
    flex-direction: column;
}

.decanter-title-label {
    margin-right: 12px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: -18px;
}

.decanter-title-img {
    max-height: 200px;
    width: 200px;
    flex-direction: column;
    margin-top: 24px;
    margin-right: 24px;
    cursor: pointer;
}

.stratechery-series-button-selected:hover,
.stratechery-series-button-selected {
    background: #faa634 !important;
    color: #fff !important;
    border: 1px solid #faa634 !important;
    padding: 8px !important;
}

.dithering-series-button-selected:hover,
.dithering-series-button-selected {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    padding: 8px !important;
}

.decanter-series-button {
    text-align: center;
    max-width: 200px;
    cursor: pointer;
}

.membership ul {
    padding-bottom: 16px;  
    font-size: 18px !important;
}


@media screen and (max-width: 1000px) {
    .decanter-list>ul {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 48px !important;
    }

    .decanter-sms {
        width: 85% !important;
    }

    .decanter-copy {
        width: 85% !important;
    }
}

@media screen and (orientation: landscape) and (max-width: 900px) and (max-height: 450px) {
    .hide-mobile {
        display: none !important;
        background: red;
    }

    .mobile-page {
        display: flex !important;
    }

    .decanter-list>ul {
        grid-template-columns: repeat(1, 1fr);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px !important;
    }

    #direct-links {
        display: unset !important;
    }

    .mobile-text {
        display: block !important;
        visibility: visible;
        margin-bottom: 24px;
    }

    .decanter-copy {
        width: 90% !important;
        display: flex;
        justify-content: center;
    }

}

@media screen and (max-width: 750px) {
    .hide-mobile {
        display: none !important;
        background: red;
    }

    .mobile-page {
        display: flex !important;
        padding: 24px;
        margin-top: 20px;
    }

    .membership {
        margin-top: 0px;
    }

    .membership > span {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 25px;
    }
    .decanter-button {
        margin-left: 0px;
    }
    .membership > span:first-child {
        margin-top: 0px !important;
    }

    .membership .membership-row:first-child {
        margin-top: 16px;
    }

    .decanter-list>ul {
        grid-template-columns: repeat(1, 1fr);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px !important;
    }

    #direct-links {
        display: unset !important;
    }

    .mobile-text {
        display: block !important;
        visibility: visible;
        margin-bottom: 24px;
    }
    .dms-shortcode {
        justify-content: center !important;
    }

    .decanter-copy {
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-left: -23px;
        margin-right: -1px;
    }

    .decanter-series-selected {
        margin-right: auto;
    }

    .decanter-title {
     margin-left: 4px;
     margin-right: 4px;
    }

    .decanter-title-border ul {
        min-height: 48px !important;
    }

    .rss-grid {
        margin-right: 20px;
    }
}

.apple-list li {
    display: inline !important;
    margin-bottom: 20px !important;
}

.apple-list button {
    height: 54px;
}

.apple-list #decanter-list-item-itpc div {
    display: inline-block !important;
    width: 54px;
    height: 54px;
    background: url(https://upload.wikimedia.org/wikipedia/commons/d/df/ITunes_logo.svg) no-repeat center;
    background-size: 48px 48px;
}

.apple-list #decanter-list-item-podcast div {
    display: inline-block !important;
    width: 54px;
    height: 54px;
    background: url(https://upload.wikimedia.org/wikipedia/commons/f/f7/Podcasts_%28macOS%29.png) no-repeat center;
    background-size: 48px 48px;
}

.page {
    padding-bottom: 40px !important;
    border-bottom-width: 0 !important;
}

.podcastlinks {
    display: none;
}

@media only screen and (max-width : 640px) {
    .supercast-smshide {
        display: none;
    }
}

.spinner {
    width: 40px;
    height: 40px;
    display: flex !important;
    position: relative;
    margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #7E7E7E;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.series-toggle {
    margin-bottom: 48px;
    margin-top: -20px;
    background-color: #ECECEC;
}

div.collapsible > h4:before {
    content: 'b';
    color: #7E7E7E;
    float: left;
    margin-right: 15px;
    font-size: 12px;
    margin-top: 9px;
    font-family: 'ewd-toggle-icon';
}

div.collapsible > h4.active:before {
    content: 'B';
}

.collapsible-content {
    display: none;
    margin-left: 24px;
}