.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.iframe-responsive {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px dotted #006f01;
}
.btn {
    /* same, but make it important */
    font-size: 1rem !important;
}
.press_card_inst {
    margin: 30px 0px 20px 0px;
}
.press_card_top {
    margin: 0px 0px 0px 0px;
}
.press_card_cont {
    width: 380px;
    background-color: #2b5278;
    margin: 10px 0px 10px 0px;
    padding: 8px 12px 18px 12px;
    border-radius: 10px;
}
.press_card_scont {
    border-left: 2px solid #83caff;
    padding-left: 7px;
    margin-top: 8px;
}
.press_card_href a {
    font-size: 13px;
    color: #83caff;
    font-weight: 400;
}
.press_card_auth a {
    font-size: 14px;
    color: #83caff;
    font-weight: 500;
}
.press_card_title {
    font-size: 13px;
    color: #ffffff;
    font-weight: 400;
}
.press_card_desc {
    font-size: 13px;
    color: white;
    font-weight: 300;
    line-height: 1.34;
    margin: 0px 0px 5px 0px;
}
.press_card_img img {
    max-width: 100%;
    height: auto;
}

.btnm {
    display: inline-block;
    /* vertical-align: middle; */
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px 0px 0px 3px;
}

.copyclipboard {
    height: 1px;
    font-size: 1px;
    width: 1px;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    color: white;
}
.copylink {
    position: relative;
    /* top: -3px; */
}
.mega_max_hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C9C9C9;
    margin: 10px 0px 10px 0px;
    padding: 0;
}
.videos_preview_fp {

}
@media only screen and (max-width: 575.98px) {  /* bs4: breakpoint: extra-small */
    .videos_preview_fp {
        text-align: center;
    }
}
.mytubecontainer {

}

.mytubesynops {
    color: #000;
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 10px 10px 6px 0px;
}
.mytubeheaders {
    color: #006f00 !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    line-height: 1.5em;
}
.mytubeminagos {
    color: #006f00 !important;
    font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    line-height: 1.5em;
}
.mytubewatchs {
    max-height:26px;
	color: #006f01 !important;
    font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
}
.mytubedowns {
	color: #006f01 !important;
    font-size: calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
}
.mytubekeys {
    color: #8a8a8a;
    font-size: calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 15px 0px;
}

.mytubesynopb {
    color: #000;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 20px 20px 20px 0px;
}
.mytubeheaderb {
    color: #006f00 !important;
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1600 - 300))) !important;
}
.mytubeminagob {
    color: #006f00 !important;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
}
.mytubewatchb {
    /* max-height:26px; */
	color: #006f01 !important;
    font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
}
.mytubedownb {
    /* max-height:26px; */
	color: #006f01 !important;
    font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 0px 0px;
}
.mytubekeyb {
    /* max-height:70px; */
	/* text-transform: uppercase; */
    color: #8a8a8a;
    font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
    margin: 0px 0px 20px 0px;
}

.vid_ideas {
    font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
}
.vidithumb_cont168 {
    position: relative;
    width: 168px;
}
.vidithumb_cont349max {
    position: relative;
    max-width: 349px;
}
.vidithumb_len {
    position: absolute;
    bottom: 6px;
    right: 8px;
    font-size: 13px;
    background-color: #000000d1;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 1.35;
    color: white;
    font-weight: 500;
}
.mytubevideo168 {
    max-width:100%;
    width: 168px;
    max-height: 94px;
    /* needed due to --bs-gutter-x: 0; */
    padding-right: 5px;
}
.menu-img-h150, .mytubevideo267 {
    width: 267px;
    max-height: 150px;
    padding: 1px;
}
.mytubevideo360 {
    max-width:100%;
    width: 360px;
    max-height: 200px;
}
.mytubevideo480 {
    max-width:100%;
    width: 480px;
    max-height: 270px;
}
.mytubevideo640 {
    max-width:100%;
    width: 640px;
    max-height: 360px;
}
.mytubevideo720 {
    max-width:100%;
    width: 720px;
    max-height: 405px;
}
.mytubevideo960 {
    max-width:100%;
    width: 960px;
    max-height: 540px;
}
.mytubevideo1020 {
    max-width:100%;
    width: 1020px;
    max-height: 574px;
}
.mytubevideo1280 {
    max-width:100%;
    width: 1280px;
    max-height: 720px; /* for vert */
    padding-right: 10px;
}

/* on a proxy, a notice appears at the top; this pushes everything down */
.no_js_notice {
    margin-top: 30px;
}

textarea.noresize {
    resize: none;
}

.ns, .noselect, .dt9 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.show-inline {
    display: inline !important;
}

.show-flex {
    display: flex !important;
}

.show-block {
    display: block !important;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

/* 128x80 */
/* 48x30 */
/* 51x32 51.2 actually */
/* 64x40 */
.payment-card-1 {
    width: 51px;
    height: 32px;
}

.table_narrow {
   border-collapse: collapse;
}

.table_narrow td {
   padding:0; margin:0;
}

.table_clear td, .table_clear th {
    border-top: 0px !important;
}

.drop_cap_lg {
  float: left;
  font-size: 3.26em;
  line-height: 0.5;
  margin: 0.180em 0.130em 0 0;
}

.drop_cap_md {
    float: left;
    font-size: 2.8em;
    line-height: 0.45;
    margin: 0.230em 0.130em 0 0;
}

.fatface {
  font-family: "Abril Fatface";
}

.point {
    cursor: pointer;
}

.strike {
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-style: double;
}

.no-width {
    width: 0px;
}

.no-height {
    height: 0px;
}

.learn_more img {
    margin-bottom: 11px;
}

#pay-mail-msg {
	padding: 3px 0px;
	font-size: 12px;
	color: #006f01;
}

.center-table {
    text-align: center;
    margin:0 auto;
    width:auto;
    display:table;
}

.center-block {
    text-align: center;
    margin:0 auto;
    width:auto;
    display:block;
}

.center-text {
    text-align: center;
}

.left-text {
    text-align: left;
}

.center-contents {
    margin: 0 auto;
    position: relative;
}

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-flex {
    display: flex;
    align-items: flex-start;
    justify-content: left;
}

.right-flex {
    display: flex;
    align-items: flex-end;
    justify-content: right;
}

.center-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.float-left {
	float: left;
}

.float-left-m10 {
	float: left;
	margin: 0px 10px 10px 0px;
}

.right-float {
	float: right;
}

.float-right {
	float: right;
}

.float-right-m10 {
	float: right;
	margin: 0px 0px 10px 10px;
}

.float-clear, .clear-float, .clear {
	clear: both;
	margin: 0px 1px 0px 0px;    /* hard time cut and pasting clear, so try adding this */
}

/* https://www.w3schools.com/howto/howto_css_clearfix.asp */
/* attempt to get this working for email as clear above cut-and-paste is not working */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.h100pc {
    height: 100%;
}

.h97pc {
    height: 97%;
}

.h96pc {
    height: 96%;
}

.h95pc {
    height: 95%;
}

.flex {
    display: flex;
}

.a708px {
    width: 708px;
    max-height: 428px;
}

hr {
    /* see: mega _max_hr */
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C9C9C9;
    margin: 1.8em 0 1em 0;
    padding: 0;
}

.hr2 {
    margin: 5px 0px 5px 0px;
}

/* 1 */
.box-shadow1 {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* 58. shopify */
.box-shadow2 {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
/* 57. facebook */
.box-shadow3 {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
/* 73. whip.chat */
.box-shadow4 {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
/* 85. pqina.nl/doka */
.box-shadow5 {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
/* 63. boxshadows.com */
.box-shadow6 {
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
/* 37. tailwind css */
.box-shadow7 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
/* 32. Material */
.box-shadow8 {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
/* 5 */
.box-shadow9 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* 22 */
.box-shadow10 {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.bold {
	font-weight: 600;
}

.underline {
    text-decoration: underline;
}

.sendy-gray {
    /* used on sendy */
    color: #848484;
}

.italic {
    font-style: italic;
}

.orange-opaque {
    color: #ffff00;
    color: rgba(255,140,0,0.3);
}

.orange, .orange-opaque:hover {
    color: rgba(255,140,0);
}

.purple {
    color: #6500d4;
}

.pkg_max_l {
    max-height: 286px;
    /* height: 100%; */
}

.pkg_max_r {
    max-height: 286px;
    /* height: 100%; */
}

.pkg_max_250 {
    max-width: 250px;
    width: 100%;
}

.pkg_max {
    max-width: 300px;
    width: 100%;
}

.pkg_max_160 {
    max-width: 160px;
    width: 100%;
}

.gap4 {
    margin: 4px 0px;
}

.gap6 {
    margin: 6px 0px;
}

.gap8 {
    margin: 8px 0px;
}

.bordert1 {
	border-top: 1px #dfdfdf78 solid;
}

/* flag border can be used for anything */
.flagb1, .border1 {
	border: 1px #dfdfdf78 solid;
}

.flagb2 {
	border: 2px #dfdfdf78 solid;
}

.flagb3 {
    /* max-width does not work w/ img-fluid; width has the same effect in this case */
	width: 300px;
}

.no-ul, .no-ul div, .no-ul div a, .no-ul div a div, .no-ul a, .no-ul a:hover {
    text-decoration: none !important;
}

.pub_showcase, .pub_showcase div, .pub_showcase div a, .pub_showcase div a div, .pub_showcase a, .pub_showcase a:hover {
    text-decoration: none !important;
}

.full-height {
    /* must be min- */
    min-height: 100%;
}

table.dataTable.table-gap-bottom {
    margin-bottom:20px;
}

/*10px 18px generally messes up with the width */
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 0px;
    border-bottom: 1px solid #111;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 10px;      /* down from 8px 10px */
}

.pub_italic {
    font-style: italic;
}

.pub_list_indent_start {
    margin-top:25px;
    margin-left:15px;
}
.pub_list_indent_mid {
    margin-left:15px;
}
.pub_list_indent_end {
    margin-left:15px;
    margin-bottom:25px;
}

sup {
    margin-left: 2px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #006f01;
    border-color: #006f01;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #006f01;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.table td, .table th {
    /* normally .75rem all */ /* one factor causing overflow */
    padding: .6rem 0px .6rem 5px;
}

#calendar2_table.table td, #calendar2_table.table th {
    padding: .3rem 0px .3rem 5px;
}

.btn-super-light {
    color: #262b2f3d;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-super-light:hover {
    color: #5e6b6ae0;
    background-color: #dbe2e8e3;
    border-color: #dbe2e8e3;
}

/* https://stackoverflow.com/questions/28365839/dashed-border-animation-in-css3-animation */
.ants-green {
    width: max-content;
    background: linear-gradient(90deg, #006f00 50%, transparent 80%), linear-gradient(90deg, #006f00 50%, transparent 80%), linear-gradient(0deg, #006f00 50%, transparent 80%), linear-gradient(0deg, #006f00 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

.ants-black {
    width: max-content;
    background: linear-gradient(90deg, #000 50%, transparent 80%), linear-gradient(90deg, #000 50%, transparent 80%), linear-gradient(0deg, #000 50%, transparent 80%), linear-gradient(0deg, #000 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

/* contrasting color with orange */
.ants-blue {
    width: max-content;
    background: linear-gradient(90deg, #1762ad 50%, transparent 80%), linear-gradient(90deg, #1762ad 50%, transparent 80%), linear-gradient(0deg, #1762ad 50%, transparent 80%), linear-gradient(0deg, #1762ad 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

.ants-white {
    width: max-content;
    background: linear-gradient(90deg, #fff 50%, transparent 80%), linear-gradient(90deg, #fff 50%, transparent 80%), linear-gradient(0deg, #fff 50%, transparent 80%), linear-gradient(0deg, #fff 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

.ants-orange {
    width: max-content;
    background: linear-gradient(90deg, #ff8c00 50%, transparent 80%), linear-gradient(90deg, #ff8c00 50%, transparent 80%), linear-gradient(0deg, #ff8c00 50%, transparent 80%), linear-gradient(0deg, #ff8c00 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

/* background-color: #b51a1a; random but nice */
.ants-red {
    width: max-content;
    background: linear-gradient(90deg, #b51a1a 50%, transparent 80%), linear-gradient(90deg, #b51a1a 50%, transparent 80%), linear-gradient(0deg, #b51a1a 50%, transparent 80%), linear-gradient(0deg, #b51a1a 50%, transparent 80%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 5px 3px, 5px 3px, 3px 5px, 3px 5px;
    padding: 0px;
    animation: border-dance 4s infinite linear;
}

/* note also: AA1A_1 */
.popover {
    max-width: 400px !important;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#calendar2_table {
    border-left: 0px #ccc dotted;
    border-right: 0px #ccc dotted;
    table-layout: fixed;
}

#calendar2_table td {
    font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
    line-height: 0.90;
    vertical-align: middle;
    border-top: 1px solid #a5a5a552;
}

#calendar2_table td.hr7 {
    font-size: calc(11px + (17 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
    line-height: 1.0;   /* formerly 1.1 */
}

#calendar2_table td.hr7H, #calendar2_table td.hr7 {
    background-color: #f3db6930;
    width: calc(40px + (140 - 40) * ((100vw - 300px) / (1600 - 300))) !important;
}

#calendar2_table td.hr8, #calendar2_table span.hr8 {
    font-size: calc(11px + (17 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
    line-height: 1.3;   /* formerly 1.4 */
}

.bgday-0, .bgday-6 { /* Sun, Sat */
    background-color: rgba(0,0,0,.05);
}

.bgday-1, .bgday-2, .bgday-3, .bgday-4, .bgday-5 {
    background-color: #fff;
}

.bg_yellow {
	background: #ffff00;
}

/* edit */
.bg-orange {
    color: #000;
    background-color: #ff8c00;
}
.bg-green {
    color: #fff;
    background-color: #006f01;
}

.popover-header {
    display: none;
}

/* choose */
.bg-lorange {
    color: #2a5a3b;
    background-color: #fff;
}
.bg-lgreen {
    color: #2a5a3b;
    background-color: #fff;
    /* background-color: #eaffed; */
}

.bg-red {
    color: #fff;
    background-color: #b51a1a;  /* random but nice  #f7f7f7 */
    border-right: 1px #e0b6b673 solid !important;
}

.adm_self {
    /* matches primary */
    background-color: #17a2b8 !important;
    color: #fff9ed;
}

.table_no_margin_bot {
    margin-bottom: 0px;
}

.cal_hr {
    border-top: 2px #2f8048a1 solid !important;
}

.cal_selected {
    background: #f7fff8;
    border: 1px black solid;
    border-radius: 4px;
    margin: 0px 0px;
}

/*
.cal_bdr {
    border-top: 1px black dotted;
}
*/

/* bg dot o = 1/2 */
.bg_d_o {
    background: linear-gradient(90deg, #fff 2px, transparent 1%) center, linear-gradient(#fff 2px, transparent 1%) center, #cccccc82;
    background-size: 5px 5px;
    position: relative;
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
    color: #8a8a8ac7;
}

@keyframes border-dance {
    0% {
        background-position: 0 0, 100% 100%, 0 100%, 100% 0;
    }
    100% {
        background-position: 100% 0, 0 100%, 0 0, 100% 100%;
    }
}

/* retain for now */
.sday2 {
    display: block;
    margin: 0px calc(5px + (50 - 5) * ((100vw - 300px) / (1600 - 300))) 0px 0px;
    padding: 0px 0px 0px 5px;
}

.tr_collapse {
    visibility: collapse;
}

.read_or_watch {
    color: #006f00 !important;
    border-bottom: 1px dotted #006f00;
    text-decoration: none;
    cursor: pointer;
    /* display: block;  */
    font-size: 14px !important;
    /* text-align: center; */
}

.badge_adjust {
    font-size: 11px;
    vertical-align: super;
}

.red, .show_discount {
    color: #ff0000 !important;
}

.danger {
    color: #dc3545 !important;
}

/* interferes w/ astra theme */
/*.primary { */
/*    color: #007bff !important; */
/*} */

.blue-opaque {
    color: #0000ff;
    color: rgba(0,0,255,0.3);
}

.blue-opaque:hover {
    color: #0000ff;
}

.std_err_msg {
    font-size: calc(13px + (17 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
	color: #db0001 !important;
}

.std_pass_msg {
    font-size: calc(13px + (17 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
	color: #006f01 !important;
}

.lower_case_on_mobile  {
    text-transform: unset;
}

.hide_on_desktop {
    display: none;
}

.hide_on_mobile {
    display: block;
}

.page_wrapper3 {
    padding: 0px 0px;
    margin: 0px;
}

.ticker_style {
    height:38px;
    width:100%;
    border:0;
    padding:0;
    overflow:hidden;
}

.ticker_height2 .inline {
  display: inline-block;
}
.ticker_height2 .wrap {
    display: table;
    height:  38px;
    width:   100%;
    /* border:  1px solid red; */
}
.ticker_height2 .wrap p {
  display: table-cell;
  vertical-align: middle;
}

.ticker_height {
    height: 22px;
    vertical-align: text-bottom;
}

@media only screen and (max-width: 991.98px) { /* bs4: breakpoint: medium */
    .mytubevideo1280 {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 639.98px) {  /* bs4: breakpoint: special -- mobile menu break point */
    .hide_on_desktop {
        display: block;
    }
    .hide_on_mobile {
        display: none;
    }
    .lower_case_on_mobile  {
        text-transform: lowercase;
    }
    .table_in_modal {
        /*
        min-width: 100%;
        margin-left: -20px;
        margin-right: -20px;
        */
    }
    .table td, .table th {
        padding: .4rem 0px .4rem 4px;
    }
    #calendar2_table.table td, #calendar2_table.table th {
        padding: .4rem 0px .4rem 4px;
    }
}

#left_collaps_expand {
    color: #36a05c87 !important;
    font-size: 20px;
    text-align: left;
    margin-left: 7px;
}

.no-break, .no-wrap {
    white-space: nowrap;
}

.word-break, .wb7 {
  word-break: break-all;
}

.fa_small {
    font-size: 9px;
}

.red1 {
	color: #db0001 !important;
}

.black {
	color: #000 !important;
}

.white_menu {
    color: #fff;
    padding-left: 30px;
    display: block;
}

.white_menu:hover {
    color: #fff;  /* retain for a, otherwise defaults to blue */
    text-decoration: none;
    background-color: #34883f3b;
}

div.white, span.white, a.white {
    color: #fff;
    text-decoration: none;
}

a.white:hover {
    color: #fff;  /* retain for a, otherwise defaults to blue */
    text-decoration: underline;
}

.fg_white { color: #fff; }

.bg-white { background: #fff; }

.uc {
	text-transform: uppercase;
}

.btn-outline-secondary-disabled, .btn-outline-secondary-disabled:hover {
    color: #a09696b3;
    border-color: #d4c9c9b3;
    background-color: #e8e8e8b3;
}

.btn-outline-dark-green {
    color: #006f01;
    border-color: #006f01;
}

.btn-outline-dark-green:hover {
    color: #fff;
    background-color: #006f01;
    border-color: #006f01;
}

.btn-dark-green {
    color: #fff;
    background-color: #006f01 !important;  /* important for override condition */
    border-color: #006f01 !important;
}

.btn-dark-green:hover {
    color: #fff !important;
    background-color: #069206 !important;  /* important for override condition */
    border-color: #069206 !important;
}

.badge-dark-green, .bg-dark-green {
    color: #fff;
    background-color: #006f01 !important;
}

/* .badge-darker-green {
    color: #fff;
    background-color: %darker-green% !important;
}*/

.badge-dark-green-i {
    color: #006f01;
    border: 1px solid #006f01;
    font-weight: 400;
}

a.badge-dark-green-i {
    color: #006f01;
    font-weight: 400;
}

a.badge-dark-green-i:hover {
    color: #fff;
    background-color: #006f01;
}

.badge-dark-green-outline-round {
    color: #006f01;
    font-weight: 400;
    border-radius: 22px;
    padding: 3px;
    border: 1px #006f01 dotted;
}

.badge-dark-green-outline-round:hover {
    color: #fff;
    background-color: #006f01;
}

.text-dark-green {
	color: #006f01 !important;
}

.text-darker-green {
	color: #003113 !important;
}

.text-dark-green-any a, .text-dark-green-any span {
    color: #006f01;
}

.text-dark-green-any a:hover {
    text-decoration: underline;
}

.text-dark-green-13 any:hover {
    text-decoration: underline;
}

.text-dark-green-13 a, .text-dark-green-13 span {
    font-size: 13px;
    color: #006f01;
}

.text-dark-green-13 a:hover, .text-dark-green-13 span:hover {
    text-decoration: underline;
}

.fontcgrayl {
    color: #bbbbbb;
}
.fontcgraym {
    color: #8a8a8a;
}
.fontcgrayd {
    color: #5b5b5b;
}
.fontr9, .fontr9 a, .fontr9 p {
    font-size: calc(8px + (9 - 8) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr10, .fontr10 a, .fontr10 p {
    font-size: calc(9px + (10 - 9) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr11, .fontr11 a, .fontr11 p {
    font-size: calc(10px + (11 - 10) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr12, .fontr12 a, .fontr12 p {
    font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr13, .fontr13 a, .fontr13 p {
    font-size: calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr14, .fontr14 a, .fontr14 p {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr15, .fontr15 a, .fontr15 p {
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr16, .fontr16 a, .fontr16 p {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr17, .fontr17 a, .fontr17 p {
    font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr18, .fontr18 a, .fontr18 p {
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr19, .fontr19 a, .fontr19 p {
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr20, .fontr20 a, .fontr20 p {
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr21, .fontr21 a, .fontr21 p {
    font-size: calc(19px + (21 - 19) * ((100vw - 300px) / (1600 - 300))) !important;
}
.fontr22, .fontr22 a, .fontr22 p {
    font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
}



.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-800 {
    font-weight: 800 !important;
}

.text-right {
    text-align: right;
}

.full-width {
    width: 100%;
}

.alert0 {
    border-radius: 10px;
	padding: 10px;
	font-size: 16px !important;
	border-width: 1px;
	border-style: solid;
}

.alert1 {
    border-radius: 10px;
	margin: 10px 0px;
	padding: 10px;
	font-size: 16px !important;
	border-width: 1px;
	border-style: solid;
}

.alert2 {
    border-radius: 6px;
	margin: 5px 5px;
	padding: 6px;
	/* font-size: 16px !important; */
	border-width: 1px;
	border-style: solid;
}

.plt_reg_container div.alert2 {
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
}

.alert2-bottom {
	margin-bottom: 16px;
}

.alert3 {
    border-radius: 3px;
	margin: 4px 0px 6px 0px;
	padding: 4px;
	/* font-size: 16px !important; */
	border-width: 1px;
	border-style: solid;
}

.alert-warning a, .alert-warning span.link, .alert-warning span.hover {
    cursor: pointer;
    color: #856404;
    border-bottom: 1px dotted #856404;
}

.alert-warning a:hover, .alert-warning span.link:hover {
    color: #856404;
    border-bottom: 1px solid #856404;
    text-decoration: none;
}

.alert-success a, .alert-success span.link, .alert-success span.hover {
    cursor: pointer;
    color: #155724;
    border-bottom: 1px dotted #155724;
}

.alert-success a:hover, .alert-success span.link:hover {
    color: #155724;
    border-bottom: 1px solid #155724;
    text-decoration: none;
}

.alert-danger a, .alert-danger span.link, .alert-danger span.hover {
    cursor: pointer;
    color: #721c24;
    border-bottom: 1px dotted #721c24;
}

.alert-danger a:hover, .alert-danger span.link:hover {
    color: #721c24;
    border-bottom: 1px solid #721c24;
    text-decoration: none;
}

.alert-info a, .alert-info span.link, .alert-info span.hover {
    cursor: pointer;
    color: #0c5460;
    border-bottom: 1px dotted #0c5460;
}

.alert-info a:hover, .alert-info span.link:hover {
    color: #0c5460;
    border-bottom: 1px solid #0c5460;
    text-decoration: none;
}

#custom-alert-o {
    margin: 0px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 6px 6px 6px 6px;
    background-color: rgb(121, 15, 37);
    border: 3px solid #ff1515;
    z-index: 1020 /* needed to rise above the my. small screen side & bottom */
}

#custom-alert-i {
	margin: 0px;
	padding: 6px;
    color: #fff;
}

#custom-alert-i h3 {
    font-size: 20px !important;
    font-weight: 400;
    color: #fff;
    margin: 0px 0px 8px 0px;
}

#custom-alert-i p {
    font-size: 16px !important;
    margin: 4px 0px 4px 0px;
    line-height: 1.45;
}

#custom-alert-i a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
}

#custom-alert-i a:hover {
    border-bottom: 0px;
    text-decoration: none;
}

#custom-alert-dismiss {
    position: absolute;
    top: 8px;
    right: 18px;
    font-size: 18px;
    font-weight: 400;
	cursor: pointer;
}

/* mega menu section -- move one day */

.mm_tabbed_speech {
    font-size: 17px;
    display: block;
    line-height: 1.45;
    color: #000;
    text-shadow: 2px 2px 16px #d5d5d5;
}

.mm_tabbed_speech_11 {
    margin: 11px 11px 11px 11px;
}

.mm_tabbed_speech_40 {
    margin: 11px 11px 40px 11px;
}

.mm_tabbed_speech_75 {
    margin: 11px 11px 75px 11px;
}

.mm_tabbed_speech_150 {
    margin: 11px 11px 150px 11px;
}

/* this will enable an image on the li to occupy 100% of the height; required in learn_more_jquery */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    height: 100%;
}

div.pub_print_top {
    margin: 0px 0px 10px 0px;
    padding: 0px 4px 0px 0px;
}

div.pub_print_bot {
    margin: 30px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

.new_ul {
    color: #006f01 !important;
    border-bottom: 1px solid #006f01;
    text-decoration: none;
}

.astd-icon {
    color: #006f01 !important;
    text-decoration: none;
    cursor: pointer;
}

.astd-icon:hover {
    color: #689a68 !important;
    text-decoration: none;
}

.mag {
    text-decoration: none;
    cursor: pointer;
    color: #5f6364;
    transition: all .2s ease-in-out;
}

.mag:active {
    transform: scale(1.1);
    transition: .1s;
}

.mag:hover {
    text-decoration: none;
    cursor: pointer;
    color: #5f6364;
}

.mag:focus,.mag:hover {
    opacity: .75
}

.z0 {
    z-index: 0;
}

/* essential (for some long URLs) otherwise affects viewport */
.break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    /* word-break: break-word; */
    hyphens: auto;
}

table a, #cont-i a astd, .astd, .astv a, .a a, .rtBibleRef {
    color: #006f01 !important;
    border-bottom: 1px dotted #006f01;
    text-decoration: none;
    cursor: pointer;
}

table a:hover, #cont-i a astd:hover, .astd:hover, .astv a:hover, .a a:hover, .rtBibleRef:hover {
    border-bottom: 1px solid #006f01;
    text-decoration: none;
}

.astd-noline {
    color: #006f01 !important;
    text-decoration: none;
    cursor: pointer;
}

.astd-noline:hover {
    color: #6d756d !important;
    text-decoration: none;
}

.uulw, .uulwlink {
    border-bottom: 1px dotted #fff;
    cursor: pointer;
    color: #fff;
}

.uulwlink:hover {
    border-bottom: 0;
    text-decoration: none;
}

.uul {
    border-bottom: 1px dotted #006f01;
    text-decoration: none;
    cursor: pointer;
    color: #006f01 !important;
}

.uul:hover {
    border-bottom: 1px dotted #006f01;
    text-decoration: none;
    color: #003113 !important;
}

.uulw:hover {
    text-decoration: underline;
}


#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    font-size: 16px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
    font-size: 15px;
}

@media only screen and (max-width: 767.98px) { /* bs4: breakpoint: small */
    .pub_contents, .inset_pub {
        margin: 0px 8px;
    }
    .page_wrapper3 {
        padding: 0px 15px;
        margin: 6px 0px 0px 0px;
    }
    .ticker_height {
        height: 32px;
    }
    .mega_max_hr {
        display: block;
        height: 0px;
        border: 0px;
        border-top: 1px #fff solid;
        margin: 0px;
        padding: 0px;
    }
    .mytubecontainer {
        margin: 0px 0px 0px 10px;
    }
}

@media only screen and (max-width: 639.98px) {  /* bs4: breakpoint: special -- mobile menu break point */
    .astv a {
        color: #fbe803 !important;
        border-bottom: 1px dotted #fbe803;
    }
    .astv a:hover {
        color: #fbe803 !important;
        border-bottom: 1px solid #fbe803;
    }
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 0px 10px 4px 10px;      /* down from 8px 10px */
    }
    .plt_reg_container div.alert2 {
        margin: 0px 10px 0px 10px;
    }
}

@media only screen and (max-width: 575.98px) {  /* bs4: breakpoint: extra-small */
    #custom-alert-i p {
        display: inline;
    }
    .alert2 {
        margin: 0px 0px;
    }
    .plt_reg_container div.alert2 {
        margin: 0px 0px 0px 0px;
    }
}

@media only screen and (max-width: 445px) {  /* __SPECIAL__: breakpoint: special */
    .pkg_max_250 {
        max-width: 350px;
        width: 100%;
    }
    /* squeeze a little more space */
    /* defeats restrictions placed by #basic_adm */
    /* margin: 45px 15px 25px 15px; */
    /* thus may cause problems if #basic_adm does not exist on page */
    .dataTables_wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }
}