@charset "utf-8";

/**
 * Table of Contents:
 *
 * 1.0 - Dropcap & Highlight
   2.0 - Buttons
   3.0 - Vertical Tab
   4.0 - Accordion
 * -----------------------------------------------------------------------------
 */

 
/**
 * 1.0 Dropcap & Highlight
 * -----------------------------------------------------------------------------
 */

.dropcap{
	display:block;
	float:left;
	text-align:center;
	font-size:150%;
	margin:0px 10px 5px 0;
	width:36px;
	height:36px;
	line-height:36px;
    border-radius: 36px;
}

.highlight{
	background-color:#FFF200;
	color:#000;
}


/**
 * 2.0 Buttons
 * -----------------------------------------------------------------------------
 */

.button{
	display:inline-block;
	text-align:center;
	margin:5px;
	text-transform:uppercase;
	color:#fff!important;
	font-size:80%;
	padding:10px;
	line-height:10px;
	min-width:60px;
	border-radius: 3px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.button:hover{
	opacity:0.7;
}

.button.red{
	background-color:#f50000;
}

.button.black{
	background-color:#000;
}

.button.yellow{
	background-color:#ffd200;
	color:#564d1d!important;
}

.button.green{
	background-color:#9de600;
}

.button.pink{
	background-color:#ff008a;
}

.button.gray{
	background-color:#e3e3e3;
	color:#555!important;
}

.button.blue{
	background-color:#00a8ff;
}

.button.purple{
	background-color:#9b4cb8;
}

.button.turquoise{
	background-color:#00d3c2;
}

.button.orange{
	background-color:#ffb400;
}

.button.brown{
	background-color:#694f23;
}


/**
 * 3.0 Vertical Tab
 * -----------------------------------------------------------------------------
 */

.vertical-tab{
	position:relative;
	display:block;
	list-style: none;
	margin-bottom:15px;
	margin-left:0!important;
	padding-top: 5px;
}

.vertical-tab > li{
	display:inline-block;
	float:left;
}

.vertical-tab > p{
	display:none;
}

.vertical-tab > li > a{
	display:block;
    padding:0 15px;  
    height:40px;
    line-height:40px;
	position:relative;
	z-index:2;
	border-width:1px;
	border-style: solid;
	border-right-width:0;
}

.vertical-tab > li:last-of-type > a{
	border-right-width:1px;
}

.vertical-tab .tab-content{
	position:absolute;
	display:none;
	left:0;
	padding-top:30px;
	margin-top:-1px;
    width:100%;
    border-top-width:1px;
    border-top-style: solid;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.vertical-tab .tab-active ~ .tab-content{
	display:block;
}

.vertical-tab .tab-content:before,.vertical-tab .tab-content:after{
    content:"";
    position:absolute;
    top:-16px;
	width:50%;
	height:16px;
	opacity:0.5;
	z-index:1;
}


/**
 * 4.0 Accordion
 * -----------------------------------------------------------------------------
 */

.accordion{
	display:block;
	list-style:none;
	margin-bottom:15px;	
	padding-top:5px;
	margin-left:0!important;
}

.accordion > li{
    position:relative;
	margin: 0 0 8px 0!important;
	display:block;
	border-width:1px;
	border-style: solid;
}

.accordion li:last-child{
	margin:0!important;
}

.accordion > p{
	display:none;
}

.accordion > li:after{
    content:"";
    position:absolute;
    right:14px;
    top:15px;
    width:7px;
    height:1px;
}

.accordion > li > a{
    display:block;
    padding:15px;
    transition:all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    line-height:100%;
    white-space: nowrap;
    position: relative;
}

.accordion > li > a:after{
	position: absolute;
	content:'';
	right:16px;
	top:50%;
	width:8px;
	height:2px;
	margin-top:-1px;
}

.accordion > li > a:before{
	position:absolute;
	content:"";
	right:19px;
	top:50%;
	margin-top:-4px;
	width:2px;
	height:8px;
}

.accordion > li > a.a-open:before{
	display: none;
}

.accordion-content{
    margin:25px 10px 15px 15px;
    display:none;
}