File: /var/www/vhosts/uat-api.tsprojects.net/httpdocs/ratemycoach-web/includes/css/psHeader.css
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
overflow-x: hidden;
}
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
#wb_headerLayoutGrid
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #FFFFFF;
background-image: none;
border: 0px solid #CCCCCC;
box-sizing: border-box;
margin: 0;
}
#headerLayoutGrid
{
box-sizing: border-box;
padding: 20px 15px 5px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
#headerLayoutGrid > .row
{
margin-right: -15px;
margin-left: -15px;
}
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
float: left;
}
#headerLayoutGrid > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 16.66666667%;
text-align: right;
}
#headerLayoutGrid > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 83.33333333%;
text-align: center;
}
#headerLayoutGrid:before,
#headerLayoutGrid:after,
#headerLayoutGrid .row:before,
#headerLayoutGrid .row:after
{
display: table;
content: " ";
}
#headerLayoutGrid:after,
#headerLayoutGrid .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_navigationLayoutGrid
{
clear: both;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 7776;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #652D90;
background-image: none;
border: 0px solid #CCCCCC;
box-sizing: border-box;
margin: 0;
}
#navigationLayoutGrid
{
box-sizing: border-box;
padding: 10px 15px 10px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
#navigationLayoutGrid > .row
{
margin-right: -15px;
margin-left: -15px;
}
#navigationLayoutGrid > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#navigationLayoutGrid > .row > .col-1
{
float: left;
}
#navigationLayoutGrid > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#navigationLayoutGrid:before,
#navigationLayoutGrid:after,
#navigationLayoutGrid .row:before,
#navigationLayoutGrid .row:after
{
display: table;
content: " ";
}
#navigationLayoutGrid:after,
#navigationLayoutGrid .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#navigationLayoutGrid > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#upStickyLayer
{
background-color: #696969;
background-image: none;
border-radius: 50%;
opacity: 0.77;
}
#wb_upIcon
{
background-color: transparent;
background-image: none;
border: 0px solid #3E3E3E;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 4px 4px 4px 4px;
vertical-align: top;
}
#upIcon
{
height: 24px;
width: 24px;
}
#upIcon i
{
color: #FFFFFF;
display: inline-block;
font-size: 24px;
line-height: 24px;
vertical-align: middle;
width: 23px;
}
#upIcon:hover i
{
color: #F9F9F9;
}
#wb_Image8
{
height: 100%;
margin: 0;
vertical-align: top;
}
#Image8
{
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
display: inline-block;
width: 100%;
height: 100%;
vertical-align: top;
object-fit: contain;
}
#wb_Image1
{
margin: 0;
vertical-align: top;
}
#Image1
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 750px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_footerText
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0;
text-align: center;
}
#wb_footerText
{
color: #FFFFFF;
font-family: "Open Sans";
font-weight: normal;
font-size: 13px;
}
#wb_footerText div
{
text-align: center;
}
#wb_footerText
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#Button3
{
box-sizing: border-box;
line-height: 41px;
text-decoration: none;
vertical-align: top;
border: 0px solid #2E6DA4;
border-radius: 4px;
background-color: #FFFFFF;
background-image: none;
color: #652D90;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
padding: 1px 6px 1px 6px;
text-align: center;
-webkit-appearance: none;
margin: 0;
}
#wb_LayoutGrid6
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid6
{
box-sizing: border-box;
padding: 0 15px 0 15px;
margin-right: auto;
margin-left: auto;
}
#LayoutGrid6 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#LayoutGrid6 > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#LayoutGrid6 > .row > .col-1
{
float: left;
}
#LayoutGrid6 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
width: 100%;
text-align: center;
}
#LayoutGrid6:before,
#LayoutGrid6:after,
#LayoutGrid6 .row:before,
#LayoutGrid6 .row:after
{
display: table;
content: " ";
}
#LayoutGrid6:after,
#LayoutGrid6 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid6 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_footer
{
clear: both;
position: fixed;
left: 0;
bottom: 0;
z-index: 7777;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #000000;
background-image: none;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #4F4F4F;
border-right-color: #4F4F4F;
border-bottom-color: #4F4F4F;
border-left-color: #4F4F4F;
box-sizing: border-box;
margin: 0;
}
#footer
{
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0 10px 0;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
#footer > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#footer > .col-1
{
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
#footer > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
flex-basis: 100%;
max-width: 100%;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-content: center;
-webkit-align-self: stretch;
-webkit-align-items: center;
display: flex;
flex-wrap: wrap;
align-content: center;
align-self: stretch;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
@media (max-width: 768px)
{
#footer > .col-1
{
-webkit-flex-basis: 100% !important;
flex-basis: 100% !important;
max-width: 100% !important;
}
}
#Button3
{
display: inline-block;
width: 162px;
height: 43px;
z-index: 2;
}
#wb_Image1
{
display: inline-block;
width: 100%;
height: auto;
z-index: 1;
}
#wb_upIcon
{
position: absolute;
left: 9px;
top: 8px;
width: 24px;
height: 24px;
text-align: center;
z-index: 3;
}
#wb_Image8
{
display: inline-block;
width: 170px;
height: 120px;
z-index: 0;
}
#upStickyLayer
{
position: fixed;
text-align: left;
left: auto;
right: 25px;
top: auto;
bottom: 25px;
width: 50px;
height: 50px;
z-index: 7;
}
@media only screen and (min-width: 960px) and (max-width: 1199px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_headerLayoutGrid
{
visibility: visible;
display: table;
}
#wb_headerLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#headerLayoutGrid
{
padding: 20px 15px 5px 15px;
}
#headerLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#headerLayoutGrid > .row > .col-1
{
display: block;
width: 16.66666667%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: right;
}
#headerLayoutGrid > .row > .col-2
{
display: block;
width: 83.33333333%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_navigationLayoutGrid
{
visibility: visible;
display: table;
}
#wb_navigationLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#navigationLayoutGrid
{
padding: 10px 15px 10px 15px;
}
#navigationLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 8px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_Image8
{
width: 130px;
height: 90px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image8
{
width: 130px;
height: 90px;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_footerText
{
visibility: visible;
display: block;
}
#wb_footerText
{
font-family: "Open Sans";
font-weight: normal;
font-size: 13px;
margin: 0;
padding: 0;
text-align: center;
}
#BuildWith1
{
left: 443px;
top: 931px;
width: 67px;
height: 23px;
visibility: visible;
display: inline;
}
#Button3
{
width: 205px;
height: 43px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
font-size: 16px;
font-family: Arial;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#Button3
{
line-height: 41px;
}
#wb_footer
{
visibility: visible;
display: table;
}
#wb_footer
{
margin-top: 0px;
margin-bottom: 0px;
}
#footer
{
padding: 10px 0 10px 0;
}
#footer > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#footer > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
-webkit-align-content: center;
-webkit-align-items: center;
align-content: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_headerLayoutGrid
{
visibility: visible;
display: table;
}
#wb_headerLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#headerLayoutGrid
{
padding: 20px 15px 5px 15px;
}
#headerLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#headerLayoutGrid > .row > .col-1
{
display: block;
width: 16.66666667%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: right;
}
#headerLayoutGrid > .row > .col-2
{
display: block;
width: 83.33333333%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_navigationLayoutGrid
{
visibility: visible;
display: table;
}
#wb_navigationLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#navigationLayoutGrid
{
padding: 10px 15px 10px 15px;
}
#navigationLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 8px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_Image8
{
width: 98px;
height: 70px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image8
{
width: 98px;
height: 70px;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_footerText
{
visibility: visible;
display: block;
}
#wb_footerText
{
font-family: "Open Sans";
font-weight: normal;
font-size: 13px;
margin: 0;
padding: 0;
text-align: center;
}
#BuildWith1
{
left: 355px;
top: 745px;
width: 54px;
height: 19px;
visibility: visible;
display: inline;
}
#Button3
{
width: 162px;
height: 43px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
font-size: 16px;
font-family: Arial;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#Button3
{
line-height: 41px;
}
#wb_footer
{
visibility: visible;
display: table;
}
#wb_footer
{
margin-top: 0px;
margin-bottom: 0px;
}
#footer
{
padding: 10px 0 10px 0;
}
#footer > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#footer > .col-1
{
display: flex;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
-webkit-align-content: center;
-webkit-align-items: center;
align-content: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
}
@media only screen and (max-width: 767px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_headerLayoutGrid
{
visibility: visible;
display: table;
}
#wb_headerLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#headerLayoutGrid
{
padding: 20px 15px 5px 15px;
}
#headerLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#headerLayoutGrid > .row > .col-1, #headerLayoutGrid > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#headerLayoutGrid > .row > .col-1
{
display: block;
width: 16.66666667%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: right;
}
#headerLayoutGrid > .row > .col-2
{
display: block;
width: 83.33333333%;
border: 0px solid #FFFFFF;
border-radius: 0px;
text-align: center;
}
#wb_navigationLayoutGrid
{
visibility: visible;
display: table;
}
#wb_navigationLayoutGrid
{
margin-top: 0px;
margin-bottom: 0px;
}
#navigationLayoutGrid
{
padding: 10px 15px 10px 15px;
}
#navigationLayoutGrid .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 8px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_Image8
{
width: 50px;
height: 50px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0;
}
#Image8
{
width: 50px;
height: 50px;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#wb_footerText
{
visibility: visible;
display: block;
}
#wb_footerText
{
font-family: "Open Sans";
font-weight: normal;
font-size: 13px;
margin: 0;
padding: 0;
text-align: center;
}
#BuildWith1
{
left: 222px;
top: 466px;
width: 34px;
height: 12px;
visibility: visible;
display: inline;
}
#Button3
{
width: 90px;
height: 43px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
font-size: 13px;
font-family: Arial;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#Button3
{
line-height: 41px;
}
#wb_footer
{
visibility: visible;
display: table;
}
#wb_footer
{
margin-top: 0px;
margin-bottom: 0px;
}
#footer
{
padding: 10px 0 10px 0;
}
#footer > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#footer > .col-1
{
display: flex;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
-webkit-align-content: center;
-webkit-align-items: center;
align-content: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
}
#RollOverText1 .caption,
#RollOverText2 .caption,
#RollOverText3 .caption
{
opacity: 1 !important;
}