@import url('bootstrap.min.css');

body { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px; color: #292929; background-color: WHITE; padding: 0; margin: 0 }

.sizer {position: relative; float: right; top: -20px}
.sizer button {font-size: 30px; width: 30px; height: 30px; margin-left: 5px; border-radius: 4px}
.sizer button:hover, .sizer button:focus {background-color: #f0b310}


article p, aside p{margin: 6px 0; line-height: 30px;}
article, aside {line-height: 26px;}
a, a:visited{color: #9e6b25; text-decoration: underline; -webkit-transition:  all .5s; transition:  all .5s;}
a:hover, a:focus {color: #820053; text-decoration: underline;}
input, select, textarea{font-size: 18px;}
button {padding:0; border: 0; background: transparent;font-size: 18px;}
strong{font-weight: 700;}
.liner {width: 100%;  max-width: 1200px; margin: 0 auto;  position: relative; }
.btn:focus{box-shadow: 0}


#contentwrapper {width: 100%; position: relative;}
.container-fluid{max-width: 1160px; width: 100%; margin: 0 auto;  border: solid 0px red !important}


header {width: 100%; height: 183px; position: relative; padding: 20px 0; background-color: white; text-align: center;  z-index: 100;}
header .liner {height: 183px;}



a.homelink{max-width: 523px /*592px*/; width: 100%;/* height: 70px;*/ text-align: center; display: block;-webkit-transition:  none; transition:  none; position: relative;  top: -10px}
a.homelink img {width: 100%; }

.toplinks {font-family: 'Roboto Condensed', sans-serif; font-size: 18px; height: 73px; overflow: hidden; font-weight: 400; position: absolute; bottom: 20px; right: 0; width: 30%}
.toplinks a {color: black;line-height: 20px; background-color: #f0b310;height: 73px; text-align: center; padding: 12px; width: 33.33%; text-decoration: none; display: inline-block}
.toplinks a, .toplinks a:visited {color: black; text-align: center; font-size: 16px; line-height: 19px; padding-top: 18px; text-decoration: none; display: flex; align-items: center;justify-content: center;}
.toplinks a:last-child, .toplinks a:last-child:visited {background-color: #eb6e1f; text-decoration: none;}
.toplinks a:hover, .toplinks a:focus, .toplinks a:last-child:hover, .toplinks a:last-child:focus  { color: white;text-decoration: none; background-color: #820053; }

.quicklinks {border: solid 0px #820053; position: absolute; bottom: 20px; right: 30%;display: inline-block; padding: 0 10px; width: 168px;}
.quicklinks a, .quicklinks a:visited{color: #292929; text-decoration: none; font-size: 18px; padding: 20px 10px; }
.quicklinks a:hover, .quicklinks a:focus{color: #820053;text-decoration: none; }
.quicklinks .RLwords {display: none;}

/* stuck */
header.stuck {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5); position: fixed; top: 0; z-index: 100; height: 73px; padding: 0}
header.stuck .liner {height: 73px;}
header.stuck a.homelink {width: 300px; position: absolute; bottom: 0px; left: 0;  }
header.stuck .toplinks { width: 10%; bottom: 0px;}
header.stuck .toplinks a{display: none; }
header.stuck .quicklinks { bottom: 0px; right: 10%;display: inline-block; padding: 0 10px; width: 168px;}



.mtoggle2.d-lg-none {display: none;}

.pipe { margin: 0px 10px;position: relative;}

section {}

article {max-width: 900px; margin: 0 auto;}

aside {max-width: 1160px; margin: 0 auto;}
aside div {overflow: hidden; text-align: left; padding: 20px;flex: 1; }
aside  ul {margin: 0px; padding: 0px; list-style: none;}
aside  ul li {margin-bottom: 10px; }
aside div div {width: 100%; padding: 0; float: none; background: transparent; border-radius: 0px; margin: 0; border: 0;flex: auto;   }
.RBliner{ }
.RBliner img{width: 100%; height: auto }
.RBtitle {background-color: #820053; padding: 20px; font-weight: 400; font-size: 26px; line-height: 32px; color: white; }
.RBtext{border: solid 3px #f0b310; border-top: 0; min-height: 200px;}
.RBimage{background-size: cover; background-position: center center;}

aside div.bannerbox {padding: 0; background: transparent}
.bannerbox img {max-width: 100%; width: 100%; }
.video_wrapper {margin-top: 20px !important;}

section.purpl{background-color: #570038;  color: white;font-size: 26px;}
.tagline{font-family: 'Roboto Condensed', sans-serif; font-weight: 300; }
.socmed{text-align: right;}
.socmed a, .socmed a:visited{color: white; text-decoration: none;font-size: 32px; margin-left: 10px;}
.socmed a:hover, .socmed a:focus{color: #f0b310; text-decoration: none;}

footer{  width: 100%; padding: 30px 0 50px 0; color: #FFFFFF; background: url(../images/borderbottom.png) repeat-x center bottom #000000;}

.atmsearch{font-size: 18px; line-height: 26px;}
.atmsearch input[type=text]{width: 190px; height: 40px; border: 0; background-color: #FFFFFF; font-size: 16px; padding-left: 10px;}
.atmsearch input[type=submit] {background-color: #f0b310; width: 60px; height: 40px; font-size: 16px; padding: 0; position: relative; top: -1px}

.socmed .RLwords {display: none;}
.socmed img {position: relative; top: -4px}


.bottomlinks{font-size: 16px;}
.bottomlinks a, .bottomlinks a:visited{color: #f0b310; text-decoration: underline}
.bottomlinks a:hover, .bottomlinks a:focus{color: #ffffff; text-decoration: underline}

.copyr{font-size: 16px}
.ncua {font-size: 14px; line-height: 22px;}

.mobi {display: none;}

section.SL_html {width: 100%; height: 685px; background-color: silver;}
section.slideshow {background-color: silver; height: 490px;}

section.intbanner {height: 400px;position: relative;}
.intbg {background-position: center center; background-size: cover; position: absolute; top: 0px; right: 0px; height: 100%; }
h1.pageheader {background: rgba(235,110,31,.8); position: absolute; left: auto; left: 50%; margin-left: -580px; max-width: 470px; width: auto;padding: 40px; bottom: 50px;}

section.rates{}
.Rtitle {font-family: 'Roboto Condensed', sans-serif; font-size: 32px; color: #000000;}
.Rtitle span {font-weight: 700;}

/****************
Colors
  - Purple: color: #820053
  - Yellow: color: #f0b310
  - Orange: color: #eb6e1f
  - pale yellow: #fcf0cf


font-family: 'Font Awesome 5 Pro';

-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
*************************/

hr { border: 0; height: 0; border-top: 1px solid silver }

a.cta, a.cta:visited, input[type="submit"], a.clear, a.clear:visited, button#exedout, button.clear, input.go{display: inline-block; text-decoration: none; border: none;cursor: pointer; line-height: 1; background-color: #f0b310; padding: 16px 32px; font-family: 'Roboto Condensed', sans-serif;  color: black; height: 50px; font-weight: 500; margin: 5px;}
a.cta:hover, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus {text-decoration: none;background-color: #eb6e1f; color: black;}
 input[type="submit"] {padding-top: 0; padding-bottom: 0; }

 a.ctaP, a.ctaP:visited{display: inline-block; text-decoration: none; border: none;cursor: pointer; line-height: 1; background-color: #820053; padding: 16px 32px; font-family: 'Roboto Condensed', sans-serif; color: white; height: 50px; font-weight: 300; margin: 5px;}
a.ctaP:hover, a.ctaP:focus {text-decoration: none;background-color: #f0b310; color: black;}

.roboto {font-family: 'Roboto Condensed', sans-serif; }

h1 {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 36px; line-height: 48px; color: #000000;}

h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 32px; line-height: 42px; color: #000000; margin: 18px 0 6px;}

h3, .code_block h1, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header, .cms_form_header, .content_article_header
{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 28px; line-height: 36px; color: #000000; margin: 18px 0 6px;}

h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: #000000; margin: 18px 0 6px;}

h5, .forum_thread_date, .forum_mischeader_title
{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 20px; line-height: 28px; color: #000000; margin: 18px 0 6px;}

h6 {color: black; font-size: 14px; font-style: italic; font-weight: bold;}

.flexrow{display: flex; flex-wrap: wrap;  border: solid 0px red}
.flexcol{padding: 0 20px 20px 20px; border: solid 0px #820053; }
.fc2 .flexcol{flex: 1 1 400px; min-width: 50%}
.fc3 .flexcol{flex: 1 1 300px;min-width: 33.33% }
.fc4 .flexcol{flex: 1 1 250px; min-width: 25%}
.fc5 .flexcol{flex: 1 1 190px; min-width: 20%}
.fc6 .flexcol{flex: 1 1 190px; min-width: 16.66}

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;position: absolute; top: 0; left: 0; z-index: 101}
a.skipper:focus, a.skipper:visited:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 18px;}

section.inside a[name]:before{display: block;  content: " ";  height: 176px;   margin-top: -176px;   visibility: hidden;}

.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}
sup, sub {vertical-align: baseline; position: relative;  top: -0.4em;}
sub {top: 0.4em;}


/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #820053;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates & styled tables */
table.styled, .content_rates_table, TABLE.table_builder {margin-bottom: 20px; width: 100%; border-collapse: collapse; border-bottom: 3px solid #f0b310}

th {background-color: #820053; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 20px; line-height: 24px; color: #FFFFFF; padding: 16px; border: solid 3px #820053;}
td {color: #292929; font-size: 16px; line-height: 22px; padding: 16px;border-right: 3px solid #f0b310}
table.styled tr td:first-child, tr .content_rates_table_row2:first-child, tr .content_rates_table_row1:first-child, .table_builder tr td:first-child {border-left: 3px solid #f0b310}
table.styled tr:nth-child(odd) td, .content_rates_table_row2, TR.table_builder_row_even {background-color: #fcf0cf}
TR.table_builder_row_odd {}
.content_rates_table_row_highlight {color: red;}
.sideslider {width: 100%;}
.table_builder .filtered {display: none;}
.content_rates_table_row_highlight {color: #ae0000;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertholder{width: 100%; }
.alertbar {padding: 10px 0; width: 100%; }
.alertbar.regular{}
.alertbar.high{}
.alert {width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left}
.alert_icon{}
.alert a, .alert a:visited {}
.alert a:hover, .alert a:focus {}
button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important;}
button.exed:before {content:"\f057"; font-family: 'Font Awesome 5 Pro';}

/* forms */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
.cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 5px 0;  font-weight: normal;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
fieldset.cms_form_fieldset, legend.cms_form_legend {white-space: normal; width: 100%; border: none;}

/* form collapsing divs

.cms_form_collapsible_header{background: none;font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; border-bottom: solid 1px #1C1F6E; }
.cms_form_collapsible_header a, .cms_form_collapsible_header a:visited {background: none;color: #078B08; font-weight:bold; text-decoration: none; width; 100%; -serif; font-size: 16px; padding-top: 10px 0; display: block; width: 100%; height: 24px;}
.cms_form_collapsible_header a:hover, .cms_form_collapsible_header a:focus {color: #1C1F6E;  text-decoration: none; cursor: pointer;}
*/

/* dec tree */
div.CHboxedup {z-index: 90;  }

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #820053; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; }
td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { color: silver; }
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver}

/* polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}
.region_poll_table_inner td {padding: 2px;}
.region_poll_table_inner {margin-bottom: 10px;}
.region_poll_radio_cell input {position: relative; top: 5px;}

/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #820053;  font-weight: bold;}
.faq_search {margin: 20px 0px}
.faq_question_block {margin-top: 10px;}
.faq_advanced_search_panel {padding: 0px;}
.faq_advanced_search_panel table {margin: 20px 0px;}
.faq_advanced_search_panel table td {padding: 2px 0px;}
.faq_advanced_search_panel i {color: silver;}

/* faqs accordion */
.faq_question_block_slide_question{ padding: 20px 0; border-top: solid 1px silver}
.faq_question_block_slide_question_closed:before{content: "\f0fe"; font-family: 'Font Awesome 5 Pro'; font-weight: 300;  color: #820053; margin-right: 20px;}
.faq_question_block_slide_question_open:before{content: "\f146"; font-family: 'Font Awesome 5 Pro'; font-weight: 300;  color: #820053; margin-right: 20px;}
.faq_question_block_slide_answer{padding: 0 20px 20px 20px;}

/* faqs regions */
ul.region_faq_list li {margin-bottom: 5px;}
span.region_faq_header {display: block; margin-bottom: 10px}

/* sidebar content */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}
/*.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}*/

/* image gallery */
.slideshow-container {width: 300px; height: 200px; overflow: hidden;}

/* blogs */
.blog_posted_date {display: block; color: gray;}
span.blog_tags_tag a{display: inline-block;}
.blog_share {position: relative; float: right; }
.blog_share a {position: relative; float: right; margin-left: 5px;}
.blog_share ul {list-style: none}
.blog_share ul li{ display: inline-block;}
.blog_share ul li .fa {font-size: 20px; position: relative; top: 7px;}

/* comments & rating - affects blogs*/
.comments_section_summary { padding: 20px; margin: 0px; border: 0; background: none;}
.comment_rating_stars, .comment_rating_number {display:  inline-block; }
.comments_sortbox {position: absolute; top: 5px; right: 0;top: -10px; width: auto;}
.comments_form_table {background: none; border: 0; width: calc(100% - 20px); margin: 10px;}
.comments_form_table TD {border: 0;  padding: 3px;}

/* include <?php echo $common_js; ?>CSS/ratings.css */