/*!
 *  Icon Party CSS
 *  Contains code based on and/or copied from:
 *  Font Awesome by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* Overriding default Divi behaviour */
#page-container a.ds-iparty-awesome:before { font-family: FontAwesome !important;}

#page-container .et-social-icons.ds-icon-party { margin-right: 0; }

#page-container #top-header .et-social-icon > a.ds-iparty-awesome:before { font-size: 16px; }

#page-container #footer-bottom .et-social-icon > a.ds-iparty-awesome:before { font-size: 28px; }

#page-container .et-social-facebook a.ds-iparty-awesome:before { content: "\f09a" }
#page-container .et-social-twitter a.ds-iparty-awesome:before { content: "\f099" }
#page-container .et-social-google-plus a.ds-iparty-awesome:before { content: "\f0d5" }
#page-container .et-social-rss a.ds-iparty-awesome:before { content: "\f09e" }
#page-container .et-social-youtube a.ds-iparty-awesome:before { content: "\f16a" }

#page-container .et-social-500px a.ds-iparty-awesome:before { content: "\f26e" }

#page-container .et-social-linkedin a.ds-iparty-awesome:before { content: "\f0e1"; }

#page-container .et-social-pinterest a.ds-iparty-awesome:before { content: "\f231"; }

#page-container .et-social-tumblr a.ds-iparty-awesome:before { content: "\f173"; }

#page-container .et-social-instagram a.ds-iparty-awesome:before { content: "\f16d" }

#page-container .et-social-skype a.ds-iparty-awesome:before { content: "\f17e"; }

#page-container .et-social-flickr a.ds-iparty-awesome:before { content: "\f16e"; }

#page-container .et-social-dribbble a.ds-iparty-awesome:before { content: "\f17d"; }

#page-container .et-social-vimeo a.ds-iparty-awesome:before { content: "\f27d"; }

#page-container .et-social-behance a.ds-iparty-awesome:before { content: "\f1b4"; }

#page-container .et-social-bitbucket a.ds-iparty-awesome:before { content: "\f171"; }

#page-container .et-social-deviantart a.ds-iparty-awesome:before { content: "\f1bd"; }

#page-container .et-social-github a.ds-iparty-awesome:before { content: "\f09b"; }

#page-container .et-social-medium a.ds-iparty-awesome:before { content: "\f23a"; }

#page-container .et-social-meetup a.ds-iparty-awesome:before { content: "\f2e0"; }

#page-container .et-social-slack a.ds-iparty-awesome:before { content: "\f198"; }

#page-container .et-social-snapchat a.ds-iparty-awesome:before { content: "\f2ac"; }

#page-container .et-social-twitch a.ds-iparty-awesome:before { content: "\f1e8"; }

/* This code doesn't need to be included when Icon Party is integrated in a child theme */
.et-social-icons:not(.ds-icon-party) { display: none!important; }
/* End code that doesn't need to be included for child theme integration */

/* Turn span into tooltip */
#top-header .ds_icon_party_tooltip .et-social-icon:hover span { display: block; z-index: 999999; }

#top-header .ds_icon_party_tooltip .et-social-icon span {
    text-align: center;
	width: 100px;
    position: absolute;
    left: 50%;
	margin-left: -50px;
    bottom: -28px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 100;
    border-radius: 4px;
    animation: icon-appear 1s;
    animation-fill-mode: forwards;
}

#top-header .ds_icon_party_tooltip .et-social-icon:hover a { opacity: 1; }

@-moz-keyframes icon-appear { 0% { -webkit-opacity: 0; opacity: 0; } 100% { -webkit-opacity: 1; opacity: 1; } }

@-webkit-keyframes icon-appear { 0% { -webkit-opacity: 0;opacity: 0; } 100% { -webkit-opacity: 1;opacity: 1; } }

@-ms-keyframes icon-appear { 0% { -webkit-opacity: 0; opacity: 0; } 100% { -webkit-opacity: 1; opacity: 1; } }

@-o-keyframes icon-appear { 0% {-webkit-opacity: 0;opacity: 0; } 100% {-webkit-opacity: 1;opacity: 1; } }

@keyframes icon-appear { 0% {-webkit-opacity: 0;opacity: 0;} 100% {-webkit-opacity: 1;opacity: 1;} }

/* Style icons when included in main header */
#main-header .et-social-icon a { font-size: 16px; }

/* mobile menu modifications */
.et_mobile_menu .et-social-icon {
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 60px;
    float: left;
    line-height: 0;
}

.et_mobile_menu .et-social-icon a { border-bottom: 0; }

.et_mobile_menu .et-social-icon a:hover { color: inherit; }

/* End Icon Party CSS */