/* codeDESIGN - social_media_icons_small.css */ @charset "utf-8"; /* SOCIAL MEDIA */ .social_media [class^="col-"], .social_media [class*=" col-"] { padding-left: 0px; padding-right: 0px; } /* SOCIAL MEDIA BUTTONS SMALL */ .layout_social_media_buttons_small { width: 100%; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0%; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 1599px) { .layout_social_media_buttons_small { margin: 20px 0px 0px 0px; left: 10%; } } @media only screen and (max-width: 1199px) { .layout_social_media_buttons_small { margin: 10px 0px 0px 0px; left: 20%; } } @media only screen and (max-width: 991px) { .layout_social_media_buttons_small { margin: 0px 0px 0px 0px; left: 25%; } } .layout_social_media_buttons_small div.social_media_button_small a span { display: none; } @media only screen and (max-width: 768px) { .layout_social_media_buttons_small div.social_media_button_small { text-align: center; } .layout_social_media_buttons_small div.social_media_button_small a span { display: none; } } .layout_social_media_buttons_small div.social_media_button_small:hover a i.fab { } .layout_social_media_buttons_small div.social_media_button_small i.fab { font-size: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 991px) { .layout_social_media_buttons_small div.social_media_button_small i.fab { font-size: 20px; } } @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .layout_social_media_buttons_small div.social_media_button_small i.fab { font-size: 20px; } } .layout_social_media_buttons_small div.social_media_button_small.facebook:hover i.fab { color: #537CBE; } .layout_social_media_buttons_small div.social_media_button_small.instagram:hover i.fab { color: #c32aa3; } .layout_social_media_buttons_small div.social_media_button_small.youtube:hover i.fab { color: #cd201f; } .layout_social_media_buttons_small div.social_media_button_small.google:hover i.fab { color: #d14836; } .layout_social_media_buttons_small div.social_media_button_small.twitter:hover i.fab { color: #55acee; } .layout_social_media_buttons_small div.social_media_button_small.pinterest:hover i.fab { color: #e60023; } .layout_social_media_buttons_small div.social_media_button_small.flickr:hover i.fab { color: #0063db; } .layout_social_media_buttons_small div.social_media_button_small.vimeo:hover i.fab { color: #1ab7ea; } .layout_social_media_buttons_small div.social_media_button_small.whatsapp:hover i.fab { color: #28B03B; } .layout_social_media_buttons_small div.social_media_button_small.xing:hover i.fab { color: #006567; } .layout_social_media_buttons_small div.social_media_button_small.linkedin:hover i.fab { color: #0073b0; } .social_media_button_small_href { position: relative; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .social_media_button_small_href:before { content: ''; position: absolute; bottom: 0; left: 0; top: 0; right: 0; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: top, left, right, bottom; -moz-transition-property: top, left, right, bottom; -ms-transition-property: top, left, right, bottom; -o-transition-property: top, left, right, bottom; transition-property: top, left, right, bottom; } .social_media_button_small_href:hover:before, .social_media_button_small_href:focus:before{ border: 1px solid rgba(1, 1, 1, 0.4); bottom: -20px; left: -20px; top: -20px; right: -20px; }