/*--------------------------------------------------------------
   Section Styles
--------------------------------------------------------------*/
.megaphone-section{
    margin-bottom: 40px;
    @include mq('md') {
        margin-bottom: 50px;
    } 
    @include mq('lg') {
        margin-bottom: 80px;
    }
}
.megaphone-post,
.megaphone-show{
    margin-bottom: get-gutter-width('md');

    @include mq('lg') {
        margin-bottom: 50px;
    }    
}

.megaphone-show{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}


.megaphone-items .col-12:last-child .megaphone-post,
.megaphone-items .col-12:last-child .megaphone-post p:last-child,
.megaphone-items .col-lg-6:nth-last-child(-n+2) .megaphone-post,
.megaphone-items .col-lg-6:nth-last-child(-n+2) .megaphone-post p:last-child,
.megaphone-items .col-lg-4:nth-last-child(-n+3) .megaphone-post,
.megaphone-items .col-lg-4:nth-last-child(-n+3) .megaphone-post p:last-child,
.megaphone-items .col-12:last-child .megaphone-show,
.megaphone-items .col-12:last-child .megaphone-show p:last-child,
.megaphone-items .col-lg-6:nth-last-child(-n+2) .megaphone-show,
.megaphone-items .col-lg-6:nth-last-child(-n+2) .megaphone-show p:last-child,
.megaphone-items .col-lg-4:nth-last-child(-n+3) .megaphone-show,
.megaphone-items .col-lg-4:nth-last-child(-n+3) .megaphone-show p:last-child{
	@include mq('lg') {
		margin-bottom: 0;
	}
}


.section-margin{
    margin-top: 20px;
    @include mq('sm') { 
        margin-top: 25px;
    }
    @include mq('md') {
        margin-top: get-gutter-width('md');
    }
    @include mq('lg') {
        margin-top: get-gutter-width('xl');
    }
}

//Section title and header
.section-head{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    @include mq('md') {
        margin-bottom: 30px;
    }
    @include mq('lg') {
        margin-bottom: 50px;
    }
}
.section-head .section-title,
.section-title{
    text-align: left;
    margin-top: -5px;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
}
.section-title + a:before{
    content:"";
    width: 20px;
    height: 1px;
    display: inline-block;
    margin: 0 15px 0 17px;
    background:#333;
}
.section-title + a{
    margin-top: 8px;
}
.section-head-l{
    display: flex;
    align-items: center;
}
.megaphone-section.section-color{
    padding: 30px 0 30px;
    margin-bottom: 0;

    @include mq('md') {
        padding: 30px 0 30px;
    }
    @include mq('lg') {
        padding: 40px 0 40px;
    } 
}
.megaphone-section.megaphone-bg-alt-1,
.megaphone-section.megaphone-bg-alt-2{
    padding: 30px 0 30px;
    margin-bottom: 0;

    @include mq('md') {
        padding: 30px 0 30px;
    }
    @include mq('lg') {
        padding: 50px 0 80px;
    }
}
.megaphone-section.section-color + .megaphone-section,
.megaphone-section.megaphone-bg-alt-1 + .megaphone-section,
.megaphone-section.megaphone-bg-alt-2 + .megaphone-section{
    margin-top: 30px;
    @include mq('md') {
        margin-top: 30px;
    }
    @include mq('lg') {
        margin-top: 50px;
    }
}

.megaphone-section.megaphone-bg-alt-1 + .megaphone-section.megaphone-bg-alt-1,
.megaphone-section.megaphone-bg-alt-2 + .megaphone-section.megaphone-bg-alt-1,
.megaphone-section.megaphone-bg-alt-2 + .megaphone-section.megaphone-bg-alt-2,
.megaphone-section.megaphone-bg-alt-1 + .megaphone-section.megaphone-bg-alt-2 {
    margin-top: 0;
    padding-top: 0;
}
.megaphone-section.megaphone-bg-alt-1 + .megaphone-section.megaphone-bg-alt-2,
.megaphone-section.megaphone-bg-alt-2 + .megaphone-section.megaphone-bg-alt-1{
    padding-top: 30px;
    @include mq('md') {
        padding-top: 30px;
    }
    @include mq('lg') {
        padding-top: 80px;
    }
}

.megaphone-bg-alt-1 + .section-color,
.megaphone-bg-alt-2 + .section-color{
    margin-top: 0;
    .megaphone-section-separator{
        margin-bottom: 30px;
        @include mq('md') {
            margin-bottom: 30px;
        }
        @include mq('lg') {
            margin-bottom: 50px;
        }
    }
}
.megaphone-bg-alt-1 + .section-color.megaphone-section-subscribe,
.megaphone-bg-alt-2 + .section-color.megaphone-section-subscribe{
    padding-top: 0;
}
.section-color + .section-color{
    margin-top: 0;
}
.megaphone-section-welcome:not(.wa-layout-3){
    + .megaphone-bg-alt-1,
    + .megaphone-bg-alt-2{
        margin-top: -40px;
        @include mq('md') {
            margin-top: -50px;
        }
        @include mq('lg') {
            margin-top: -80px;
        }
    }
}
.megaphone-section.megaphone-section-featured:not(.megaphone-bg-alt-1):not(.megaphone-bg-alt-2) + .megaphone-section.megaphone-bg-alt-1,
.megaphone-section.megaphone-section-featured:not(.megaphone-bg-alt-1):not(.megaphone-bg-alt-2) + .megaphone-section.megaphone-bg-alt-2{
    margin-top: -40px;
    @include mq('md') {
        margin-top: -50px;
    }
    @include mq('lg') {
        margin-top: -80px;
    }   
}
.megaphone-section.megaphone-bg-alt-2 + .megaphone-section.megaphone-section-featured,
.megaphone-section.megaphone-bg-alt-1 + .megaphone-section.megaphone-section-featured{
    margin-top: -40px;
    @include mq('md') {
        margin-top: -30px;
    }
    @include mq('lg') {
        margin-top: -50px;
    }    
}
.megaphone-header {
    + .megaphone-bg-alt-1,
    + .megaphone-bg-alt-2{
        margin-top: -40px;
        @include mq('md') {
            margin-top: -30px;
        }
        @include mq('lg') {
            margin-top: -50px;
        }
    }
}
.megaphone-section.megaphone-bg-alt-1.megaphone-section-subscribe,
.megaphone-section.megaphone-bg-alt-2.megaphone-section-subscribe{
    padding:30px 0 30px;   
    @include mq('md') {
        padding:50px 0 50px;
    }
}