/*
Theme Name: SiteOrigin North Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/north
Description: SiteOrigin North Child Theme
Version: 1.0.0
Template: siteorigin-north
Text Domain: siteorigin-north
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*styles for Consumer Complaints Reporting template*/
@media (max-width: 768px){
	body.responsive.single-complaint #content.site-content .widget-area {
	    float: none;
	    padding: 0;
	    width: 100%;
	}
	body.responsive.single-complaint #main.site-main {
	    margin: 0;
	}
}

.single-complaint .breadcrumbs{
    margin-bottom: 40px;
}

.single-complaint .breadcrumbs a,
.single-complaint .breadcrumbs span {
	color: #3E3E3E;
	font-size: 14px;
}

.single-complaint .breadcrumbs span {
	color: #8D54A1;
}

.single-complaint .breadcrumbs a:after {
    content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
    padding: 0 3px 0 6px;
    color: #3E3E3E;
    cursor: default;
}

.single-complaint .breadcrumbs a:hover:after{
    text-decoration: none;
}

.single-complaint .widget h1,
.single-complaint .entry-title{
    font-size:30px;
    color:#008CCC;
    margin-bottom:11px;
    line-height:1.33;
}

.single-complaint .complaint-meta *{
    font-size:14px;
}

.single-complaint .complaint-meta p{
    margin-bottom:3px;
    margin-top:0;
}

.single-complaint .complaint-meta .label{
    color:#7A0441;
    width: 93px;
  display: inline-block;
}
.single-complaint .complaint-meta{
    margin-bottom:20px;
}

.single-complaint .entry-content .inner-content:not(:last-child) {
	padding-bottom: 32px;
}

.single-complaint .entry-content h2{
    font-size:16px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:14px;
}

.single-complaint .entry-content p {
    font-size:15px;
}

.single-complaint .entry-content p.title-label {
	margin-bottom: 19px;
}

.single-complaint .inner-content p:first-child {
	margin-top: 0;
}

.single-complaint.layout-sidebar-left:not(.woocommerce):not(.woocommerce-page) .content-area {
	margin: 0;
	display: flex;
}

.single-complaint .site-content {
	padding-left: 20px;
	padding-right: 20px;
}
.single-complaint #primary #secondary {
	width: 33.3%;
	order: 1;
}

.single-complaint.layout-sidebar-left.complaint-template-default:not(.woocommerce):not(.woocommerce-page) .site-main{
    margin: 0;
    width: 66.7%;
    padding-left: 16px;
    order: 2;
}

@media (max-width: 767px) {
	.single-complaint.layout-sidebar-left:not(.woocommerce):not(.woocommerce-page) .content-area {
		flex-wrap: wrap;
	}

	.single-complaint #primary #secondary {
		width: 100%;
		order: 2;
		margin-bottom: 60px;
	}
	.single-complaint.layout-sidebar-left.complaint-template-default:not(.woocommerce):not(.woocommerce-page) .site-main{
		width: 100%;
		padding-left: 0;
		order: 1;
	}
}

.single-complaint.layout-sidebar-left:not(.woocommerce):not(.woocommerce-page) .site-content .widget-area,
.single-complaint.layout-sidebar-left:not(.woocommerce):not(.woocommerce-page) .site-content .widget-area.single-complaint-sidebar{
    padding-right:0;
}

.single-complaint.layout-sidebar-left:not(.woocommerce):not(.woocommerce-page) .site-content .widget-area.single-complaint-sidebar .single-complaint-sidebar-inner{
    padding:30px;
    border-radius:10px;
    background-color:#F5F5F5;
}

.single-complaint .single-complaint-sidebar .heading{
    font-size:20px;
    text-transform:uppercase;
    color:#7A0441;
    margin-bottom:20px;
    margin-top:0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.single-complaint .single-complaint-sidebar ul{
    margin:0;
    list-style:none;
}

.single-complaint .single-complaint-sidebar li{
    line-height:1.33;
}

.single-complaint .single-complaint-sidebar li:not(:last-child){
    margin-bottom:14px;
}

.precleared{
    display:flex;
    width:100%;
    margin-top:18px;
}

.precleared img{
    width:50%;
    height:50%;
    max-width:125px;
    padding-right:32px;
}

.single-complaint-sidebar .precleared .text-wrapper p:first-child {
	font-weight: 700;
}

.single-complaint-sidebar .precleared .text-wrapper p,
.precleared p{
    font-size:14px;
    margin-top:0;
    margin-bottom:0;
}

/* Complaints Search Landing Page */
.page-template-page-complaints-search .panel-grid.panel-has-style>.panel-row-style {
	margin: 0 !important;
	padding: 0 !important;
}

.page-template-page-complaints-search article {
	padding-bottom: 80px;
}

.page-template-page-complaints-search .widget h1 {
	margin-bottom: 22px;
}

.page-template-page-complaints-search .entry-content p:not(:last-of-type) {
	padding-bottom: 1em;
}

.page-template-page-complaints-search .entry-content ul {
	padding-bottom: 1em;
}

.page-template-page-complaints-search .entry-content ul li:not(:last-child) {
	padding-bottom: 8px;
}

.page-template-page-complaints-search .search-content h2 {
	font-weight: 400;
	color: #008CCC;
	font-size: 30px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 22px;
}

.page-template-page-complaints-search {
	padding-top: 20px;
}

.page-template-page-complaints-search .search-fields {
	padding-top: 20px;
	padding-bottom: 40px;
}

.page-template-page-complaints-search .search-content p {
	margin: 0;
}
.page-template-page-complaints-search p:not(:last-child) {
	margin-bottom: 12px;
}

.post-search-content {
	padding-top: 40px;
	border-top: 1px solid #CCCCCC;
}

.post-search-content p:not(:last-child) {
	margin-bottom: 12px;
	margin-top: 0;
}

.search-fields {
	display: flex;
	flex-wrap: wrap;
}

.search-fields .search-field {
	margin-bottom: 12px;
}

@media (min-width: 981px) {
	.search-fields .search-field {
		width: calc(33.3% - 8px);
		margin-right: 12px;
	}
	.search-fields .search-field:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media (min-width: 641px) and (max-width: 980px) {
	.search-fields .search-field {
		width: calc(50% - 6px);
		margin-right: 12px;
	}	
	.search-fields .search-field:nth-child(even) {
		margin-right: 0;
	}
}

@media (max-width: 640px) {
	.search-fields .search-field {
		width: 100%;
	}
}

.search-field select {
	border: none;
	padding: 6px 28px 6px 8px;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
}

.search-field input[type=text] {
	padding: 8px;
}

.search-field select,
.search-field input[type=text] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
}

.search-field.select-wrapper {
	position: relative;
}

.search-field.select-wrapper:after {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	z-index: -1;
	color: #767676;
}

.search-field.select-wrapper,
.search-field input[type=text] {
	border: 1px solid #767676;
	border-radius: 4px;
	font-size: 14px;
}

.search-field select:focus,
.search-field input[type=text]:focus {
	outline: none;
}
.search-field select option.hide {
	display: none;
}

.search-field select option:first-child {
	color: #767676;
}

.search-fields .clear-filters {
	flex-basis: 100%;
	font-size: 14px;
	color: #333333;
}

.search-fields .clear-filters.disabled {
	pointer-events: none;
	color: #ccc;
}

.search-fields .clear-filters.disabled:before {
	color: #ccc;
}

.search-fields .clear-filters:before {
	content: "";
	display: inline-block;
	color: #333333;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding-right: 4px;
}

.search-results {
	display: flex;
	flex-direction: column;
}

.search-results h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1.2;
	color: #3E3E3E;
	order: 1;
	font-weight: 700;
}

.single-result {
	padding-bottom: 32px;
	order: 2;
}

.search-results .pagination {
	order: 3;
	margin-top: 8px;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #CCCCCC;
	display: flex;
	align-items: center;	
}

.search-results .pagination .pagination-item {
	flex-basis: 50%;
	margin-bottom: 0;
}

.search-results .pagination .pagination-item.prev {
	padding-right: 10px;
}

.search-results .pagination .pagination-item.prev a:before {
	content: "\f053";
	padding-right: 8px;
}

.search-results .pagination .pagination-item.next {
	padding-left: 10px;
	text-align: right;
}

.search-results .pagination .pagination-item.prev a:before,
.search-results .pagination .pagination-item.next a:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.search-results .pagination .pagination-item.next a:after {
	content: "\f054";
	padding-left: 8px;
}

.search-results .pagination .pagination-item a {
	color: #3E3E3E;
}

.search-results .pagination .pagination-item a:hover {
	color: #8D54A1;
}

.single-result:not(:first-of-type) {
	border-top: 1px solid #CCCCCC;
	padding-top: 40px;
}
.single-result .entry-content {
	margin-bottom: 0;
}

.single-result .entry-content a {
	font-weight: 700;
}

.single-result .entry-content a:focus {
	color: #8D54A1;
}
.single-result .entry-content a:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding-left: 6px;
}

.search-results .single-result p.entry-title {
	color: #3E3E3E;
	margin-bottom: 6px;
	font-weight: 700;
}

#loader {
	display: none;
}

#loader p {
	position: relative;
	display: flex;
	align-items: center;
}

#loader p:before {
	content: "";
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
}

a.back-to-search {
	display: inline-block;
	margin-top: 29px;
}

a.back-to-search:before {
	content: "\f060";
	font-size: 12px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding-right: 6px;
}