/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 * 
 * STATES
 *
 * https://smacss.com/book/type-state
 * "A state is something that augments and overrides all other styles. For example, 
 * an accordion section may be in a collapsed or expanded state. A message may be 
 * in a success or error state."
 *
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */


/* when markup is updated, remove ".t-zone .loading," */
.t-zone .loading,
.is-loading { 
    width: 100%;
    min-height: 60px; /* so loading doesn't cause the page to shift! */
    background: transparent url(../images/ajax-loader-large.gif) no-repeat left center;
}