/*	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		{ border: 2px solid transparent; 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: #FFFFFF; transition: all 0.4s ease-out; }

/* Socials Colours */
.wbst-scl		{ background-color: #18992C; }
.fcbk-scl		{ background-color: #3B5998; }
.twtr-scl		{ background-color: #00ACED; }
.insta-scl		{ background-color: #8134AF; }
.pntrst-scl		{ background-color: #B81621; }
.tmblr-scl		{ background-color: #001935; }
.ytube-scl		{ background-color: #DF1C31; }
.twtch-scl		{ background-color: #9147FF; }
.steam-scl		{ background-color: #171A21; }
.wrdprs-scl		{ background-color: #207196; }
.lnkdn-scl		{ background-color: #0A66C2; }
.drbl-scl		{ background-color: #D74579; }
.cdpen-scl		{ background-color: #000000; }
.gthub-scl		{ background-color: #444444; }
.amazn-scl		{ background-color: #F99000; }
.ebay-scl		{ background-color: #B39212; }
.etsy-scl		{ background-color: #F1641E; }
.pypl-scl		{ background-color: #27346A; }

/* Socials Hover State Colours */
.wbst-scl:hover		{ border-color: #18992C; }
.fcbk-scl:hover		{ border-color: #3B5998; }
.twtr-scl:hover		{ border-color: #00ACED; }
.insta-scl:hover	{ border-color: #8134AF; }
.pntrst-scl:hover	{ border-color: #B81621; }
.tmblr-scl:hover	{ border-color: #001935; }
.ytube-scl:hover	{ border-color: #DF1C31; }
.twtch-scl:hover	{ border-color: #9147FF; }
.steam-scl:hover	{ border-color: #171A21; }
.wrdprs-scl:hover	{ border-color: #207196; }
.lnkdn-scl:hover	{ border-color: #0A66C2; }
.drbl-scl:hover		{ border-color: #D74579; }
.cdpen-scl:hover	{ border-color: #000000; }
.gthub-scl:hover	{ border-color: #444444; }
.amazn-scl:hover	{ border-color: #F99000; }
.ebay-scl:hover		{ border-color: #B39212; }
.etsy-scl:hover		{ border-color: #F1641E; }
.pypl-scl:hover		{ border-color: #27346A; }

/* Socials Focus State Colours */
.wbst-scl:focus		{ border-color: #18992C; outline-color: #18992C6E; }
.fcbk-scl:focus		{ border-color: #3B5998; outline-color: #3B59986E; }
.twtr-scl:focus		{ border-color: #00ACED; outline-color: #00ACED6E; }
.insta-scl:focus	{ border-color: #8134AF; outline-color: #8134AF6E; }
.pntrst-scl:focus	{ border-color: #B81621; outline-color: #B816216E; }
.tmblr-scl:focus	{ border-color: #001935; outline-color: #0019356E; }
.ytube-scl:focus	{ border-color: #DF1C31; outline-color: #DF1C316E; }
.twtch-scl:focus	{ border-color: #9147FF; outline-color: #9147FF6E; }
.steam-scl:focus	{ border-color: #171A21; outline-color: #171A216E; }
.wrdprs-scl:focus	{ border-color: #207196; outline-color: #2071966E; }
.lnkdn-scl:focus	{ border-color: #0A66C2; outline-color: #0A66C26E; }
.drbl-scl:focus		{ border-color: #D74579; outline-color: #D745796E; }
.cdpen-scl:focus	{ border-color: #000000; outline-color: #0000006E; }
.gthub-scl:focus	{ border-color: #444444; outline-color: #4444446E; }
.amazn-scl:focus	{ border-color: #F99000; outline-color: #F990006E; }
.ebay-scl:focus		{ border-color: #B39212; outline-color: #B392126E; }
.etsy-scl:focus		{ border-color: #F1641E; outline-color: #F1641E6E; }
.pypl-scl:focus		{ border-color: #27346A; outline-color: #27346A6E; }

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

/* Socials Background Hover Effect FA Icon Hover & Focus State Colours */
.bgrnd-hvr-scls .wbst-scl:hover .icon, .bgrnd-hvr-scls .wbst-scl:focus .icon		{ color: #18992C; }
.bgrnd-hvr-scls .fcbk-scl:hover .icon, .bgrnd-hvr-scls .fcbk-scl:focus .icon		{ color: #3B5998; }
.bgrnd-hvr-scls .twtr-scl:hover .icon, .bgrnd-hvr-scls .twtr-scl:focus .icon		{ color: #00ACED; }
.bgrnd-hvr-scls .insta-scl:hover .icon, .bgrnd-hvr-scls .insta-scl:focus .icon		{ color: #8134AF; }
.bgrnd-hvr-scls .pntrst-scl:hover .icon, .bgrnd-hvr-scls .pntrst-scl:focus .icon	{ color: #B81621; }
.bgrnd-hvr-scls .tmblr-scl:hover .icon, .bgrnd-hvr-scls .tmblr-scl:focus .icon		{ color: #001935; }
.bgrnd-hvr-scls .ytube-scl:hover .icon, .bgrnd-hvr-scls .ytube-scl:focus .icon		{ color: #DF1C31; }
.bgrnd-hvr-scls .twtch-scl:hover .icon, .bgrnd-hvr-scls .twtch-scl:focus .icon		{ color: #9147FF; }
.bgrnd-hvr-scls .steam-scl:hover .icon, .bgrnd-hvr-scls .steam-scl:focus .icon		{ color: #171A21; }
.bgrnd-hvr-scls .wrdprs-scl:hover .icon, .bgrnd-hvr-scls .wrdprs-scl:focus .icon	{ color: #207196; }
.bgrnd-hvr-scls .lnkdn-scl:hover .icon, .bgrnd-hvr-scls .lnkdn-scl:focus .icon		{ color: #0A66C2; }
.bgrnd-hvr-scls .drbl-scl:hover .icon, .bgrnd-hvr-scls .drbl-scl:focus .icon		{ color: #D74579; }
.bgrnd-hvr-scls .cdpen-scl:hover .icon, .bgrnd-hvr-scls .cdpen-scl:focus .icon		{ color: #000000; }
.bgrnd-hvr-scls .gthub-scl:hover .icon, .bgrnd-hvr-scls .gthub-scl:focus .icon		{ color: #444444; }
.bgrnd-hvr-scls .amazn-scl:hover .icon, .bgrnd-hvr-scls .amazn-scl:focus .icon		{ color: #F99000; }
.bgrnd-hvr-scls .ebay-scl:hover .icon, .bgrnd-hvr-scls .ebay-scl:focus .icon		{ color: #B39212; }
.bgrnd-hvr-scls .etsy-scl:hover .icon, .bgrnd-hvr-scls .etsy-scl:focus .icon		{ color: #F1641E; }
.bgrnd-hvr-scls .pypl-scl:hover .icon, .bgrnd-hvr-scls .pypl-scl:focus .icon		{ color: #27346A; }