/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files. ----------------------------------------------------------- *//*ICONS */.ext:after {font-family:FontAwesome;content:"\f08e" } /* Forms */ .rsform-button {font-size: 1.2rem!important; font-family: Raleway;}  /* Raise top menu  */  #topmenu { margin-top: -35px; }  #belowmenu { float: right; }  .loginreg { margin-top: 20px !important; /*  margin-bottom: -50px; */ float: right; clear: right; font-size: 1em; margin-top: 10px; }  .loginregtext { float: right; margin-left: 10px; }  .custom_ch { float: right; } .newsearchdiv, .newlangdiv {float: left;} .newsearchdiv {margin-right: 15px} button.newsearch { padding: 8px 20px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; } input#mod-search-searchword28, input#mod-search-searchword912  {    font-size: .9em;     margin-top: 0px;} #s5_search_wrap { padding-right: 0px!important; margin-bottom: 0px !important; width: 110px !important; }  #s5_search_wrap input { padding-left: 5px!important; }  .custom-issmallmobile { text-align: center; }  .custom-issmallmobile .readon { margin: 0 auto; float: none; width: 80%; padding: 15px; font-size: 1.7em; }   /* #mod-search-searchword {border:none!important; padding: 5px 3px !important; margin: 0px!important; width: 170px; font-size: 1em !important;} form.form-inline > .button {padding: 0px!important; background: #ffffff!important;} .form-inline {padding: 0px!important; margin: 5px!important; display: inline-block !important; border-radius: 4px !important; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; } */  .tab-content { overflow: auto; padding: 5px 10px; border: 1px solid #ddd; }   /* Tabs */  .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; }  .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 50px; }  .tabs-left > .nav-tabs { float: left; margin-right: 0px; border-right: none; }  .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-color: #eee; }   /* chat button and white buttons */  .readonchat { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; padding: 7px 12px; margin-bottom: 0; border: none; color: #FFF !important; display: inline-block; text-decoration: none; font-size: .9em; #FFF !important; padding-left: 16px; padding-right: 17px; background: #123778; background: #127820; text-decoration: none !important; font-family: Raleway; font-weight: 400 !important; }  .readonchat:hover { background: #00195a; background: #005A14 }  a.readon, a.readon_grey, a.readon_white { text-decoration: none !important }  .left { float: left }   /* .element-invisible {display:none !important;} div.search.mod_search28 {margin-bottom: 0px; float: right; margin-right: 15px;} */   /* Main menu drop down */  .S5_grouped_child_item .S5_submenu_item:hover, .S5_submenu_item:hover { background: #3C4F73 !important; }  #subMenusContainer .S5_submenu_item:hover .s5_sub_a_span, #subMenusContainer .S5_submenu_item:hover .S5_subtext { color: #ffffff!important; }  #s5_nav li li a:hover, #subMenusContainer a:hover { color: #ffffff !important; }   /* Contact us section at bottom */  .wholecon { padding-top: 2%; margin-left: 2%; }   /* font changes */  .module_round_box_outer p { font-size: 1.1em; }  .module_round_box_outer > .module_round_box > .s5_module_box_1 > .s5_module_box_2 > .custom, .redmsg { font-size: 1.2em; }  .s5_mod_h3 { font-size: 1.5em; }   /* spacing issues */  .article-info-term { display: none }  .red_box { background: #FFFFFF !important; }  .s5_toprow_margin, div#s5_pos_top_row2_1 .module_round_box_outer { margin-bottom: 0 !important; }  .module_round_box-home .s5_mod_h3_outer { margin: 0 !important; }   /* #s5_component_wrap_inner  h1 {height: 0px!important; padding: 0px!important;} */  .boxed { padding: 6px; background: #FFF; margin-right: 12px; border: 1px solid #E8E8E8; -webkit-box-shadow: 4px 4px rgba(0, 0, 0, .15); -moz-box-shadow: 4px 4px rgba(0, 0, 0, .15); box-shadow: 4px 4px rgba(0, 0, 0, .15); margin-bottom: 17px; }   /* Make holidays and closings wrap to two lines */  .dropdown-menu li > a { white-space: normal; }   /* Top menu */  #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss { display: block; line-height: normal; margin: 0; padding: 12px 6px!important; text-decoration: none; cursor: pointer }  #megamenucss #js-mainnav.megamenu .js-megamenu, div.logout-button > .btn { font-family: Raleway !important; }  .dropdown-menu { border: 1px solid #e9e9e9!important; border-top: none!important }  #js-mainnav.megamenu>ul.level0>li.megacss>a.megacss>span.menu-title { text-transform: uppercase; font-weight: 400!important; color: #414145!important; font-size: 13px!important }   /* Info slide  */  .s5_is_css .s5_is_slide_css { background: #101427!important; opacity: .85; transform: translateY(-24%); height: 100%; color: #CCC!important; left: 0; width: 100%; margin-left: 0; margin-top: 0; position: absolute }   /* My custom divs */  .half, .halfdiv, .halfl, .halftwodiv, .sixth, .sixthl, .third, .thirdl, .twothirds, .twothirdsl { padding: .5% 2%; list-style-image: none; list-style-type: none }  .half, .sixth, .third, .twothirds { margin: 0; float: left }  .whole, .wholel { height: auto; float: left }  .twothirds { width: 61% }  .third { width: 29% }  .sixth { width: 12% }  .half { width: 45% }  .half ul li a { margin-bottom: 6px }  .halfl, .sixthl, .thirdl, .twothirdsl { margin: 0; float: left }  .whole { width: 100%; margin-bottom: 0 }  .twothirdsl { width: 61% }  .thirdl { width: 29% }  .sixthl { width: 12% }  .halfl { width: 45% }  .halfl ul li a { margin-bottom: 6px }  .wholel { width: 100%; margin-bottom: 0 }  .whole h3, .whole1 h3 { margin-bottom: 5px; font-size: 2em }  .halfdiv, .halftwodiv { margin: 0 }  .halfdiv { float: left; width: 65% }  .halftwodiv { float: right; text-align: right; color: #284775; width: 25% }  @media screen and (max-width:460px) { .loginregtext { float: left !important; margin-left: 10px; width: 100% !important;  text-align: center!important; } .loginreg {width:100% !important; text-align: center!important; clear: none!important;} .readonchat {margin: 0px auto !important; float:none !important;} }  @media screen and (min-width:671px) and (max-width:800px) { .half img, .halfl img, .sixth img, .sixthl img, .third img, .thirdl img, .twothirds img, .twothirdsl img, .whole img, .wholel img, IMG.boxed.thirdlimg, img.boxed.thirdimg, .boxed { width: 40%; height: 40% } .boxed { margin: 0 5px 10px 0 } }  @media screen and (min-width:671px) and (max-width:900px) { .half h3, .halfl h3, .sixth h3, .sixthl h3, .third h3, .thirdl h3, .twothirds h3, .twothirdsl h3, .whole h3, .wholel h3 { font-size: 1.3em; margin-top: 15px } }  @media screen and (max-width:670px) { .half h3, .halfl h3, .sixth h3, .sixthl h3, .third h3, .thirdl h3, .twothirds h3, .twothirdsl h3, .whole h3, .wholel h3 { font-size: 1.5em } .half, .sixth, .third, .twothirds, .whole { width: 95%; text-align: center } .halfl, .sixthl, .thirdl, .twothirdsl { width: 95%; text-align: left; margin-bottom: 10px } .wholecon { text-align: center; width: 95%; margin-left: 0px; } }  @media screen and (min-width:901px) { .half h3, .half h3 a, .halfl h3, .halfl h3 a, .sixth h3, .sixth h3 a, .sixthl h3, .sixthl h3 a, .third h3, .third h3 a, .thirdl h3, .thirdl h3 a, .twothirds h3, .twothirds h3 a, .twothirdsl h3, .twothirdsl h3 a, .whole h3, .whole h3 a, .wholel h3 a { font-size: 1.2rem } }  .boxedright { padding: 6px; background: #FFF; margin-left: 12px; border: 1px solid #E8E8E8; box-shadow: 4px 4px rgba(0, 0, 0, .15); margin-bottom: 17px; margin-top: 2px; position: relative }  div.item img, div.item>h2 { margin-bottom: 0!important }  div.item img { width: 20%!important; margin-bottom: 20px !important; }  div.item>h2 { padding-bottom: 0!important; margin-top: 30px!important; font-size: 1.4em!important }  .s5_is_css h3, div.item>p.readmore a { margin-top: 0!important }  div.item>h3 { display: none!important }  div.item>p { padding: 0 }  div.item>div.moduletable>div.cwtest100 { display: none }  .s5_is_css .s5_is_css_hidden a, .s5_is_css .s5_is_css_hidden a:hover, .s5_is_css .s5_is_slide_css a, .s5_is_css .s5_is_slide_css a:hover { color: #CCC!important }  .s5_is_css img { width: 100% }  .custom_faq>ul li, div.st_view_inner>ul li { margin-bottom: 15px!important }  .caseinfowholediv { width: 100% }  .caseinfodiv { background-color: #FFF; color: #284775; float: left }  .caseinfodivalt { float: left }  .caseinfodivalt:nth-child(odd) { background-color: #E8E8E8 }  .caseinfodivalt:nth-child(even) { background-color: #FFF }  .formResponsive textarea { width: 70%!important; min-width: 210px!important }  .custom_faq>ul li { font-size: 1.1em; line-height: 120%!important }  ul.regular>li { background: url(https://stlucieclerk.com/images/bullet2.gif) 0 8px no-repeat }  ul.regularf>li { background: url(https://stlucieclerk.com/images/bullet2.gif) 0 5px no-repeat; line-height: 120%; padding-bottom: 15px!important }  .redmsg { color: red; font-weight: 700 }  h3 a, h4 a, h5 a { font-weight: 600; text-decoration: underline }  .formBody a, .item-page a { /*font-weight: 600;*/ text-decoration: underline; /*font-family: Raleway;*/ }  ul.regularf>li a { font-weight: 500; text-decoration: underline }  div.tabbable.tabs-left>ul.nav.nav-tabs>li>a { text-decoration: none; font-weight: 500 }  .btn-primary, .pager a, .readon, .readon_white, p.readmore a { font-weight: 400!important }  .s5_graybox a { color: #264b8c }  .s5_graybox { background: #fcfcfc!important }  .cw-social-mod-bookmark { margin-bottom: 10px; padding: 5px 20px 5px 10px!important; float: left!important }  ul.regular>li, ul.regularf>li { padding-left: 1em; list-style: none }  .caseinfodiv, .caseinfodivalt { width: 100%; height: auto; min-height: 35px }  .blog>.items-row>.span12>.item.column-1>.moduletable>.cw-sl-width-100, div.profile-edit legend { display: none } div.blog div.items-row div.span12 div.item.column-1 div.cw-sl-width-100 {display:none} #s5_pos_custom_3 { background: #ffffff!important }