/*	phpBB3 Style Sheet
	--------------------------------------------------------------
	phpBB Extension Name:	Basic Footer Socials
	Extension Developer:	ForumFlair (https://forumflair.co.uk)
	Compatible Style:		Prosilver
	--------------------------------------------------------------
*/

/* Prosilver RTL Bug Fix -------------------------------------------- */
/* Fixes icon padding mistake found in prosilver bidi.css file */
.rtl .bscftrscls-social .icon { padding: 0; }
/* Can Be Removed When Bug Is Fixed --------------------------------- */

/* Defaults */
.bscftrscls		{ margin: 0 0 6px 0; }
.bscftrscls ul	{ display: flex; flex-wrap: wrap; justify-content: center; }
.bscftrscls li	{ list-style: none; }
.bscftrscls a	{ display: flex; align-items: center; justify-content: center; margin: 8px; text-decoration: none; }

/* Icon Defaults */
.bscftrscls .icon::before { padding: 0; }

/* Hover Transform Effects Defaults */
.spn-hvr-scls .scl:hover .icon, .spn-hvr-scls .scl:focus .icon	{ transform: rotateZ(360deg); }
.zm-hvr-scls .scl:hover .icon, .zm-hvr-scls .scl:focus .icon	{ transform: scale(0.8); }

/* Socials Corners */
.flt-scls .scl	{ border-radius: 0; }
.rndd-scls .scl { border-radius: 5px; }
.rnd-scls .scl	{ border-radius: 50%; }

/* Socials Size */
.sml-scls .scl { height: 40px; width: 40px; }
.mdm-scls .scl { height: 46px; width: 46px; }
.lrg-scls .scl { height: 52px; width: 52px; }

/* Socials FA Icon Size */
.sml-scls .icon	{ font-size: 20px; }
.mdm-scls .icon	{ font-size: 24px; }
.lrg-scls .icon	{ font-size: 28px; }

/* Socials Styling Defaults */
.scl		{ background-color: #FFFFFF; border: 2px solid #105289; transition: all 0.4s ease-out; }
.scl:hover	{ outline-color: transparent; transition: all 0.4s ease-out; }
.scl:focus	{ outline: 5px solid transparent; transition: all 0.4s ease-out; }
.scl .icon	{ color: #105289; transition: all 0.4s ease-out; }

/* Socials Background Hover Effect Hover & Focus State Colours */
.bgrnd-hvr-scls .scl:hover { background-color: #105289; }
.bgrnd-hvr-scls .scl:focus { background-color: #105289; outline-color: #1052896E; }

/* Socials Background Hover Effect Hover & Focus State Colours */
.bgrnd-hvr-scls .scl:hover .icon, .bgrnd-hvr-scls .scl:focus .icon	{ color: #FFFFFF; }

/* Socials Spin Hover Effect Hover & Focus State Colours */
.spn-hvr-scls .scl:hover { border-color: #D31141; }
.spn-hvr-scls .scl:focus { border-color: #D31141; outline-color: #D311416E; }

/* Socials Spin Hover Effect FA Icon Hover & Focus State Colours */
.spn-hvr-scls .scl:hover .icon, .spn-hvr-scls .scl:focus .icon { color: #D31141; }

/* Socials Zoom Hover Effect Hover & Focus State Colours */
.zm-hvr-scls .scl:hover { border-color: #D31141; }
.zm-hvr-scls .scl:focus { border-color: #D31141; outline-color: #D311416E; }

/* Socials Zoom Hover Effect FA Icon Hover & Focus State Colours */
.zm-hvr-scls .scl:hover .icon, .zm-hvr-scls .scl:focus .icon { color: #D31141; }