<?php if ( absint ( get_theme_mod( 'social_icon_display_1' , true ) ) ) : ?>
<?php if ( is_customize_preview() ) echo '<div class="customizer"></div>'; ?>

                <ul class="social">
            
<?php if ( absint ( get_theme_mod( 'social_icon_display_2' , true ) ) ) : ?>
                    <li class="beer">

                        <a aria-label="<?php esc_attr_e( 'Beer','semper-fi-lite')?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_2' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif;  if ( absint ( get_theme_mod( 'social_icon_display_3' , true ) ) ) : ?>
                    <li class="bitcoin">

                        <a aria-label="<?php esc_attr_e( 'Bitcoin' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_3' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_4' , true ) ) ) : ?>
                    <li class="compass">

                        <a aria-label="<?php esc_attr_e( 'Compass' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_4' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_5' , true ) ) ) : ?>
                    <li class="facebook">

                        <a aria-label="<?php esc_attr_e( 'Facebook' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_5' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif;  if ( absint ( get_theme_mod( 'social_icon_display_6' , true ) ) ) : ?>
                    <li class="facebook-messenger">

                        <a aria-label="<?php esc_attr_e( 'Facebook Messenger' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_6' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_8' , true ) ) ) : ?>
                    <li class="instagram">

                        <a aria-label="<?php esc_attr_e( 'Instagram' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_8' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_9' , true ) ) ) : ?>
                    <li class="linkedin">

                        <a aria-label="<?php esc_attr_e( 'LinkedIn' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_9' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_10' , true ) ) ) : ?>
                    <li class="maps">

                        <a aria-label="<?php esc_attr_e( 'Google Maps' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_10' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_11' , true ) ) ) : ?>
                    <li class="phone">

                        <a aria-label="<?php esc_attr_e( 'Phone' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_11' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_12' , true ) ) ) : ?>
                    <li class="reddit">

                        <a aria-label="<?php esc_attr_e( 'Reddit' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_12' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_13' , true ) ) ) : ?>
                    <li class="rocket">

                        <a aria-label="<?php esc_attr_e( 'A Rocket' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_13' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_14' , true ) ) ) : ?>
                    <li class="soundcloud">

                        <a aria-label="<?php esc_attr_e( 'Sound Cloud' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_14' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_15' , true ) ) ) : ?>
                    <li class="steam">

                        <a aria-label="<?php esc_attr_e( 'Steam' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_15' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_16' , true ) ) ) : ?>
                    <li class="tachometer">

                        <a aria-label="<?php esc_attr_e( 'Tachometer' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_16' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_17' , true ) ) ) : ?>
                    <li class="twitter">

                        <a aria-label="<?php esc_attr_e( 'Twitter' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_17' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_18' , true ) ) ) : ?>
                    <li class="wordpress">

                        <a aria-label="<?php esc_attr_e( 'WordPress' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_18' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_19' , true ) ) ) : ?>
                    <li class="yelp">

                        <a aria-label="<?php esc_attr_e( 'Yelp' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_19' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; if ( absint ( get_theme_mod( 'social_icon_display_20' , true ) ) ) : ?>
                    <li class="youtube">

                        <a aria-label="<?php esc_attr_e( 'YouTube' , 'semper-fi-lite' ); ?>" itemprop="sameAs" href="<?php echo esc_url( get_theme_mod( 'social_icon_url_20' , get_admin_url() . 'customize.php' ) ); ?>"></a>

                    </li>
            
<?php endif; ?>
                </ul>
<?php endif; ?>