.wrap h1{margin:20px 0;font-weight:600}
.wrap .version{font-size:0.6em;color:#aaa}
.wrap .logo{width:150px}

.row {display: flex;flex-direction:row;flex-wrap:wrap;width: 100%;margin-bottom:20px;gap:20px;}

.column {display: flex;flex-direction: column;flex-basis:100%;flex:1;background:#fff;border-radius:10px;box-shadow:0 0 5px rgb(0 0 0 / 5%);padding:20px;text-align:center;}
.column h2{margin:20px 0 0 0;font-size:1.4rem;line-height:1.5em}
.column h3{margin-bottom:40px;font-size:1rem;line-height:1.5em}
.column .button{background:#28bcd1;border:none;font-size:16px}
.column .button:hover{background:#0b1c2b;}
.column .fas, .column .fa-solid{font-size: 2rem;color: #FFCE00;}
.column input,.column label{font-size:14px}

.simple-posting-form th{font-weight:400;padding-left:20px;}
.simple-posting-form td{padding:10px 0;}
.simple-posting-form tr:nth-child(odd) {background-color:#f0f0f1;padding-left:20px}
.simple-posting-form tr:nth-child(even) {background-color:#fbfbfb;padding-left:20px}
.simple-posting-form input:not([type='checkbox'],[type='radio'],[type='option']) {width: 40%}
.simple-posting-form .channel-name{width:200px !important}

#simple_posting_channel input{margin:0 10px}

.icon{width:40px;margin:0 auto}

@media screen and (max-width: 800px) {
  .simple-posting-form input:not([type='checkbox'],[type='radio'],[type='option']),.simple-posting-form td,.simple-posting-form th {width: 90% !important;margin:0 auto}
  .simple-posting-form th{text-align:center;padding-left:0}
  .simple-posting-form input{margin-top:10px !important}
  .simple-posting-form th{margin-top:10px}
  .simple-posting-form input[type='checkbox']{margin-bottom:10px}
  .simple-posting-form p.submit{text-align:center}
} 