/*
Theme Name:     3P Circular Tech
Description:    3P Circular Tech
Version:        1.24
Author:         Lawrence Zevon
Author URI:     http://www.zevonmedia.com/
Template:       enfold
License:        GPL v2
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../enfold/style.css");

/* Customizations Here */

/* Tab shape */
.av-accordion-pill .toggler  {
	border-radius: 60px!important;
	background: #008676 !important;
	color: #FFF;
	padding: 15px 55px 15px 15px !important;
	line-height: 0.5em !important;
}

/* Hover and active colors */
.av-accordion-pill .toggler:hover,
.av-accordion-pill .toggler.activeTitle:hover  {
    background: #008676 !important;
    color: #FFF;
}

/* Hide default icon */

.av-accordion-pill .toggle_icon {
    /*display: none;*/
}

.av-accordion-pill .toggler {
    padding-left:20px;
    font-size: 18px;
    font-weight: normal;
	overflow: hidden;
}

/*Toggle content area */

.av-accordion-pill .toggle_content {
    background: #ececec !important;
    width: calc(100% - 50px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	color: #000 !important;
}

/* Put the font files in the theme folder and include them in style, then we can use the icon font */
@font-face {
	font-family: 'fontello';
	src: url('./font/fontello.eot?68847926');
	src: url('./font/fontello.eot?68847926#iefix') format('embedded-opentype'),
		url('./font/fontello.woff?68847926') format('woff'),
		url('./font/fontello.ttf?68847926') format('truetype'),
		url('./font/fontello.svg?68847926#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
.accordion-icon {
	display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    color: #0077ee;
    background: #fff;
    padding-top: 25px;
    padding-left: 10px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    margin-right: 40px;
}
@media screen and (max-width: 989px){
	.accordion-icon{
		margin-right: 10px;
		float: left;
	}
}

.js_active .av-elegant-toggle .toggler, .avia-admin-preview-container .av-elegant-toggle .toggler {
    margin-bottom: 10px;
}