/*smooth scroll ini*/
html {
  scroll-behavior: smooth;
}
/*smooth scroll end*/



/*layout ini*/

.flex{
  display: flex;
}

.flex-direction-column{
  flex-direction: column;
}

.flex-direction-row{
  flex-direction: row;
}

.flex-jc-start{
  justify-content: flex-start;
}

.flex-jc-end{
  justify-content: flex-end;
}

.flex-jc-center{
  justify-content: center;
}

.flex-jc-space-around{
  justify-content: space-around;
}

.flex-jc-space-between{
  justify-content: space-between;
}

/*layout end*/

/*Editor ini*/

.text-align-left{ text-align: left; }
.text-align-right{ text-align: right; }
.text-align-center{ text-align: center; }
.text-align-justify{ text-align: justify; }

.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
.capitalize{ text-transform: capitalize; }

.drop-caps:first-letter{
    display:block;
    float:left;
    margin:3px;
    color:#f00;
    font-size:300%;
}

sub{
	font-size: 0.6rem;
}
.mce-content-body.xgl-input-message.post-type-tasks.post-status-publish.page-template-default.mceContentBody{
  display: block;
  background-color: var( --task-background );
  color: #fff;
}


/*Editor end*/