/* Snapwidget container styling */

.panel-snapwidget {
    position: relative;
    padding: 25px 25px;
    background: var(--dark-grey);
    color: #fff;
}

.panel-snapwidget .title {
    display: flex;
    flex-direction: column;
    padding: 0 0 var(--space-5);
    align-items: flex-start;
}

.panel-snapwidget .title i:before {
   font-size: 45px;
}

.panel-snapwidget .title h2 {
    font-size: 18px;
    letter-spacing: -0.18px;
    padding: 10px 0 0;
}

.panel-snapwidget .tagline {
    font-size: 18px;
    letter-spacing: -0.3px;
    padding: 20px 0 0;
}

.panel-snapwidget .tagline .contentRender_name_plugins_collections_type_custom_social_slides {
    display: block;
    margin: 20px 0 0;
}

.panel-snapwidget .tagline .contentRender_name_plugins_collections_type_custom_social_slides ul {
    display: flex;
    justify-content: flex-start;
}

@media (min-width: 60em) {

    .panel-snapwidget {
        position: relative;
        padding: 25px;
    }

	.panel-snapwidget .title {
        display: flex;
        flex-direction: row;
        max-width: var(--width-base);
        margin: 0 auto;
        padding: 20px var(--space-5) 45px;
        align-items: center;
    }
    
    .panel-snapwidget .title i:before {
       font-size: 50px;
    }
    
    .panel-snapwidget .title h2 {
        font-size: 30px;
        letter-spacing: -0.3px;
        padding: 0 var(--space-5);
    }
    
    .panel-snapwidget .tagline {
        max-width: var(--width-base);
        margin: 0 auto;
        padding: 60px var(--space-5) 40px;
        font-size: 30px;
        letter-spacing: -0.3px;
    }
    
    .panel-snapwidget .tagline .contentRender_name_plugins_collections_type_custom_social_slides {
        display: inline-block; 
        margin: 0 0 0 20px;
    }
}