/**
 * Pro Theme CSS file
 *
 * This file contains all theme CSS styling.
 */

/*-------------------------------*/
/*- LOGO SIZING -----------------*/
/*-------------------------------*/

.layers-logo-small .site-logo-link img, .layers-logo-small .mark img{
	max-height: 20px;
}

.layers-logo-medium .site-logo-link img, .layers-logo-medium .mark img{
	max-height: 40px;
}

.layers-logo-large .site-logo-link img, .layers-logo-large .mark img{
	max-height: 80px;
}

.layers-logo-massive .site-logo-link img, .layers-logo-massive .mark img{
	max-height: 120px;
}


@media only screen and (max-width: 480px){
	.header-site .logo{
		display: block;
		max-width: 80%;
	}

	.layers-logo-massive .site-logo-link + .site-description,
	.layers-logo-large .site-logo-link + .site-description{
		margin-left: 0;
	}
}


/*-------------------------------*/
/*- POST LIST (SLIDER CAROUSEL) -*/
/*-------------------------------*/

.widget-post-carousel .post-carousel-row{
	position: relative;
}
.widget-post-carousel .swiper-container.container{
	max-width: 1000px;
}
.widget-post-carousel .swiper-container .swiper-wrapper{
	max-width: none;
}
.widget-post-carousel .swiper-pagination{
	position: relative;
	margin: 20px 0;
}
.widget-post-carousel .swiper-slide .overlay{
    display: block;
    width: auto;
    height: auto;
}

/*-------------------------------*/
/*- CALL-TO-ACTION --------------*/
/*-------------------------------*/
.layers-pro-social-icons {}

.button-group .button{
	float: none !important;
	margin: 0 8px;
}
.text-left .button-group .button{
	margin: 0 8px 0 0;
}
.text-right .button-group .button{
	margin: 0 0 0 8px;
}

/*-------------------------------*/
/*- SOCIAL ICONS ----------------*/
/*-------------------------------*/

.layers-pro-social-icons {}

/*-------------------------------*/
/*- TABS ------------------------*/
/*-------------------------------*/

.layers-pro-tabs {

}
.layers-pro-tabs .nav-tabs.no-background {
	background: none;
}

	/*---------------------------*/
    /*- TAB CONTENT -------------*/
    .tab-content{}
    .tab-content > .row{
        display: none;
    }
    .tab-content > .row:first-child{
        display: block;
    }


/*-------------------------------*/
/*- ACCORDION -------------------*/
/*-------------------------------*/

.accordion-list {}
.accordion-list > li {
	margin-bottom: 1px;
}
.accordion-list > li > a {
	border-bottom: 1px solid transparent;
	display: block;
	transition: .1s;
}
.accordion-list > li.active > a {}
.accordion-list > li:first-child > a {
	border-top: 1px solid transparent;
}
.accordion-list > li > a:before {
	content: "\e600";
	font-family: 'layers-icons';
	color: rgba(0,0,0,0.25);
	font-size: .8em;
	margin: 0 0.3em 0 0;
	font-weight: bold;
	transition: .1s;
}
.accordion-list > li.active > a:before {
	content: "\e605";
}
.accordion-list > li > section {
	border-bottom: 1px solid transparent;
	position: absolute;
	visibility: hidden;
}
.accordion-item-styling .accordion-list > li > a {
	border-bottom-color: rgba(0,0,0,0.05);
}
.accordion-item-styling .accordion-list > li > a:hover{
	background: rgba(0, 0, 0, 0.01);
}
.accordion-item-styling .accordion-list > li:first-child > a {
	border-top-color: rgba(0,0,0,0.05);
}
.accordion-item-styling .accordion-list > li > section {
	border-bottom-color: rgba(0,0,0,0.05);
}

/*---------------------------*/
/*- ACCORDION BUTTON SIZES --*/
.accordion-button{
	padding: 8px 10px;
}
.accordion-button.accordion-small{
	padding: 4px 8px;
	font-size: 1.2rem;
}
.accordion-button.accordion-small:before{
	font-size: .9rem;
	margin: 0 .4em 0 0;
}
.accordion-button.accordion-large{
	padding: 10px 18px;
	font-size: 1.8rem;
}
.accordion-button.accordion-large:before{
	font-size: 1.4rem;
	margin: 0 0.5em 0 0;
}
.accordion-button.accordion-massive{
	padding: 15px 21px;
	font-size: 2.0rem;
}
.accordion-button.accordion-massive:before{
	font-size: 1.6rem;
	margin: 0 .5em 0 0;
}