@import url('/templates/COMMON_JS/CSS/bootstrap.min.css');

@font-face {
  font-family: SmoothStone;
  src: url(../fonts/SmoothStone-Regular.woff);
}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0px; padding: 0px; text-align: center; font-size: 16px; font-family: 'Source Sans Pro'; sans-serif; background-color: #f9cc71; -webkit-text-size-adjust: 100%; color: #000000;}

.grade {height: 425px; width: 100%; position: absolute; top: 0px; right: 0px; z-index: 1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+35,f9cc71+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(249,204,113,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(249,204,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(249,204,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9cc71',GradientType=0 ); /* IE6-9 */
}

p{line-height: 20px;  margin: 12px 0 0}
a, a:visited{color: #106bac; text-decoration: underline; -webkit-transition:  all .5s; transition:  all .5s;}
a:hover, a:focus {color: #0a578e; text-decoration: underline;}
input, select, textarea{font-family: 'Source Sans Pro'; sans-serif;font-size: 16px; }
button {padding:0; border: 0; background: transparent;font-family: 'Source Sans Pro'; sans-serif;font-size: 16px; }
.liner {width: 100%;  max-width: 1170px; margin: 0 auto;  position: relative; }

#contentwrapper {width: 100%; position: relative;}

header {width: 100%; height: 120px; position: relative; padding: 0 30px; z-index: 101}

a.homelink{position: absolute; left: 0px; top: 20px;}
a.homelink img {width: 188px; height: 76px;}


.toplinks {text-align: right;  position: absolute; top: 42px; right: 600px; color: #043b63;font-size: 22px;  }
.toplinks a, .toplinks a:visited  {  color: #043b63;text-decoration: none; margin: 0 5px;}
.toplinks a:hover, .toplinks a:focus { color: #106bac;text-decoration: none;}
.toplinks a .RLwords{display: none; -webkit-transition:  all 1s; transition:  all 1s; font-size: 16px}
.toplinks a:hover .RLwords, .toplinks a:focus .RLwords{display:inline;}

.chatter{background: url(../images/chat1.png) no-repeat; display: inline-block; width: 26px; height: 20px;-webkit-transition:  all .5s; transition:  all .5s; cursor: pointer;}
.chatter:hover {background: url(../images/chat2.png) no-repeat; width: 61px;}
.purechat-button-expand{cursor: pointer;}

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

.buttons {/*display: none;*/ position: absolute; top: 30px; right: 0px; }
.buttons a, .buttons a:visited{background-color: #f8b531;  font-size: 16px; line-height: 20px; color: #043b63; width: 140px; height: 57px; border-radius: 30px; text-decoration: none; display: block; padding: 10px 20px; position: relative; float: left; margin-left: 10px}
.buttons a:hover, .buttons a:focus{background-color: #ccdc00; color: #043b63;text-decoration: none;}



section { width: 100%; padding: 0 30px; }
section.nopad{padding: 0; margin: 0;}

section.home{display: flex; justify-content: space-between; width: calc(100% - 60px); max-width: 1170px; margin: 0 auto; padding: 0; z-index: 9; position: relative; }
article.news, section.home div {width: 34%; background: url(../images/corner-lines.png) left bottom no-repeat white; padding: 30px; text-align: left;overflow: hidden;border-radius: 0 0 0 20px; -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18); box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18);}
article.news#maincontent{display: none;}
section.home div { width: calc(22% - 5px); margin-left: 5px; border-radius: 0; align-items: center; align-content: center; text-align: center}
section.home div div {width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none;background: none}
section.home div:nth-child(4) {border-radius: 0 0 20px 0;}
section.home div img { width: 100%; max-width: 195px; }
.aprnote {width: 100%;  max-width: 1170px; margin: 0 auto;  position: relative; text-align: right; padding: 10px 0; }

section.inside  {width: calc(100% - 30px); max-width: 1170px; background: url(../images/corner-lines.png) left bottom no-repeat white; padding: 30px 0; text-align: left;overflow: hidden;border-radius: 0  0 20px 20px; -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18); box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18); margin: 0 auto; z-index: 99; position: relative; }


article {max-width: 970px; width: calc(100% - 60px); overflow: hidden; margin: 0 auto; text-align: left; }

/*aside {width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: stretch;  align-content: stretch; padding: 30px 15px }*/

aside {width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 15px }

aside div {overflow: hidden; width: calc(33.33% - 30px); text-align: center; padding: 15px 20px 0 20px; position: relative; float: left; background: url(../images/corner-lines-yellow.png) no-repeat left bottom #fad488; border-radius: 20px; margin: 0 15px;}
aside div h2 {font-family: SmoothStone; "Palatino Linotype"; Palatino; serif; font-size: 44px; line-height: 1; color: #0a578e; margin: 15px 0;}
aside div div {width: 100%; padding: 0; float: none; background: transparent; border-radius: 0px; margin: 0;}
aside div ul {list-style: none; margin: 0; padding: 0;}
aside div ul li {margin: 5px 0; padding: 0;}

section#inside231 aside { display: block; }

section#inside231 aside div { float: none; margin: 0 auto;}



aside .bannerbox {padding: 0; background: transparent;  border: solid 1px #1999d6;}
.bannerbox img {max-width: 100%; width: 100%; border-radius: 20px; border: solid 1px #1999d6; position: relative; float: left;}
section.home .bannerbox img{float: none; margin: 0 auto;}

#inside28 .video_wrapper {margin: 20px auto !important;}

footer {width: 100%; padding: 40px 30px; background-color:#f9e3ba; margin-top: 40px;}

footer  a, footer  a:visited {}
footer  a:hover, footer  a:focus {}

.socmed, .tagline, .bottomlinks { text-align: right; width: 50%; position: relative; float: right; clear: right; margin-bottom: 20px;}
.bottomlinks .pipe:last-child {display: none;}

.socmed img {margin-left: 5px;}

.tagline{color: #0a578e; font-size: 22px; line-height: 1; font-weight: 700;}

.footnote {font-size: 16px; line-height: 20px; color: #000000; text-align: left; width: 50%; position: absolute; top: 0px; left: 0px; }

.mobi, .menutoggler {display: none;}

/*********************/



section.intbanner {width: 100%; height: 500px; background-color: silver;}

section.rates {width: 100%; height: 220px; position: relative; }

/****************
font-family: 'Font Awesome 5 Pro';

  - Dark blue: color: #0a578e - #004A98
  - Sky blue: #1999d6
  - Light yellow: color: #f9cb71
  - Full yellow: color: #f8b531
  - lime #ccdc00
  teal (links) #106bac
  bg color -  #f9cc71

-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18); box-shadow: 2px 2px 5px 2px rgba(0,0,0,.18);
-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 }
/*  -  font-weight: 700; color: #FFFFFF; background-color: #0a578e; font-size: 18px; line-height: 20px
  - Hover: background-color: #f8b531; color: #0a578e
*/
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; font-weight: 700; color: #FFFFFF; background-color: #0a578e; font-size: 18px; padding: 10px 20px; border-radius: 19px;height: 38px;} /* */
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: #f8b531; color: #0a578e}
 input[type="submit"] {padding-top: 0; padding-bottom: 0; }
/*a.clear{ padding: 8px 30px  10px 30px ; }*/

.Mheader {font-weight: 700; font-size: 24px; line-height: 28px; color: #1999d6; margin: 8px 0 0}

h1,  .content_blog_header, .category_name, .podcast_list_header, .blog_year{  font-weight: 700; color: #1999d6; font-size: 32px; line-height: 40px; margin: 12px 0 0;}

h2, .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-weight: 700; color: #0a578e; font-size: 28px; line-height: 36px; margin: 12px 0 0;}

h2.blog_title {color:#0A578E}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{font-weight: 700; color: #1999d6; font-size: 24px; line-height: 28px; margin: 12px 0 0;}

h4, .forum_thread_date, .forum_mischeader_title
{font-weight: 700; color: #0a578e; font-size: 20px; line-height: 24px; margin: 12px 0 0;}

h5
{color: black; font-size: 14px; font-weight: bold; }

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 blue; }
.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: blue;}
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: solid #0a578e 5px}
table.styled th, .content_rates_table_fields, TR.table_builder_header_row .table_builder_cell {background-color: #0a578e;  font-weight: 700; font-size: 18px; line-height: 20px; padding: 15px; color: #ffffff; }
table.styled td, .content_rates_table_row2, .content_rates_table_row1, .table_builder td {font-size: 16px; line-height: 20px;  border-left: solid #0a578e 2px; background-color: #fbdfa6;}
table.styled tr:nth-child(even) td, .content_rates_table_row2, TR.table_builder_row_even {background-color: white;}
TR.table_builder_row_odd {}
.content_rates_table_row_highlight {color: red;}
.sideslider {width: 100%;}
.table_builder .filtered {display: none;}

section#inside581 TR.table_builder_row_odd td {background-color: white;}
section#inside581 TR.table_builder_row_even td {background-color: #fbdfa6;}


/*table.styled th:first-child, .content_rates_table_fields:first-child {border-left: none;}*/
/*table.styled tr td:first-child, tr td.content_rates_table_row2:first-child, tr td.content_rates_table_row1:first-child {border-left: none; }*/
.content_rates_table_row_highlight {color: #ae0000;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: #1999d6; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding: 20px 60px 20px 80px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; text-decoration: underline}
.alert a:hover, .alert a:focus {color: black; text-decoration: underline}
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; color: white;}
#exed:hover, #exed:focus{color: black}
.alert:before{content: '\f0a1'; width: 40px; font-family: 'Font Awesome 5 Pro'; font-size: 20px; position: absolute; top: 30px; left: 20px;  font-weight: 400; font-size: 30px; }


/* new locator */
div#map-canvas, .boxedsearch {height: 700px;}
.boxedsearch, .legend {BACKGROUND-COLOR: #f7f7f7; }
button#exedout {display: none;}
input.go{ padding: 4px 10px; font-size: 14px; margin-left: 5px;}
.boxedsearch label {width: auto; }
div.legend h3 {text-transform: lowercase;}

/*
form#locator label, form#locator input, form#locator select, form#locator textarea, form#locator fieldset legend{font-family: 'Open Sans', arial, sans-serif;font-size: 16px;}
*/
/* puts search box under map*/

#map-canvas { width: 100%; height: 520px; float:none; }
.boxedsearch {height: auto;width: 100%; float: none; margin: 0; z-index: 80;}
.boxedsearch fieldset {width: 33%;position: relative; float: right; top: -150px; margin-bottom: -150px }
.legend { top: -100px; margin: 0 0 -80px 0; z-index: 90; position: relative;}

/* 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: blue; 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: blue; font-size: 11px; 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; font-size: 18px; color: blue; margin-right: 20px;}
.faq_question_block_slide_question_open:before{content: "\f146"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 18px; color: blue; 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 */
/* image height 262px */
.gallery, figure, .galleryliner {height: 420px}
.gallery figcaption{font-size: 14px; padding-right: 40px;}
.gallery {overflow-y: hidden; }
.galleryliner {}
.galleryliner figure {position: relative; float: left; margin: 0 10px;}
.swiper {width: 100%; text-align: center; display: none;}


.gallery::-webkit-scrollbar {width: 10px;}
.gallery::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(248,181,49,.7);
	background-color: #f9cb71; border-radius: 5px;
}
.gallery::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 3px rgba(0,73,135,.7);
	border-radius: 5px;
	background: -webkit-linear-gradient(top, rgba(9,87,142,1) 0%, rgba(25,153,214,1) 100%);
}


/* 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 { font-size: 32px; margin-left: 20px;}
.blog_share ul {list-style: none;   display: flex;  justify-content: flex-end;  align-items: center;}
.blog_share ul li{ display: inline-block;}

.blog_read_more {margin: 20px 0;}

/* 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 */

.littleslideshow img {max-width: 100%;}

.bttn1{display: inline-block;}