﻿h2.resp-accordion { cursor:pointer; display:none; }

h2.resp-accordion{margin:0;padding:10px 15px}

.resp-arrow  {
    width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;
    border-top:12px solid var(--black);
    transition:all 0.2s;
}
h2.resp-tab-active span.resp-arrow {
    border:none; border-left:6px solid transparent; border-right:6px solid transparent;
    border-bottom:12px solid var(--blue); 
}

/*-----------Accordion styles-----------*/



h2.resp-accordion { margin: 0; font-size: 17px; background-color: #E0E6EC; border-bottom:2px solid var(--white); border-top:3px solid transparent;  }
h2.resp-accordion:last-of-type { border-bottom: none; }
h2.resp-accordion a { color: inherit; text-decoration: none; }

h2.resp-tab-active { background-color: var(--white); color: var(--blue);  border-top-color:var(--blue);  }
h2.resp-tab-active a { color: var(--blue); }


.resp-easy-accordion  h2.resp-accordion {   /*display: block;*/ }
.resp-easy-accordion .resp-tab-content {  /*border: 1px solid #c1c1c1;*/ }
.resp-jfit {  /*width: 100%;*/   /*margin: 0px;*/ }
.resp-tab-content-active {  /*display: block;*/ }
h2.resp-accordion:first-child { /* border-top: 1px solid #c1c1c1 !important; */ }


/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */


/* SM */ @media only screen and (max-width: 767.98px) {

    .resp-tabs-container { border: 2px solid #E0E6EC; }
    .resp-tabs-container .resp-tab-content { padding: 12px 15px; }


    ul.resp-tabs-list{display:none}
    h2.resp-accordion{display:block }
    .resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}
    .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none}
    .resp-accordion-closed{display:none!important}
    .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}
    .resp-tab-content-active h2{display:none}


} /* @media ---| width < 768px |--- */
