/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Custom Accordion/Toggle */

.blue-accordion .toggler {
    font-size: 40px;
	padding: 20px 20px 20px 20px;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
	border-radius: 50px!important;
	border: #000;
	background: #7ad5f6;
	text-align: center;
	margin-bottom: 5px;
}

.blue-accordion .activeTitle.toggler:hover, 
.blue-accordion .toggler:hover {    
    color: #000; 
	background: #fffc05;
	border: 4px #000
}

.blue-accordion .activeTitle.toggler {    
    color: #ffffff;
	background: #000;
	border: 4px #000;
}

.blue-accordion .toggle_icon {
    border:none;    
}

.blue-accordion .toggle_icon .vert_icon,
.blue-accordion .toggle_icon .hor_icon {
    display:none;
}

.blue-accordion .toggle_content {
    font-size: 18px;
    line-height: 1.4em;
	background: #7ad5f6;
	border:4px #000;
	width: calc(100% - 50px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	margin-top: -5px;
}

.blue-accordion .toggle_content a {
    color: #ffffff;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}