/*
Theme Name: PPM Quickstart
*/

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
input[type="submit"],button{
    cursor: pointer;
}
.slicknav_menu {display: none}
a:focus { outline: 0 solid; text-decoration: none}
img {
    max-width: 100%;
    height: auto;
}
a,a:hover {
    color: #004381;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6,.content-block strong {color: #004381;}
body {
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 1.4em*/
}

.single-post-item {
    margin-bottom: 30px;
    overflow: hidden;
}
.single-post-item h2 {
    font-size: 25px;
}


.site-header {
    padding: 6px 0 0px;
    background:  #004381;
    color:  #fff;
    font-size:  14px;
}

.site-header a {
    color:  #fff;
}

.site-header ul.main-menu {
    padding:  0;
    margin:  0;
    list-style:  none;
}

.site-header ul.main-menu li {
    display:  inline-block;
}

.site-header ul.main-menu li a:hover {
    text-decoration: underline;
}
ul.main-menu a:after {
    content: " -";
}

ul.main-menu li:last-child a:after {
    display: none;
}

.header-search-form .search-submit {
    background:  transparent;
    color:  #fff;
    border:  none;
    cursor:  pointer;
    transition:  .3s;
}

.header-search-form .search-submit:hover {
    color:  #ccc;
}

.header-search-form  input.search-field {
    transition:  .3s linear;
    border:  none;
    font-size: 14px;
}

.header-search-form input.search-field:hover {
    background:  #C9CFE2;
}


/*menu css*/
.site-logo h1 {
    color:  #004381;
    text-align:  center;
    border: 1px solid transparent;
    padding:  31px 0;
    margin:  0;
    transition:  .3s;
}

.site-logo:hover h1 {
    border-color: #004381;
}

.side-menu {
    background:  #EAECF4;
}

.site-logo {
    border:  1px solid transparent;
    transition:  .3s;
    margin-bottom:  10px;
    margin-top: 40px;
}

.site-logo:hover {
    border-color: #004381;
}

ul.side-menu {
    list-style:  none;
    padding:  0;
    margin:  0;
    padding-left: 30px;
    padding-top:  20px;
    padding-bottom:  50px;
}

ul.side-menu li a {
    color:  #004381;
    font-weight:  bold;
    }

ul.side-menu>li a {
    position:  relative;
    padding-left: 20px;
    border-bottom:  1px solid #fff;
    display:  block;
}

ul.side-menu>li a:before {
    width:  10px;
    height:  10px;
    border:  1px solid #004381;
    content:  "";
    position:  absolute;
    left: 0;
    top: 50%;
    border-radius:  50%;
    transform: translatey(-50%);
}

ul.side-menu>li a:after {
    content:  "";
    width: 6px;
    height: 6px;
    background: #004381;
    position:  absolute;
    left: 2px;
    top: 50%;
    border-radius:  50%;
    transition:  .3s;
    opacity:  0;
    visibility:  hidden;
    transform: translatey(-50%);
}
ul.side-menu li>ul {
    display:  none;
}

ul.side-menu li.current_page_parent ul, ul.side-menu li.current_page_item ul {
    display:  block;
}
.side-menu ul {
    list-style:  none;
    padding:  0;
    margin: 0 0;
    padding-left:  19px;
}
ul.side-menu li.current_page_item>a:after,ul.side-menu>li a:hover:after {
    visibility:  visible;
    opacity:  1;
}


.footer-menu-wrap {
    background:  #004381;
    padding-right:  50px;
    padding-top:  5px;
    padding-bottom:  5px;
}

.footer-menu-wrap a,.footer-menu-wrap {
    color:  #fff;
}
ul.footer-menu {
    padding:  0;
    margin:  0;
    list-style:  none;
}

ul.footer-menu li {
    display:  inline-block;
}

ul.footer-menu li a:hover {
    text-decoration:  underline;
}
.footer-menu a {
    font-size: 12px;
}

.footer-menu a:after {
    content: " -";
}

.footer-menu li:last-child a:after {
    display: none;
}

.site-info {
    font-size:  12px;
    margin-top:  20px;
}

.site-info p {
    margin-bottom:  3px;
}

.banner-image {
    height:  130px;
    width: 100%;
    background-size:  cover;
    background-repeat:  no-repeat;
    background-position: center;
}
.user-area {
    background: #004381;
    color: #fff;
}

.login-form-area form>p {
    display: inline-block;
    margin: 0;
}

.login-form-area form> .login-remember {
    display: none;
}

.login-form-area {
    font-size: 84%;
    padding: 5px  0;
}

.login-form-area input {
    width: 9.5em;
    margin: 0 15px;
}

.login-form-area input[type='submit'] {
    background: transparent;
    border: none;
    color:  #fff;
    font-weight: 700;
    width: fit-content;
    margin: 0;
    margin-right: 15px;
}

.login-form-area form label {
    margin: 0;
}

p.login-username input {margin-right: 36px;}.user-area {
    background: #004381;
    color: #fff;
    padding: 5px  17px;
    margin-bottom:  30px;
}

.login-form-area form>p {
    display: inline-block;
    margin: 0;
}

.login-form-area form> .login-remember {
    display: none;
}

.login-form-area {
    font-size: 84%;
    padding: 5px  0;
}

.login-form-area input {
    width: 9.5em;
    margin: 0 0;
}

.login-form-area input[type='submit'] {
    background: transparent;
    border: none;
    color:  #fff;
    font-weight: 700;
    width: fit-content;
    margin: 0;
    margin-right: 15px;
}

.login-form-area form label {
    margin: 0;
}

p.login-username input {margin-right: 36px;}

p.login-username input,p.login-password input {
    transition: .3s;
    border: 1px solid #fff;
}

p.login-username input:hover, p.login-password input:hover {
    background: #C9CFE2;
}



/*fotn-control css*/
.font-control-wrap ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 10px;
}

.font-control-wrap ul li.font-control {
    display: inline-block;
    background: #80A1C0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

li.font-control.font-control-1 {
    width: 9px;
    height: 9px;
    line-height: 9px;
}

li.font-control.font-control-2 {
    width: 11px;
    height: 11px;
    line-height: 11px;
}

li.font-control.font-control-3 {
    width: 14px;
    height: 14px;
    line-height: 14px;
}

li.font-control.font-control-4 {
    width: 16px;
    height: 16px;
    line-height: 16px;
}

li.font-control.font-control-5 {
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.font-control-wrap ul li.font-control:after {
    content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    background: #004381;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatex(-50%) translatey(-50%);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.font-control-wrap ul li.font-control.active:after {
    visibility: visible;
    opacity: 1;
}

.font-control-wrap ul li.font-control.active {
    background: #fff;
}
.font-control-wrap ul li.font-control:before {content: "";width: 100%;height: 4px;background: #fff;position: absolute;bottom: 0;left: 0;transform: translatey(100%);transition: .3s;opacity: 0;visibility: hidden;}

.font-control-wrap ul li.font-control:hover:before {
    visibility: visible;
    opacity: 1;
}

body.font-scale-1 {
    font-size: 12px;
}

body.font-scale-2 {
    font-size: 14px;
}

body.font-scale-3 {
    font-size: 16px;
}

body.font-scale-4 {
    font-size: 20px;
}

body.font-scale-5 {
    font-size: 23px;
}


/*sitemap style*/
h2.wsp-pages-title {
    display: none;
}

ul.wsp-pages-list li a:hover {
    background:  #004381;
    color:  #fff;
}


/*page heading:*/
.internal-content-wrap h1 {
    font-size: 30px;
}