/*
Theme Name: HRSignposts
*/

html
{    background-color: #3c3b3b;
}

body {
    font-size: 16px;
    font-family: 'Myriad Pro', sans-serif'

}
a {
    color: #128ee9
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}
.site-title a:hover {
    text-decoration: none;
    color: #acacac!important
}
.logo {
    display: block;
    font-size: 42px;
    padding: 30px 0;
    text-align: center
}
.site-branding {
    margin: 0px;
}
.top_header {
    background: #080808;
    background: -webkit-linear-gradient(#898989, #373737, #080808);
    background: -o-linear-gradient(#898989, #373737, #080808);
    background: -moz-linear-gradient(#898989, #373737, #080808);
    background: linear-gradient(#898989, #373737, #080808);
}
#navMenu {
    float: right;
    padding-top: 15px;
}
#footer {
    background: #030303;
    color: white;
    background: -webkit-linear-gradient(#080808, #3c3b3b);
    background: -o-linear-gradient(#080808, #3c3b3b);
    background: -moz-linear-gradient(#080808, #3c3b3b);
background: linear-gradient(#080808, #3c3b3b);
height:30px;
padding-top:10px;
overflow: hidden;
}
.site-description::after {
    content: "...";
}
.sidebar-body4 {
    float: right;
    width: 400px;
    padding: 10px;
}
#page {
    background: #fff;
    background-image: url(images/HRSignpostsvector.svg);
    background-size: cover
}
#content {
    margin: auto;
}
#logo {
    max-width: 300px;
    float: left;
	margin-bottom: 20px;
}
#logoText {
 text-align: center;
font-size: 2em;
text-transform: uppercase;
color: #fff;
letter-spacing: 5px;
}
#logoImg {
    max-width: 220px;
    margin: auto
}
#logoTag {
font-size: .84em;
color: #A5E01E;
text-transform: uppercase;
text-align: left;
letter-spacing: 3px;
}
.boldLetter {
    font-weight: 700
}
.entry-title a
{
	color:black;
}
.entry-title a:hover
{
	color:green;
	 text-decoration: none;
}
.entry-title
{
	font-size:2em;
	color:black;
}

.entry-content
{font-size: 1em;
color: #414141;
line-height: 25px;
margin-top: 30px;
font-family: 'Lato', sans-serif;}

.entry-content img
{max-width:95%;
display:block;
margin:auto;}

.listright
{
	max-width: 48%;
display: inline-block;
}
.listleft
{
	max-width: 48%;
display: inline-block;
}


#siteTagline {
    float: right;
 margin-top: 120px;
    text-align: left;
    color: #fff;
    font-size: 1.3em;
    width: 350px;
letter-spacing: 1.5px;
}
.greenDivder {
    width: 100%;
    height: 50px;
    background: #a4e01e;
}
.sidebar-body4 li {
    width: 300px;
    height: 115px;
    background: #A4E01E;
    border-radius: 0px 40px;
    margin-bottom: 20px;
}
.sidebar-body4 li a {
    line-height: 100px;
    font-size: 1.5em;
}
.sidebar-body4 li a::after {
    content: " >>";
    font-size: 1em;
}
.sidebar-body4 .menu a:hover,
.sidebar-body4 li:hover {
    text-decoration: none;
}
#solutionscontainer {
    margin: auto;
}
.solutionbox {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}
.solutionboxheader {
    border-radius: 0px 25px 0px 0px;
    color: black;
    background-color: #a6df1e;
    text-align: center;
    padding: 10px;
    font-size: 1.3em;
}
.solutionodd {
    margin: 0px 30px;
}
.solutionboxbody {
    background-color: #e2e2e2;
    padding: 10px;
    border-radius: 0px 0px 0px 25px;
min-height: 360px;
line-height: 25px;
}
.solutionboxbody ul {
    padding-left: 15px;
}

#menu-item-51 {
    background-image: url("images/MethodologyBW.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
#menu-item-51:hover {
    background-image: url("images/MethodologyColour.jpg");
    transition: background-image 0.2s ease-in-out;
}
#menu-item-50 {
    background-image: url("images/SolutionsBW.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
#menu-item-50:hover {
    background-image: url("images/SolutionsColour.jpg");
    transition: background-image 0.2s ease-in-out;
}
#greensidebar {
    width: 220px;
    display: inline-block;
    background-color: #A4E01E;
    border-radius: 0px 40px;
    height: 500px;
    vertical-align: top;
    margin: 20px 0px;
    position: relative;
}
.maintext {
    display: inline-block;
    width: calc(100% - 230px);
}
#greensidetitle {
    position: relative;
    right: 0;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    color: #b9e84c;
    font-size: 2.5em;
    width: 400px;
    position: absolute;
}
#subpageIcon {
    position: absolute;
    width: 100px;
    margin: 10px;
    border-radius: 0px 25px;
}
#subpageIcon img {
    border-radius: 0px 25px;
}
.textspin {
    color: black;
}
.menu-menu-1-container {
    float: right
}
.menu {
    display: block;
    margin: 0 auto
}
.menu li,
div.menu li {
    float: left;
    position: relative
}
.menu li {
    list-style-type: none
}
.menu ul ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999
}
.menu a {
    padding: 0 10px;
    font-family: Myriad Pro, Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
}
.menu ul li:hover > ul {
    display: block
}
ul .sub-menu li {
    display: none
}
.menu-item-48::before,
.menu-item-43::before,
.menu-item-44::before,
.menu-item-45::before,
.menu-item-47::before{
    content: "|";
}
.content-text {
    margin: 0 0 25px
}
.wp-caption {
    max-width: 100%
}
.post {
    border-bottom: solid 1px #404040;
    padding-bottom: 20px
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.alignright {
    float: right;
    margin: 0 0 0 10px
}
.alignleft {
    float: left;
    margin: 0 10px 0 0
}
td,
th {
    padding: 10px!important;
    border: 1px solid #ccc
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 6px 0 0
}
.wp-caption-text {
    margin: 0 0 6px
}
.sticky {
    border-left: 4px solid #404040;
    padding: 0 0 20px 20px;
    border-bottom: 4px solid #404040
}
.screen-reader-text {
    display: none
}
.blockquote {
    border-left: 5px solid #404040!important
}
.entry-meta {
    padding: 0 0 10px
}
.comments-link {
    float: right
}
.edit-link {
    float: right
}
.post-edit-link {
    padding-right: 20px
}
.comments-title {
    margin: 20px 0
}
.nav-links {
    width: 100%;
    padding: 20px 0
}
.nav-next a {
    float: right
}
.nav-previous a {
    float: left;
    clear: both
}
.entry-footer {
    padding: 20px 0
}
.gallery {
    margin-bottom: 1.6em
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%
}
.gallery-columns-2 .gallery-item {
    max-width: 50%
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
    max-width: 25%
}
.gallery-columns-5 .gallery-item {
    max-width: 20%
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}
.gallery-icon img {
    margin: 0 auto
}
.gallery-caption {
    display: block;
    padding: .5em 0
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}
.comment-body {
    margin: 20px 0
}
.comment-metadata {
    font-size: 14px;
    line-height: 3
}
.comment-list .reply a {
    padding: 6px;
    border: 1px solid #404040;
    color: #000
}
.comment-list .reply a:hover {
    padding: 6px;
    border: 1px solid #128ee9;
    text-decoration: none;
    color: #128ee9
}
.comment-list,
.comment-list .children {
    list-style: none
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-bottom: 1px solid #404040;
    padding: 30px 0
}
.comment-form-comment #comment,
.comment-form-author #author,
.comment-form-email #email,
.comment-form-url #url {
    float: left;
    width: 100%;
    border: 1px solid #404040;
    margin-bottom: 20px;
    padding: 4px
}
.avatar {
    position: relative;
    float: left;
    margin-right: 16px
}
.bypostauthor {
    border: 2px solid #ccc;
    padding: 10px
}
input[type=submit] {
    padding: 2px 4px;
    font: bold
}
input,
textarea,
input[type=search] {
    border: 1px solid #444;
    padding: 2px
}
.sidebar-header {
    margin-top: 40px
}
.sidebar-right {
    margin-top: 30px;
    float: left!important
}
.footer-right{
   float: right;
font-size: 14px;
margin-bottom: 15px;
}
.footer-right {
    float: right
}
.woocommerce a.button {
    width: 100%;
    text-align: center;
    border-radius: 0
}
.woocommerce ul.products li.product h3 {
    text-align: center
}
.woocommerce ul.products li.product .price {
    text-align: center
}
.woocommerce .quantity .qty {
    height: 36px
}
@media screen and (min-width: 1000px) {
    .menu-responsive {
        display: none
    }
    .main-navigation ul {
        display: block
    }
}
@media only screen and (max-width: 992px) {
    .sell_right .button {
        margin: 15px auto;
        float: none;
        max-width: 250px
    }
    .sell_descr {
        text-align: center
    }
    .main-navigation li {
        display: list-item
    }
    .main-navigation ul li ul li {
        list-style: none;
        position: relative;
        text-align: left
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 0
    }
    .main-navigation ul ul {
        margin-top: 10px;
        margin-left: 20px
    }
    .main-navigation ul ul a {
        width: 300px;
        background: none
    }
    .main-navigation ul ul {
        box-shadow: none;
        float: none;
        left: 0;
        z-index: 0;
        list-style: none;
        position: relative;
        text-align: left;
        top: 0
    }
    .main-navigation ul ul ul {
        left: 0;
        top: 0
    }
    .main-navigation .decor {
        padding: 3px
    }
    .main-navigation ul {
        list-style: none;
        position: relative;
        text-align: left
    }
    .main-navigation .wrap {
        width: 100%;
        margin-top: 0
    }
    .main-navigation li {
        float: none
    }
    .main-navigation ul.primary li:hover a {
        background: none;
        text-shadow: 1px 1px #000
    }
    .main-navigation ul.primary li:hover ul {
        background: #272727;
        color: #fff
    }
    .main-navigation ul.sub {
        position: static;
        box-shadow: none;
        width: 100%
    }
    .main-navigation ul.sub li a {
        background: #272727;
        border: none;
        color: #8B8B8B
    }
    .main-navigation ul.sub li a:hover {
        color: #ccc;
        background: none
    }
}
@media only screen and (max-width: 768px) {
    .top_links {
        background-color: #585d61;
        display: none;
        margin-top: 15px;
        padding: 14px;
        position: absolute;
        vertical-align: middle;
        width: 100%
    }
}
@media only screen and (min-width: 768px) {
    .top_links {
        display: inline-block!important
    }
}

.SOHeader
{
width: 95%;
display: block;
background-color: #A4E01E;
text-transform: none;
padding: 8px;
color: white;
text-shadow: 1px 1px black;
border-radius: 0px 40px 0px 0px;
font-size: 1.4em;


}

.SOBody
{
width: 95%;
display: block;
background-color: #e2e2e2;
padding: 20px;
margin-top: -10px;
border-radius: 0px 0px 0px 40px;
margin-bottom: 20px;

}

.newbullet li
{
	font-size: 1.1em;
margin: 7px;
}



@media (max-width: 800px)
{

.menu a
{
font-size: .9em;
}
}

@media (max-width: 700px)
{
.sidebar-body4 li {
    width: 220px;
    height: 95px;
}


.sidebar-body4 li a 
{
    font-size: 1em;
}

.sidebar-body4 {
    float: right;
    width: 280px;
}
}



@media (max-width: 520px)
{
.sidebar-body4
{
	display: none;
}
}



@media (max-width: 644px)
{

#logo {
    max-width: 300px;
    float: none;
    margin-bottom: 20px;
    margin: auto;
}


#siteTagline {
    float: none;
    margin-top: 40px;
    margin: 30px auto 0px;
    padding-left: 30px;
}

.entry-title {
    font-size: 2em;
    color: black;
    text-align: center;
}
}

@media (max-width:644px)
{
.greenDivder {

    height: auto;
}
	
	#menu-nav-menu
	{
		text-align: center;
	}
	#navMenu .menu li
	{
display: inline-block;
margin: auto;
text-align: center;
float:none;
font-size: 1.3em;
}
}

@media (max-width: 800px)
{
.maintext {
    display: inline-block;
    width: calc(100% - 150px);
}
	#greensidebar 
	{
    width: 140px;
	}
}

@media (max-width: 470px)
{
	#greensidebar
	{
	display: none;
	}

.maintext {

    width: 100%;
}
}