.creative-drop{
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
}



/************* ACCORDIONS *************/
.down-caret, 
.plus-x, 
.plus-minus p:before, 
.creative-accordion-button, 
.creative-accordion, 
.creative-accordion .color-mask {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}
.creative-accordion:hover .color-mask {
    opacity:0.2!important;
}
.down-caret p:before {
    content:'\E012';
    font-family:'kohtello';
    transform: rotate(0deg);
}
.plus-x p:before, .plus-minus p:before {
    content:'\002B';
}
.plus-minus p:before {
    display: block;
}
.rotated .plus-minus p:before {
    transform: rotate(180deg);
    content:'\2212';
}
.rotated .down-caret {
    transform: rotate(180deg);
}
.rotated .plus-x {
    transform: rotate(45deg);
}
.sr-only {  
    position: absolute;  
    width: 1px;  
    height: 1px;  
    padding: 0;  
    margin: -1px;  
    overflow: hidden;  
    clip: rect(0, 0, 0, 0);  
    border: 0;  
}

/************* TABBED INTERFACE *************/
/* Custom Classes for All Tabbed Interface Buttons and Items Containers can be found in this space */
body:not(.finetune) .creative-tab-item {
    display: none!important;
}

body:not(.finetune) .creative-tab-item.creative-active-tab-item {
    display: block!important;
    animation: animateIn .75s forwards ease;
}

.creative-tab-button {
    transition: all linear 0.2s;
    cursor: pointer;
    border-radius: 16px 16px 0 0 !important;
}

.creative-active-tab-line {
    transition: left ease 500ms;
}


/************* STYLE TAB ACTIVE STATE *************/
.creative-tab-full .creative-active-tab-button {
    color: rgb(50, 59, 82)!important;
    border-radius: 16px 16px 0 0 !important;
    background-color: rgb(201, 231, 235)!important;
}


/************* TAB ANIMATION *************/

@keyframes animateIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/************* FLEX FOOTER *************/
body:not(.finetune) .grid {  
  display: flex!important;  
  flex-wrap: wrap;  
}  
  
body:not(.finetune) .quadrant {  
  display: flex!important;  
  align-items: center;  
  justify-content: space-between;  
  /* flex: 1 1 50%!important; /* Adjusts to fit two items per row */  
  box-sizing: border-box;  
}  
  
body:not(.finetune) .quadrant-image {  
  height: auto!important;  
}  
  
body:not(.finetune) .quadrant-text {  
  display: flex!important;  
  flex-direction: column;  
  justify-content: center;  
}  
  
@media (max-width: 800px) {  
  body:not(.finetune) .quadrant {  
    /* flex: 1 1 100%!important; /* Full width on smaller screens */  
  }  
}  



@media screen and (max-width: 667px) {
    body:not(.finetune) .creative-tab-full .creative-active-tab-button {
        border-radius: 0 !important;
    }
}