/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* Button styles */
.bcgov-sidebar-button {
	width: 365px;
	margin: 10px 0;
	color: #fff;
}

.bcgov-sidebar-button a, .bcgov-sidebar-button a:hover, .bcgov-sidebar-button a:visited, .bcgov-sidebar-button a:active, .bcgov-sidebar-button a:focus {
	color: #FFF !important;
	text-decoration: none !important;
	text-align: center;
}
	
.bcgov-sidebar-button .bcgov-sidebar-button-container {
	width: 365px;
	display: inline-block;
}

.bcgov-sidebar-button .bcgov-sidebar-button-right {
	width: 65%;
	height: 100px;
	float: right;
	display: table;
	text-align: left;
}

.bcgov-sidebar-button .bcgov-sidebar-button-right p {
	/*line-height: 100px;*/
	display: table-cell;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    vertical-align: middle;
}

.bcgov-sidebar-button .bcgov-sidebar-button-left {
	width: 35%;
	height: 100px;
	float: left;
	text-align: right;
	padding-right: 40px;
}

.bcgov-sidebar-button .bcgov-sidebar-button-left i {
	line-height: 100px;
    font-size: 60px;
    vertical-align: middle;
}

@media ( max-width: 1199px ) {
	.bcgov-sidebar-button {
		width: 300px;
	}
		
	.bcgov-sidebar-button .bcgov-sidebar-button-container {
		width: 300px;
	}
}