0e54b604 by Jeremy Groot

social icon updates

1 parent d18ed698
......@@ -7049,62 +7049,22 @@ label.screen-reader-text {
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a {
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background: url("./../images/social-icon.svg") no-repeat;
width: 30px !important;
height: 30px !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon {
background-position: 0% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:hover {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:active {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.twitter-icon:focus {
background-position: 0% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon {
background-position: 33% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:hover {
background-position: 33% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:active {
background-position: 33% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.youtube-icon:focus {
background-position: 33% 100%;
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.instagram-icon {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="Instagram" transform="translate(-393.483 -2539.291)"><rect id="Rectangle_71" data-name="Rectangle 71" width="29.995" height="29.995" transform="translate(393.483 2539.291)" fill="%23fff"/><g id="Group_111" data-name="Group 111"><rect id="Rectangle_72" data-name="Rectangle 72" width="13.149" height="13.149" rx="3.284" transform="translate(401.906 2547.714)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_19" data-name="Ellipse 19" cx="3.154" cy="3.154" r="3.154" transform="translate(405.327 2551.135)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_20" data-name="Ellipse 20" cx="0.713" cy="0.713" r="0.713" transform="translate(411.634 2549.709)" fill="%2354565a"/></g></g></svg>');
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon {
background-position: 66% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:hover {
background-position: 66% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:active {
background-position: 66% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.facebook-icon:focus {
background-position: 66% 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="30" viewBox="0 0 29.995 30"><g id="Facebook" transform="translate(-312.767 -2539.291)"><rect id="Rectangle_69" data-name="Rectangle 69" width="29.995" height="30" transform="translate(312.767 2539.291)" fill="%23fff"/><path id="Path_778" data-name="Path 778" d="M324.15,2551.752h1.55v-1.507a4.031,4.031,0,0,1,.5-2.324,2.759,2.759,0,0,1,2.407-1.13,9.748,9.748,0,0,1,2.78.279l-.387,2.3a5.242,5.242,0,0,0-1.25-.187c-.6,0-1.143.217-1.143.819v1.753h2.473l-.173,2.244h-2.3v7.8H325.7V2554h-1.55Z" fill="%2354565a"/></g></svg>');
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon {
background-position: 100% 0%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:hover {
background-position: 100% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:active {
background-position: 100% 100%;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .social li a.linkedin-icon:focus {
background-position: 100% 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="LinkedIn" transform="translate(-353.125 -2539.294)"><rect id="Rectangle_70" data-name="Rectangle 70" width="29.995" height="29.995" transform="translate(353.125 2539.294)" fill="%23fff"/><path id="Path_779" data-name="Path 779" d="M363.912,2560.562h-2.923v-9.357h2.923Zm-1.537-10.528h-.02a1.623,1.623,0,0,1-1.744-1.621,1.782,1.782,0,1,1,1.764,1.621Zm13.233,10.528h-3.315v-4.842c0-1.268-.518-2.132-1.659-2.132a1.67,1.67,0,0,0-1.581,1.146,2.134,2.134,0,0,0-.073.764v5.064H365.7s.042-8.578,0-9.357h3.283v1.468a3,3,0,0,1,2.919-1.559c2.077,0,3.709,1.346,3.709,4.245Z" fill="%2354565a"/></g></svg>');
}
#new-footer #footer-sidebar #footer-sidebar3 {
background-color: #54565A;
......@@ -12884,76 +12844,6 @@ a[target=_blank] {
background-repeat: no-repeat;
}
.social {
list-style-position: inside;
-webkit-padding-start: 0px;
padding-inline-start: 0px;
padding-left: 40px;
}
.social li {
display: inline-block;
}
.social li a {
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background-image: url("../images/social-icon.svg") !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
.social li a.twitter-icon {
background-position: 0% 0%;
}
.social li a.twitter-icon:hover {
background-position: 0% 100%;
}
.social li a.twitter-icon:active {
background-position: 0% 100%;
}
.social li a.twitter-icon:focus {
background-position: 0% 100%;
}
.social li a.youtube-icon {
background-position: 33% 0%;
}
.social li a.youtube-icon:hover {
background-position: 33% 100%;
}
.social li a.youtube-icon:active {
background-position: 33% 100%;
}
.social li a.youtube-icon:focus {
background-position: 33% 100%;
}
.social li a.facebook-icon {
background-position: 66% 0%;
}
.social li a.facebook-icon:hover {
background-position: 66% 100%;
}
.social li a.facebook-icon:active {
background-position: 66% 100%;
}
.social li a.facebook-icon:focus {
background-position: 66% 100%;
}
.social li a.linkedin-icon {
background-position: 100% 0%;
}
.social li a.linkedin-icon:hover {
background-position: 100% 100%;
}
.social li a.linkedin-icon:active {
background-position: 100% 100%;
}
.social li a.linkedin-icon:focus {
background-position: 100% 100%;
}
.home .broker-footer-login {
display: none !important;
}
......@@ -14511,9 +14401,9 @@ article > h5 {
#page-header-landing {
max-width: 85.375rem;
max-width: 88.5rem;
padding-left: 3.125rem;
height: 100%;
max-height: 100%;
padding: 0 1rem !important;
}
#other-header {
height: 100%;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -261,9 +261,9 @@ article {
#page-header-landing {
max-width: 85.375rem;
max-width: calc(85.375rem + 3.125rem);
padding-left:3.125rem;
height: 100%;
max-height: 100%;
padding:0 1rem !important;
}
#other-header {
......
......@@ -187,9 +187,8 @@
-webkit-transition: none !important;
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background: url("./../images/social-icon.svg") no-repeat;
width: 30px !important;
height: 30px !important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
......@@ -197,74 +196,26 @@
background-color: transparent !important;
}
a.twitter-icon {
background-position: 0% 0%;
&:hover {
background-position: 0% 100%;
}
&:active {
background-position: 0% 100%;
}
&:focus {
background-position: 0% 100%;
}
}
a.youtube-icon {
background-position: 33% 0%;
a.instagram-icon {
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="Instagram" transform="translate(-393.483 -2539.291)"><rect id="Rectangle_71" data-name="Rectangle 71" width="29.995" height="29.995" transform="translate(393.483 2539.291)" fill="%23fff"/><g id="Group_111" data-name="Group 111"><rect id="Rectangle_72" data-name="Rectangle 72" width="13.149" height="13.149" rx="3.284" transform="translate(401.906 2547.714)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_19" data-name="Ellipse 19" cx="3.154" cy="3.154" r="3.154" transform="translate(405.327 2551.135)" fill="none" stroke="%2354565a" stroke-width="1.689"/><circle id="Ellipse_20" data-name="Ellipse 20" cx="0.713" cy="0.713" r="0.713" transform="translate(411.634 2549.709)" fill="%2354565a"/></g></g></svg>');
&:hover {
background-position: 33% 100%;
}
&:active {
background-position: 33% 100%;
}
&:focus {
background-position: 33% 100%;
}
}
a.facebook-icon {
background-position: 66% 0%;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="30" viewBox="0 0 29.995 30"><g id="Facebook" transform="translate(-312.767 -2539.291)"><rect id="Rectangle_69" data-name="Rectangle 69" width="29.995" height="30" transform="translate(312.767 2539.291)" fill="%23fff"/><path id="Path_778" data-name="Path 778" d="M324.15,2551.752h1.55v-1.507a4.031,4.031,0,0,1,.5-2.324,2.759,2.759,0,0,1,2.407-1.13,9.748,9.748,0,0,1,2.78.279l-.387,2.3a5.242,5.242,0,0,0-1.25-.187c-.6,0-1.143.217-1.143.819v1.753h2.473l-.173,2.244h-2.3v7.8H325.7V2554h-1.55Z" fill="%2354565a"/></g></svg>');
&:hover {
background-position: 66% 100%;
}
&:active {
background-position: 66% 100%;
}
&:focus {
background-position: 66% 100%;
}
}
a.linkedin-icon {
background-position: 100% 0%;
background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29.995" height="29.995" viewBox="0 0 29.995 29.995"><g id="LinkedIn" transform="translate(-353.125 -2539.294)"><rect id="Rectangle_70" data-name="Rectangle 70" width="29.995" height="29.995" transform="translate(353.125 2539.294)" fill="%23fff"/><path id="Path_779" data-name="Path 779" d="M363.912,2560.562h-2.923v-9.357h2.923Zm-1.537-10.528h-.02a1.623,1.623,0,0,1-1.744-1.621,1.782,1.782,0,1,1,1.764,1.621Zm13.233,10.528h-3.315v-4.842c0-1.268-.518-2.132-1.659-2.132a1.67,1.67,0,0,0-1.581,1.146,2.134,2.134,0,0,0-.073.764v5.064H365.7s.042-8.578,0-9.357h3.283v1.468a3,3,0,0,1,2.919-1.559c2.077,0,3.709,1.346,3.709,4.245Z" fill="%2354565a"/></g></svg>');
&:hover {
background-position: 100% 100%;
}
&:active {
background-position: 100% 100%;
}
&:focus {
background-position: 100% 100%;
}
}
}
......
......@@ -3278,99 +3278,7 @@ a[target=_blank]{
}
}
.social {
list-style-position: inside;
padding-inline-start: 0px;
padding-left: 40px;
li {
display: inline-block;
a {
-webkit-transition: none !important;
transition: none !important;
display: inline-block !important;
width: 36px !important;
height: 36px !important;
background-image: url("../images/social-icon.svg")!important;
text-indent: -999999px;
background-size: 400%;
box-shadow: none !important;
border: solid 1px #4A4E4F;
background-color: transparent !important;
}
a.twitter-icon {
background-position: 0% 0%;
&:hover {
background-position: 0% 100%;
}
&:active {
background-position: 0% 100%;
}
&:focus {
background-position: 0% 100%;
}
}
a.youtube-icon {
background-position: 33% 0%;
&:hover {
background-position: 33% 100%;
}
&:active {
background-position: 33% 100%;
}
&:focus {
background-position: 33% 100%;
}
}
a.facebook-icon {
background-position: 66% 0%;
&:hover {
background-position: 66% 100%;
}
&:active {
background-position: 66% 100%;
}
&:focus {
background-position: 66% 100%;
}
}
a.linkedin-icon {
background-position: 100% 0%;
&:hover {
background-position: 100% 100%;
}
&:active {
background-position: 100% 100%;
}
&:focus {
background-position: 100% 100%;
}
}
}
}
.home{
.broker-footer-login{
display: none !important;
......