/*
Theme Name: Physio Board Theme
Theme URI: http://localhost:8015/wp-content/themes/physiotheme
Description: Physio Board Theme
Author: Mercury IT
Author URI: https://mercuryit.co.nz
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: physiotheme
*/

@import url(fonts/fonts.css);
/*-----------------------------------------------------general and body styles---------------------------------------------------------*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='fa']:before {
    font-weight:300!important;
}
body {
    font-family: Arial, Verdana, Geneva, sans-serif !important;
}
body p, body li, body em {
    font-size:16px;
    color:#4f5152;
}

body a {
    color:#7376c5;
	text-decoration:underline;
}
body .leadership-repeater a {
	text-decoration:none;
}
body .hp-box-container a {
	text-decoration:none;
}
body .home-news a {
	text-decoration:none;
}
body .home-news p a:hover {
	text-decoration:underline;
}
body .physio-breadcrumbs a {
	text-decoration:none;
}
.search-listing a {
	text-decoration:none;
	color:#60a845;
}
.search-listing a:hover {
	text-decoration:underline;
}
body a:hover {
    color:#60a845;
}
h1 {
    color: #5a2d82;
    font-size: 2.4em;
}
h2 {
    margin-bottom: 10px;
    color: #5a2d82;
	transition: all .2s ease-in-out;
}
h3 {
    margin-bottom: 10px;
    color: #5a2d82;
    font-size: 1.4em;
    font-weight: 600;
	transition: all .2s ease-in-out;
}
h4 {
    color: #5a2d82;
    font-size: 1.3em;
    font-weight: 400;
}
a h2:hover {
    color: #7376e5;
    text-decoration: none;
}
h1:after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background-color: #5a2d82;
    margin-top: 2px;
	transition: all .2s ease-in-out;
}
h2:after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background-color: #5a2d82;
    margin-top: 2px;
	transition: all .2s ease-in-out;
}
.sidebar-container h3:after, .news-box h3:after, .hp-box h3:after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background-color: #5a2d82;
    margin-top: 2px;
	transition: all .2s ease-in-out;
}
.alert-message p {
    color: #ff0000;
    font-size:1.2em;
    font-weight:600;
	text-align:center;
}
.body-section {
    min-height: calc( 100vh - 463px);
}
.alert-box {
	margin:15px 0px;
}
.alert-wysiwyg, .alert-message {
	padding-left:15px;
	padding-right:15px;
}
/*-----------------2-columns---------------------*/
.two-columns.entry-content {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -moz-column-rule: none;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    -webkit-column-rule: none;
    column-count: 1;
    column-gap: 0px;
    column-rule: none;
}
/*-----------------------------------------------------header logo and search---------------------------------------------------------*/

header#site-title {
    background-color: #ece8f0;
    padding: 15px 30px;
}

#site-title .site-logo a img {
    max-width: 300px;
    padding: 15px 0px;
    width: 100%;
}

#site-title .site-search {

}
#site-title .site-search .screen-reader-text {
    display:none;
}

#site-title .site-search form label input {
    height: 50px;
    outline-offset: 0px;
    -webkit-appearance: button;
    padding-left: 15px;
}
#site-title .site-search form button.btn-primary{
    background-color:#5a2d82;
    color:#fff;
    border:none;
    border-radius:0px;
    height: 50px;
}
#site-title .site-search form button.btn-primary:focus {
    outline: 0;
    box-shadow: none; 
}

#cherry-search-wrapper-1 {
    width:100%;
}

#cherry-search-wrapper-1 .cherry-search ul {
    padding:0px;
}

/*-----------------------------------------------------breadcrumbs---------------------------------------------------------*/
.physio-breadcrumbs {
    background-color: #5a2d82;
    color: #fff;
    font-size: 0.8em;
    padding-top: 10px;
}
.physio-breadcrumbs .container {
    padding-left: 0px;
    padding-right:0px;
} 

.physio-breadcrumbs span {
    color: #fff;
}

.physio-breadcrumbs span a span:hover {
    color: #fff;
    text-decoration:underline;
}
/*------------------------------------------------------Sibling Widget---------------------------------------------------------*/

div#sibling_widget-2 h3 {
    color: #fff;
}
div#sibling_widget-2 h3:after {
    background-color: #fff;
}
div#sibling_widget-2 {
    background-color: #5a2d82;
    padding: 15px;
    /*margin-top: -30px;
    padding-top: 30px;*/
}

div#sibling_widget-2 a {
    color: #fff;
    text-decoration:none;
}
div#sibling_widget-2 a:hover {

    color:#7376c5;
}
div#sibling_widget-2 a.active {
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
}
ul.siblings-widget {
    list-style:none;
    margin-left:-40px;
}

ul.siblings-widget ul.children {
    list-style: none;
    margin-left:-30px;
}

ul.siblings-widget ul.children li a {
    list-style: none;
    font-size:0.8em;
}




/*------------------------------------------------------Single Page---------------------------------------------------------*/
.heading {
    background-color: #5a2d82;
    padding: 10px 0px;
    margin-bottom: 30px;
}

.heading h2 {
	color: #fff;
}

.heading h2:after {
	background-color: #fff;
}

.body-section {
    padding-bottom: 30px;
}

.entry-content h3 {
    margin-bottom: 15px;
}
.two-col-right, .two-col-left {
    padding-left: 0px;
}
/*-------------------------------------------------------homepage content-------------------------------------------------------*/
/*-----------hp boxes (three) -------------*/
.hp-box-container {
    background-color: #5a2d82;
    padding-left: 0px;
    padding-right: 0px;
}
.hp-box-container .container {
    padding-top: 30px;
    padding-bottom: 15px;
}
.hp-box-container .hp-box-outer {
    margin-bottom:15px;
}
.hp-box-container .hp-box-outer a {
    width:100%;
    height:100%;
	transition: all .2s ease-in-out;
}
.hp-box-container .hp-box-outer h3 a {
    color: #5a2d82;
	transition: all .2s ease-in-out;
}
.hp-box-container .hp-box-outer h3 a:hover {
    text-decoration:none;
	transition: all .2s ease-in-out;
}
.hp-box-container .hp-box-outer h3:hover:after {
    transition: all .2s ease-in-out;
    width: 65px;

}
.hp-box-container .hp-box {
    background-color:#fff;
    color: #5a2d82;
    padding:15px;
    height:100%;
	background: #fff url(https://www.physioboard.org.nz/wp-content/uploads/2018/09/white-logo-fern-1.png) no-repeat;
    background-size: contain;    
	/*background-blend-mode: soft-light;*/
	transition: all .2s ease-in-out;
}
.hp-box:hover {
    background-color: #ece8f0;
	transition: all .2s ease-in-out;
}
.hp-box-container .hp-box ul {
    list-style: none;
    margin-left:-40px;
} 
.hp-box-container .hp-box ul li a {
    color: #5a2d82;

} 
.hp-box-container .hp-box ul li a:hover {
    color: #7376e5;
	text-decoration:underline;
}
/*----------------------search register styles---------------------------*/
.search-register {
    width: 100%;
}
.search-register .search-inner label{
	width:100%;
	margin-bottom:15px;
}
.search-register .search-inner label input {
    height:50px;
    outline: 0;
    box-shadow: none; 
    -webkit-appearance: button-bevel;
    padding-left:10px;
	width:100%;
}
.search-register .search-inner button {
    background-color:#fff;
    color:#5a2d82;
    border:none;
    border-radius:0px;
    height: 50px;
    padding:0px 15px;
    cursor: pointer;
	width:100%;
}
.search-register .search-inner button:hover {
    background-color:#5a2d82;
    color:#fff;

}
.search-register .search-inner button:focus {
    outline: 0;
    box-shadow: none;
}
/*-----------home-news section (social and news listing) -------------*/

.home-news {
    background-color: #60a845;
    padding-left: 0px;
    padding-right: 0px;
}
.home-news a:hover {
    color: #7376e5;
    text-decoration: none;
}

.home-news .news-box .news-post img {
    margin-bottom: 10px;
    max-width: 100%;
    /*width: 100%;*/
}
.news-box .news-post {
	margin-bottom:15px;
}
.home-news .news-box {
    padding: 15px;
    background-color:#fff;
    height:100%;
}

body.home #respond, body.home .comment-respond {
	display:none;	
}


.social-container {
    padding-right: 0px;
    padding-left: 0px;
}
.home-news .social-container .social-box {
    background-color: #60a845;
    color: #fff;
    height: 100%;
    padding: 15px;
}
.social-container .social-box h3 {
    color: #fff;
}
.social-container .social-box p {
    color: #fff;
}
.social-box a {
    color: #fff;
}
.social-box a:hover {
    color: #fff;
}

.social-container .social-box h3:after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background-color: #fff;
    margin-top: 2px;
	transition: all .2s ease-in-out;
}
.social-container .social-box h3:hover:after {
    transition: all .2s ease-in-out;
    width: 65px;

}

.col-xs-12.col-md-9.news-container {
    padding-left: 0px;
    padding-right: 0px;
}

.home-news .news-box .news-post h4.entry-title {
    font-size: 1.25em;
    color: #60a845;
}
.home-news .news-box .news-post h4:hover {
    color: #7376e5;
}
.news-box h3 a {
    color: #5a2d82;
}
.news-box h3:hover:after {
    background-color: #7376e5;
	    transition: all .2s ease-in-out;
    width: 65px;
}

.news-box p, .news-box em {
    color: #5a2d82;
	margin-bottom:0px;
}
.news-box .news-post p, .news-box .news-post em {
    font-size: 0.9em;
}
/*-----------------------------------------------------------post page styles-------------------------------------------------------------*/
.post-outer img {
    max-width:100%;
}
.post-heading .entry-meta {
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-size: 14px;
    color: #fff;
}
.post-aside i {
    color:#fff;
    font-size:2em;
}
.post-heading i {
    color: #fff;
    font-size: 1.5em;
}
.social-share {
    margin:0px 10px 0px;
}
h2.entry-title.post-heading {
    font-size: 1.7em;
}
/*------------------------------------------------------Search Website results Page---------------------------------------------------------*/
.search-listing {
}
.search-listing a:hover {
    text-decoration:none;
    color:#7376c5;
}
.search-listing h2:after {
    background-color: #60a845;
    width: 30px;

}
.search-listing h2 {
    font-size:1.3em;
    margin-top:30px;
}

/*------------------------------------------------------Search Register Page---------------------------------------------------------*/
.public-register .tablepress tfoot th, .tablepress thead th {
    background-color: #60a845 !important;
    color: #fff;
}

.public-register .tablepress caption {
    display:none;
}

.public-register .reg-table {
    display:none;
}

.public-register .tablepress-scroll-wrapper {
    margin-top:40px;
}

.public-register .tablepress.dataTable span.row-details-left {
    display: none;
}

.public-register .tablepress.dataTable span.row-details-right {
    float: left;
}

.public-register .tablepress.dataTable .row-details-toggle .row-details-open.physio-conditions,
.public-register .tablepress.dataTable .row-details-toggle .row-details-close.physio-conditions {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.public-register .tablepress.dataTable td.column-1.row-details-toggle,
.public-register .tablepress.dataTable th.column-1.sorting_disabled {
    display: none;
}

.public-register table.tablepress.dataTable {
    width: 100% !important;
}

.public-register .dataTables_filter {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.public-register .dataTables_filter input {
    border: 1px solid #ccc;
    height: 40px;
    width: 100%;
    padding-left: 5px;
}

.public-register .dataTables_filter label {
    width: 100%;
}

.public-register .dataTables_length {
    float: right;
}

.public-register .dataTables_length select{
    height:40px;
}

.public-register .dataTables_length label {
    margin-bottom: 0px;
}

.public-register .reg-table li,
.public-register .reg-table li em {
    font-size: 0.9em;
}

.public-register .tablepress.dataTable span.row-details-right:empty {
    display: none;
}

.public-register .tablepress.dataTable span.row-details-right:before {
    content: '> ';
}


/*------------------------------------------------------dashboard page tiles styles---------------------------------------------------------*/
.tile-inner {
    background-color: #5a2d82;
    width: 100%;
    height: 100%;
    padding: 50px 50px;
    border: 2px solid #5a2d82;
    transition: all .2s ease-in-out;
}
.tile-inner:hover {
    background-color: #fff;
    text-decoration:none;
    transition: all .2s ease-in-out;
    cursor:pointer;
}
.tile-inner:hover h2, .tile-inner:hover p {
    color: #5a2d82;
    text-decoration:none;
}
.tile-inner:hover h2:after {
    background-color: #5a2d82;
}
.tile-outer a {
    width: 100%;
	text-decoration:none;
}
.tile-outer a:hover {
    background-color: #fff;
    text-decoration: none;
}
.tile-outer {
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
}
.tile-outer p, .tile-outer h2 {
    color: #fff;
    text-align:center;
}
.tile-outer p:hover, .tile-outer h2:hover {
    text-decoration:none;
    color: #5a2d82;
}
.tile-outer h2:after {
    content: "";
    display: block;
    width: 50%;
    height: 3px;
    background-color: #fff;
    margin: 15px 25% 0px 25%;
    transition: all .2s ease-in-out;
}
.tile-inner:hover h2:after {
    width: 76%;
    margin: 15px 12% 0px 12%;
    transition: all .2s ease-in-out;
}
.tile-outer p i {
    font-size: 50px;
}
/*-----------------------------------------------------------complaint forms styles-------------------------------------------------------------*/
.complaint-form {
    font-family: Arial, Verdana, Geneva, sans-serif !important;
    font-size: 18px;
    color: #4f5152;
}
.complaint-form .nf-form-fields-required {
    font-size:14px;
    font-style:italic;
    padding:10px 0px;
}

.complaint-form .nf-field-label label, .complaint-form .nf-help {
    font-weight:300;
}

.complaint-form .nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    width: 100%;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgb(169, 169, 169);
}
.complaint-form input[value=Submit], .complaint-form input[value=Processing] {
    background: #5a2d82 none repeat scroll 0px 0px;
    color: #FFF;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 20px;
    padding: 0px 20px;
    border: 0px;
    height: 50px;
    outline: none;
}
.complaint-form input[value=Submit]:hover {
    background: #ece8f0 none repeat scroll 0px 0px;
    color: #5a2d82;
}
/*-----------------------------------------------------------evaluation forms styles-------------------------------------------------------------*/
.nf-form-cont [type=button] {
    -webkit-appearance: button;
    background-color: #5a2d82;
    color: #fff;
    border: 1px solid #5a2d82;
    border-radius: 0px;
    height: 40px;
    padding: 0px 15px;
	transition: all .2s ease-in-out;
}
.nf-form-cont [type=button]:hover {
    background-color: #fff;
    color: #5a2d82;
	transition: all .2s ease-in-out;
}
.nf-form-cont .nf-progress-container {
    border: 1px solid #5a2d82;
}
.nf-form-cont .nf-progress {
    height: 40px;
    background-color: #60a845;
}
.nf-breadcrumbs li.active a {
	color:#60a845;
}
.form-hidden-message {
	background-color:#ece8f0;
	color:#5a2d82;
	padding:15px;
}
.form-hidden-message p, .form-hidden-message li {
	font-size:0.9em;
	color:#5a2d82;
}
.nf-field-label #nf-label-field-79 {
	color:#5a2d82;
	font-size:1.2em;
}
.nf-field-label {
	color:#5a2d82;
}
#nf-field-90-container {
	margin-bottom:0px;
}
/*-----------------------------------------------------------news archive loop-------------------------------------------------------------*/
.pagination-links {
	margin-bottom:15px;
}
.archive h3 a {
    color: #5a2d82;
	text-decoration:none;
}
.archive h3 a:hover {
    text-decoration:none;
    color:#60a845;
}
.archive h3:after {
    background-color: #60a845;
}
.archive h3:hover:after {
    background-color: #ece8f0;
}
article .archive {
    margin-bottom: 30px;
}
.news-listing {
    margin-bottom:30px;
}
.news-listing p, .archive p {
    margin-bottom: 0px;
}
.news-listing a h3 {
    color: #60a845;
}
.news-listing a h3:hover, .news-listing a:hover {
    text-decoration:none;
    color:#5a2d82;
}
.news-listing h3:after {
    background-color: #60a845;
}

.news-listing h3:hover:after {
    background-color: #5a2d82;
}
.paginater {
    margin-top:30px;
    margin-bottom:30px;
}
/*------------------------------------------------------Leadership profiles---------------------------------------------------------*/
.leadership h2 {

}
.leadership .leadership-repeater {
    margin-bottom:30px;
}
.leadership a:hover {
    color: #7376e5;
    text-decoration: none;
}
.leadership p {
    margin-bottom: 10px;
}
/*------------------------------------------------------footer---------------------------------------------------------*/
footer {
    background-color: #ece8f0;
    padding-top: 50px;
}
.footer-links {
    padding-bottom:30px;
}
footer .footer a {
    color:#5a2d82;
}
footer .footer-links a:hover {
    color: #7376e5;
    text-decoration:underline;
}
footer .footer-links a {
    font-size: 0.8em;
	text-decoration:none;
}
footer .footer p {
    padding:1px 0px;
    margin:0px;
}
.footer-col {
    margin-bottom:30px;
}
.footer p.copyright {
    font-size: 12px;
}

/*------------------------------------------------------404 page ---------------------------------------------------------*/
.four-o-four .site-search {
    margin-bottom:100px;
}

.four-o-four p {
    margin-bottom:30px;
}
.four-o-four h1 {
    margin-bottom: 30px;
}



/*------------------------------------------------------media queries---------------------------------------------------------*/

/*---------Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap-------*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .social-container {
        padding-left: 15px;
    }
    .col-xs-12.col-md-9.news-container {
        padding-right: 15px;
    }
    .home-news .news-box {
        margin-bottom: 15px;
    }
    .physio-breadcrumbs .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .tile-inner {
        padding: 30px 15px;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .home-news .news-box {
        margin-bottom: 0px;
    }
    .two-columns.entry-content {
        -moz-column-count: 2;
        -moz-column-gap: 30px;
        -moz-column-rule: none;
        -webkit-column-count: 2;
        -webkit-column-gap: 30px;
        -webkit-column-rule: none;
        column-count: 2;
        column-gap: 30px;
        column-rule: none;
    }
    #cherry-search-wrapper-1 .cherry-search input.search-field {
        width: 50%;
        float:right;
    }
    .home-thumb {
        max-height: 101px;
    }
    h2.entry-title.post-heading {
        font-size: 2em;
    }
    .tile-inner {
        padding: 50px 30px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .home-thumb {
        max-height: 146px;
    }
    .tile-inner {
        padding: 50px 30px 30px 30px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .home-thumb {
        max-height: 180px;
    }
    .tile-inner {
        padding: 50px 50px;
    }
}