/* ------------------------------------------------  
	ACCORDION / ABO
	------------------------------------------------  */	
	/*display first*/
	.accordion__item .accordion-body {display: none;}
	
    section#accordeon .js-accordion {padding: 0 1rem;}

    section#accordeon .color-contain .js-accordion,
    section#accordeon .pcv-bg-tab-color .js-accordion,
    section#accordeon .pcv-bg-outline .js-accordion {
        margin-bottom: 1rem;
        border-radius: 6px;
    }
    
    section#accordeon .color-contain .js-accordion {  
        padding-top: 1px;
        background: #fff;
    }
    section#accordeon .pcv-bg-tab-color .js-accordion {
        padding-top: 1px;
        background: #F4F4F4;
    }
    section#accordeon .pcv-bg-outline .js-accordion {
        border: 1px solid #ccc;
    }
    
    /*accordion header/body*/
    .accordion-header { 
		position: relative; 
		margin: 1rem 0 0;
        cursor: pointer; 
		outline: none;
	    caret-color: transparent;
	}
    /*no style*/
    section#accordeon .pcv-bg- .accordion-header {
        margin-top: 0px;
    }

	.accordion-header .title,
	.accordion-header .rectangle { display: inline-block; }
	.accordion-header .title,
	.accordion-body { width: calc(100% - 30px); }
    
    .accordion-header .title { padding-bottom: 1rem; }
    .accordion-body { padding-left: 25px;}
	
    .accordion-header .rectangle { 
		width: 25px; 
		vertical-align: top;
	}
    .rectangle-icon,
    .rectangle span { display: inline-block; }

    /*icon*/
    .accordion-header:has(#icon) .title { 
       /* padding-left: 50px;*/
      padding-right: 50px;
       /* background: yellow; */ 
    } 
    .accordion-header #icon {
      position: absolute;
     /* left: 25px*/;
      right: -.5rem;
      top: -.6rem; 
      width: 45px;
      height: 45px;
    }
    
    /*icon*/
    .accordion-header .icon {
        position: absolute; 
        right: 1rem; 
        top 1rem; 
    }

    /*rectangle HOVER*/
    .rectangle-icon {
        position: relative;
        margin-top: .5rem;
        transform: rotate(90deg); 
    }
    .accordion-header:hover .rectangle-icon, 
    .rectangle:hover .rectangle-icon, 
    .accordion__item.active .rectangle-icon{
        margin-top: .75rem;
        transform: rotate(0deg); 
    }
    
    /*rectangle*/
    .rectangle span {
        position: absolute;
        top: 50%;             
        left: 50%;            
        width: .8rem;
        height: 2px;
        background: #bbb;
        transform-origin: center; 
        transition: transform .2s ease, top .2s ease, left .2s ease;
    }
    .rectangle span:first-of-type {
        transform: translate(0%, 0%) rotate(45deg);
        left: 1px; 
        top: -1px; 
    }
    .rectangle span:last-of-type {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* Hover / active rotations */
    .accordion-header:hover .rectangle span:first-of-type, 
    .rectangle:hover span:first-of-type, 
    .accordion__item.active .rectangle span:first-of-type {
        transform: translate(0%, 0%) rotate(135deg);
    }

    .accordion-header:hover .rectangle span:last-of-type, 
    .rectangle:hover span:last-of-type, 
    .accordion__item.active .rectangle span:last-of-type {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    /*accorden but*/
	.accordion-body a.but {
      margin: 0 0 1rem;
    }
    /*link but*/
    .accordion-body a.but.link p {
        padding: 0px;
        text-transform: none;
        text-decoration: underline; 
        font-size: 16px;
        font-family: 'Roboto_Regular',sans-serif;
    }