/*
Theme Name: Powered By Motion Physical Therapy 1459
Theme URI: http://www.e-rehab.com/
Version: 1.0
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: hsla(0, 0%, 100%, 1);
    overflow-y: scroll;
}

body,td,.bottom,.mceContentBody,.normal {
    color: hsla(0, 0%, 40%, 1);
}

body {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6em;
    letter-spacing: 1.2px;
    font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

h1 span {color: #ddd}

h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}

.base {
    background-color: #444 !important;
    border-color: hsl(206, 100%, 16%) !important;
}

.gmaptopper {
    height: 30px;
    background-color: hsl(206, 100%, 16%) !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: hsl(206, 100%, 16%) !important;
}

.bluestrip{background:hsl(206, 100%, 16%);padding:4px;color:#FFF;text-align:center;font-weight:bold;margin-bottom:10px;}

h1 span {    color: hsl(33, 87%, 53%) !important;}

.altcolor {
    color: hsla(197, 98%, 40%, 1)
}

a:link {
    color: hsla(197, 98%, 40%, 1)
}

span {
    color: hsla(197, 98%, 40%, 1)
}

a:hover,a:active {
    color: hsla(210,68%,41%,1);
    text-decoration: none
}

.box {
    border: 2px solid hsla(197, 98%, 40%, 1);
    background: hsla(80, 49%, 45%, 1);
    background:url('images/box3.jpg');
    padding: 12px;
}

.box1 {
    border: 2px solid hsla(80, 49%, 45%, 1);
    background-color: hsla(80, 49%, 45%, 1);
    padding: 12px;
}

.brd {
    border: solid 2px hsla(197, 98%, 40%, 1);
}

.brd1 {
    border: solid 2px hsla(80, 49%, 45%, 1);
}

.dbrd {
    border: solid 2px hsla(197, 98%, 40%, 1);
    background-color: hsla(80, 49%, 45%, 1);
    padding: 3px;
}

.dbrd1 {
    border: solid 2px hsla(80, 49%, 45%, 1);
    background-color: hsla(197, 98%, 40%, 1);
    padding: 3px;
}

.faqbackground {
    background-color: #efefef;
}

.underline {
    text-decoration: underline;
}

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

/*-----Header--------*/
header {
    height: 175px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: transparent url('/files/images/menu-sliver.png') repeat-x 0 0;
    position: fixed;
    z-index: 3;
}

.header-inner {
    width: 990px;
    margin: 0 auto;
    position: relative;
    height: 135px;
}

#topaddr {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   font-weight: normal;
   position: absolute;
   right: 0;
   text-align: right;
   top: 24px;
   width: 444px;
   letter-spacing: .1em;
}

#topaddr span {
    font-size: 1.75em;
    line-height: 1.05em;
    font-weight: bold;
}

#topaddr * {
    text-decoration: none;
    color: hsl(206, 100%, 16%);
}

#topaddr a:hover {
    color: hsla(205, 64%, 33%, 1) !important;
}

#topaddr a:hover span {
    font-size: 1.75em;
    color: hsla(205, 64%, 33%, 1) !important;
}

/*-------Main Area/Content-------*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.logo {
    display: block;
    position: relative;
    top: 10px;
    width: 600px;
    height: 112px;
    z-index: 100;
}

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


.home .main {top: 0 }

.faq-page .main, .library-page .main, .search .main, .error404 .main {
    width: 960px;
    padding-left: 20px ;
    top: 185px;
    padding-bottom: 185px;
}

.home #maincol {
    min-height: inherit;
}

#maincol {
    width: 960px;
    margin: 10px 0px 0px;
    padding: 10px 20px;
    min-height: 1000px;
}

#wrap {
    padding: 0 8px;
}

#slider {
    width: 100%;
    height: 325px;
    margin: 0 auto;
    /*background: #efefef url('/files/images/slider-kayak.jpg') no-repeat center top;*/
    position: relative;
    top: 175px;
    margin-bottom: 190px;
}

/*MENUS*/

#horimenu {
    width: 990px;
    margin: 0 auto;
    font-family: arial, serif;
    position: relative;
    z-index: 100;
    height: 40px;
    float: right;
    top: 24px;
}

.current_page_item a {
    color: hsl(33, 95%, 55%) !important;
}

.sf-menu a {
    font-family: 'Cabin', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 28px;
    border: none;
    text-decoration: none;
    border-right: 1px solid #ddd;
}

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

.sf-menu a, .sf-menu a:visited {/* visited pseudo selector so IE6 applies text colour*/
 color: hsl(0, 0%, 94%);/*Match color above*/
}

.sf-menu {
    float: none;
}

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

.sf-menu li li {
    background: hsl(206, 100%, 16%);
}

.sf-menu li li li {
    background: hsl(206, 100%, 16%);
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: hsla(33, 94%, 55%, 1);
    outline: 0;
}

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

.sf-menu ul a {padding: 10px 0px 15px 25px;}

#footer {
    position: relative;
    color: hsl(0, 100%, 100%);
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background: hsla(198, 100%, 97%, 1);
    border-top-width: 10px;
    border-top-style: solid;
}

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

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

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

.footaddr {text-align: left;margin-bottom: 20px;}

#footer h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #BCBEC0 !important;
}

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

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

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

.footform form p, .footform form p input, .footform form p textarea {width: 210px;}

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

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

#footer .fa:hover {color: #FA971F;}

#footer .social {
    width: 180px;
    margin: 0 auto;
}

#front-page-sections {width: 990px; margin: 0 auto;}

#front-page-sections .home-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    height: 400px;
}

#front-page-sections .home-panel h3 {
    background: #002E51;
    color: #ffffff !important;
    padding: 5px 0px;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 6px;
    text-align: center;
    margin-bottom: 15px;
    height: 50px;
    display: table;
    width: 100%;
    text-shadow: 1px 1px 1px #555;
}

#front-page-sections .home-panel h3 span {
    display: table-cell;
    vertical-align: middle;
}

#front-page-sections .home-panel a {
    background: transparent url('/files/images/round-arrow-sprite.png') no-repeat 3px 0;
    display: block;
    width: 120px;
    height: 154px;
    position: relative;
    margin: 0 auto;
    -webkit-flex:  .7 0 0;
    -ms-flex: .7 0 0;
    flex: .7 0 0;
}

#front-page-sections .home-panel a:hover {background: transparent url('/files/images/round-arrow-sprite.png') no-repeat -115px 0px;}
#front-page-sections div.one_fourth a:hover span  {color: #0F2F50 !important; text-decoration: underline;}
#front-page-sections .home-panel a span {font-weight: bold; display: block; text-transform: uppercase;position: absolute;bottom: 0;width: 120px;margin: 0 auto;text-align: center;}
#front-page-sections div.one_fourth:nth-child(1) a span {color: #00BB27;}
#front-page-sections div.one_fourth:nth-child(2) a span {color: #ff0000;}
#front-page-sections div.one_fourth:nth-child(3) a span {color: #b22222;}
#front-page-sections div.one_fourth:nth-child(4) a span {color: #d2b48c;}

#front-page-sections .home-panel p {font-size: .9em;text-align: left;letter-spacing: normal;margin-bottom: 0;flex: 1;}


#callus {width:100%; color:#fff !important; background: hsl(206, 100%, 16%); height: 94px; clear: both;position: relative;top: 25px;}

#callus h1 {
    color:#fff !important;
    line-height: 53px;
    display: table-cell;
    vertical-align: middle;
}

#callus h1 span {
    display: inline-block;
    padding-left: 16px;
    letter-spacing: .1em;
}

#callus > div {
    width: 990px;
    margin: 0 auto;
}

#callus div > div {display: table; height: 94px;}

#callus .appreq {display: table-cell; vertical-align: middle;}

#callus i {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 5px;
    text-shadow: 1px 1px 1px #000;
    font-size: 3.5em;
}

.appreq a {
    display: block;
    color: #fff;
    padding: 13px;
    background: #F99720;
    width: 240px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #fff;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #444;
}

.appreq a:hover {
    background: hsl(210, 3%, 75%);
}

.ctr{text-align:center;}
img.ctr{display:block;margin-left:auto;margin-right:auto;}
div.ctr{display:block;margin:0 auto;}



/*////////////////////////SERVICE BUTTONS//////////////////////*/
.servicebuttons {
    width: 100%;
    background: #fff ;
}

.servicebuttons > div {
    width: 970px;
    margin: 0 auto;
    padding: 10px;
}

.servicebuttons a {
    display: block;
    position: relative;
    height: 375px;
}

.servicebuttons a img {
    margin: 0 auto;
    display: block;
    padding-top: 20px;
}

.servicebuttons .servicephoto {
    background-image: url('/files/images/servicesprite.jpg');
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 50%;
    width: 180px;
    display: block;
    height: 180px;1:baseline;
    margin: 0 auto;
}

.servicebuttons a:hover {
    background: url('/files/images/button-bg-180.png') no-repeat 17px 84px;
}

.servicebuttons a:nth-child(1) .servicephoto {background-position: 0px 0px;}
.servicebuttons a:nth-child(2) .servicephoto {background-position: -200px 0px;}
.servicebuttons a:nth-child(3) .servicephoto {background-position: -200px -200px;}
.servicebuttons a:nth-child(4) .servicephoto {background-position: 0px -200px;}

.servicebuttons a .servicephoto {
  -webkit-transition:opacity .5s linear;
  -moz-transition:opacity .5s linear;
  -ms-transition:opacity .5s linear;
  -o-transition:opacity .5s linear;
  transition:opacity .5s linear;
}

.servicebuttons a:hover .servicephoto {
    opacity:0.2;
}

.servicebuttons h3 {
    text-align:center;
    font-weight:bold;
    background: #0F2F50;
    height: 65px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    font-size: 1.3em;
}

.servicebuttons h3 span {
    display: table-cell;
    vertical-align: middle;
    color: #fff !important;
    line-height: 1.1em;
    text-shadow: 1px 1px 1px #020202;
    letter-spacing: .03em;
}

.servicebuttons a p {
    width: 88%;
    margin: 0 auto 38px auto;
    font-size: .9em;
    text-align: center;
}

.servicebuttons a .readMore {
    display: table;
}

.servicebuttons a:hover img {
    visibility: hidden;
}

.servicebuttons a div.readMore span {
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    bottom: 0px;
    height: 28px;
            -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
}

/*.servicebuttons a:nth-child(1) .readMore span {color: #00BB27;}
.servicebuttons a:nth-child(2) .readMore span {color: #ff0000;}
.servicebuttons a:nth-child(3) .readMore span {color: #b22222;}
.servicebuttons a:nth-child(4) .readMore span {color: #d2b48c;}*/

.servicebuttons a.readMore span {color: #ff0000;}
.servicebuttons a:hover .readMore span {background: #ff0000;}

.servicebuttons a:hover .readMore span {
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
}

/*.servicebuttons a:nth-child(1):hover .readMore span {background: #00BB27;}
.servicebuttons a:nth-child(2):hover .readMore span {background: #ff0000;}
.servicebuttons a:nth-child(3):hover .readMore span {background: #b22222;}
.servicebuttons a:nth-child(4):hover .readMore span {background: #d2b48c;}*/

.servicebuttons a:hover h3, .servicebuttons a:hover p {color: hsl(0, 1%, 75%) !important;}