/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 17 2022 | 12:35:43 */
@charset "utf-8";
body.zingtree {
	margin: 0 !important;
}

/******************************************************
	BODY TEXT COLOR
******************************************************/


body	{
	color: #363636;
}

/******************************************************
	LINK COLOR
******************************************************/
.content-question a, .content-answer a {
  color: #0855db;
  font-weight:600;
  text-decoration:none;
}

.content-question a:hover,
.content-question a:focus, 
.content-answer a:hover,
.content-answer a:focus 
{
	text-decoration:underline;
}

.content-answer .btn,  .content-question .btn {
    color:#ffffff;
}

/******************************************************
	TITLE COLOR
******************************************************/
h3 {
	color: #0855db;
}

.node-question-text  {
	color: #0855db;
	font-weight: bold;
}
/******************************************************
	BUTTON VALUES
******************************************************/

.btn-zingtree {
	border: 0 none;
	font-weight: 700;
}
.btn-zingtree:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

/******************************************************
	PRIMARY BUTTON
******************************************************/

.btn-zingtree {
  color: #ffffff;
  background-color: #0855db;
}
.btn-zingtree:hover, .btn-zingtree:focus, .btn-zingtree:active, .btn-zingtree.active, .open > .dropdown-toggle.btn-zingtree {
	background: #0855db;
	opacity: 0.85;
}
.btn-zingtree:active, .btn-primary.active {
	background: #0855db;
	box-shadow: none;
}

/******************************************************
	PERSISTENT BUTTONS
******************************************************/
.persistent-buttons .btn-default {
    color: #333333;
    background-color: #ffffff;
    border: 2px solid #0855db;
}

.persistent-buttons .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #0855db;
  	border-color: #0855db;
}

.persistent-buttons .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}

/******************************************************
	PANELS
******************************************************/
/* COLORS for Panels */

.panel-primary > .panel-heading {
	background-color: #0855db;
}
.answers a.list-group-item {
	background-color: #f8f8f8;
	color: #1d1d1d;
}
.answers a.list-group-item div {
	color: #1d1d1d;
}
.answers a.list-group-item:hover, .answers a.list-group-item:active {
	background-color: #0855db
}

.list-group-item-question, .answers a.list-group-item strong {
	background-color: #afafaf;
}
.list-group-item-question, .answers a.list-group-item strong::before {
	background-color: #0855db;
}
.answers a.list-group-item::after {
	border-color: #0855db;
}
/* PANELS */

.panel, .panel-heading {
	border: thin;
	border-style: solid;
	border-color: #a5adb6;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panels-node-title {
	padding: 0.5em 3.4em 0.5em 1em;
	position: relative;
}
/* fix for link icon */
#node-title > .pull-right {
	position: absolute;
	top: 1em;
	right: 1em;
}
.permalink {
	margin-top: -9px;
	margin-right: -7px;
}
/* panels design */
.panel > .list-group .list-group-item {
	border: none;
	margin-bottom: 3px;
	padding: 0.5em 3.5em 0.5em 1.5em;
	-webkit-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
/* question */

.panel > .list-group .list-group-item.list-group-item-question {
	padding: 0.5em 3.5em;
}
.list-group-item-question h4, .panels-node-title h3 {
	font-size: 1.3em;
	margin: .1em 0 .1em 1em;
    color: #FFFFFF ;   
    
}

.list-group-item-question .fa, .panels-node-title h3::before {
	position: absolute;
	left: .75em;
	top: 50%;
	margin-top: -.75em;
	font-size: 1.1em;
	border-radius: 100em;
	width: 1.6em;
	height: 1.6em;
	text-align: center;
	line-height: 1.5;
    
}

.list-group-item-question .fa::before {
	content: '\f059';
    font-family: 'FontAwesome';
    padding-right: 5px;
}


/* node title */
.panels-node-title {
	padding-left: 3.5em;
}
.panels-node-title h3::before {
	content: '\f138';
    font-family: 'FontAwesome';
    padding-right: 5px;
}
	
.panels-node-title h3 {
	display: inline-block;
	vertical-align: text-top;
	font-family: "Open Sans", sans-serif;
}
/* answers */
.answers a.list-group-item {
	font-size: 1.10em;
	font-weight: 400;
	overflow: hidden;
}
.answers a.list-group-item strong {
	width: 1em;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.answers a.list-group-item strong::before {
	content: '';
	width: 1em;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: translateX(-2em);
	transform: translateX(-2em);
	-webkit-transition: 340ms ease-out;
	transition: 340ms ease-out;
}
.answers a.list-group-item:hover strong::before, .answers a.list-group-item:active strong::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.answers a.list-group-item div {
	margin-left: 0.34em;
	font-size: 0.8em;
}
.answers a.list-group-item strong .fa {
	display: none;
}
/* arrows */
.answers a.list-group-item::after {
	content: '\f054';
    font-family: 'FontAwesome';
    color: #0855db;
    position: absolute;
    right: 2.8em;
    bottom: 0;
    top: 0.7em;
    margin: auto;
    -webkit-transition: right 180ms ease-in 80ms, opacity 160ms ease-out;
    transition: right 180ms ease-in 80ms, opacity 160ms ease-out;
    opacity: 0;
}
.answers a.list-group-item:hover::after {
	right: 1.5em;
	opacity: 1;
}
.panel-body {
	padding: 1.5em;
}
.permalink {
	margin-top: -28px;
	margin-right: -7px;
}


/* animation */

@-webkit-keyframes arrow-move {
     0% {
     opacity: 0;
     right: 0.8em;
    }
    80% {
     opacity: 1;
     right:0.5em;
    }
     100% {
     opacity: 0;
    }
}
 @keyframes arrow-move {
     0% {
     opacity: 0;
     right: 0.8em;
    }
     80% {
     opacity: 1;
     right: 0.5em;
    }
     100% {
     opacity: 0;
    }
}

/* MEDIA */

@media(max-width:768px) {
    #nodes {
        font-size: .82em;
    }
    #node-content {
        font-size: 1.34em;
    }
}

@media (max-width:767px) {
    .button-node .answers [class*=col-sm-] {
        width: 50%;
    }
}

@media (max-width:400px) {
    .button-node .answers [class*=col-sm-], .button-node .answers .col-md-offset-3.col-md-6 a {
        width: 100%;
    }
}




#title {
	background-color: red;
}

#header-section{
	transform: inherit !important;
}