body {
    margin: 0 auto;
    max-width: 1280px;
}

/*actionfinder style*/
.actionfinder {
    margin: auto;
    padding-top: 1.5rem;
}

.actionfinder-wrapper{
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    height: 100%;
}

.numeration {
    padding-right: 0.8rem;
}

.actionfinder-question {
    display: flex;
    flex-direction: column;
}

.form-check {
    padding-top: 0.5rem;
    padding-left: 4rem;
}

.form-check label {
    margin-right: 2.5rem;
}

.form-group {
    padding-left: 2.5rem;
}

/*section specific styles by ID*/
.damage-or-threat-subclass{
    padding-left: 2.5rem;
}

#result p, #result h5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: justify;
	text-justify: inter-word;
}

#results a {
    text-decoration: none;
}

.actions-text {
    margin-left: 4.4rem;
    line-height: 0.8
}

/*cards style*/
.card-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}

.card {
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    width: 8rem;
    border-radius: 10px;
    padding-top: 0.5rem;
}

.card:hover {
    background-color: #f09a37;
    transition: 0.7s;
}
.card-img-top {
    width: auto;
    height: 3rem;
}

.card-body {
    line-height: 0;
}

.arrow {
    display: flex;
    align-items: center;
}

#first-card {
    background-color: #f09a37;
}

.arrow-right {
    font-size: xx-large;
}

/*control style */
.actionfinder-control{
    display: flex;
    justify-content: center;
}

.actionfinder-control .btn {
    margin-right: 1rem;
}

#damage-or-threat, #measurement, #result, #result h5, #results, #af-previous, #af-result, #af-restart{
    display: none;
}

/*bootstrap default hides details arrow, overwrite here, see github-issue: https://github.com/twbs/bootstrap/issues/21060*/
summary {
    display: list-item;
}