.guten-JUn6fl.horizontal { justify-content: center; } .guten-JUn6fl.vertical { align-items: center; } .guten-JUn6fl .guten-social-icon { text-align: center; } .guten-JUn6fl .guten-social-icon a i { font-size: 20px; } .guten-JUn6fl .guten-social-icon a svg { font-size: 20px; } .guten-JUn6fl.fill .guten-social-icon a i, .guten-JUn6fl.border .guten-social-icon a i, .guten-JUn6fl.custom .guten-social-icon a i { color: var(--wp--preset--color--contrast); } .guten-JUn6fl.fill .guten-social-icon a svg, .guten-JUn6fl.border .guten-social-icon a svg, .guten-JUn6fl.custom .guten-social-icon a svg { fill: var(--wp--preset--color--contrast); } .guten-JUn6fl.border .guten-social-icon a { border-color: var(--wp--preset--color--contrast); } .guten-JUn6fl.horizontal > div:not(:first-child) { margin-left: 20px; } .guten-JUn6fl.vertical > div:not(:first-child) { margin-top: 20px; } .guten-JUn6fl .guten-social-icon a { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-JUn6fl.fill .guten-social-icon a:hover i, .guten-JUn6fl.border .guten-social-icon a:hover i, .guten-JUn6fl.custom .guten-social-icon a:hover i { color: rgba(255, 255, 255, 1); } .guten-JUn6fl.fill .guten-social-icon a:hover svg, .guten-JUn6fl.border .guten-social-icon a:hover svg, .guten-JUn6fl.custom .guten-social-icon a:hover svg { fill: rgba(255, 255, 255, 1); } .guten-JUn6fl.border .guten-social-icon a:hover { border-color: rgba(255, 255, 255, 1); } .guten-JUn6fl.fill .guten-social-icon a, .guten-JUn6fl.border .guten-social-icon a, .guten-JUn6fl.custom .guten-social-icon a { background-color: rgba(0, 0, 0, 0); } .guten-JUn6fl {   } .guten-JUn6fl.guten-element, .guten-JUn6fl.guten-element.horizontal > div { align-self: center; vertical-align: middle; } @media only screen and (max-width: 1024px) { .guten-JUn6fl.horizontal { justify-content: flex-start; } .guten-JUn6fl.vertical { align-items: flex-start; } .guten-JUn6fl .guten-social-icon { text-align: left; } .guten-JUn6fl .guten-social-icon a i { font-size: 16px; } .guten-JUn6fl .guten-social-icon a svg { font-size: 16px; } } @media only screen and (max-width: 767px) { .guten-JUn6fl .guten-social-icon a i { font-size: 15px; } .guten-JUn6fl .guten-social-icon a svg { font-size: 15px; } .guten-JUn6fl.horizontal > div:not(:first-child) { margin-left: 16px; } .guten-JUn6fl.vertical > div:not(:first-child) { margin-top: 16px; } }