/
var
/
www
/
barefootlaw.org
/
wp-content
/
plugins
/
mega-addons-for-visual-composer
/
css
/
Upload File
HOME
#mega-social-btn a { text-align: center; text-decoration: none; display: inline-block; webkit-transition: 0.5s; transition: 0.5s; } /*===================================================== Mega Social Icons Style 1 ===================================================== */ .mega-social-icons .icon-button { cursor: pointer; display: inline-block; margin: 0 5px; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Circle */ .mega-social-icons .icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; } .mega-social-icons .icon-button span { height: 0px !important; width: 0px !important; margin: 0px !important; } .mega-social-icons .icon-button:hover span { /*border-radius: 4.6rem;*/ height: inherit !important; width: inherit !important; margin: -50% !important; } /* Icons */ .mega-social-icons .icon-button i { background: none; color: #4099ff; height: 3.6rem; left: 0; line-height: 3.6rem; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3.6rem; z-index: 10; } .mega-social-icons .icon-button:hover i{ } /*===================================================== Mega Social Icons Style 2 ===================================================== */ /* footer social icons */ .mega-social-icons2 { list-style: none; display: inline; margin-left:0 !important; padding: 0; } .mega-social-icons2 { display: inline; margin: 0 5px; } a.socialIcon:hover, .socialHoverClass { /*color:#44BCDD;*/ } .mega-social-icons2 a { display:inline-block; position:relative; margin:0 auto 0 auto; text-align:center; webkit-transition: 0.3s; transition: 0.3s; } .mega-social-icons2 i { margin:0; text-align: center; } .mega-social-icons2 a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .mega-social-icons2 i { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .mega-social-icons2 a { background-color: #D3D3D3; } /*===================================================== Mega Social Icons Style 3 ===================================================== */ #mega-social-icons3 .social-button { display: inline-block; /*background-color: #fff;*/ text-align: center; position: relative; overflow: hidden; opacity: .99; border-radius: 28%; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); } #mega-social-icons3 .social-button span { content: ''; background-color: #000; width: 120%; height: 120%; position: absolute; top: 90%; left: -110%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); } #mega-social-icons3 .social-button i { font-size: 38px; vertical-align: middle; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); } #mega-social-icons3 .social-button span { /*background-color: #3B5998;*/ } #mega-social-icons3 .social-button i { /*color: #3B5998;*/ } #mega-social-icons3 .social-button:focus span, #mega-social-icons3 .social-button:hover span { top: -10%; left: -10%; } #mega-social-icons3 .social-button:focus i, #mega-social-icons3 .social-button:hover i { /*color: #fff;*/ -webkit-transform: scale(1); transform: scale(1); } /* ===================================================== Mega Social Icons Style 4 ===================================================== */ #dualbtn { display: inline-table; padding: 7px 0; } #dualbtn .btnicon { float: left; width: 30%; text-align: center; } #dualbtn .btntext { width: 69%; float: left; border-left: 1px solid #fff; text-align: center; } .clearfix { clear: both; } /* ===================================================== Mega Social Icons Style 5 ===================================================== */ .text-shadow a { -webkit-transition: 0.5s; transition: 0.5s; } .text-shadow a:hover { text-shadow: 0px 0px 25px; }