/* 
  -----------------------------------
  Accordion Panel Magic 4
  by Project Seven Development
  www.projectseven.com
  Editable CSS Theme 04 (FAQ)
  -----------------------------------
*/


/*ROOT and CONTENT BACKGROUND COLORS and COLORS*/

/*Content Color*/
.p7AP4-04.p7AP4content {
	background-color: #FFF;
	color: #000;
}

/*TRIGGERS and TRIGGER COLORS*/
.p7AP4-04.p7AP4trig a,
.p7AP4-04.p7AP4trig h3,
.p7AP4-04.p7AP4trig h4 {
	font-size: 1.4rem;
	margin-bottom: 12px;
}
a.p7AP4-04 {
	padding: 0px 26px;
	display: inline-block;
}
a.p7AP4-04 {
	color: #000;
	background-image: url(../p7ap4/img/p7AP4_plus_black.png);
	opacity: .7;
	margin: 3px 0px;
}

a.p7AP4-04:hover {
	color: #000;
	background-image: url(../p7ap4/img/p7AP4_minus_black.png);
	opacity: 1;
}
a.p7AP4-04.ap4Trigs_down,
a.p7AP4-04.ap4Trigs_down:hover {
	background-image: url(../p7ap4/img/p7AP4_minus_black.png);
	opacity: 1;
	margin-left: 1em;
	margin-bottom: 8px;
}

/*CURRENT MARK*/
a.p7AP4-04.current_mark {
	font-weight: bold;
}

/*EXTERNAL TRIGGER LINKS*/
a.p7AP4-04.p7AP4_ext,
a.p7AP4-04.p7AP4_ext.current_mark {
	background-image: url(../p7ap4/img/p7AP4_page_black.png) !important;
}
a.p7AP4-04.p7AP4_ext:hover, 
a.p7AP4-04.p7AP4_ext.current_mark:hover {
	background-image: url(../p7ap4/img/p7AP4_page_white.png) !important;
}



/*CONTENT*/
.p7AP4-04.ap4-panel-border .p7AP4-04.p7AP4content {
	
    background: #f2f2f2;
	margin-left: 2em;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	margin-bottom: 10px;
    border-bottom-color: #6B1112;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.p7AP4-04 .p7ap4-content {
	padding-top:  10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 12px;
}
.p7AP4-04 .p7ap4-content p {
font-size: 1.2rem;
}

/*
TRIGGER BORDERS
There are no trigger borders appropriate for this theme.
*/


/*
ROUNDED CORNERS
There are no rounded corners appropriate for this theme.
*/



/*TOOLBAR*/
.p7AP4-04 .p7AP4-04.ap4-toolbar {
	background-color: #222;
}
.p7AP4-04 .p7AP4-04.ap4-toolbar a {
	color: #AAA;
}
.p7AP4-04 .p7AP4-04.ap4-toolbar a:hover {
	color: #FFF;
}

@media only screen and (min-width: 0px) and (max-width: 700px) {}