#Gocha#

// Componentes
.course-module-area {

p {
        font-size: 17px;
    }

h3,
    h4,
    h5,
    h6 {
        padding-left: 600;
    }

.main-content {
        h4 {
            font-size: 25px;
        }

h6 {
            font-size: 17px;
        }

ul {
            margin-left: 2rem;
        }

.container {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }

@include media-breakpoint-up(lg) {
        .container {
            max-width: 1180px;
        }
    }

// Lista
    .list-group {
        margin: 20px 0;

.list-group-item {
            position: relative;
            display: block;
            padding: 2px 15px;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid #ddd;
            border: none;
            margin-bottom: 5px;
            position: relative;
            padding-left: 20px;
            color: #4d5459;
            background: #e8e8eb;
        }

.list-group-item:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            background: $primary;
            width: 8px;
            height: 100%;
        }

.list-group-item__content {
            -ms-flex: 1;
            -webkit-box-flex: 1;
            flex: 1;
            padding: 10px 0;
        }

.list-group-item__content p:last-child {
            margin-bottom: 0;
        }

&.list-group-numbered {
            .list-group-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0px 15px;
                border-left: 8px solid;
                border-left-color: transparent;
            }

.list-group-item:before {
                display: none;
            }

.list-group-item__number {
                display: inline-block;
                width: 48px;
                text-align: center;
                line-height: 56px;
                border-top-right-radius: 50px;
                border-bottom-right-radius: 50px;
                margin-left: -22px;
                margin-right: 15px;
                color: rgba(0, 0, 0, 0.7);
                padding-right: 5px;
                background: $primary;
                color: #fff;
                font-size: 21px;
            }

.list-group-item__content {
                padding: 5px 0;
            }
        }
    }

}

// Accordion
.course-module-area {

.panel {
        margin-bottom: 20px;
        background-color: #fff;
    }

.panel-body {
        padding: 15px;
    }

.panel-body:after {
        clear: both;
    }

.panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

.panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }

.panel-title>a {
        color: inherit;
    }

.panel-group {
        margin-bottom: 20px;
    }

.panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

.panel-group .panel+.panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
        border-bottom: 0;
    }

.panel-default {
        border-color: #ddd;
    }

.panel-default>.panel-heading {
        color: #4d5459;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

.panel-default>.panel-heading {
        padding: 0;
    }

.panel-default>.panel-heading .panel-title>a {
        display: block;
        text-align: left;
        width: 100%;
        padding: 12px 20px 12px 60px;
        position: relative;
        border: none;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.panel-default>.panel-heading .panel-title>a:before {
        content: '\f078';
        display: inline-block;
        font-family: 'Fontawesome';
        font-size: 13px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 42px;
        height: 100%;
        text-align: center;
        background: #0d4e97;
        padding-top: 15px;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: #fff;
    }

.panel-default>.panel-heading .panel-title>a.collapsed:before {
        content: '\f077';
    }

.panel-default>.panel-heading .panel-title>a:hover,
    .panel-default>.panel-heading .panel-title>a:focus {
        text-decoration: none;
    }

.panel-group {
        margin: 20px 0;
    }

.panel-group .panel-default {
        border-radius: 0;
    }

.panel-group .panel-default .panel-heading {
        border-radius: 0;
    }

.panel-group .panel-default .panel-heading .panel-title {
        text-transform: none;
    }

.panel-group .panel-default .panel-body p:last-child {
        margin-bottom: 0;
    }

.panel-group .panel+.panel {
        margin-top: 10px;
    }

.panel-default>.panel-heading {
        background-color: #e8e8eb;
        color: #4d5459;
    }

.panel-default>.panel-heading a {
        color: #4d5459;
    }
}

/* Timeline */

.timeline.timeline-vertical2 {
    margin: 0;
    padding: 0;

.timeline-vertical__list {
        list-style: none;
        padding: 0;
        position: relative;

li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 10px;

.timeline-vertical__list__title {
                width: 120px;
                text-align: right;
                padding-right: 32px;
                padding-top: 3px;
                position: relative;
                margin: 0;

strong {
                    font-size: 30px;
                }

&:before {
                    content: '';
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    position: absolute;
                    right: -12px;
                    top: 14px;
                    z-index: 1;
                }
            }

.timeline-vertical__list__content {
                width: calc(100% - 200px);
                margin-left: 30px;
                padding: 20px;
                border-radius: 5px;
                position: relative;

&:before {
                    content: '';
                    display: inline-block;
                    width: 0;
                    height: 0;
                    border: 10px solid transparent;
                    position: absolute;
                    left: -20px;
                    top: 15px;
                }
            }
        }
    }

.timeline-vertical__list__title {
        &:before {
            background: #fff;
            border: 3px solid $primary;
        }

strong {
            color: $primary !important;
        }
    }

.timeline-vertical__list__content {
        background: #ededf0;

&:before {
            border-right: 10px solid #ededf0 !important;
        }
    }
}

@media screen and (max-width: 600px) {
    .timeline.timeline-vertical2 {
        .timeline-vertical__list {
            li {
                .timeline-vertical__list__content {
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }
}

.timeline.timeline-vertical2 .timeline-vertical__list li .timeline-vertical__list__content:after {
    content: '';
    display: inline-block;
    left: -32px;
    top: 15px;
    bottom: 0;
    width: 3px;
    height: calc(100% - -25px);
    position: absolute;
}

.timeline.timeline-vertical2 .timeline-vertical__list li:last-child .timeline-vertical__list__content:after {
    height: 100%;
    top: 0;
}

.timeline.timeline-vertical2 .timeline-vertical__list__content:after {
    background: $primary;
}