/*
 Theme Name:   PXL Technologies Basix Core
 Theme URI:    http://www.pxltechnologies.com
 Description:  Core template extensions build on the Basix theme platform.
 Author:       Mike D
 Author URI:   http://www.pxltechnologies.com
 Template:     basix
 Version:      1.0.0
 Text Domain:  pxl-basix-core
*/

@import url("../basix/style.css");


/* Color Declarations (light / dark) */

/* Red: ffd1ce / ff675b */
/* Blue: b2daef / 0088cc */
/* Yellow: fee0b2 / ff9900 */
/* Green: d2e8d1 / 6ab165 */

/* ------------------------------------------------------------------------------- */
/* Sustain Our People Custom Settings
/* ------------------------------------------------------------------------------- */

.basix_icon_text.left-icon .text {
	padding-left:40px;
}

/* Custom Accordion Styles */

.wpb_accordion.accordion-yellow .ui-accordion-header-active {

	background-color: #febe10 !important;
}

.wpb_accordion.accordion-yellow a,
.wpb_accordion.accordion-yellow .wpb_text_column a,
.wpb_accordion.accordion-yellow .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion.accordion-yellow .ui-accordion-header.ui-state-default a:hover {
	color: #febe10;
}

/* Post adjustments */

.blog-post,
.blog-event {
	display: block !important;
	float: left;
	margin-bottom: 20px !important;
	width: 100%;
}

.goff-post .blog-meta,
.goff-event .blog-meta {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:16px;
}

.goff-post .blog-content,
.goff-event .blog-content {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom:32px;
	margin-bottom:32px;
}


.goff-post a.button.read-more {
	margin-top:1em;
}

.goff-event .blog-meta {
	font-size:16px;
}

/* Bordered and HR color removal */
.main-content h1.bordered:after, 
.divider:after,
.blog-meta:after {
	background-color:transparent !important;
}

/* Charts */
.vc_pie_chart[data-pie-color="wpb_button"] .vc_pie_chart_back {
  border-color: #333333 !important;
}
.vc_pie_chart[data-pie-color="btn-primary"] .vc_pie_chart_back {
  border-color: #5E452A !important; /* Brown */
}
.vc_pie_chart[data-pie-color="btn-info"] .vc_pie_chart_back {
  border-color: #799A3D !important;;
}
.vc_pie_chart[data-pie-color="btn-success"] .vc_pie_chart_back {
  border-color: #FFD100 !important;
}
.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_chart_back {
  border-color: #799A3D !important; /* Green */
}
.vc_pie_chart[data-pie-color="btn-danger"] .vc_pie_chart_back {
  border-color: #222222 !important;
}
.vc_pie_chart[data-pie-color="btn-inverse"] .vc_pie_chart_back {
  border-color: #111111 !important;
}
.vc_pie_chart_back {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 6px solid #f7f7f7;
  border-radius: 999px;
  border-radius: 50%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Header */

.main-content > .stretched:first-child {
	border-top:10px solid rgb(94, 69, 42);
	/*border-bottom:10px solid rgb(94, 69, 42) !important;*/
}
@media only screen and (min-width: 768px) {
	.row-header-title-container h1 {
		font-size: 2em !important;
	}
}

@media only screen and (max-width: 767px) {
	.row-header-title-container h1 {
		font-size: 1.6em;
	}
}

.row-header-title-container h2 {
	margin-bottom:8px !important;
}

@media only screen and (min-width: 768px) {
	.row-header-title-container h2 {
		font-size: 1.4em !important;
	}
}

@media only screen and (max-width: 767px) {
	.row-header-title-container h2 {
		font-size: 1.0em;
	}
}

.header-caption-row {
	padding-top:30px;
	padding-bottom:30px;
}

.header-caption-row .wpb_column.column_container {
	width:auto !important;
	padding:30px;
	/*background-color:rgb(94, 69, 42);
	background-color:rgba(94, 69, 42,0.9);*/
}

.row-border-top-brown {
	border-top:10px solid #5e452a;
}

/* Post Content */
.meta-item .post-sharing {
	margin-top:0;
}

.pxl-blog-list h2.inner-title,
.pxl-event-list h2.inner-title {
	margin-top:0;
	padding-top:0;
}

.goff-event a.read-more {
	display:none;
}

/* Page Content */
.text ul {
	list-style-type:disc; 
	list-style-position:inside;
}

.basix_icon_text .icon img {
	margin-top:20px;
}

.main-content p a {
	font-weight:bold;
}

/* Sidebar */

.sidebar {
	background-color:#f4f4f4;
	padding:30px;
}

/* Grantee Posts */

.grantee-column-container {
    clear:both;
    margin-bottom:45px;
}

.pxl-blog-list .grantee-title {
	border-top:1px solid rgba(0,0,0,0.1);
	padding-top:25px;
	padding-bottom:5px;
}

.pxl-blog-list .grantee-column-container:first-child .grantee-title {
	border-top:none;
	padding-top:0;
}

.grantee-column-container:after {
    clear:both;
}

.grantee-column-container .blog-meta {
    margin-bottom:20px;
    padding-bottom:0;
    border:none;
    font-size:1em;
}

.grantee-column-container h3 {
	font-weight:bold;
}

.grantee-column-container img {
    margin-bottom:20px;
}

/* Responsive Cleanup */

@media only screen and (max-width: 767px) {
	img.alignright, img.alignleft {
		max-width:100%;
		margin-bottom:10px !important;
		margin-top:10px !important;
	}
	
	.wpb_row .wpb_column {
		margin-bottom:15px;
	}
	
	.basix_icon_text .icon {
		width:20% !important;
	}
	
	.basix_icon_text .icon img {
		max-width:100% !important;
	}
	
	.basix_icon_text .text {
	}
	
	.hidden-xs {
		display:none;
	}
}

/* Small devices in portrait mode */
@media only screen and (max-width: 450px) {
	.logo {
		width:250px;
	}
	.logo img {
		max-width:100%;
		height:auto !important;
	}
	
	.header,
	.topbar {
		height:85px !important;
	}
	
	.pxl-blog-list h2.inner-title,
	.pxl-event-list h2.inner-title {
		font-size:20px;
	}
}

/* Small devices in portrait mode */
@media only screen and (max-width: 350px) {
	.logo {
		width:200px;
	}
	.logo img {
		max-width:100%;
		height:auto !important;
	}
	
	.header,
	.topbar {
		height:75px !important;
	}
}