/* Footer - Main
----------------------------------------*/

.footer-main {
	width: 100%;
	float: left;
	flex-shrink: 0;
    font-family: $font-family-primary;
    font-weight: $font-weight-medium;
    font-size: $font-size-18;
	color: $primary-color;
    line-height: $line-height-30;
	background: $secondary-bg;
    overflow: hidden;

    .dropdown-item.active, .dropdown-item:active {
        text-decoration: underline;
        text-underline-offset: 3px;
        background: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
    }

    h2 {
        font-weight: $font-weight-bold;
        font-size: $font-size-24;
        line-height: $line-height-28;
        text-transform: uppercase;
        padding-bottom: 7px;

        &:last-child {
            padding-bottom: 0;
        }
    }
    
    @include media-breakpoint-up(md) {
        .container {
            max-width: 1310px;
        }
        
        h2 {
            pointer-events: none;
            cursor: default;
        }        
    }
    
    @include media-breakpoint-down(md) {
        h2 {
            width: 100%;
            float: left;
            color: $primary-color;
            background: $tertiary-color;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            padding: 17px 20px;
            border: 3px solid $secondary-color;
            
            &:after {
                content: "\f078";
                font-family: "Font Awesome 5 Pro";
                font-weight: $font-weight-black;
                font-size: $font-size-20;
                line-height: $line-height-20;
                border: none;
                position: absolute;
                top: 50%;
                right: 20px;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                margin: 0;
            }
            
            &.active {
                &:after {
                    content: "\f077";
                }
            }
        }
    }
    
    .pre-footer {
        width: 100%;
        float: left;
        padding: 100px 0;

        .organisations{
            margin: 0 auto;
            justify-content: center;
            width: 50%;
            margin-bottom: 120px;
        }
        
        .row {
            padding: 0;
            justify-content: space-evenly;
            
            > div {
                padding: 0 15px 40px 15px;
                margin: 0;
            }

            @include media-breakpoint-down(md) {
                .logo.text-center {
                    text-align: center!important;
                }
            }
        }
        
        @include media-breakpoint-down(lg) {

            .organisations{
                width: 100%;
                padding: 70px 0;

                > div {
                    width: 33.333333%!important;

                    img{
                        padding:10px;
                    }
                }
            }

            .row {
                margin: 0 -15px -40px -15px;

                > div {
                    width: 33.33%;
                    padding: 0 15px 40px 15px;
                }
            }
        }
        
        @include media-breakpoint-down(md) {
            padding: 40px 0;

            .row {
                margin: 0 0 -10px 0;

                > div {
                    width: 100%;
                    padding: 0 0 10px 0;
                }
            }
        }
    }

    
    .copy-rights {
        width: 100%;
        float: left;
        background: $tertiary-color;
        padding: 25px 0;
        text-align: center;
        text-decoration: none!important;
        
        p {
            float: right;
            padding: 0;
        }
        
        @include media-breakpoint-up(md) {
            p br {
                display: none;
            }            
        }

        @include media-breakpoint-down(lg) {
            text-align: center;
            padding: 30px 0;

            p {
                width: 100%;
            }
        }        
        
        @include media-breakpoint-down(md) {
            font-size: $font-size-14;
            line-height: $line-height-22;
        }
    }

    .copyrights-logo {
        ul,
        li {
            display: inline-block;
            img {
                mix-blend-mode: multiply;
            }
        }
        li:before {
            display: none;
        }
        @include media-breakpoint-down(md) {
            ul {
                padding-left: 0;
            }
        }
    }

    .dropdown-item{
        padding-left: 0;
    }
}