/*
Theme Name: Ability Rehab 1251
Theme URI: http://www.e-rehab.com/
Version: 2016
Description: Designed by John Mason
Author: John B Mason
Author URI: http://www.e-rehab.com
Template: xwp
*/
@import url(superfish.css);

html {
    background-color: #ffffff;
    overflow-y: scroll;
    position: relative;
    height: 100%;
}

body,td,.bottom,.mceContentBody,.normal {
    color: rgba(42, 42, 42, 1);
}

body {
    height: 100%;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: normal;
    font-style: normal;
    font-family: 'Lora', serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .03em
}

.home h1 span {font-size: .8em; font-style: italic; color: rgba(41,157,25,1) !important;}

.base,.gmaptopper {
    background-color: rgba(32,159,0,1) !important;
    border-color: rgba(32,159,0,1) !important;
}

.base_sprite,.base_numbers li:before {
    background-image: url(images/shortcodes/sprites/custom_sprite_092334.png) !important;
}

.base_text,.base_sprite a,h1,h2,h3,h4,h5,h6,.brd,.testimonial,.colorlist,.bodytext {
    color: rgba(11,87,155,1) !important;
}

.altcolor {
    color: #7e130f
}

a:link {
    color: #1c4980
}

a:visited {
    color: #1c4980
}

a:hover,a:active {
    color: #299D19;
    text-decoration: none
}

.box {
    border: 2px solid #299D19;
    background-color: #ffffff;
    padding: 12px;
}

.box1 {
    border: 2px solid #299D19;
    background-color: #ffffff;
    padding: 12px;
}

.brd {
    border: solid 2px #299D19;
}

.brd1 {
    border: solid 2px #299D19;
}

.dbrd {
    border: solid 2px #299D19;
    background-color: #299D19;
    padding: 3px;
}

.dbrd1 {
    border: solid 2px #299D19;
    background-color: #299D19;
    padding: 3px;
}

.faqbackground {
    background-color: #ffffc2;
}

.underline {
    text-decoration: underline;
}
/*-----Header--------*/
header {
    height: 140px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    position: fixed;
    z-index: 1000;
}

.headerinner {
    width: 1040px;
    margin: 0 auto;
    height: 140px;
    position: relative;
    background-color: #fff;
}

.logo {display: block;width: 223px;height: 65px;position: relative;z-index: 300;top: 20px;}

#topaddr {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 40px;
    letter-spacing: .1em;
}

#topaddr span {
    line-height: 1.05em;
}

#topaddr * {
    text-decoration: none;
    color: rgba(137,137,137,1);
}

#topaddr a:hover {
    color: rgba(41,157,25,1) !important;
}

#topaddr a:hover span {
    color: rgba(41,157,25,1) !important;
}

/*-------Main Area/Content-------*/
.wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-id-58 .wrapper {min-height: 0px !important;}

.wrapperinner {
    flex: 1;
}
.home .main {
    padding: 0 0 145px 0;
    top: 80px;
}

/*.main {
    position: relative;
    padding: 0;
    width: 990px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    background: transparent;
    top: 145px;
} */

.page-id-58 .main {padding:0px !important;}

.main {
    position: relative;
    padding: 145px 0px 0px;
    width: 990px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    background: transparent;
    top: 0px;
}




#maincol {
    padding: 20px;
    /* min-height: 400px; */
    z-index: 300;
}

.faq-page .main, .library-page .main, .error404 .main, .search .main {
    padding: 20px 20px 155px 20px;
}

.faq-page .question {font-size: 1em;}
.faq-page .video {margin-bottom: 20px;}

#wrap {
    padding: 0 8px;
}

/*MENUS*/

#horimenu {
    width: 1040px;
    margin: 0 auto;
    font-family: arial, serif;
    position: absolute;
    z-index: 100;
    height: 34px;
    top: 87px;
}

li.current_page_item {border-bottom: 2px solid rgba(54,54,54,1) !important;}

.current_page_item a {color: rgba(54,54,54,1) !important;}

.sf-menu a {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px;
    letter-spacing: normal;
    padding: 10px 8px;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.sf-menu a, .sf-menu a:visited {
 /* visited pseudo selector so IE6 applies text colour*/
    color: rgba(136, 155, 189, 1);;
  /*Match color above*/
}

.sf-menu {
    float: right;
}

.sf-menu li li a {
    border-right: none;
}

.sf-menu li li {
    background: #fff;
}

.sf-menu li li li {
    background: #fff;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: rgba(255,255,255,1);
    outline: 0;
    background: rgba(32,159,0, 1);
}

.sf-menu ul {
    width: 158px;
}

.sf-sub-indicator {background: url('images/arrows-000000.png') no-repeat -10px -100px;}

.sf-with-ul:hover .sf-sub-indicator, .sfHover .sf-sub-indicator {
    background: url('images/arrows-ffffff.png') no-repeat -10px -100px;
}

/* FOOTER */
#footer {
    background: rgba(11,87,155,1) !important;
    color: #FFFFFF;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#footer a:link,#footer a:visited {
    color: white;
}

#footer a:hover {color: rgba(32,159,0, 1) !important;}

#footer p {
    /* padding: 0 8px; */
    margin: 0;
}

#footer p form {
    padding: 0;
    margin: 0;
}

.footerinner {width: 990px; margin: 0 auto; }

.footerinner .fa-arrow-up {vertical-align: top;padding-right: 6px;}

.footerinner h1,.footerinner h2,.footerinner h3,.footerinner h4,.footerinner h5,.footerinner h6 {color: #fff !important;}

.footright ul {list-style-type: none; text-align: left}

.footaddr {text-align: left;}

.footaddr a, .footright ul, form p {opacity: .8}

.footform form p, .footform form p input, .footform form p textarea {width: 210px;}
.footform form p input[type="submit"] {width: 252px;margin-top: 10px;border: 1px solid #889BBD;border-radius: 4px}

#footer .social a {margin: 0 6px;}

#footer h3 {text-transform: uppercase; margin-bottom: 10px;}
#footer .social a:hover {color: rgba(41,157,25,1);}

#footer h3.oneline {float: left;padding-right: 10px;}

#footer .divide {
    margin-top: 20px;
}

.footform form {
    width: 222px;
    margin: 0 auto 40px auto;
    text-align: left;
    float: left;
}

input, textarea {
    border: 1px solid transparent;
    padding: 0 20px;
    height: 50px;
    font-size: 18px;
    background-color: rgba(255,255,255,.4);
}

input[type="submit"]{
    text-align: center;
    cursor: default;
    padding: 2px 6px 3px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #2a2a2a;
    background: rgba(255,255,255,.4);
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    display: block;
}

input:focus {background-color: rgba(255,255,255,.6);}

.gmaptopper {line-height: 1.2em !important;}

blockquote {
    border-left: 3px solid rgba(9,80,151,1);
    padding-left: 10px;
    font-size: 20.4px;
    letter-spacing: normal;
    line-height: 32.64px;
    font-style: italic;
    font-weight: 300;
    margin: 0 20px 20px 0;
    background: none;
}

#herowrap {
    background: url('/files/images/hero-overlay.png') repeat center;
    min-height: 356px;
    position: absolute;
    width: 100%;
    top: 139px;
    z-index: 1;
}

#hero {
    width: 100%;
    height: 256px;
    margin: 0 auto;
    position: relative;
    top: 140px;
}

.home #herotitle {top: 65px;}

.page-id-58 #herotitle {top: -16px;}

.page-id-58 .ls-l #herotitle {display:none !important;}

#herotitle {
    position: relative;
    top: 205px;
    width: 990px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 3px;
    line-height: 61.484px;
    font-size: 56px;
    text-align: right;
    font-weight: 300;
    text-shadow: 1px 1px 1px #777;
    z-index: 100;
    margin: 0 auto;
}

/*Tabbed Panels*/
.tabbed{
    float: left;
    width: 100%;
}

.tabbed > input{
    display: none;
}

.tabbed > section > h3{
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0.5em 0;
    overflow: hidden;
    font-size: 1.4em;
    font-weight: normal;
    font-family: "PT Sans Narrow", sans-serif;
    text-transform: uppercase;

}

.tabbed > section > h3:hover {
    border-bottom: 3px solid #209F00 !important;
}

.tabbed > input:first-child + section > h3{
    padding-left: 1em;
}

.tabbed > section > h3 > label{
    display: block;
    padding: 0.15em 0.75em;
    border-bottom: none;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.tabbed > section > div{
    position: relative;
    z-index: 1;
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin: 2.5em 0 0 -100%;
    padding: 0.5em 0.75em;
    border-top: 1px solid #ccc;

}

.tabbed > input:checked + section > h3{
    position: relative;
    z-index: 2;
}

.tabbed > input:not(:checked) + section > div{
    display: none;
}

.tabbed > section > div > ul > li {
    /*border-bottom: 1px solid #ccc;*/
    padding: 5px 0;
}





