/******** 

Run `gulp buildStyles` after making changes to this file

********/

/* font-face */
@font-face {
    font-family: 'enriqueta';
    src: url('../fonts/enriqueta-regular-webfont.eot');
    src: url('../fonts/enriqueta-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/enriqueta-regular-webfont.woff') format('woff'),
        url('../fonts/enriqueta-regular-webfont.ttf') format('truetype'),
        url('../fonts/enriqueta-regular-webfont.svg#enriquetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'enriquetabold';
    src: url('../fonts/enriqueta-bold-webfont.eot');
    src: url('../fonts/enriqueta-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/enriqueta-bold-webfont.woff') format('woff'),
        url('../fonts/enriqueta-bold-webfont.ttf') format('truetype'),
        url('../fonts/enriqueta-bold-webfont.svg#enriquetabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* To find areas that should be restored when the site will be adjusted for responsive search for Phase 2 and you should be able to find all areas that need comments removed */
/* General reset */
* {
    text-rendering: optimizeLegibility;
}

body {
    color: #4f585c;
    font: 17px/1.55em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    ;
    background: #002d56;
    margin: 0;
    min-width: 320px;
    -webkit-text-size-adjust: none;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

a {
    text-decoration: none;
    color: #7ac142;
}

a:hover {
    text-decoration: underline;
}

.hide-on-screen {
    display: none !important;
}

input,
textarea,
select {
    font: 100% -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    ;
    vertical-align: middle;
    color: #4F585C;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
    border: none;
}

.placeholder {
    color: #a9a9a9;
}

:-moz-placeholder {
    color: #a9a9a9;
}

::-webkit-input-placeholder {
    color: #a9a9a9;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.highlighted {
    font-weight: bold;
}

input[type=text],
input[type=password],
input[type=file],
input[type=search],
input[type=submit],
input[type=tel],
input[type=email],
textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

input[type=submit],
.facebook-btn {
    border: 1px solid;
    border-color: #002d56 #194166 #335778 #1e466a;
    background: #002d56;
    color: #e2dfda;
    text-shadow: 1px 0 0 rgba(0, 32, 122, 0.47);
    margin: 0;
    padding: 0 0 3px;
}

input[type=submit] {
    float: right;
    height: 37px;
    font: 13px/36px enriquetabold, "Times New Roman", Times, serif;
}

.facebook-btn {
    width: 80px;
    text-align: center;
    float: none;
    display: inline-block;
    font: 13px/36px enriquetabold, "Times New Roman", Times, serif;
    height: 32px;
}

input[type=submit]:hover {
    cursor: pointer;
    background: #11497b;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

header,
footer,
article,
section,
hgroup,
nav,
figure {
    display: block;
}

figure {
    margin: 0;
    padding: 0;
}

q {
    quotes: none;
}

q:before {
    content: "";
}

q:after {
    content: "";
}

h1,
h2,
h3,
h1 a,
h2 a,
h3 a,
.donate-form legend {
    color: #002d56;
}

div.old-h1 {
    margin: 0;
    font: 40px/1.1em enriqueta, "Times New Roman", Times, serif;
}

h1 {
    margin: 0;
    font: 40px/1.1em enriqueta, "Times New Roman", Times, serif;
}

h1.new-heads {
    margin: 0;
    font: 32px/1.125em enriqueta, "Times New Roman", Times, serif;
}

h1.ask_pastor-title {
    font-size: 28px;
}

@media screen and (min-width: 940px) {
    h1.ask_pastor-title {
        white-space: nowrap;
    }

    h4.ask_pastor-sub {
        white-space: nowrap;
    }
}

h2 {
    margin: 0;
    font: 32px/1.125em enriqueta, "Times New Roman", Times, serif;
}

h2.new-heads {
    margin: 0 0 30px;
    font: 24px/1.167em enriqueta, "Times New Roman", Times, serif;
}

h3 {
    margin: 0 0 30px;
    font: 24px/1.167em enriqueta, "Times New Roman", Times, serif;
}

.donate-form legend {
    margin: 0 0 30px;
    font: 24px/1.167em enriqueta, "Times New Roman", Times, serif;
}

h4 {
    margin: 0 0 30px;
    font: 20px/1.2em enriqueta, "Times New Roman", Times, serif;
}

h4.ask_pastor-sub {
    color: #002d56;
    padding-top: 1rem;
    font-size: 24px;
}

.on-air-form label {
    margin: 0 0 30px;
    font: 20px/1.2em enriqueta, "Times New Roman", Times, serif;
}

h5 {
    margin: 0 0 1px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.462em;
}

p {
    margin: 0 0 21px;
    font-size: 1.0625rem;
    line-height: 1.55em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.entry-content div span[style*="font-size: medium"] {
    font-size: 1.0625rem !important;
    line-height: 1.55em;
    margin-bottom: 21px;
    display: block;
}

ul {
    list-style: none;
    margin: 0 0 30px 28px;
    padding: 0;
}

ul li {
    position: relative;
}

.details-block ul li {
    font-size: 16px;
    line-height: 1.55rem;
}

ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    left: -8px;
    top: 9px;
    position: absolute;
}

ol {
    margin: 0 0 17px 20px;
    padding: 0;
    height: 1%;
    overflow: hidden;
    counter-reset: item;
}

ol ol {
    padding: 0 0 0 15px !important;
}

ol li {
    display: block;
}

ol li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    font-weight: bold;
    padding: 0 3px 0 0;
}

blockquote {
    font: 17px/1.55em -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    ;
    margin: 0 0 30px 20px;
}

table {
    margin: 0 0 30px 0;
    font-size: 17px;
    width: 100%;
}

table thead {
    background: #e9f0f4;
    color: #4f585c;
}

table th {
    padding: 15px;
}

table tbody td {
    border-bottom: 1px solid #ccc;
}

.order-table td {
    padding: 15px;
}

table td input,
table td span {
    padding: 5px 10px;
    border: 1px solid #ccc;
    float: left;
}

table tfoot th,
table tfoot td {
    padding: 15px 15px 0 15px;
}

table tfoot th {
    font-weight: bold;
}

pre {
    font-family: Helvetica, Arial, sans-serif;
}

.left {
    float: left;
}

.right {
    float: right;
}

.col {
    width: 30%;
    float: left;
    margin: 0 3% 0 0;
}

#product .wrapper {
    position: relative;
}

@media screen and (max-width: 768px) {
    #product .samples .wrapper {
        display: flex;
        flex-flow: row wrap;
    }

    #product .samples .wrapper .col {
        height: auto;
        padding-right: 4px;
    }
}

#product .wrapper:after {
    content: '';
    display: table;
    clear: both;
}

#column2 {
    float: right;
}

#sidebar.thin {
    width: 185px;
}

#sidebar.thin .first {
    margin: 0 0 30px;
}

#sidebar.col {
    width: 30% !important;
    margin: 0 2% 0 0 !important;
}

#content p+address {
    margin: 0 0 30px;
}

.samples {
    text-align: left;
}

.col address {
    font-style: normal;
}

.col .billing {
    float: left;
}

#content .info-form .billing input[type="submit"] {
    margin: 0;
}

.billing a {
    margin: 0 0 0 5px;
}

.btn,
.btn[type="submit"] {
    background: #7ac142;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 0 0 rgba(24, 24, 24, 0.4);
    font: 15px/1.467em enriquetabold, "Times New Roman", Times, serif;
    padding: 7px 10px 7px;
    text-align: center;
}

.btn[type="submit"] {
    border: none;
    float: left;
}

.btn:hover,
.btn[type="submit"]:hover,
.btn.active {
    text-decoration: none;
    background: #74b244;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
}

.info-form .btn.secondary {
    background: none;
    text-shadow: none;
    color: #7AC142;
}

.info-form .btn.secondary:hover {
    background: none;
    box-shadow: none;
}

.signup .btn,
.login .info-form .btn {
    width: 222px;
}

.next-program {
    float: right;
}

.hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 0;
    line-height: 0;
}

.skip {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip:focus {
    position: static;
    width: auto;
    height: auto;
}

.details {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 15px;
}

.entry-list h3 {
    font-size: 18px;
}

/* General settings */
/* wrapper */
#wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 40px;
}

.top-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 940px;
    padding: .8em 1em;
    padding-right: 0;

    background: #002D56;
    color: #fff;
    font: 13px/19px enriqueta, "Times New Roman", Times, serif;
    text-shadow: 1px 0 0 rgba(24, 24, 25, 0.3);
}

.top-panel a {
    color: #fff;
}

.top-panel p {
    margin: 0;
    line-height: 1;
}

.top-panel ul {
    margin: 0;
    padding: 0;
    float: right;
    max-width: 300px;
    overflow: hidden;
    height: 20px;
}

.top-panel li {
    float: left;
    padding: 0 0 0 13px;
}

.top-panel ul li:before {
    position: absolute;
    left: 5px;
    top: 8px;
    background: url(../images/sprite.png) no-repeat 0 -90px;
    content: "";
    width: 5px;
    height: 3px;
}

.top-panel ul li:first-child:before {
    display: none;
}

/* header */
#header {
    border-top: 1px solid #fff;
    height: 247px;
    padding: 0 10px;
    background: #e4edf1;
    position: relative;
    overflow: hidden;
}

#header:before {
    position: absolute;
    content: "";
    width: 300px;
    height: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -150px;
    box-shadow: 0 0 250px 200px rgba(255, 255, 255, 1);
    border-radius: 50px;
}

.logo {
    margin: 32px 0 0 -1px;
    float: left;
    width: 166px;
    height: 85px;
    font-size: 0;
    z-index: 10;
    position: relative;
}

.logo a {
    display: block;
    height: 100%;
}

.logo a:hover {
    text-decoration: none;
}

.mobile-logo,
.mobile-bar {
    display: none;
}

.header-holder {
    max-width: 940px;
    /* the max-width here should be restored during phase 2 */
    margin: 0 auto;
    position: relative;
    padding: 8px 0 2px;
    z-index: 1;
}

/* bar */
.bar {
    float: right;
    margin: 0;
    padding: 0;
    font: 15px/19px enriqueta, "Times New Roman", Times, serif;
    max-height: 76px;
    overflow: hidden;
}

.bar li {
    float: left;
    padding: 0 0 0 24px;
}

.bar li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 13px;
    background: url(../images/sprite.png) no-repeat 0 -97px;
    width: 3px;
    height: 15px;
}

.bar li:first-child {
    padding-left: 0;
}

.bar li:first-child:before {
    display: none;
}

.bar .icon {
    background: url(../images/sprite.png) no-repeat -321px -99px;
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    float: left;
    margin: 2px 5px 0 0;
}

.bar .number {
    background: #7AC142;
    padding: 0px 2px;
    border-radius: 3px;
    color: #ffffff;
    width: 10px;
}

.slogan {
    max-width: 40%;
    color: #71cef5;
    font: 14px/18px enriqueta, "Times New Roman", Times, serif;
    position: absolute;
    bottom: 0;
    left: 184px;
    max-height: 108px;
    overflow: hidden;
    z-index: 10;
}

/* navigation */
.navigation {
    position: absolute;
    top: 219px;
    left: 0;
    width: 100%;
    z-index: 12;
}

.navigation .opener {
    display: none;
}

.navigation .holder {
    max-width: 932px;
    /* The max-width should be restored during phase 2 */
    padding: 12px 18px 0 10px;
    margin: -10px auto 0 auto;
    overflow: hidden;
    position: relative;
    height: 70px;
    min-width: 60px;
}

@media screen and (max-width: 768px) {
    .navigation .holder {
        margin: -2px auto 0 auto;
        height: 82px;
    }
}

#nav {
    margin: 0 0 11px 0;
    border-bottom: 1px solid #dce6ed;
    border-bottom: 1px solid rgba(151, 178, 203, 0.2);
    height: 20px;
    padding: 0 0 11px;
    font: 18px/20px enriqueta, "Times New Roman", Times, serif;
    position: relative;
}

#nav:after {
    content: "";
    display: block;
    clear: both;
}

#nav>li {
    float: left;
    margin: 0 0 0 52px;
    position: static;
}

#nav>li:first-child {
    margin-left: 0;
}

#nav>li:before {
    display: none;
}

#nav a,
.add-nav a {
    color: #002d56;
    position: relative;
}

#nav a.nav-donate {
    color: #fff;
}

#nav>li>span {
    position: relative;
}

#nav a:hover,
.add-nav a:hover,
.add-nav a.active {
    color: #92b6c7;
    text-decoration: none;
}

.tabset a:hover span,
.tabset a.active span,
.cart-nav a.active span {
    bottom: 0;
}

#nav>.active>span:before {
    background: url(../images/sprite.png) no-repeat -18px -90px;
    width: 17px;
    height: 7px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -9px;
    z-index: 10;
}

.topics-boxes p {
    margin: 0 0 19px;
    font-size: 16px;
    line-height: 1.5em;
}

/* add-nav */
.add-nav {
    height: 16px;
    overflow: hidden;
    font: 11px/16px enriqueta, "Times New Roman", Times, serif;
    text-transform: uppercase;
}

.add-nav .title {
    color: #7fa0bf;
    font-weight: normal;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
}

.add-nav ul {
    margin: 0;
    padding: 0;
    display: inline;
}

.add-nav li {
    display: inline;
    padding: 0 10px 0 11px;
    letter-spacing: 1px;
}

.add-nav li:before {
    position: absolute;
    left: 0;
    top: -1px;
    content: "";
    width: 2px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat -10px -97px;
}

.add-nav li:first-child {
    padding-left: 0;
}

.add-nav li:first-child:before {
    display: none;
}

.nav-donate {
    color: white;
    background-color: #7ac144;
    padding: 12px 10px 10px 10px;
    background-clip: border-box;
    margin-left: -10px;
}

.nav-donate-button {
    color: white;
    background-color: #7ac144;
    padding: 12px 10px 10px 10px;
    background-clip: border-box;
    margin-left: -10px;
    white-space: nowrap;
}

.learn-more-button {
    color: white;
    background-color: #7ac144;
    padding: 12px 30px 10px 30px;
    background-clip: border-box;
    margin-left: 10px;
    font-size: 14px;
    white-space: nowrap;
}

#nav a.nav-donate:hover {
    color: #f3f3f3;
}

@media screen and (max-width: 768px) {
    .nav-donate {
        padding: inherit;
        margin-left: 0;
        text-shadow: none;
        box-shadow: none;
    }
}


/* search-form */
.search-form {
    position: absolute;
    top: 128px;
    left: 0;
    width: 100%;
}

.search-form .opener {
    display: none;
}

.search-form .holder {
    max-width: 940px;
    /* The max-width here should be restored during Phase 2 */
    margin: 0 auto;
    padding: 0 10px;
}

.search-form .holder:after {
    content: "";
    display: block;
    clear: both;
}

.search-form .area {
    width: 247px;
    height: 37px;
    border: solid #d4d9dd;
    border-width: 1px 0 1px 1px;
    float: right;
}

.search-form input[type=submit] {
    width: 69px;
}

.search-form input[type=search] {
    float: left;
    width: 178px;
    height: 37px;
    background: #fff;
    padding: 11px 11px 10px;
    margin: 0;
    color: #888f97;
    font: italic 13px enriqueta, "Times New Roman", Times, serif;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-suggestion {
    margin: 0 1em 0 0;
}

/* main */
#main {
    background: #fff;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}

.main-holder {
    max-width: 940px;
    /* The max-width here should be restored during phase 2 */
    margin: 0 auto;
    padding: 38px 10px;
}

/* main-heading */
.main-heading {
    overflow: hidden;
    padding: 0 0 36px;
    position: relative;
}

.main-heading:before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -116px;
    width: 100%;
    height: 1px;
    content: "";
}

@media screen and (max-width: 768px) {
    .main-heading h1 {
        font-size: 31px;
    }
}

@media screen and (max-width: 380px) {
    .main-heading h1 {
        font-size: 28px;
    }
}

div.sermon-series-main-frame {
    padding: 3em 0 0;
}

.main-frame {
    width: 100%;
    padding: 36px 0 0;
}

.main-frame ul {
    list-style-type: disc;
    list-style-position: inside;
}

.main-frame .filter-row ul,
.main-frame .content-box ul,
.main-frame .slideshow ul,
.main-frame .tabset,
.main-frame .links-list,
.main-frame .topics-box ul,
.main-frame .share-box ul,
.main-frame .topic-lists ul,
#sidebar ul,
.main-frame .cart-nav,
.main-frame .filter-box ul {
    list-style: none;
}

.main-frame-alt {
    padding: 0 0 12px;
}

.main-frame:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 768px) {
    .main-frame.mobile-padding {
        padding-left: 1em;
        padding-right: 1em;
    }

    .main-frame.mobile-padding .cms-plugin {
        padding-left: 0;
        padding-right: 0;
    }
}

.main-heading ul {
    float: right;
    margin: 21px 0 0;
}

.main-heading li {
    display: inline;
    padding: 0 0 0 12px;
}

.main-heading li:before {
    width: 2px;
    height: 12px;
    background: #adb1b3;
    top: 4px;
    left: 3px;
}

.main-heading li:first-child:before {
    display: none;
}

/* content */
#content {
    float: left;
    width: 66%;
}

.main-frame-alt #content {
    padding-top: 33px;
}

/* block */
.block {
    padding: 0 0 25px;
}

/* meta */
.meta {
    color: #002d56;
    line-height: 1.077em;
    padding: 0 0 30px;
}

.main-frame #product .meta {
    margin: 10px 0 20px;
    width: 100%;
    float: left;
    padding: 10px 0;
    background: #e9f0f4;
}

#product .meta li {
    list-style: none;
    float: left;
    padding: 0 10px;
}

.meta .by {
    font-weight: normal;
    padding: 0 7px 0 0;
}

/* boxes */
.boxes {
    border-top: 1px solid #dcdddd;
    padding: 35px 0 13px;
    position: relative;
    float: left;
    width: 100%;
}

.boxes h3 {
    margin-bottom: 18px;
}

.boxes .holder {
    overflow: hidden;
    margin: 0 -3% 30px 0;
}

.box {
    float: left;
    width: 47%;
    margin: 0 3% 5% 0;
    padding: 0;
}

.boxes .box:nth-child(odd) {
    clear: left;
}

.box p {
    margin: 0;
}

.boxes .btn {
    min-width: 133px;
}

.box .img {
    float: left;
    border: 1px solid #d9d9d9;
    margin: 4px 17px 13px 0;
}

.box .video {
    padding: 2px 0 7px;
}

.box .video img {
    display: block;
    max-width: 100%;
    height: auto;
}

.box footer {
    padding: 0 0 5px;
}

.box footer a {
    font-weight: bold;
}

/* post-list */
.post-list {
    padding: 2px 0 26px;
}

.post-list .holder {
    overflow: hidden;
    margin: 0 -22px 0 0;
}

.post-list h2 {
    color: #4f585c;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 17px;
}

.post-list h3 {
    margin: 0 10px 4px 0;
}

.post-list .box {
    /*width: 100%;*/
    /*float: none;*/
    /*width:30%;*/
    /*max-width:219px;*/
    /*margin-right: 21px;*/
}

.post-list .img {
    border: 1px solid #dadada;
    margin: 0 0 2px;
    display: block;
    vertical-align: top;
    float: none;
}

.post-list img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.post-list .by {
    font-weight: normal;
    display: block;
}

@media screen and (max-width: 768px) {
    .post-list h2 {
        padding-left: 1rem;
    }

    .blog-block #content,
    .blog-block #sidebar {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .post-list .holder {
        margin: 0;
    }

    .post {
        display: flex;
        flex-flow: column nowrap;
        margin: 2rem 0rem;
        padding: 1.5rem;
        height: 383px;
        max-height: 383px;
        overflow: hidden;
        position: relative;
    }

    .post .details-wrap {
        position: absolute;
        bottom: 0;
        padding-top: 5px;
        margin: 0;
        width: calc(100% - 3rem);
        background: #fff;
    }

    .post .details {
        width: 100%;
        font-weight: normal;
        border-radius: 5px;
        background: #7ac142;
        display: inline-block;
        color: #fff;
        cursor: pointer;
        text-shadow: 1px 0 0 rgba(24, 24, 24, 0.4);
        font: 15px/1.467em enriquetabold, "Times New Roman", Times, serif;
        padding: 7px 10px 7px;
        text-align: center;
    }

    .post h2 {
        order: 1;
        font-size: 20px;
        cursor: pointer;
    }

    .post h2 a {
        color: #7ac143 !important;
    }

    .post>img {
        order: 2;
    }

    .post>footer,
    .post>p,
    .post>a {
        order: 3;
    }

    .post .by {
        font-weight: bold;
    }
}

/* sidebar */
#sidebar {
    float: right;
    width: 265px;
    height: auto;
    min-height: 268px;
    margin: 3px 0 0;
    padding: 30px 17px 24px 18px;
    background: #e9f0f4;
}

@media screen and (max-width: 768px) {

    #sidebar,
    .main-frame-alt .details-block #sidebar {
        background-color: #fff !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

#sidebar>a {
    display: block;
    padding: 11px 0 11px 10px
}

.main-frame-alt #sidebar {
    margin-top: 0;
    padding-bottom: 16px;
}

#sidebar h3 {
    margin: 0 0 7px;
}

#sidebar p {
    margin: 0 0 18px;
    font-size: 15px;
}

#sidebar .btn {
    max-width: 160px;
}

#sidebar a.details {
    vertical-align: baseline;
}

/* sitewide alert */
.alert-wrap {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background-image: -ms-radial-gradient(center, circle closest-corner, #FCF7DE 0%, #FFF3B3 100%);
    background-image: -moz-radial-gradient(center, circle closest-corner, #FCF7DE 0%, #FFF3B3 100%);
    background-image: -o-radial-gradient(center, circle closest-corner, #FCF7DE 0%, #FFF3B3 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #FCF7DE), color-stop(1, #FFF3B3));
    background-image: -webkit-radial-gradient(center, circle closest-corner, #FCF7DE 0%, #FFF3B3 100%);
    background-image: radial-gradient(circle closest-corner at center, #FCF7DE 0%, #FFF3B3 100%);
}

.site-alert {
    padding: 20px 20px 20px 80px;
    background: transparent url(../images/alert.png) 15px center no-repeat;
    margin-bottom: 40px;
    border: 1px solid #e3d5ae;
    box-shadow: inset 0 0 4px #fff8d3;
    position: relative;
}

.site-alert h4,
.site-alert p {
    margin: 0;
}

.site-alert .close {
    text-indent: -9999px;
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/close.png) no-repeat;
}

/* slideshow */
.slideshow {
    position: relative;
    z-index: 10;
    padding: 33px 29px 0 28px;
    background: #fff;
}

/* .slideshow.store { width:700px; } */
.slideshow .paging {
    position: relative;
    z-index: 3;
}

.event-slideshow ul {
    margin: 0;
    list-style: none;
}

.event-slideshow ul li:before {
    background: none;
}

.store {
    padding: 0;
}

.store .slideshow ul {
    margin: 0;
}

.slideshow ul li:before {
    background: none;
}

.ui-slider-tabs-content-container {
    display: block;
    width: 883px;
    height: 392px;
    overflow: hidden;
}

.slide img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.slide {
    display: none;
    position: relative;
}

/* paging */
.ui-slider-tabs-list-container {
    margin: 0 -3px !important;
}

.tabs-content {
    margin: 0;
}

.paging {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
    font: 17px/46px enriquetabold, "Times New Roman", Times, serif;
}

.paging li {
    display: table-cell;
    vertical-align: top;
    border: solid #fff;
    border-width: 0 3px;
}

.paging li:first-child {
    border-left: 0px solid #fff;
}

.paging li:last-child {
    border-right: 0px solid #fff;
}

.paging a {
    color: #fff;
    display: block;
    text-shadow: 1px 0 0 rgba(136, 151, 158, 0.5);
    position: relative;
}

.paging img {
    display: inline-block;
    vertical-align: middle;
}

.paging span {
    display: inline-block;
    vertical-align: middle;
}

.paging .btn01 {
    background: #71cef5;
    text-shadow: 1px 0 0 rgba(24, 24, 24, 0.4);
}

.paging .btn02 {
    background: #92b6c7;
}

.paging .btn03 {
    background: #002d56;
}

.paging .btn04 {
    background: #7ac142;
}

.paging .btn05 {
    background: #ceeefc;
    color: #565f6b;
}

.paging a:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    width: 31px;
    height: 14px;
    margin: 0 0 0 -15px;
    display: none;
}

.paging .btn01:before {
    background: url(../images/sprite.png) no-repeat -404px 0;
}

.paging .btn02:before {
    background: url(../images/sprite.png) no-repeat -440px 0;
}

.paging .btn03:before {
    background: url(../images/sprite.png) no-repeat -477px 0;
}

.paging .btn04:before {
    background: url(../images/sprite.png) no-repeat -516px 0;
}

.paging .btn05:before {
    background: url(../images/sprite.png) no-repeat -555px 0;
}

.paging .selected a:before {
    display: block;
}

li.flex-active a:before {
    display: block;
}

li.glide__bullet--active a:before {
    display: block;
}

.paging a:hover {
    text-decoration: none;
}

.paging a:hover span {
    text-decoration: underline;
}

/* tabsarea tabsarea-alt */
.tabsarea {
    padding: 0 0 22px;
}

.tabsarea.media {
    padding: 0;
}

.tabsarea-alt {
    padding: 0 0 49px;
}

/* tabset */
.tabset,
.cart-nav {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #dcdddd;
    font: 20px/1.2em enriqueta, "Times New Roman", Times, serif;
    width: 100%;
}

.tabsarea-alt .tabset,
.tabsarea .cart-nav {
    font-size: 16px;
    line-height: 1.188em;
    padding: 0;
    display: block;
    overflow: hidden;
}

.tabsarea-alt .tabset {
    margin: 0 2px 0 0;
}

.tabset li,
.cart-nav li {
    float: left;
    border-left: 1px solid #dcdddd;
}

.tabset li:before,
.cart-nav li:before {
    display: none;
}

.tabset li:first-child,
.cart-nav li:first-child {
    border-style: none;
}

.tabset a,
.cart-nav a {
    display: block;
    padding: 10px 17px 16px 18px;
    color: #b7b7b7;
    position: relative;
    overflow: hidden;
}

.tabsarea-alt .tabset a {
    padding: 6px 12px 15px 15px;
}

.tabset li:first-child a {
    padding-left: 0;
}

.tabset a span,
.cart-nav a span {
    content: "";
    position: absolute;
    bottom: -8px;
    margin: 0 3px 0 0;
    background: url(../images/sprite.png) no-repeat -110px -90px;
    width: 19px;
    height: 8px;
}

.tabset a span {
    right: 50%;
}

.tabsarea-alt .tabset a span {
    margin: 0 -2px 0 0;
}

/* tab-content */
.tab-content {
    padding: 25px 0 0 0;
}

.tabsarea-alt .tab-content {
    padding: 21px 25px 0 0;
}

.tab-content h4 {
    margin-bottom: 5px;
}

.tab-content p {
    margin-bottom: 19px;
}

.topic-lists .col address,
.store-lists .col address,
.tabsarea .col address {
    padding: 15px;
    border: 1px solid #ccc;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F8F8F8 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F8F8F8 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #F8F8F8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F8F8F8));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F8F8F8 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F8F8F8 100%);
}

.tabsarea .col address {
    width: 154px;
}

.tabsarea .profile .col address {
    width: 250px;
}

.col address+address {
    margin-top: 20px;
}

.col address h4,
.col form h4,
label .heading {
    color: #002D56;
    font-size: 18px;
}

label .heading {
    font-family: enriqueta, "Times New Roman", Times, serif;
}

.col address span {
    font-style: normal;
    margin-bottom: 9px;
    display: block;
}

.col address .btn,
.col .address {
    font-size: 14px;
    /* padding: 8px 0 7px; */
    width: 100%;
}

.col>.address {
    width: 97%;
}

/* info-form */
/* #content.cart {width:100%;float:none;} */
#content.full {
    width: 100%;
    float: none;
}

#donation_form {
    clear: both;
}

.radio-btn-list {
    margin-left: 135px;
}

.info-form .radio-btn-list label {
    float: left;
    margin: 0 20px 0 0;
    width: auto;
    line-height: inherit;
}

#donation_form input[type=text] {
    width: 110px;
}

#rec_hidden {
    margin-top: 8px;
}

.info-form {
    overflow: inherit;
}

#donation_form .select-area {
    width: 80px !important;
}

#donation_form h3 {
    margin: 0 0 30px;
    font-size: 24px;
}

.info-form address {
    margin-bottom: 20px;
}

.info-form {
    margin: 0 -20px 0 0;
}

.info-form.preview {
    margin: 0;
}

.info-form.preview:after {
    content: '';
    display: table;
    clear: both;
}

.wrap {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.wrap .right {
    margin-right: 10px;
}

.info-form .wrap input[type=submit] {
    width: 120px;
}

.empty {
    position: relative;
    top: -67px;
    left: 221px;
    width: 300px;
    margin-bottom: -37px;
}

#content .info-form.empty input[type=submit] {
    margin: 0;
}

.info-form.right {
    overflow: visible;
    margin: -30px 0 0 0;
}

.col .info-form {
    margin-right: 0;
}

/* info-form col */
.info-form .col {
    float: left;
    margin: 0 3% 0 0;
    max-width: 292px;
    width: 20%;
}

.info-form h3,
.donate-form legend {
    height: 35px;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 30px;
}

.info-form .row,
.info-form .row-r,
.info-form .row-ch,
.donate-form li {
    width: 100%;
    padding: 3px 0 7px;
}

.info-form .row-r {
    padding: 0 0 7px 0;
}

.info-form .row-ch {
    padding: 10px 0 7px;
}

.info-form .row:after,
.info-form .row-r:after,
.info-form .row-ch:after {
    content: "";
    display: block;
    clear: both;
}

.info-form label {
    float: left;
    color: #4f585c;
    line-height: 16px;
    margin: 7px 10px 0 0;
    width: 20%;
    text-align: right;
}

.info-form .checkbox {
    width: 78.5%;
    text-align: left;
    margin-left: 21.5%;
}

.info-form label.radio {
    /*width: auto;*/
    margin: 2px 10px 0 0;
    text-align: left;
    max-width: 247px;
}

.info-form .help-block {
    clear: left;
    margin-left: 21.5%;
    float: left;
    color: #aaa;
}

.info-form .giving-options .help-block {
    margin: 10px 0 0 0;
}

.info-form .giving-options h5 {
    margin: 15px 0 10px;
}

.info-form #div_formtools_receive_offer .radio {
    margin: 5px 0 10px;
}

#div_formtools_receive_offer img {
    margin: 0 0 10px;
}

.col.wide .info-form .help-block {
    margin-left: 25.5%;
}

.info-form.question input[type=submit] {
    width: 175px;
    margin: 15px 0 0 201px;
}

#recaptcha_area {
    float: left !important;
}

.col .info-form label {
    color: #002D56;
}

.col.wide .info-form label {
    width: 23%;
}

.info-form input[type=radio],
.info-form input[type=checkbox] {
    float: left;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 3px 12px 3px 3px;
}

.info-form input[type=text],
.info-form input[type=email],
.info-form input[type=tel],
.info-form input[type=password] {
    float: left;
    width: 211px;
    padding: 6px 5px 4px;
    margin: 0;
    color: #777;
    line-height: normal;
    border: 1px solid #c8c8c8;
}

::-webkit-input-placeholder {
    color: #777;
}

:-moz-placeholder {
    color: #777;
}

::-moz-placeholder {
    color: #777;
}

:-ms-input-placeholder {
    color: #777;
}

.col .info-form input[type=text],
.col .info-form input[type=email],
.col .info-form input[type=tel],
.info-form .col input[type=text],
.info-form .col input[type=email],
.info-form .col input[type=tel] {
    width: 174px;
}

.col .info-form select,
.info-form .col select {
    width: 184px;
}

.col.wide .info-form input[type=text],
.col.wide .info-form input[type=email],
.col .info-form input[type=tel] {
    width: 200px;
}

.col.wide .info-form select {
    width: 210px;
}

.info-form .row-r input[type=text],
.info-form .row-r input[type=email],
.info-form .row-r input[type=tel] {
    width: 129px;
    height: 16px;
    padding: 3px 5px 3px;
    font-size: 13px;
    border-color: #bababa;
    margin: -4px 0 0;
}

.info-form input[type=text].middle,
.info-form input[type=email].middle,
.info-form input[type=tel].middle {
    width: 134px;
    margin: 0 7px 0 0;
}

.info-form input[type=text].short,
.info-form input[type=email].short,
.info-form input[type=tel].short {
    width: 87px;
    margin: 0 7px 0 0;
}

.col .info-form input[type=text].short {
    width: 50px;
}

.info-form select {
    float: left;
    width: 221px;
}

.col .info-form .country .select-area,
.col .info-form .state .select-area {
    width: 184px !important;
}

.info-form select.middle {
    width: 115px;
}

.info-form select.short {
    width: 95px;
}

.info-form .link {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.273em;
}

.thanks {
    padding: 30px 0 0;
}

#content .info-form #continue {
    margin: 0 !important;
}

#content .info-form input[type=submit] {
    margin: 15px auto 0;

}

#content .subscribe-form input[type=submit] {
    margin-left: 21%;
}

#content .col.wide .info-form input[type=submit] {
    margin-left: 25.5%;
}

.info-form #checkout input[type=submit],
#content .info-form.right input[type=submit] {
    margin: 0;
}

.col .info-form input[type=submit] {
    margin: 0;
}

.info-form input[type=submit]:hover {
    background: #74b244;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.4);
}

/* page-paging */
.page-paging {
    padding: 23px 0 0;
    font-size: 15px;
    line-height: 1.267em;
    font-weight: bold;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.search-list .page-paging {
    border-style: none;
    padding-top: 28px;
}

.page-paging ul {
    display: inline;
    margin: 0 8px 0 0;
}

.page-paging li {
    display: inline;
    padding: 0 0 0 18px;
}

.page-paging li:first-child {
    padding-left: 1px;
}

.page-paging li:before {
    width: 2px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat -22px -99px;
    left: 6px;
    top: 3px;
}

.page-paging li:first-child:before {
    display: none;
}

.pagination-paging .page-item--first,
.pagination-paging .page-item--last {
    font-size: 18px;
}

.pagination-paging ul {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.pagination-paging ul li {
    list-style-type: none;
    margin: 5px;
    padding: 2px;
    font-size: 16px;
    max-height: 26px;
    white-space: nowrap;
}

.pagination-paging li.page-item {
    border: 1px solid #002d56;
    padding: 8px 12px;
    margin: 0;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    transition: all .3s;
}

@media (max-width: 768px) {
    .pagination-paging li.page-item {
        padding: 6px 10px;
        font-size: 14px;
        line-height: 20px;
    }
}

.pagination-paging li.page-item::before {
    content: none;
}

.pagination-paging .page-item a,
.pagination-paging .page-item a:hover {
    color: #002d56;
    background-color: inherit;
    text-decoration: none;
}

.pagination-paging .page-item:hover {
    background-color: #f4f4f4;
}

.pagination-paging .page-item--disabled {
    cursor: not-allowed;
    background: transparent;
    color: #ccc;
    border: 1px solid #ccc;
}

.pagination-paging .page-item--disabled:hover {
    background-color: transparent;
}

@media screen and (max-width: 768px) {
    .pagination-paging ul li {
        max-height: 36px;
        font-size: 15px;
    }

    .pagination-paging {
        padding: 0 1rem;
    }

    .page-paging {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        padding: 24px 0;
    }

    .page-previous,
    .page-next {
        display: flex;
        font-weight: normal;
        border-radius: 5px;
        background: #7ac142;
        color: #fff;
        cursor: pointer;
        padding: 14px 10px;
        border-radius: 6px;
        text-align: center;
        align-items: center;
    }

    .page-previous.inactive,
    .page-next.inactive {
        background: #ccc;
        cursor: not-allowed;
    }

    .page-previous svg polyline,
    .page-next svg polyline {
        stroke: white;
    }

    .page-previous {
        padding-right: 1em;
    }

    .page-next {
        padding-left: 1em;
    }

    .page-paging p:first-child {
        flex-basis: 100%;
        text-align: center;
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .page-previous svg,
    .page-next svg {
        margin-bottom: -3px;
    }
}

#sidebar .search-form {
    position: static;
    margin: 0 0 18px;
    width: 245px;
}

#sidebar .search-form h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.2em;
    color: #4f585c;
}

#sidebar .search-form .area {
    float: none;
    overflow: hidden;
    height: 31px;
    border: 1px solid #ccd3d9;
    width: auto;
}

#sidebar .search-form input[type=search] {
    font-size: 11px;
    height: 31px;
    width: 185px;
    padding: 9px 5px 8px;
}

#sidebar .search-form input[type=submit] {
    width: 58px;
    height: 31px;
    line-height: 30px;
    font-size: 11px;
}

/* ask-box */
.ask-box {
    padding: 0 10px 13px 0;
}

.ask-box .btn {
    margin-bottom: 16px;
}

.ask-box .link {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

/* topics-box */
.topics-box {
    padding: 22px 0 0;
}

.topics-box.series-sidebar {
    padding: 0;
}

.topics-box h4,
.question-box h4 {
    margin: 0 0 10px;
}

.topics-box ul {
    margin: -1px 0 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.533em;
}

.topics-box li:before {
    display: none;
}

/* top-visual */
.top-visual {
    position: relative;
    margin: 0 -44px;
    padding: 0 35px;
    overflow: hidden;
}

.top-visual .holder {
    background: #fff;
    padding: 17px 29px 5px;
    position: relative;
    z-index: 10;
}

.top-visual.series-top .holder {
    float: left;
}

.top-visual:before,
.top-visual:after {
    position: absolute;
    left: 50px;
    top: 6%;
    height: 97%;
    width: 150px;
    content: "";
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.45);
    border-radius: 150px;
}

.top-visual:after {
    right: 54px;
    left: auto;
}

.top-visual img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.top-visual .video img {
    float: left;
    margin: 0 20px 0 0;
}

/* share-box */
.share-box {
    position: relative;
    padding: 19px 0 16px;
    overflow: hidden;
}

.share-box:before {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -116px;
    width: 100%;
    height: 1px;
    content: "";
}

.share-box .title {
    float: left;
    margin: 0 3px 0 0;
}

.share-box ul {
    margin: 0;
    float: left;
    font-weight: bold;
}

.share-box li {
    float: left;
    padding: 0 7px 0 0;
}

.share-box li:before {
    display: none;
}

.share-box ul a {
    float: left;
    padding: 0 0 0 20px;
    position: relative;
}

.share-box a.email {
    padding-left: 26px;
}

.share-box ul a:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
}

.share-box a.twitter:before {
    background: url(../images/sprite.png) no-repeat -213px -45px;
}

.share-box a.facebook:before {
    background: url(../images/sprite.png) no-repeat -238px -45px;
}

.share-box a.email:before {
    background: url(../images/sprite.png) no-repeat -263px -45px;
    width: 22px;
    height: 14px;
    top: 3px;
}

/* topic-lists */
.topic-lists {
    overflow: hidden;
    position: relative;
    padding: 34px 0 0;
    margin: 0 -4% -31px 0;
}

.topic-lists:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: url(../images/sprite.png) no-repeat 0 -116px;
}

.topic-lists .col,
.store-lists .col,
.tabsarea .col {
    float: left;
    max-width: 292px;
    margin: 0 3% 0 0;
    /*width: 100%*/
}

.col.half-col,
.tabsarea .col.half-col {
    width: 47%;
    max-width: 47%;
}

.topic-lists .col.wide,
.store-lists .col.wide,
.tabsarea .col.wide {
    max-width: 397px;
}

.series-list .col {
    margin: 0 3% 30px 0;
}

.shipping .col {
    width: 35%;
    max-width: 292px;
}

.shipping .col form {
    padding: 15px;
    border: 1px solid #ccc;
}

.col.wide {
    width: 63%;
    margin-right: 0;
}

.col.reposition {
    position: relative;
    top: -385px;
    left: 210px;
    float: left;
    margin-bottom: -385px;
}

.topic-lists h3 {
    margin: 0 0 3px;
    line-height: 1.083em;
}

.topic-lists ul {
    font-weight: bold;
}

.topic-lists ul,
#sidebar ul {
    margin: 0 0 22px;
    font-size: 17px;
    line-height: 1.667em;
}

.topic-lists ul {
    font-size: 16px;
}

#sidebar.thin ul {
    float: left;
}

#sidebar ul li {
    margin: 0 0 10px 0;
}

#sidebar ul li:before {
    background: none;
}

.topic-lists li {
    display: block;
    width: 100%;
}

.topic-lists li:before {
    display: none;
}

/* content topic-lists */
#content .topic-lists {
    padding: 0;
    margin: 0;
}

#content .topic-lists h2 {
    display: inline-block;
    vertical-align: top;
    padding: 0 32px 8px;
    margin: 0 0 19px;
    cursor: pointer;
}

.header-wrap {
    padding-bottom: 2em;
}

#content .topic-lists h2:hover {
    border-bottom: 2px solid #d0effc;
}

#content .topic-lists h2:active {
    border-bottom: 2px solid #41bef2;
}

#content .topic-lists h2.active {
    border-bottom: 2px solid #71cef5;
}

#content .topic-lists:before {
    display: none;
}

#content .topic-lists .holder {
    overflow: hidden;
    margin: 0 -4% 0 0;
}

#content .topic-lists .col {
    width: 47%;
    max-width: 302px;
}

@media screen and (max-width: 768px) {
    .topics-block {
        padding-left: 1em;
        padding-right: 1em;
    }

    .results-box .topics-select {
        margin-left: 0;
    }
}

/* topics-select */
.topics-select {
    width: calc(100% - 24px);
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 0 12px;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23002d56%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
        linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

/* video-list */
.video-list {
    margin: 20px -13px 0 0;
}

.video-list li:before {
    display: none;
}

.video-list li {
    display: inline-block;
    vertical-align: top;
    width: 214px;
    margin: 0 13px 18px 0;
}

@media screen and (max-width: 768px) {
    .video-list li {
        width: 100%;
        max-width: 445px;
    }
}

.video-list img {
    display: block;
    width: 100%;
    height: auto;
}

.bottom-holder {
    margin-top: 3em;
    padding-top: 4em;
    border-top: 2px dashed #CECFD0;
}

/* page pagination */
.page-pagination {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 2em 0;
    font-weight: bold;
    font-size: 16px;
}

.page-pagination.centered {
    justify-content: center;
}

.video-details div:last-child {
    border: none;
}

#video_popup:before {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    content: '';
    background: url(../images/pop-out-player.svg) center bottom no-repeat;
}

#audio_popup:before {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    content: '';
    background: url(../images/pop-out-player.svg) center bottom no-repeat;
}

.download_video:before {
    display: inline-block;
    height: 16px;
    width: 20px;
    margin-right: 8px;
    content: '';
    background: url(../images/download-icon.svg) center bottom no-repeat;
}

.webcast-box {
    background: #EAF0F4;
    padding: 2em 3em;
    width: 60%;
    text-align: center;
}

.webcast-box img {
    padding-bottom: 10px;
}

/* video-box */
.video-box {
    margin: 0 0 44px;
}

.video-box h2 {
    margin: 0 0 13px;
}

.video-box .video {
    margin: 0 0 17px;
}

.video-box .video img {
    display: block;
    width: 100%;
    /* Should be restored in Phase 2 */
    height: auto;
}

.video-box ul {
    font-weight: bold;
    margin: 0;
}

.video-box li {
    display: inline;
    padding: 0 0 0 11px;
}

.video-box li:first-child {
    padding-left: 0;
}

.video-box li:first-child:before {
    display: none;
}

.video-box li:before {
    top: 3px;
    left: 3px;
    width: 1px;
    height: 12px;
    background: #4f585c;
}

/* links-list */
.links-list {
    margin: 0 0 18px;
    font: 20px/1.55em enriqueta, "Times New Roman", Times, serif;
}

#second-links-list {
    width: 100%;
    float: left;
}

#second-links-list:before {
    background: none;
}

.links-list li:before {
    display: none;
}

.links-list span {
    font-size: 12px;
    line-height: 1.333em;
    vertical-align: middle;
    padding: 0 0 3px;
}

.links-list-holder {
    overflow: hidden;
    margin: 1px -4% 10px 0;
}

.links-list-holder .links-list {
    float: left;
    width: 49%;
    margin: 0 1% 0 0;
    line-height: 1.25em;
}

.links-list-holder li {
    padding: 0 0 17px;
}

/* details-list */
.details-list {
    margin: 0;
    font-weight: bold;
}

.details-list li {
    display: inline;
    padding: 0 0 0 12px;
}

.details-list li:before {
    left: 4px;
    top: 3px;
    background: #7e8587;
    width: 1px;
    height: 12px;
}

.details-list li:first-child {
    padding-left: 0;
}

.details-list li:first-child:before {
    display: none;
}

/* pagination */
.pagination {
    overflow: hidden;
    padding: 20px 1px 8px;
}

.pagination .btn {
    min-width: 136px;
}

.pagination .btn-next {
    float: right;
}

/* details-block */
.details-block {
    padding: 13px 0 0;
}

/* details-block content */
.details-block #content {
    width: 75%;
    max-width: 700px;
}

.main-frame-alt .details-block #content {
    width: calc(100% - 275px);
}

.details-block .video-box .video {
    margin-bottom: 8px;
}

/* details-block sidebar */

.details-block #sidebar {
    width: 24%;
    max-width: 219px;
    padding: 0;
    margin: 70px 0 0;
    background: none;
}

.main-frame-alt .details-block #sidebar {
    float: right;
    width: 265px;
    margin: 3px 0 0;
    padding: 30px 17px 24px 18px;
    background: #e9f0f4;
}

.details-block #sidebar h4 {
    margin: 0 0 17px;
}

.details-block #sidebar p {
    margin: 0 0 17px;
}

/* info-list */
.info-list {
    margin: 0 0 -4px;
}

.details-block #sidebar .info-list {
    margin: 0 0 30px;
}

.info-list dt {
    font-weight: bold;
}

.store .info-list dt {
    float: left;
}

.info-list dd {
    margin: 0 0 17px;
}

.info-list dd a {
    font-weight: bold;
}

.details-block #sidebar .links-list {
    font: bold 13px/1.462em Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
}

/* details-block share-box */
.details-block .share-box ul {
    float: none;
}

.details-block .share-box li {
    float: none;
    padding: 0 0 6px;
    width: 100%;
}

.details-block .share-box li:after {
    content: "";
    display: block;
    clear: both;
}

.details-block .share-box a:before {
    top: 3px;
}

.details-block .share-box a.twitter:before {
    top: 4px;
}

.details-block .share-box a.email:before {
    width: 19px;
    height: 12px;
    background: url(../images/sprite.png) no-repeat -293px -45px;
    left: -1px;
    top: 5px;
}

.details-block #sidebar .btn {
    max-width: 170px;
    margin: 0 0 18px;
}

/* details-block social */
.details-block .social {
    margin: -1px 0 0;
    overflow: hidden;
}

.details-block .social li {
    float: left;
    margin: 0 10px 0 0;
}

.details-block .social li:before {
    display: none;
}

/* library-form */
.library-form {
    padding: 40px 0 31px;
    position: relative;
}

#content .library-form {
    padding: 0 0 24px;
}

#content.store .library-form {
    padding: 0;
}

.library-form:before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/sprite.png) no-repeat 0 -116px;
    width: 100%;
    height: 1px;
    content: "";
}

#content .library-form:before {
    background: none;
}

.library-form h2 {
    margin: 0 0 18px;
}

.library-form h3 {
    margin: 0 0 14px;
}

.library-form h4 {
    margin: 0 0 14px;
}

.library-form .holder {
    padding: 0 0 18px;
    overflow: hidden;
}

.library-form .area {
    float: left;
    width: 458px;
    height: 37px;
    border: solid #d4d9dd;
    border-width: 1px 0 1px 1px;
    overflow: hidden;
}

.library-form input[type=submit] {
    width: 69px;
}

.library-form input[type=search] {
    float: left;
    width: 389px;
    height: 37px;
    background: #fff;
    padding: 11px 11px 10px;
    margin: 0;
    color: #888f97;
    font: italic 13px enriqueta, "Times New Roman", Times, serif;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* filter-row */
.filter-row {
    width: 100%;
    padding: 0 0 15px;
}

.filter-row:after {
    content: "";
    display: block;
    clear: both;
}

.filter-row h5 {
    float: left;
    margin: 0 10px 0 0;
}

.filter-row ul {
    float: left;
    margin: 0;
}

.filter-row li {
    float: left;
}

.filter-row li:before {
    display: none;
}

.filter-row label {
    float: left;
    color: #7ac142;
    font-weight: bold;
    margin: -1px 20px 0 0;
}

.filter-row label img {
    display: inline-block;
    vertical-align: middle;
}

.filter-row label span {
    display: inline-block;
    vertical-align: middle;
}

/* content-box */
.content-box {
    padding: 2px 0 0 2px;
    float: left;
}

.content-box h2 {
    margin: 0 0 12px;
}

.content-box .video {
    margin: 0 0 13px 1px;
}

.content-box .video img {
    display: block;
    max-width: 100%;
    height: auto;
}

.content-box .holder {
    padding: 0 5px 0 0;
}

#sidebar .featured-box h2 {
    font: 20px/1.2em enriqueta, "Times New Roman", Times, serif;
    color: inherit;
}

.featured-box {
    border-top: 1px solid #b6ced9;
    padding: 26px 0 20px 0;
    width: auto;
    float: none;
    margin: inherit;
}

.featured-box .featured-box {
    padding-bottom: 0;
}

.featured-box .featured-box.first,
.radio-block .featured-box.first {
    border-top: none;
    padding-top: 0;
}

.radio-block .featured-box.first .btn {
    margin: 10px 0 0 6px;
}

.radio-block #submit-id-submit {
    margin: 0px;
}

#sidebar .featured-box .featured-box.last p {
    margin-bottom: 0;
}

.content-box .holder .featured-box:first-child {
    border-style: none;
    padding-top: 0;
}

.content-box .heading {
    padding: 0 0 7px;
}

#sidebar .featured-box h3 {
    padding: 0 0 0 30px;
    position: relative;
    margin: 0;
}

#sidebar .featured-box .sermon-title {
    padding-left: 25px;
}

#sidebar .featured-box .blog-title {
    padding-bottom: 10px;
}

#sidebar .featured-box .article-title {
    padding-left: 25px;
    padding-bottom: 10px;
}

.featured-box h3:before {
    position: absolute;
    content: "";
}

.featured-box .sermon-title:before {
    background: url(../images/sprite.png) no-repeat -320px -45px;
    width: 13px;
    height: 21px;
    top: 3px;
    left: 2px;
}

.featured-box .ask-title:before {
    background: url(../images/sprite.png) no-repeat -341px -45px;
    width: 24px;
    height: 25px;
    top: 1px;
    left: 0;
}

.featured-box .blog-title:before {
    background: url(../images/sprite.png) no-repeat -373px -45px;
    width: 24px;
    height: 19px;
    top: 4px;
    left: 1px;
}

#sidebar .featured-box .article-title:before {
    background: url(../images/sprite.png) no-repeat -404px -45px;
    width: 20px;
    height: 25px;
    top: 0;
    left: 1px;
}

#sidebar .featured-box p {
    margin: 0 0 17px;
}

.featured-box .title {
    display: block;
    line-height: 1.231em;
    padding: 0 0 11px;
}

.featured-box .link {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin: 0 1px 8px;
    font-size: 17px;
}

.featured-box .details {
    font-size: 15px;
}

.post-list.featured .box {
    margin: 2rem 1rem !important;
    padding: 1rem;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    float: none;
    width: auto;
}

/*.featured-box[data-featured] {*/
/*    display: none;*/
/*}*/
/**/
/*.featured-box[data-featured].visible {*/
/*    display: block;*/
/*}*/

.post-list.featured .box h3 a {
    color: #7ac143;
}

.post-list.featured strong {
    font-weight: bold !important;
}

.post-list.featured .box h3 a {
    font-size: 20px;
}

/*.content-box .holder,*/
/*.content-box .video {*/
/*    padding: 0 1em;*/
/*}*/
/**/
/*.featured-box .video {*/
/*    padding-left: 0;*/
/*}*/

@media screen and (max-width: 768px) {

    /* Articles */
    .featured .box {
        margin: 2rem 1rem !important;
        padding: 1rem;
        border-radius: 0px;
        box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
    }

    .featured-box[data-featured] {
        display: none;
    }

    .featured-box[data-featured].visible {
        display: block;
    }

    .featured .box h3 a {
        color: #7ac143;
    }

    .featured strong {
        font-weight: bold !important;
    }

    .featured .box h3 a {
        font-size: 20px;
    }

    .content-box .holder,
    .content-box .video {
        padding: 0 1em;
    }

    .featured-box .video {
        padding-left: 0;
    }
}

.mobile-header {
    text-align: center;
    font-size: 28px;
    color: #002d56;
    margin-top: 2rem;
}

.mobile-header+.post {
    border-top: none;
}

/* btn-list */
.btn-list {
    float: right;
    width: 460px;
    margin: 0;
}

.btn-list li {
    float: left;
    padding: 0 0 10px 20px;
}

.btn-list li:first-child {
    padding-left: 0;
}

.btn-list li:before {
    display: none;
}

.btn-list .btn {
    width: 200px;
}

/* container */
.container {
    background: #e9f0f4;
    margin: 39px -9999px 42px;
    padding: 0 9999px;
}

.container .holder {
    margin: 0 auto;
    max-width: 940px;
    padding: 33px 0;
    overflow: hidden;
}

.container .frame {
    overflow: hidden;
    margin-right: -2%;
}

.container .box-alt {
    padding-top: 28px;
}

.container h2 {
    margin: 0 0 15px;
}

.container h4 {
    margin: 0;
}

.container p {
    margin: 0 0 16px;
}

.container .btn {
    min-width: 150px;
    vertical-align: middle;
    margin: 0 14px 0 0;
}

.container .link {
    font-weight: bold;
}

ul.other-resources {
    border-top: 1px solid #eee;
    margin: 0;
}

ul.other-resources li {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    cursor: pointer;
}

ul.other-resources li a {
    display: block;
    padding: 1.4em;
    color: inherit;
}

ul.other-resources li a:after {
    content: "";
    position: absolute;
    right: 0em;
    background-image: url(../images/right-arrow.svg);
    background-size: 20px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

.programs-list a.inline-link {
    display: inline-block;
    text-align: center;
    width: 48%;
    padding-top: 1em;
    color: #7ac142;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 1em;
    margin-bottom: -1em;
    margin-top: 1em;
    white-space: nowrap;
}

/* programs-list */
.programs-list {
    margin: 0 -4% 16px 0;
    clear: both;
}

.programs-list li {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 2% 3px 0;
}

.box-r .programs-list li {
    width: auto;
    margin-right: 0;
}

.programs-list li:before {
    display: none;
}

.programs-list h5 {
    margin: 0;
}

.programs-list a {
    font-weight: bold;
}

.search-block #content {
    padding: 37px 0 0;
}

.radio-block #sidebar,
.search-block #sidebar {
    margin-top: 0;
    padding: 30px 17px 4px 18px;
    position: relative;
}

.search-block #sidebar {
    padding-bottom: 0;
}

.radio-block #sidebar:before,
.search-block #sidebar:before {
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 51px solid #e9f0f4;
    position: absolute;
    bottom: -51px;
    left: 0;
    z-index: 100;
    content: "";
}

/* find-form */
.find-form {
    padding: 0 3em;
}

#sidebar .find-form {
    padding: 0;
}

.details-block .find-form {
    padding: 0;
}

.find-form h4 {
    color: #002d56;
    margin-bottom: 13px;
}

#sidebar .find-form p {
    margin: 0 0 15px;
}

.find-form .row {
    overflow: hidden;
    padding: 0 0 10px;
}

.find-form select {
    width: 217px;
}

/* search-block */
.search-block {
    padding: 0 0 20px;
}

@media screen and (max-width: 768px) {
    .search-block {
        padding: 0 10px 20px !important;
    }
}

/* results-box */
.results-box {
    padding: 6px 0 24px 10px;
}

.results-box ul {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.533em;
}

.results-box li:before {
    display: none;
}

/* results-form */
.results-form {
    max-width: 461px;
    margin: 0 0 33px;
}

.results-form h3 {
    margin: 0 0 24px;
}

.results-form .area {
    overflow: hidden;
    border: 1px solid #dddfe1;
    margin: 0 0 5px 1px;
}

.results-form input[type=search] {
    float: left;
    width: 389px;
    height: 37px;
    background: #fff;
    padding: 8px 11px 7px;
    margin: 0;
    color: #565f6b;
    font: 20px enriqueta, "Times New Roman", Times, serif;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.results-form input[type=submit] {
    width: 69px;
}

.results-form .links {
    font-weight: bold;
}

#advanced-search {
    padding: 10px;
    float: left;
    width: 440px;
    background: #e9f0f4;
}

.main-frame #advanced-search ul {
    margin: 0;
}

#advanced-search li {
    list-style: none;
    width: 100%;
    float: left;
    clear: left;
}

#advanced-search label,
#advanced-search img {
    float: left;
}

#advanced-search span {
    float: left;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

/* search-list */
.search-list {
    padding: 0 0 31px;
}

/* search-box */
.search-box {
    overflow: hidden;
    border-top: 1px solid #dcdddd;
    padding: 21px 0 1px;
}

.search-box:first-child {
    border-style: none;
    padding-top: 0;
}

.search-box .img {
    float: left;
    margin: 5px 12px 0 1px;
}

.search-box .holder {
    overflow: hidden;
}

.search-box h4 {
    position: relative;
    padding: 0 0 0 27px;
    margin: 0 0 -1px;
    color: #002d56;
}

.search-box h4:before {
    position: absolute;
    content: "";
}

.search-box .sermon-title {
    padding-left: 20px;
}

.search-box .blog-title {
    padding-left: 30px;
}

.search-box .article-title {
    padding-left: 25px;
}

.search-box .ask-title {
    padding-left: 25px;
}

.search-box .sermon-title:before {
    background: url(../images/sprite.png) no-repeat -434px -45px;
    width: 11px;
    height: 18px;
    top: 2px;
    left: 1px;
}

.search-box .radio-title:before {
    background: url(../images/sprite.png) no-repeat -563px -45px;
    width: 24px;
    height: 21px;
    top: 0;
    left: 0;
}

.search-box .ask-title:before {
    background: url(../images/sprite.png) no-repeat -536px -45px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
}

.search-box .blog-title:before {
    background: url(../images/sprite.png) no-repeat -453px -45px;
    width: 22px;
    height: 17px;
    top: 3px;
    left: 0;
}

.search-box .article-title:before {
    background: url(../images/sprite.png) no-repeat -512px -45px;
    width: 18px;
    height: 22px;
    top: 0;
    left: 1px;
}

.search-box .cart-title:before {
    background: url(../images/sprite.png) no-repeat -482px -45px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
}

.book-product {
    background: url(../images/sprite.png) no-repeat -468px -78px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    float: left;
}

.dvd-product {
    background: url(../images/sprite.png) no-repeat -424px -78px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    float: left;
}

.audio-book-product {
    background: url(../images/sprite.png) no-repeat -402px -78px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    float: left;
}

.cd-product {
    background: url(../images/sprite.png) no-repeat -446px -78px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    float: left;
}

.sermon-product {
    background: url(../images/sprite.png) no-repeat -488px -78px;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    float: left;
}

.search-box footer {
    padding: 0 0 12px;
}

.search-box footer a {
    font-weight: bold;
}

.search-box .title {
    font-weight: normal;
    position: relative;
    padding: 0 14px 0 0;
}

.search-box .title:before {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 2px;
    height: 10px;
    background: #adb1b3;
    content: "";
}

.search-box p {
    margin: 0 0 16px;
}

.audio {
    padding: 0 0 31px;
}

.audio img {
    max-width: 100%;
    height: auto;
}

/* footer */
#footer {
    width: 100%;
}

/* footer-t */
.footer-t {
    background: #cdeefc;
    position: relative;
    padding: 44px 10px 38px;
    font-size: 12px;
    line-height: 1.667em;
}

.footer-t h4 {
    color: #002d56;
    margin: 0 0 8px;
}

.footer-t:before {
    position: absolute;
    content: "";
    width: 500px;
    height: 0;
    top: -40%;
    left: 50%;
    margin: 0 0 0 -250px;
    box-shadow: 0 0 250px 150px rgba(255, 255, 255, 1);
    border-radius: 50px;
    z-index: -1;
}

.footer-t .holder {
    margin: 0 auto;
    max-width: 940px;
    /* Restore max-width during Phase 2 */
    padding: 0 4px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.footer-t p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.4em;
}

.footer-t .more {
    font: 15px/1.8em enriquetabold, "Times New Roman", Times, serif;
    display: block;
    padding-top: 10px;
    color: #7ac142;
}

@media screen and (max-width: 768px) {
    .footer-t .more {
        font: 17px/1.8em enriquetabold, "Times New Roman", Times, serif;
        display: block;
        padding-top: 10px;
        color: #7ac142;
    }
}

#newsletter-link strong:after {
    content: '>';
    display: inline-block;
    transition: 100ms ease all;
}

#newsletter-link.active strong:after {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.footer-t .more strong {
    font-weight: normal;
}

.footer-t .info-box {
    float: left;
    width: 25%;
    padding: 0 2px 0 0;
    margin: 0 9% 0 0;
}

/* social-box */
.social-box ul {
    margin: 0;
    font: 15px/43px enriquetabold, "Times New Roman", Times, serif;
}

.social-box li {
    display: inline-block;
    vertical-align: top;
    width: 47px;
    overflow: hidden;
    text-indent: -9999px;
}

.social-box li:before {
    display: none;
}

.social-box a {
    float: left;
    position: relative;
    padding: 0 0 0 47px;
}

.social-box a:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 37px;
    height: 37px;
    content: "";
}

.social-box .facebook:before {
    background: url(../images/icon_fb_green.png) no-repeat;
    background-size: 100%;
}

.social-box .pinterest:before {
    background: url(../images/icon_pn_green.png) no-repeat;
    background-size: 100%;
}

.social-box .instagram:before {
    background: url(../images/icon_insta_green.png) no-repeat;
    background-size: 90%;
    margin-top: 2px;
}

.social-box .twitter:before {
    background: url(../images/icon_tw_x.png) no-repeat;
    background-size: 100%;
}

.social-box .youtube:before {
    background: url(../images/icon_yt_green.png) no-repeat;
    background-size: 100%;
}

.social-box .rss:before {
    background: url(../images/icon_rss_green.png) no-repeat;
    background-size: 100%;
}

.footer-box .box {
    margin: 0 0 0 0;
    width: 33%;
}

@media screen and (max-width: 768px) {
    .footer-box .box {
        margin: 0 !important;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .mission-box {
        margin: 0;
        padding: 0 0 1em;
        display: flex !important;
        flex-flow: row nowrap;
        justify-content: space-around;
    }

    .social-box {
        border-bottom: none !important;
    }

    .footer-b p {
        margin-top: 2em !important;
        font-size: 14px;
    }
}

.upcoming-events {
    margin-top: 20px;
}

/* mail-form */
.mail-form {
    float: right;
    padding: 0 9px 0 0;
    min-width: 255px;
}

.mail-form h4 {
    margin-bottom: 10px;
}

.mail-form .area {
    border: solid #b8dfee;
    border-width: 1px 0 1px 1px;
    width: 253px;
    height: 37px;
    overflow: hidden;
    margin: 19px 0 13px;
}

.mail-form input[type=email] {
    float: left;
    height: 37px;
    background: #fff;
    padding: 11px 9px 10px;
    margin: 0;
    color: #504d4b;
    font: italic 13px enriqueta, "Times New Roman", Times, serif;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .mail-form input[type=email] {
    width: 206px;
}

.mail-form input[type=submit] {
    width: 85px;
}

.unsubscribe {
    font: 15px/1.333em enriquetabold, "Times New Roman", Times, serif;
    display: inline-block;
    vertical-align: top;
    margin: 10px 3px 28px;
}

.mail-form ul {
    margin: 0 3px;
    font: 12px/1.333em enriquetabold, "Times New Roman", Times, serif;
}

.mail-form li {
    display: inline;
    padding: 0 0 0 13px;
}

.mail-form li:before {
    width: 2px;
    height: 13px;
    left: 4px;
    top: 1px;
    background: url(../images/sprite.png) no-repeat -16px -98px;
}

.mail-form li:first-child,
.mail-form .terms {
    padding-left: 0;
}

.mail-form li:first-child:before {
    display: none;
}

/* footer-b */
.footer-b {
    background: #002d56;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.636em;
    color: #fff;
}

.footer-b .holder {
    margin: 0 auto;
    max-width: 910px;
    /* The max-width should be restored during Phase 2 */
    padding: 26px 10px 31px 40px;
}

.footer-b .info {
    font-size: 12px;
    padding: 0 0 1px;
}

.footer-b p {
    margin: 0;
}

.footer-b .copy {
    display: inline;
    margin: 0 8px 0 0;
}

.footer-b address {
    padding: 0;
    font-style: normal;
    display: inline;
}

.footer-b dl {
    margin: 0;
}

.footer-b dt {
    display: inline;
}

.footer-b dd {
    margin: 0 8px 0 0;
    display: inline;
}

/* custom form */
/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}

/* custom checkbox styles */
/* custom radio styles */
.chk-area,
.rad-area {
    margin: 0 8px 0 0;
    float: left;
    width: 22px;
    height: 21px;
}

.rad-area {
    background: url(../images/sprite.png) no-repeat -163px -90px;
}

address .rad-area {
    position: absolute;
    top: -9999px;
}

.chk-area {
    background: url(../images/sprite.png) no-repeat -260px -90px;
}

.info-form .chk-area,
.info-form .rad-area {
    margin-top: -1px;
    margin-bottom: 1px;
}

.subscribe-form {
    width: 500px;
}

.subscribe-form label {
    width: 19%;
}

.subscribe-form .chk-area {
    margin-left: 21.5%;
}

.filter-row .chk-area,
.filter-row .rad-area {
    margin-right: 3px;
}

.rad-checked {
    background-position: -195px -90px;
}

.chk-checked {
    background-position: -290px -90px;
}

/* custom select styles */
.select-area {
    border: 1px solid #bababa;
    background: #fff;
    position: relative;
    cursor: default;
    height: 24px;
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #777;
    overflow: hidden;
}

.select-active {
    height: 25px;
    border-width: 1px 1px 0;
}

.select-area-alt {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #ccd0d2 #c4c8ca #bbbec0;
    height: 27px;
    font-size: 12px;
}

.select-area-alt.select-active {
    height: 28px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.select-middle {
    margin-right: 8px;
}

.col input+.select-middle {
    margin-right: 0;
}

.select-area .center {
    float: left;
    padding: 5px 6px 3px;
}

.select-area-alt .center {
    padding-left: 13px;
}

.select-area .select-opener {
    position: absolute;
    background: url(../images/sprite.png) no-repeat -180px -45px;
    width: 26px;
    height: 24px;
    right: 0;
    top: 0;
}

/*.select-active .select-opener {display:none;}*/
.select-area-alt .select-opener {
    background: url(../images/sprite.png) no-repeat -224px -88px;
    top: 1px;
    right: 1px;
}

.select-options {
    white-space: nowrap;
    position: absolute;
    background: #fff;
    z-index: 999;
}

.select-options:before {
    position: absolute;
    top: -1px;
    left: 2px;
    background: url(../images/sprite.png) no-repeat 0 -116px;
    width: 98%;
    height: 1px;
    content: "";
}

.drop-area-alt:before {
    left: 8px;
    width: 89%;
}

.select-options .drop-holder {
    border: solid #bababa;
    border-width: 0 1px 1px;
    overflow: hidden;
    height: 1%;
}

.drop-area-alt .drop-holder {
    border-color: #c5c5c5;
}

.select-options ul {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
    position: relative;
}

.drop-area-alt ul {
    font-size: 12px;
    padding: 4px 0 0;
}

.select-options .default {
    display: none;
}

.select-options ul li {
    width: 100%;
    float: left;
}

.select-options ul a {
    text-decoration: none;
    padding: 2px 6px 3px;
    display: block;
    cursor: default;
    color: #999;
    height: 1%;
}

.drop-area-alt ul a {
    padding: 2px 13px 3px;
}

.select-options .item-selected a,
.select-options a:hover {
    text-decoration: none;
    background: #E9F0F4;
    color: #4F585C;
}

/* custom scrollbars styles */
.scrollable-area-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.scrollable-area-wrapper .vscrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
}

.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .vscroll-down {
    display: none;
}

.scrollable-area-wrapper .vscroll-line {
    width: 12px;
    float: left;
}

.scrollable-area-wrapper .vscroll-slider {
    background: rgb(187, 191, 192);
    width: 8px;
    height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.thin h4 {
    margin: 0 0 10px;
}

.thin h4:first-child {
    margin: 0 0 30px;
}

.thin .btn {
    margin-bottom: 20px;
}

.manage {
    background: #92b6c7;
}

.manage:hover {
    background: #92b6c7;
}

.thin .buying-options {
    margin: 0 0 20px !important;
}

.thin li {
    clear: left;
    float: left;
}

.thin li span {
    font-size: 13px;
    line-height: 19px;
    margin: 5px 0 0 0;
    float: left;
}

.thin .sml {
    font-size: 13px;
    line-height: 15px;
    max-width: 70px !important;
    float: left;
    margin: 0 5px 0 0;
}

.featured-side {
    clear: left;
}

.featured-side img {
    float: left;
    margin: 0 10px 0 0;
}

.featured-side a {
    float: none;
}

.featured-side span {
    /* 	float: right !important; */
    width: 125px;
}

/* Shipping and Payment Method */
.wide .tab-content {
    padding: 0;
}

.method .row-r {
    padding: 0 0 30px 0;
}

.method .wide .row-r {
    padding: 0 0 8px 0;
}

.col .tabset {
    border-bottom: 0;
}

.col .tabset li {
    border-left: 0;
    margin-bottom: 30px;
}

.col .tabset a {
    padding: 0;
    color: #002D56;
}

.col .tabset a span {
    width: 25px;
    height: 25px;
    float: left;
    position: static;
    background: url(../images/sprite.png) no-repeat -163px -90px;
}

.col .tabset .active span {
    background-position: -195px -90px;
}

/* Request Form */
.on-air h3 {
    width: 100%;
}

.on-air-form label {
    margin: 0;
    text-align: left;
    width: 100%;
}

.on-air-form input[type="text"] {
    font-size: 16px;
    height: 16px;
    width: 50%;
}

.on-air-form input[type="submit"] {
    float: none;
    display: block;
    margin: 15px auto 0;
}

.on-air-form-comment {
    font-size: 16px;
    width: 100% !important;
    padding: 6px 5px 4px;
}

/* Contact Page */
.contact .block {
    float: left;
    width: 100%;
}

.contact address {
    padding: 0;
    margin-bottom: 30px;
}

.contact h3,
.contact h4 {
    margin: 0 0 8px;
    padding: 0;
}

.contact .col h4+h4 {
    margin: 21px 0 8px;
}

.contact .mail-form {
    float: right;
    margin-top: 30px;
    margin-right: 20px;
}

.contact .mail-form .area {
    margin-bottom: 30px;
}

.contact .line {
    float: left;
    width: 100%;
    height: 1px;
    background: url(../images/sprite.png) no-repeat 0 -116px;
}

.contact h2 {
    margin: 30px 0;
}

.contact .info-form label {
    width: 200px;
}

.info-form textarea {
    width: 300px;
    height: 200px;
    border: 1px solid #C8C8C8;
    float: left;
}

.col.wide .info-form textarea {
    width: 200px;
    padding: 6px 5px 4px;
}

.contact .info-form input[type="submit"] {
    width: 200px;
    float: left;
    margin-left: 148px;
}

.signup label,
.login .info-form label {
    margin: 7px 10px 0 0;
    /*width: 150px;*/
    text-align: right;
}

.signup .btn,
.login .info-form .btn {
    border: none;
}


@media screen and (max-width: 767px) {
    .contact .block {
        float: none;
    }

    .contact.main-frame {
        padding-left: 1em;
        padding-right: 1em;
    }
}


/* Accordion styles */
#decade-accordion h3,
#accordion h3 {
    font-size: 18px;
    margin: 20px -19px 10px -16px;
    padding: 10px 30px 10px 17px;
    background: #c7d9e3 url(../images/bg-topics-drop.png) no-repeat 200px center;
}

#decade-accordion h3:focus,
#accordion h3:focus {
    outline: none;
}

#decade-accordion h3.expanded,
#accordion h3.expanded {
    background: #c7d9e3 url(../images/bg-topics-drop.png) no-repeat -85px center;
    margin: 20px -19px 10px -16px;
    padding: 10px 30px 10px 17px;
}

#accordion h3 {
    font-size: 18px;
    padding: 10px 30px 10px 17px;
}

/*#accordion h3:focus {
	outline:none;
}
#accordion h3.expanded {
	background: #c7d9e3 url(../images/bg-topics-drop.png) no-repeat -120px center;
	padding: 10px 30px 10px 17px;
}*/
.accordion-topic h3:focus {
    outline: none;
}

.accordion-topic h3.expanded {
    background: #c7d9e3 url(../images/bg-topics-drop.png) no-repeat -15px center;
    margin: 20px 19px 10px -16px;
    padding: 10px 30px 10px 17px;
}

.ui-accordion-content {
    padding-left: 17px;
}

.alert-message {
    padding: 5px;
    margin: 0;
    text-align: center;
    background: #eee;
    font-size: 12pt;
}

.contact .alert-message {
    margin: 0 30px 0 0;
}

.warning {
    background: #EE3B3B;
    color: white;
}

.warning p {
    margin: 0;
}

.programs-box {
    float: left;
    width: 100%;
}

.programs-box table {
    width: 100%;
}

.programs-box table th,
.programs-box table td {
    padding: 10px 2.15%;
    text-align: left;
    width: 10%;
}

.method {
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
}

#new {
    padding: 15px;
    border: 1px solid #ccc;
    max-width: 367px;
    background: #fff;
    background-image: -ms-linear-gradient(top, white 0%, #F8F8F8 100%);
    background-image: -moz-linear-gradient(top, white 0%, #F8F8F8 100%);
    background-image: -o-linear-gradient(top, white 0%, #F8F8F8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #F8F8F8));
    background-image: -webkit-linear-gradient(top, white 0%, #F8F8F8 100%);
    background-image: linear-gradient(to bottom, white 0%, #F8F8F8 100%);
}

.profile #new {
    max-width: 597px;
}

#new .info-form label {
    width: 24.5%;
}

#content #new .info-form .help-block,
#content #new .info-form input[type=submit] {
    margin-left: 27%;
}

.review {
    margin: 0 0 30px;
    display: block;
    width: 100%;
    float: left;
}

#div_id_expiration_year .select-select {
    margin-left: 101px;
}

.error .help-inline {
    color: #ff0000;
    margin: 0 10px;
    padding: 4px 0 0;
    float: left;
}

.login .alert ul li {
    color: #ff0000;
    margin: 0 10px;
    padding: 4px 0 0;
    text-align: center;
}

.login .alert ul li:before {
    background: none;
}

.thank-you {
    padding: 20px;
}

.profile {
    clear: left;
    float: left;
    width: 100%;
}

.profile+.profile {
    margin-top: 30px;
}

.info-form dt {
    font-weight: bold;
}

.info-form dd+dt {
    margin: 10px 0 0;
}

.info-form dd {
    margin: 0;
}

.actions {
    width: 100%;
    float: left;
    margin: 20px 0 40px;
    background: #e9f0f4;
}

.info-form .actions input {
    margin: 0 10px 0 0;
}

.info-form .actions span {
    margin: 10px 0 0 0;
    display: block;
}

label[for=formtools_amount_0_other] {
    width: 15%
}

.calendar-raw {
    height: 30px;
}

.author-photo {
    float: left;
    padding-bottom: 30px;
    margin-right: 30px;
}

@media screen and (max-width: 768px) {
    .author-photo {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .author-photo~p {
        padding: 1em;
    }

    .programs-box thead,
    .programs-box table td:empty {
        display: none;
    }

    .programs-box table th,
    .programs-box table td {
        display: block;
        padding: 1em;
        height: auto;
        width: 100%;
    }
}

.author-bio {
    text-align: justify;
}

#djDebug #djDebugToolbar li:before {
    background: none;
}

#div_formtools_recurrence .requiredField {
    margin-bottom: 10px;
}

.donation-offer-img {
    float: left;
    margin-right: 5px;
}

#formtools_amount_1 {
    width: 100px;
}

.top-panel .hasCountdown {
    background-color: #002D56 !important;
    border: none !important;
}

.sermon-poster-img {
    margin-bottom: -5px;
}

.scripture-list .col {
    width: 29% !important;
    float: left !important;
}

.cms-plugin {
    display: block;
    padding: 11px 0 11px 10px;
}

.article-related-products .col {
    width: 100%;
    margin: 10px 0 0 0;
}

.article-related-products .col img {
    float: none;
}

/* Music Samples */
.samples {
    clear: left;
}

.samples h3 {
    margin: 30px 0 0;
}

.samples .video-box {
    margin: 0;
}

.samples .col.odd,
.samples .col.even {
    border-bottom: 1px dashed #ccc;
    margin: 0;
}

.samples .col.odd {
    border-right: 1px dashed #ccc;
}

#product .col {
    width: 46%;
    height: 80px;
    padding: 0 0 0 20px;
}

#product h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#donation h4 {
    margin: 30px 0 10px;
}

.messages {
    padding: 1em;
    background: lightgoldenrodyellow;
    font-size: larger;
}

.messages li {
    list-style: none;
}

span.small {
    font-size: smaller;
    font-style: italic;
    text-align: right;
    width: 100%;
    color: #aaa;
}

address h3 {
    margin-bottom: 0;
}

address h4 {
    margin-bottom: 0;
}

address p {
    margin: 0;
}

.new-address.info-form input[type=submit],
.sign-in-form input[type=submit] {
    margin-left: 138px !important;
}

.vimeo {
    float: right;
    margin: 0 0 20px 20px;
}

#sidebar.countdown {
    padding-top: 20px;
    white-space: nowrap;
    width: 100%;
    float: none;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #sidebar.countdown {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

#sidebar.no-countdown {
    background: transparent;
}

/* Streaming Sidebar */
.streaming .tabcontent {
    padding-top: 25px;
}

#content.streaming {
    float: none;
    margin: auto;
}

#sidebar #live-timer-elements {
    width: 80%;
    float: none;
    margin: 0 auto 10px;
    display: block;
}

#live-timer-elements li {
    margin: 0;
    float: left;
}

#live-timer-elements em {
    font-size: 30px;
    font-style: normal;
    background: #002d56;
    border-radius: 3px;
    float: left;
    width: 60px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    opacity: .95;
    margin: 0 10px 0 0;
}

#live-timer-elements span {
    font-size: 16px;
}

.thank-you-copy {
    padding: 20px;
    background: #e9f0f4;
    margin-bottom: 30px;
}

.thank-you-copy p {
    margin: 0;
}

#div_formtools_receive_email_updates label {
    margin-left: 0;
    width: 85%;
    margin-top: 10%;
}

.nice h5 {
    padding-left: 20%;
    margin-bottom: 10px;
    margin-left: 10px;
}

@media (min-width: 769px) {

    .hide-desktop,
    .box-other.hide-desktop {
        display: none !important;
    }
}

.donate-form .alert-block {
    display: none;
}

#formtools_expiration_year {
    margin-left: 10px;
}


/**
 * Media Queries
 */

.reveal-mobile {
    display: none;
}

@media screen and (min-width: 768px) {
    #video-container_wrapper {
        height: 460px !important;
    }
}

/* Everything below should be restored during Phase 2 */
/* max-width: 974px */
@media screen and (max-width: 974px) {
    .info-form .col {
        width: 235px;
        margin-right: 10px;
    }

    .donate-form .col {
        width: 22%;
    }

    .topics-block .col {
        width: 47%;
        margin-left: 6%;
    }

    .filter-box {
        padding-bottom: 18px;
    }
}

@media screen and (max-width: 790px) {
    .paging span {
        width: 130px;
        line-height: 1em;
    }
}

@media screen and (min-width: 769px) {
    .mail-form .terms {
        padding-left: 0;
    }

    .mail-form .terms:before {
        display: none;
    }

    .hide-mobile {
        display: inherit;
    }
}

/* max-width: 959px */
@media screen and (max-width: 959px) {
    #nav {
        margin-right: -10px;
    }

    #sidebar {
        width: 28%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .footer-t .info-box {
        margin-right: 5%;
    }

    .paging ul {
        font-size: 12px;
    }

    .paging li {
        border-width: 0 1px;
    }

    .tabsarea-alt .tabset {
        font-size: 14px;
    }

    .library-form .area {
        float: none;
    }

    .btn-list {
        float: none;
        overflow: hidden;
        padding: 10px 0 0;
        width: auto;
    }

    .btn-list li {
        padding-left: 0;
    }

    .links-list-holder {
        margin-right: 0;
    }

    .links-list-holder .links-list {
        float: none;
        padding: 0 0 10px;
        margin: 0;
        width: auto;
    }

    .radio-block #content,
    .search-block #content {
        width: 58%;
    }

    .radio-block #sidebar,
    .search-block #sidebar {
        width: 265px;
    }

    .results-form input[type=search] {
        width: 352px;
    }

    #sidebar .search-form {
        width: 205px;
    }

    #sidebar .search-form input[type=search] {
        width: 144px;
    }
}

@media screen and (max-width: 881px) {

    #sidebar.thin {
        width: 100%;
        float: none;
        max-width: 100%;
        clear: both;
        margin-top: 1em;
    }

    .thin h4:first-child {
        margin-bottom: 10px;
    }

    .content-box,
    #sidebar.thin ul,
    #sidebar.thin li {
        float: none;
    }
}

@media screen and (max-width: 959px) and (min-width: 888px) {
    #nav>li {
        margin-left: 5%;
    }
}

@media screen and (max-width: 887px) and (min-width: 810px) {
    #nav>li {
        margin-left: 3%;
    }
}

@media screen and (max-width: 809px) and (min-width: 769px) {
    #nav>li {
        margin-left: 2%;
    }
}

@media screen and (max-width: 963px) {
    .radio-box:before {
        content: none;
    }

    .radio-box .box {
        box-shadow: none !important;
    }

    h1.new-heads {
        text-align: center;
        font-family: Times, serif;
    }

    .resources-block .holder,
    .main-heading {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-heading:before {
        background: none;
    }

    .main-frame {
        padding: 36px 10px 0;
    }

    .details-block .find-form+.btn {
        height: 37px;
        margin-left: 18px !important;
        border-radius: 0 !important;
    }

    .search-form-mobile {
        position: inherit !important;
        left: auto;
        right: auto;
        top: auto;
    }

    .search-form:not(.sermons-search) input[type=submit] {
        border: 1px solid !important;
        border-color: #002d56 #194166 #335778 #1e466a !important;
        background: #002d56 !important;
    }

    p {
        font-size: 17px;
    }

    .top-visual:before,
    .top-visual:after {
        display: none;
    }

    .main-holder {
        clear: left;
        padding: 38px 0px;
    }

    .btn {
        border-radius: 6px;
    }

    .programs-list li {
        width: 100% !important;
        text-align: center;
    }

    .top-visual .holder {
        padding-left: 3em;
        padding-right: 3em;
        float: none !important;
    }
}

/* max-width: 963px and min-width: 768px */
@media screen and (max-width: 963px) and (min-width: 768px) {
    #footer .mail-form input[type=email] {
        width: 75%;
    }

    .mail-form input[type=submit] {
        width: 25%;
    }

    .col .info-form input[type=text],
    .col .info-form input[type=email],
    .col .info-form input[type=tel],
    .info-form .col input[type=text],
    .info-form .col input[type=email],
    .info-form .col input[type=tel],
    .col .info-form select,
    .info-form .col select {
        width: 150px;
    }

    .hide-tablet {
        display: none !important;
    }

    .reveal-tablet {
        display: inherit;
    }
}

/* max-width: 768px */
@media screen and (max-width: 768px) {

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .reveal-mobile {
        display: inherit;
    }

    .hide-desktop {
        display: inherit;
    }

    .hide-mobile,
    .pay-sidebar {
        display: none !important;
    }

    .footer-t:before {
        display: none;
    }

    #wrapper {
        padding-top: 50px;
    }

    #nav,
    .add-nav,
    .search-form .holder {
        opacity: 0;
    }

    .navigation {
        top: 10px;
        left: 0;
        width: 40px;
        height: 0;
        z-index: 1;
    }

    #sidebar ul {
        padding-left: 1rem;
    }

    #main {
        position: relative;
    }

    .top-panel {
        position: static;
    }

    #timer-elements {
        display: none;
    }

    .mobile-bar {
        position: fixed;
        top: 0;
        left: 0;
        height: 44px;
        background-color: rgb(242, 246, 248);
        width: 100vw;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        z-index: 1000;
    }

    .mobile-bar a {
        height: 34px;
        margin: auto .4em;
        display: flex;
        justify-content: center;
        flex-flow: column;
    }

    .mobile-bar a:first-child {
        margin-right: auto;
    }

    .bar-btn {
        padding: 6px 12px;
        border-radius: 4px;
        color: #fff;
        position: relative;
    }

    .bar-btn.donate {
        background-color: #7ac144;
        padding-left: 32px;
    }

    .bar-btn.donate:before {
        content: '';
        background: url(../images/heart.svg) no-repeat;
        width: 14px;
        height: 14px;
        margin: 1px 5px 0 11px;
        left: 0px;
        position: absolute;
    }

    body:not(.aside-down) .blog-block #content {
        order: 2;
    }

    body:not(.aside-down) .blog-block #sidebar {
        order: 1;
        padding: 0;
    }

    #sidebar.sidebar-detail {
        padding: 0 1rem !important;
    }

    /* header-wrap */
    .header-wrap {
        display: flex !important;
        width: 100%;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding-bottom: 1em;
    }

    .header-wrap h2 {
        flex: 1;
        padding: 6px 12px !important;
        font-size: 18px;
        text-align: center;
        border-bottom: none;
        background-color: #fff;
        color: #b0c8d4;
        cursor: pointer;
        white-space: nowrap;
    }

    .header-wrap h2:first-child {
        border-right: none;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        border: 1px solid #b0c8d4 !important;
    }

    .header-wrap h2:nth-child(2) {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
        border: 1px solid #a5c2d2 !important;
        border-left: none;
    }

    .header-wrap h2.active {
        background-color: #e9f0f4;
        color: #002d56;
    }

    @media screen and (max-width: 370px) {
        .header-wrap h2 {
            font-size: 15px;
        }
    }

    .donate-page .bar-btn.donate {
        display: none;
    }

    .donate-page .need-help {
        margin-left: auto;
    }

    .need-help {
        color: rgb(176, 180, 181);
    }

    .bar-btn.call {
        background-color: rgb(204, 238, 252);
        color: #002d56;
        border: 1px solid #dadada;
        padding-left: 32px;
    }

    .bar-btn.call:after {
        content: '';
        background: url(../images/phone.svg) no-repeat;
        width: 14px;
        height: 14px;
        margin: 1px 5px 3px 11px;
        left: 0px;
        position: absolute;
    }

    .mobile-logo {
        display: block;
        margin: 14px auto -2px;
        position: relative;
        z-index: 1;
        text-align: center;
        max-width: 200px;
    }

    .mobile-logo a {
        z-index: 1;
        display: block;
        text-decoration: none;
    }

    .mobile-logo span {
        font-family: 'Baskerville', serif;
        font-size: 24px;
        color: #71cdf5;
    }

    .override-main-box-padding,
    .entry-widgets {
        padding: 0 1rem;
    }

    .device-android .mobile-logo span {
        font-size: 22px;
    }

    .mobile-logo span.white {
        color: #fff;
    }

    .navigation.block-active {
        width: 100%;
        height: auto;
        z-index: 300;
    }

    .navigation .opener {
        display: inline-block;
        vertical-align: top;
        margin: 4px 8px 0 11px;
        text-indent: -9999px;
        background: url(../images/menu.svg) no-repeat top center;
        background-size: 30px;
        padding: 6px;
        width: 40px;
        height: 40px;
    }

    .navigation .holder {
        padding: 46px 0 0;
    }

    .navigation.block-active .holder {
        height: auto;
    }

    #nav,
    .add-nav {
        background: #fff;
        height: auto;
        padding: 0;
        margin: 0;
        left: -9999px;
    }

    .block-active #nav,
    .block-active .add-nav {
        display: block;
        opacity: 1;
        transition: opacity .5s;
        left: 0;
    }

    .block-active #nav {
        margin-top: 10px;
        border-bottom: none;
    }

    .block-active #nav:last-child {
        border-bottom: none;
    }

    .block-active #nav:before {
        content: '';
        position: absolute;
        top: -9px;
        left: 21px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

    .add-nav {
        position: static;
        height: auto;
    }

    #nav a.nav-donate {
        display: inline-block;
        padding: 6px 20px;
        margin: 10px;
        border-radius: 5px;
        box-shadow: none;
    }

    #nav>li,
    .add-nav li {
        float: none;
        margin: 0;
        border-bottom: 1px solid rgb(218, 218, 218);
    }

    #nav>li>span {
        display: block;
    }

    #nav>.active>span:before {
        display: none;
    }

    #nav>.active>span a:before {
        content: "";
        width: 7px;
        height: 17px;
        background: none;
        top: 5px;
        right: 8px;
        position: absolute;
    }

    #nav a,
    .add-nav a,
    .add-nav a.active {
        display: block;
        padding: 15px;
        position: relative;
        color: #002d56;
        font-size: 15px;
        text-transform: capitalize;
    }

    #nav a:hover,
    .add-nav a:hover,
    #nav .active,
    .add-nav a.active,
    #nav .active a {
        background: #183f67;
        color: #fff;
    }

    .donate-span {
        cursor: pointer;
    }

    .donate-span:hover {
        background: #183f67;
    }

    .add-nav a {
        padding-left: 20px;
    }

    .add-nav ul {
        display: block;
        margin: 0;
    }

    .add-nav li,
    .add-nav .title {
        display: block;
        margin: 0;
        padding: 15px;
    }

    .add-nav li:before {
        display: none;
    }

    .add-nav li {
        padding: 0;
    }

    .add-nav .title {
        background-color: rgb(117, 206, 243);
        font-size: 16px;
        color: #fff;
        border: none;
    }

    .video-box ul {
        text-align: center;
    }

    .search-form {
        right: 0;
        left: auto;
        top: 34px;
        text-align: right;
        z-index: 2;
        padding: 0 10px 3rem;
    }

    .search-form.block-active {
        width: 100%;
    }

    .search-form .holder {
        display: none;
    }

    .search-form.block-active .holder {
        display: block;
    }

    .search-form .opener {
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url(../images/search.svg) no-repeat;
        width: 27px;
        height: 22px;
        padding: 0;
        margin-top: 27px;
        position: relative;
        right: 10px;
    }

    .search-form .btn.opener:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .search-form .holder {
        text-align: left;
    }

    .search-form.block-active .holder {
        display: block;
        opacity: 1;
        padding: 12px;
        width: 100%;
        position: relative;
        top: 25px;
        margin: 0 0 0 auto;
        background: #7ac142;
        transition: opacity .5s;
    }

    .search-form.block-active .holder:before {
        content: '';
        position: absolute;
        top: -9px;
        right: 14px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #7ac142;
    }

    .search-form .area {
        border: none;
        margin: 0 auto;
        float: none;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }

    .search-form:not(.sermons-search) input[type=search] {
        max-width: calc(100% - 100px) !important;
        border: 1px solid #d4d9dd;
        border-right-width: 0;
        border-radius: 0;
        flex-grow: 1;
    }

    .search-form:not(.sermons-search) input[type=submit] {
        border: 0;
        width: 99px;
        border-radius: 0px;
        border: 1px solid #fff;
        text-shadow: none;
        color: #fff;
        background: transparent;
        font-weight: normal;
        font-size: 16px;
    }

    .paging span {
        line-height: 1.4;
    }

    .slide .col {
        width: 30%;
    }

    #header {
        display: none;
    }

    .slogan {
        position: static;
        text-align: center;
        display: block;
    }

    .column h3 {
        font-size: 2em;
        text-align: center;
        color: #fff;
        width: 100%;
        z-index: 3;
    }

    .column .icon,
    .column img+img,
    .column picture+picture {
        width: 30px;
        position: inherit;
        align-self: center;
        padding-bottom: 1rem;
    }

    .column h3 span {
        font: 15px "helvetica", arial, sans-serif;
    }

    .column a {
        display: block;
    }

    .column p {
        color: #fff;
        font: 18px "enriqueta", serif;
        position: absolute;
        top: 75%;
        width: 100%;
        text-align: center;
    }

    .column:after {
        background: #333;
    }

    .main-holder {
        clear: left;
    }

    .main-frame {
        padding-left: 0;
        padding-right: 0;
    }

    .main-frame video {
        width: 100%;
        margin-left: 0 !important;
        float: none !important;
    }

    .purchase-buttons div {
        display: inline-block;
    }

    #product .purchase-buttons img {
        margin-bottom: 1em;
        width: auto;
    }

    .details-block {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #content,
    .main-frame-alt .details-block #content,
    #sidebar,
    aside#sidebar,
    .main-frame-alt .details-block #sidebar,
    .blog-block #content,
    .blog-block #sidebar,
    .details-block #content,
    .details-block #sidebar,
    .footer-t .info-box,
    .social-box,
    .mail-form,
    .radio-block #content,
    .radio-block #sidebar,
    .search-block #sidebar,
    .search-block #content {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    #content.mobile-padding,
    .question-box.mobile-padding,
    .ask-box {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }

    .radio-block #sidebar {
        float: left;
        position: relative;
    }

    .blog-block #sidebar:before,
    .radio-block #sidebar:before,
    .search-block #sidebar:before {
        display: none;
    }

    .footer-t {
        padding: 10px;
        z-index: 1;
    }

    .footer-t .info-box,
    .social-box,
    .mail-form {
        border-bottom: 1px dashed;
        margin: 0 0 1.5em;
        padding: 0 0 1.5em;
    }

    .footer-t h4 {
        margin: .5em 0;
    }

    .footer-t p {
        margin-bottom: 1em;
    }

    .unsubscribe {
        margin-bottom: 5px;
    }

    .mail-form .area {
        margin: 0 0 5px;
    }

    .box,
    .resources-block .box,
    .post-list .box,
    .topics-boxes .box,
    .radio-box .box,
    .radio-box .box-r,
    .radio-box .box-r .box {
        float: none;
        margin: 0 0 10px;
        width: auto !important;
        max-width: 100%;
        overflow: hidden;
    }

    .box,
    .resources-block .box {
        margin-top: 30px !important;
    }

    .mail-form input[type=submit] {
        float: left;
    }

    .boxes .holder,
    .resources-block .holder,
    .topics-boxes .holder {
        margin-right: 0;
    }

    .post-list .holder {
        margin: 0;
    }

    .top-block,
    .events-box .name:before,
    .events-box time:before {
        display: none;
    }

    .events-box .info {
        width: 40%;
        right: auto;
        left: 10px;
        bottom: 5px;
        font-size: 12px;
        line-height: 14px;
    }

    .events-box .name,
    .events-box time {
        display: block;
    }

    .tabsarea-alt {
        padding: 0 0 10px;
    }

    .tabset {
        padding: 0;
        display: block;
        border-style: none;
    }

    .media .tabset {
        float: left;
        margin-bottom: 30px;
    }

    .tabset li,
    .tabset li:first-child {
        float: none;
        border-style: none;
        border-bottom: 1px solid #dcdddd;
    }

    .media .tabset li {
        width: 50%;
        display: inline-block;
        text-align: center;
        float: left;
        border-bottom: none;
    }

    .media .tabset li .tabset a {
        padding-left: 0;
        padding-right: 30px;
    }

    .media .tabset a {
        padding: 15px 0;
        border-top: 1px solid #DDE7ED;
        background: #DDE7ED;
        color: #B0BBC2;
    }

    .media .tabset .active {
        background: #ffffff;
        color: #4f585c;
    }

    .tabsarea-alt .tabset li {
        border-color: #fff;
    }

    .tabsarea-alt .tabset a {
        background: #e5f2db;
        color: #7cbf4a;
    }

    .tabsarea-alt .tabset a,
    .tabsarea-alt .tabset a:first-child {
        padding: 8px 0;
    }

    .tabset a:before,
    .tabsarea-alt .tabset a:before {
        right: 8px;
        bottom: auto;
        top: 50%;
        width: 7px;
        height: 15px;
        margin: -7px 0 0;
        background: url(../images/sprite.png) no-repeat -137px -90px;
    }

    .tabsarea-alt .tabset .active {
        background: #022d54;
        color: #fff;
    }

    .tabsarea-alt .tabset .active span {
        display: none;
    }

    .tabsarea-alt .tab-content {
        padding: 27px 1rem 0;
    }

    .series-title,
    .sermon-teacher,
    .bottom-holder h2 {
        padding-left: 1rem;
    }

    .info-form .col {
        float: none;
        width: auto;
        margin: 0 0 10px;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .info-list dd {
        margin: 0 0 27px;
    }

    #content .topic-lists {
        margin-bottom: 2rem;
    }

    #content .topic-lists h2 {
        display: block;
        padding: 0 0 8px 16px;
    }

    .topic-lists,
    #content .topic-lists .holder {
        margin: 0;
        padding: 0 16px;
    }

    .library-form {
        padding: 40px 1rem 31px;
    }

    .library-form fieldset {
        width: 100%;
        margin: 0;
    }

    #content .topic-lists .col.mobile-full {
        width: 100%;
        max-width: none;
    }

    .col.mobile-full .accordion {
        margin-bottom: 0;
    }

    .hidden_topic {
        display: block !important;
    }

    .info-form.question input[type=submit] {
        width: 100%;
        margin-left: 0;
    }

    .boxes .box {
        width: 47%;
        float: left;
        margin: 0 3% 5% 0;
    }

    .topic-lists ul {
        margin-bottom: 10px;
    }

    .topics-block .holder:before {
        display: none;
    }

    .topics-block .btn {
        display: block;
        width: auto;
    }

    .video-box,
    .series-top .video-box,
    .sermons-block .video-box {
        float: none;
        margin: 0 0 20px;
    }

    .prev-program {
        display: block;
        margin-bottom: 2em;
    }

    .next-program {
        display: block;
        float: none;
    }

    .main-heading ul {
        float: none;
        overflow: hidden;
        margin: 0 0 5px;
    }

    .main-heading li:first-child {
        padding-left: 0;
    }

    .library-form .area {
        width: 100%;
    }

    .library-form input[type=search] {
        width: calc(100% - 69px);
    }

    .filter-row li {
        display: inline;
        float: none;
        overflow: hidden;
        padding: 0 0 3px;
    }

    .top-visual .holder {
        padding-left: 3em;
        padding-right: 3em;
        float: none !important;
    }

    .results-form {
        max-width: 300px;
    }

    .results-form input[type=search] {
        width: 228px;
    }

    .details-block #sidebar {
        margin-top: 0;
        padding: 20px 0 0 0;
        background: url(../images/sprite.png) no-repeat 0 -116px;
    }

    .details-block #sidebar h4,
    .details-block .post-list h4 {
        margin: 0 0 10px;
    }

    #sidebar.thin {
        width: auto;
    }

    #sidebar.thin .content-box,
    #sidebar.thin ul,
    #sidebar.thin li {
        float: none;
    }

    #sidebar.thin h4:first-child {
        margin: 0 0 10px;
    }

    #sidebar.thin li:after {
        content: '';
        clear: both;
        display: table;
    }

    .info-form {
        overflow: inherit;
        margin: 0;
    }

    .info-form h3,
    .donate-form legend {
        margin: 20px 0 8px;
    }

    .col .info-form input[type=text],
    .col .info-form input[type=email],
    .col .info-form input[type=tel],
    .info-form .col input[type=text],
    .info-form .col input[type=email],
    .info-form .col input[type=tel] {
        width: 100%;
        display: block;
    }

    .info-form input[type=text],
    .info-form input[type=email],
    .info-form input[type=tel],
    .info-form input[type=password] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        width: 100%;
        padding: 16px 6px;
    }

    label[for=formtools_amount_0_other] {
        width: auto;
    }

    label[for=formtools_amount_0_other] {
        width: auto;
    }

    /*#formtools_amount_1 {width:100%;float:left;padding:12px 6px;}*/

    .select-area {
        width: 100% !important;
    }

    #div_formtools_expiration_month div {
        margin-bottom: 10px;
    }

    .credit_card_row {
        margin-top: 10px;
    }

    .donate-form input[type=submit] {
        margin: 10px 0 0 0;
    }

    .info-form input[type=submit] {
        width: 100%;
        float: none;
    }

    .actions {
        float: none;
    }

    .review {
        float: none;
    }

    .mobile-order {
        background: #e9f0f4;
        padding: 1em;
        margin-bottom: 2em;
    }

    .cart .col.wide .info-form select {
        width: 100%;
        float: none;
    }

    .cart .col.wide .info-form label,
    #new .info-form label {
        width: 100%;
        display: block;
        text-align: left;
    }

    .cart .tabsarea {
        padding: 0 1em 22px;
    }

    .pagination .btn-next {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }



    .accordion {
        margin-bottom: 3rem;
    }

    #decade-accordion-mobile {
        display: none;
    }

    .accordion h3 {
        padding: 1.5rem 1rem !important;
        margin: 0 !important;
        text-align: left;
        background: none !important;
        position: relative;
        border-bottom: 1px solid #dcdddd;
        font-size: 18px;
    }

    .accordion .category {
        display: block;
        flex: inherit;
        align-items: normal;
        text-align: left;
    }

    .accordion h3:after {
        content: "";
        background: url(../images/right-arrow.svg) no-repeat 0 0;
        height: 22px;
        width: 22px;
        position: absolute;
        right: 16px;
        transform: rotate(90deg);
        transition: transform .4s;
    }

    .accordion h3.expanded {
        margin: 0;
        background: none;
        padding: 1.5rem 1rem 1rem;
        border-bottom: none;
        box-shadow: inset 0 2px 3px 0 #eee;
    }

    .accordion h3.expanded:after {
        transform: rotate(-90deg);
    }

    .accordion ul li {
        border-bottom: 1px solid #eee;
    }

    #browse-sermons ul li {
        border-bottom: none;
        white-space: nowrap;
    }

    .accordion ul li a {
        padding: 1rem;
        display: block;
    }

    .ui-accordion-content {
        margin-left: 20px;
    }

    .slide .row {
        display: none;
    }

    .featured-side img {
        float: left;
        display: inline-block;
    }

    .featured-side a {
        float: none;
        display: inline-block;
    }

    .thin li span {
        float: none !important;
    }

    #content.cart {
        width: 100%;
    }

    table#checkout {
        margin: 0;
    }

    table#checkout,
    #checkout thead,
    #checkout tbody,
    #checkout th,
    #checkout td,
    #checkout tr {
        display: block;
    }

    #checkout thead tr {
        display: none;
    }

    #checkout td.remove-td {
        width: inherit;
    }

    .radio-btn-list {
        margin-left: 0;
    }

    .cart #checkout .btn,
    #checkout .btn[type="submit"],
    .cart .empty input[type=submit] {
        display: block;
        float: none;
        width: 100%;
        padding: 7px 10px;
        text-align: left;
    }

    #content .info-form input[type=submit] {
        margin: 0 !important;
    }

    .cart .empty input[type=submit] {
        padding-top: 10px;
    }

    .cart .empty {
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 40px;
    }

    table .remove {
        margin: 4px 0 0 4px;
        float: none;
        display: inline-block;
    }

    #checkout input[type="text"] {
        display: inline-block;
    }

    #donation_form label {
        float: left;
        margin: 0 20px 0 0;
        width: auto;
        line-height: inherit;
    }

    #donation_form input[type=text] {
        width: 100%;
    }

    #rec_hidden {
        margin-top: 8px;
    }

    .info-form {
        overflow: inherit;
    }

    #donation_form .select-area {
        width: 100% !important;
    }

    #donation_form h3 {
        margin: 0 0 30px;
        font-size: 24px;
    }


    .socialaccount_providers {
        margin: 0;
    }

    .socialaccount_providers .facebook-btn,
    .login .btn {
        width: 100%;
    }

    .login.info-form .checkbox {
        margin-left: 0;
    }


    .info-form label {
        float: none;
        width: 100%;
    }

    .subscribe-form {
        width: 100%;
    }

    .info-form.subscribe-form .checkbox,
    .info-form .checkbox,
    #div_formtools_receive_email_updates label {
        width: auto;
        float: left;
        margin-left: 0;
        margin-bottom: 1em;
    }

    .info-form select,
    .col .info-form select,
    .info-form .col select {
        float: none;
        width: 100%;
    }

    .info-form.question .checkbox {
        width: 100%;
    }

    .info-form.subscribe-form .chk-area,
    .info-form.subscribe-form .help-block,
    .info-form .help-block {
        margin-left: 0;
    }

    #content #new .info-form .help-block {
        width: 100%;
        margin: 0;
    }

    #new {
        float: none;
        width: 100%;
        clear: left;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tabsarea .col address {
        margin-right: 20px;
    }

    .col address+address {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .info-form textarea {
        width: 98%;
    }

    .col.wide .info-form textarea {
        width: 98%;
    }

    .tabsarea .col {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .review .col {
        margin-bottom: 20px;
    }

    .review .col address {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #div_id_expiration_year .select-select {
        margin-left: 0;
    }

    .topic-lists .col.wide,
    .store-lists .col.wide,
    .tabsarea .col.wide {
        width: 100%;
        max-width: 100%;
    }

    .col.half-col,
    .tabsarea .col.half-col {
        margin-top: 40px;
    }

    .info-block .info.donate-info {
        overflow: initial;
    }

    .info-block img.donate-img {
        float: right;
        margin: 2px 0 0 24px;
    }

    .tabset a span {
        background: none;
    }

    .tabset a:hover span {
        display: none;
        bottom: 0 !important;
    }

    .giving-options label {
        float: left;
        max-width: 90px;
        width: 90px;
    }

    .giving-options li label {
        width: auto;
    }

    #div_formtools_receive_offer label {
        width: 100%;
        max-width: 100%;
    }

    .donation-offer-img {
        float: none;
    }

    /*.box .video {float:left;margin-right:20px;}*/

    #audio-container_wrapper,
    #video-container_wrapper,
    #video-container,
    #audio-container,
    #video-container_displayarea,
    #audio-container_displayarea,
    #video-container_jwplayer_display,
    #audio-container_jwplayer_display,
    #video-container_video,
    #audio-container_video {
        width: 100% !important;
        float: left;
    }

    .contact .mail-form {
        float: none;
        margin: 30px 0 0 0;
        border-bottom: 0;
    }

    .contact .mail-form .area {
        overflow: initial;
        width: 100%;
    }

    .contact .mail-form input[type=email] {
        width: 80%;
    }

    .contact .mail-form input[type=submit] {
        width: 20%;
    }

    .contact .col,
    .contact #sidebar.col {
        width: 100%;
        float: none;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contact .col:not(:first-child),
    .contact .social-box {
        margin: 30px 0;
    }

    .contact #sidebar.col {
        width: 100% !important;
        margin: 40px 0 0 0 !important;
    }

    .contact .info-form input[type="submit"] {
        width: 100%;
        float: none;
        margin: 0;
    }

    .col.wide .info-form input[type=text],
    .col.wide .info-form input[type=email],
    .col .info-form input[type=tel] {
        width: 100%;
    }

    .col.wide .info-form .help-block {
        margin: 0;
    }

    .profile #new {
        max-width: 100%;
    }

    .tabsarea .profile .col address {
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .search-block #sidebar {
        margin-top: 30px;
    }

    .signup .btn,
    .login .info-form .btn {
        width: 100%;
    }

    #div_id_remember,
    #div_id_forgot {
        float: left;
        width: 50%;
    }

    #div_id_forgot {
        text-align: right;
    }

    .footer-b .holder {
        padding: 30px 10px;
    }

    .mail-form ul {
        margin: 20px 0 0;
        float: left;
    }

    .mail-form li:before {
        background: none;
    }

    .mail-form li {
        padding: 0 3px 0 0;
        display: inline-block;
    }

    .video-box li,
    .video li:first-child {
        display: inline-block;
        padding: 10px;
    }

    .video-box li:before {
        background: none;
    }

    .video-box a {
        font-weight: normal;
    }

    .featured-content h2 {
        padding-bottom: 1rem;
        text-align: center;
    }

    .featured-content-tabs {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        box-shadow: 0 1px 0 0 #b8c4d2, 0 3px 4px 0 rgba(0, 0, 0, 0.15);
        width: 100%;
        margin-bottom: 2em;
    }

    .content-tab {
        flex-basis: 25%;
        text-align: center;
        white-space: nowrap;
        margin-bottom: 0 !important;
        padding-bottom: 1em;
        cursor: pointer;
    }

    .content-tab.active {
        border-bottom: 2px solid #7ac142;
        color: #7ac142;
    }
}

@media screen and (max-width: 768px) {
    .table-cell {
        width: 100% !important;
    }

    .table-cell:nth-child(2) {
        padding-top: 1.5rem;
    }

    .table-cell h2 {
        display: none;
    }
}

.podcast__type,
.podcast__help {
    margin-top: 4em;
    margin-bottom: 4em;
}

.podcast__type:after {
    content: '';
    display: table;
    clear: both;
}

.podcast__image,
.podcast__details {
    float: left;
}

.podcast__image {
    width: 30%;
}

.podcast__details {
    margin-left: 5%;
    width: 65%;
}

.podcast__details a:last-child {
    margin-left: .5em;
}

#sidebar.podcast__sidebar {
    padding: 1em;
}

.podcast__sidebar a {
    display: block;
}

@media (max-width: 360px) {
    .podcast__details a {
        display: block;
        margin: 1em 0;
    }

    .podcast__details a:last-child {
        margin-left: 0;
    }
}

@media (max-width: 400px) {
    .filter-row li {
        display: block;
    }

    #content .topic-lists .col {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .topic-lists .col {
        text-align: center;
    }

    .topic-lists h3 {
        margin: 2em 0 .5em;
    }

    .topic-lists ul {
        margin-bottom: 2em;
    }

    .topic-lists li {
        margin: .75em .5%;
    }

    .topic-lists li.hidden_topic_minus {
        width: 100%;
        text-align: center;
    }

    .topic-lists a.show_more_topics,
    .topic-lists li.hidden_topic_minus a {
        background: #7AC142;
        color: white;
        font-size: .8em;
        padding: .5em;
        -webkit-font-smoothing: antialiased;
    }

    .topic-lists a.show_more_topics:before,
    .topic-lists li.hidden_topic_minus a:before {
        content: attr(data-show);
        padding-right: .5em;
    }
}

@media (max-width: 480px) {

    .podcast__image,
    .podcast__details {
        float: none;
        width: 100%;
    }

    .podcast__details {
        margin-left: 0;
        margin-top: 1em;
    }

    .mobile-purchase-options li span {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .post-list .box {
        float: none;
        margin: 0 0 10px;
        width: auto !important;
        max-width: 100%;
        overflow: hidden;
    }

    .topics-boxes h2,
    .topics-boxes .pagination {
        display: block;
        margin: 0;
    }

    .topics-boxes .pagination a {
        float: none;
        margin-right: 0;
    }

    .right-arrow,
    .left-arrow {
        display: none;
    }

    .bottom-holder {
        border-top: 1px dashed #CECFD0;
    }

    .video-details {
        flex-wrap: wrap;
        width: 100%;
    }

    .video-details div {
        flex-basis: 50%;
        border-bottom: 2px solid #fff;
        height: 70px;
        font-size: 16px;
    }

    .video-details div:nth-child(2n) {
        border-right: none;
    }

    .video-details div:nth-child(n+3) {
        border-bottom: none;
    }

    .webcast-box {
        margin: 0 auto;
        width: 65%;
    }

    .page-pagination {
        flex-direction: column;
        text-align: center;
    }

    .page-pagination a {
        padding: 1em 0;
    }
}

@media (max-width: 500px) {

    /* Sermon Series */
    .topics-boxes .box {
        display: block;
        float: none;
        padding: 0;
        margin-bottom: 2em;
        width: 100%;
    }

    .topics-boxes .box:nth-child(odd) {
        clear: none;
    }

    .resources-block .video img {
        width: 100%;
    }

    .footer-b address {
        display: block;
    }
}

@media (max-width: 550px) {
    .box .video {
        float: none;
        margin-right: 0;
        margin-bottom: .5em;
    }

    .boxes .box {
        width: 100%;
        float: none;
        margin: 0 0 5% 0;
    }

    .box .video img {
        width: 100%;
    }

    .top-panel span span {
        display: none;
    }
}

@media screen and (max-width: 580px) {

    /* Responsive Tables */
    .responsive-table {
        width: 100%;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table tr {
        display: block;
        margin-bottom: 3em;
        border: 1px solid #C8D6DF;
    }

    .responsive-table td {
        display: block;
        padding: 0;
        background: #FBFDFD;
        border-bottom-color: #C8D6DF;
        text-align: left;
    }

    .responsive-table td:last-child {
        border-bottom-width: 0;
    }

    .responsive-table td:before,
    .responsive-table .responsive-data {
        display: block;
        float: left;
    }

    .responsive-table td:before {
        content: attr(data-label);
        padding: 1em;
        padding-right: 0;
        background: #DDE7ED;
        font-weight: bold;
        width: 40%;
    }

    .responsive-table td:after {
        content: '';
        display: block;
        clear: both;
    }

    .responsive-data {
        padding: 1em;
        width: 60%;
    }
}

@media (max-width: 768px) {
    #sidebar.podcast__sidebar {
        margin-bottom: 2em;
    }
}


/* max-width: 650px */
@media screen and (max-width: 650px) {
    .paging a {
        min-height: 60px;
    }

    .paging img {
        display: block;
        margin: 0 auto;
        padding: 4px 0;
    }

    .paging span {
        display: block;
    }
}

.print-logo {
    display: none
}

.screen-logo {
    display: block
}

#staging-box {
    background: greenyellow;
    position: fixed;
    top: 0;
    padding: 17px;
    width: 17px;
    border-radius: 0px 0px 5px 0px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.45);
}

.entry-video {
    margin-bottom: 20px;
}

ul.horizontal-list {
    margin: 0 0 0 0;
}

.horizontal-list li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.horizontal-list li:before {
    width: 2px;
    height: 12px;
    background: #adb1b3;
    top: 2px;
    left: -10px;
}

.horizontal-list li:first-child:before {
    display: none;
}

@media screen and (min-width: 768px) {
    .override-main-box-padding {
        margin-top: -36px;
    }
}

@media screen and (max-width: 768px) {
    .entry-header h1 {
        padding: 1rem 0;
    }
}

.sermons_more_button {
    font-size: 16px;
    float: right;
}

.holder .btn {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.topbox p.endurance-partner-conversion {
    font-size: 13px;
    margin-top: 14px;
    margin-bottom: 14px;
}

@media screen and (min-width: 850px) {
    .topbox p.endurance-partner-conversion {
        font-size: 16px;
    }
}

#formtools_amount_1 {
    min-width: 5em;
}

.spanish-link {
    margin-top: 15px;
    display: block;
}

ul.social-icons {
    float: none;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    padding-top: 2em;
}

@media screen and (max-width: 768px) {
    ul.social-icons {
        justify-content: space-around;
    }
}

ul.social-icons li:before {
    content: "";
    width: 0;
    height: 0;
}

ul.social-icons img {
    width: 60px;
    height: 60px;
}

.accordion div {
    overflow: hidden;
    transition: height 0.3s ease-out;
    height: auto;
}

.modal {
    font-size: 16px;
    font-weight: bold;
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 750px;
    text-align: center;
    position: relative;
}

.modal-buttons {
    display: inline-flex;
    flex-flow: row;
}

.modal-checkbox {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.modal-button {
    background-color: white;
    color: black;
    border: 2px solid gray;
    border-radius: 10px;
    padding: 15px 32px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.modal-button:hover,
.modal-close:hover {
    cursor: pointer;
}

.modal-checkbox {
    background-color: white;
    color: black;
}

.modal-default {
    background-color: #7ac144;
    color: white;
    /* border: none; */
    border-color: #4c752b;
}

.modal-icon {
    height: 64px;
    width: 64px;
    margin-right: 20px;
}

.modal-close {
    height: 32px;
    width: 32px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.modal-message {
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-message h3 {
    margin-bottom: 5px;
}

.modal-message p {
    font-size: 16px;
    margin-bottom: 5px;
}

#main.popup-main {
    height: 100%;
}

@media screen and (max-width: 768px) {
    .modal-content {
        width: 80%;
    }

    .modal-buttons {
        display: flex;
        flex-flow: column;
    }

    .modal-checkbox {
        display: flex;
        flex-flow: row;
    }
}

@media screen and (min-width: 768px) {
    .accordion div {
        height: auto;
    }

    .accordion div[data-collapsed=true] {
        height: 0px !important;
    }

    #browse-topics .accordion div[data-collapsed=true] {
        height: auto !important;
    }

    .header-wrap {
        padding: 0;
        margin-bottom: 3em;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
    }

    #content .topic-lists h2 {
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    #contact-form #div_id_captcha {
        padding-left: 57px;
    }

    #signup_form #div_id_captcha {
        padding-left: 124px;
    }
}