Merge pull request #413 from Codeinwp/development

Improved user experience by using Selective Refresh for widgets.
Improved compatibility with Max Mega Menu plugin for mobile
Update Font Awesome to the latest version
Improved Customizer layout
Improved accessibility options
Fixed issue with media image uploader

Author: rodica-andronache

css/font-awesome.css

@@ -14,17 +14,6 @@
 	content: "\f160";	
 }
 
-.zerif-upgrade-to-pro-button {
-	padding: 3px 6px !important;
-	line-height: 1.5 !important;
-	font-size: 9px !important;
-	color: #ffffff !important;
-	background-color: #EA6F60;
-	letter-spacing: 1px;
-	text-transform: uppercase;
-	margin-left: 30px;
-}
-
 /* Tooltips */
 .zerif-moreinfo-icon {
 	color: #888;
@@ -74,7 +63,3 @@
 	width: 12px;
 }
 
-#accordion-section-zerif-upsell {
-	display: block !important;
-}
-

css/font-awesome.min.css

@@ -141,27 +141,27 @@
 
 							/* facebook */
 							if( !empty($zerif_socials_facebook) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_facebook).'"><i class="fa fa-facebook"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_facebook).'"><span class="sr-only">' . __( 'Go to Facebook', 'zerif-lite' ) . '</span> <i class="fa fa-facebook"></i></a></li>';
 							endif;
 							/* twitter */
 							if( !empty($zerif_socials_twitter) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_twitter).'"><i class="fa fa-twitter"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_twitter).'"><span class="sr-only">' . __( 'Go to Twitter', 'zerif-lite' ) . '</span> <i class="fa fa-twitter"></i></a></li>';
 							endif;
 							/* linkedin */
 							if( !empty($zerif_socials_linkedin) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_linkedin).'"><i class="fa fa-linkedin"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_linkedin).'"><span class="sr-only">' . __( 'Go to Linkedin', 'zerif-lite' ) . '</span> <i class="fa fa-linkedin"></i></a></li>';
 							endif;
 							/* behance */
 							if( !empty($zerif_socials_behance) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_behance).'"><i class="fa fa-behance"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_behance).'"><span class="sr-only">' . __( 'Go to Behance', 'zerif-lite' ) . '</span> <i class="fa fa-behance"></i></a></li>';
 							endif;
 							/* dribbble */
 							if( !empty($zerif_socials_dribbble) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_dribbble).'"><i class="fa fa-dribbble"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_dribbble).'"><span class="sr-only">' . __( 'Go to Dribble', 'zerif-lite' ) . '</span> <i class="fa fa-dribbble"></i></a></li>';
 							endif;
 							/* instagram */
 							if( !empty($zerif_socials_instagram) ):
-								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_instagram).'"><i class="fa fa-instagram"></i></a></li>';
+								echo '<li><a'.$attribut_new_tab.' href="'.esc_url($zerif_socials_instagram).'"><span class="sr-only">' . __( 'Go to Instagram', 'zerif-lite' ) . '</span> <i class="fa fa-instagram"></i></a></li>';
 							endif;
 							echo '</ul>';
 						endif;