/*accesspress social counter front end css*/

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('https://tvio.it/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot') format('embedded-opentype'),  url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
	     url('https://tvio.it/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf')  format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.clearfix:after, .clearfix:before{ display:table; content:""}
.clearfix:after{ clear:both};
.clearfix{*zoom:1}

.apsc-each-profile {
    font-family: 'MyriadPro-Regular';
}

.apsc-theme-1 .apsc-each-profile {
    float: left;
    min-height: 80px;
    text-align: center;
    width: 80px;
    margin: 5px;
}

.apsc-each-profile a{
	font-weight:normal;
    color:white !important;
    text-decoration:none;
}
.apsc-each-profile a:hover{
	color:white !important;
    text-decoration:none !important;
}

.apsc-theme-1 .apsc-each-profile a{
	padding: 9px;
	display: block;
	color: #fff;
	position:relative;
	border-radius: 5px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/
	-moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/
	-webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/

	transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.entry-content  .apsc-each-profile a{
	border:none;
}

.site-footer .widget .apsc-each-profile a{
	color: #fff;
    text-decoration:none;
}

.social-icon {
    display: block;
}

.apsc-theme-1 .media-name {
    display: none;
}

.apsc-theme-1 .apsc-count {
    font-size: 16px;
    display: block;
    line-height: 15px;
    padding: 2px 0 0;
}

.entry-content .apsc-each-profile a,.entry-content .apsc-each-profile a:hover,.entry-content .apsc-each-profile a:focus {
    color: #fff;
    text-decoration:none;
}

.apsc-theme-1 .apsc-each-profile  a:before {
    background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}

.apsc-theme-1 .apsc-each-profile a:hover:before {
    opacity: 1;
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
}

.apsc-theme-1 .apsc-each-profile a:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
}

.apsc-theme-1 .social-icon .fa,
.apsc-theme-1 .social-icon .fas,
.apsc-theme-1 .social-icon .fab {
    font-size: 45px;
}

.apsc-facebook-icon {
	background-color:#3b5998;
}

.apsc-twitter-icon{
	background-color:#1dcaff;
}

.apsc-youtube-icon{
	background-color:#e52d27;
}

.apsc-soundcloud-icon{
	background-color:#ff8800;
}

.apsc-dribble-icon{
	background-color:#ea4c89;
}

.apsc-comment-icon{
	background-color:#464646;
}

.apsc-edit-icon{
	background-color:#837d7d;
}

.apsc-google-plus-icon{
	background-color:#dd4b39;
}

.apsc-instagram-icon{
	background-color:#3f729b;
}

.apsc-theme-1 .apsc-media-type {
    display: none;
}


/********************************************Theme 2 css*******************************************************/

.apsc-theme-2 .apsc-each-profile {
    float: left;
    min-height: 83px;
    text-align: center;
    width: 80px;
    margin: 5px;
}

.apsc-theme-2 .apsc-each-profile a{
	display: block;
	color: #fff;
	position:relative;
	border-radius: 5px;

	transform: translateZ(0px);
	-webkit-transform:translateZ(0px);
	-ms-transform: translateZ(0px);

	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/
	-moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/
	-webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/


	transition:transform 0.5s ease-in-out;
	-webkit-transition:transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition:transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
}

.apsc-theme-2 .apsc-inner-block{
	padding: 8px;
	border-radius: 5px;

	-webkit-box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);
	box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);

	
}


.apsc-theme-2 .apsc-each-profile a:hover{
    transform: scale(1.1) rotate(5deg);
    -webkit-transform:scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
}

.apsc-theme-2 .apsc-count {
    font-size: 14px;
    display: block;
    line-height: 14px;
    padding: 1px 0;
}

.apsc-theme-2 .social-icon .fa,
.apsc-theme-2 .social-icon .fab,
.apsc-theme-2 .social-icon .fas {
    font-size: 36px;
}

.apsc-theme-2 .media-name {
    display: none;
}

.apsc-theme-2 .apsc-media-type {
    display: block;
    font-size: 11px;
    line-height: 11px;
}

/********************************************Theme 3 css*******************************************************/


.apsc-theme-3 .apsc-each-profile {
    float: left;
    margin: 5px;
}

.apsc-theme-3 .social-icon {
    display: table-cell;
    min-width: 97px;
    padding: 0 0 0 4px;
    vertical-align: middle;
    position:relative;

    transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-3 .apsc-each-profile a{
	border-radius: 4px;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 1px;
    position: relative;
    text-shadow: none;
}

.apsc-theme-3 .apsc-count {
    background-color: #fff;
}

.apsc-theme-3 .social-icon .fa,
.apsc-theme-3 .social-icon .fab,
.apsc-theme-3 .social-icon .fas {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
}

.apsc-theme-3 .media-name {
    display: table-cell;
    font-size: 14px;
    padding: 0 13px 0 5px;
    text-transform: capitalize;
    vertical-align: middle;
    min-width: 77px;
}

.apsc-theme-3 .apsc-count {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #666666;
    display: table-cell;
    font-size: 16px;
    min-width: 52px;
    padding: 3px 10px;
    text-align: center;
    position:relative;
    opacity:1;

    transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}


.apsc-theme-3 .apsc-count:before {
    border-bottom: 4px solid transparent;
    border-right: 4px solid #fff;
    border-top: 4px solid transparent;
    content: "";
    left: -4px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
}

/*.apsc-theme-3 .apsc-each-profile a:hover .apsc-count{
    height: 32px;
    min-width: 0;
    opacity: 0;
    padding: 0;
    width: 0;
}*/

.apsc-theme-3 .apsc-each-profile a:hover .social-icon{
	background-color:#fff;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.apsc-theme-3 .apsc-each-profile a:hover .apsc-count{
	color:#fff;
}

.apsc-theme-3 .apsc-each-profile a:hover .social-icon:after {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    content: "";
    margin-top: -3px;
    position: absolute;
    right: -4px;
    top: 50%;
    z-index: 2;
}

.apsc-theme-3 .apsc-media-type {
    display: none;
}


.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .social-icon{
	color:#e52d27;
}

.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .apsc-count{
	background-color:#e52d27;
}

.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .social-icon{
	color:#ff8800;
}

.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .apsc-count{
	background-color:#ff8800;
}

.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .social-icon{
	color:#ea4c89;
}

.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .apsc-count{
	background-color:#ea4c89;
}

.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .social-icon{
	color:#464646;
}

.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .apsc-count{
	background-color:#464646;
}

.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .social-icon{
	color:#1dcaff;
}

.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .apsc-count{
	background-color:#1dcaff;
}

.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .social-icon{
	color:#3f729b;
}

.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .apsc-count{
	background-color:#3f729b;
}

.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .social-icon{
	color:#3b5998;
}

.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .apsc-count{
	background-color:#3b5998;
}


.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .social-icon{
	color:#dd4b39;
}

.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .apsc-count{
	background-color:#dd4b39;
}


.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .social-icon{
	color:#837d7d;
}

.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .apsc-count{
	background-color:#837d7d;
}

/********************************************Theme 4 css*******************************************************/
.apsc-theme-4 .apsc-each-profile {
    float: left;
    margin: 5px;
}

.apsc-theme-4 .social-icon {
   display: inline-block;
    position:relative;

    transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a{
	padding: 2px 9px 2px 6px;
	display: block;
	color: #fff;
	position:relative;
	border-radius: 4px;
}

.apsc-theme-4 .apsc-each-profile a .fa,
.apsc-theme-4 .apsc-each-profile a .fas,
.apsc-theme-4 .apsc-each-profile a .fab{
	transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);

	transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}


.apsc-theme-4 .apsc-each-profile a:hover .fa,
.apsc-theme-4 .apsc-each-profile a:hover .fas,
.apsc-theme-4 .apsc-each-profile a:hover .fab{
    transform: scale(1.3) translateZ(0px);
    -webkit-transform:scale(1.3) translateZ(0px);
    -ms-transform: scale(1.3) translateZ(0px);
}

.apsc-theme-4 .social-icon .fa,
.apsc-theme-4 .social-icon .fas,
.apsc-theme-4 .social-icon .fab {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.apsc-theme-4 .media-name {
   display: inline-block;
    font-size: 14px;
    padding: 0 6px 0 5px;
    text-transform: capitalize;
}

.apsc-theme-4 .apsc-count {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    position:relative;
    font-family: 'MyriadPro-Bold';
    transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-media-type {
    display: none;
}

/********************************************Theme 5 css*******************************************************/
.apsc-theme-5 .apsc-each-profile {
    min-height: 60px;
    text-align: center;
    width: 60px;
    margin: 5px;
}

.apsc-theme-5 .apsc-each-profile a{
	padding: 6px;
	display: block;
	color: #fff;
	position:relative;
	border-radius: 5px;
	transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";/*IE 8*/
	-moz-box-shadow: 1px 1px 2px #b3b3b3;/*FF 3.5+*/
	-webkit-box-shadow: 1px 1px 2px #b3b3b3;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 1px 1px 2px #b3b3b3;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); /*IE 5.5-7*/

	transition: all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.entry-content  .apsc-each-profile a{
	border:none;
}

.social-icon {
    display: block;
}

.apsc-theme-5 .apsc-count {
    font-size: 12px;
    display: block;
    line-height: 12px;
    padding: 3px 0 0;
}

.apsc-theme-5 .social-icon .fa,
.apsc-theme-5 .social-icon .fas,
.apsc-theme-5 .social-icon .fab {
    font-size: 34px;
}

.apsc-theme-5 .social-icon {
    height: 34px;
}

.apsc-theme-5 .media-name {
    display: none;
}

.apsc-theme-5 .apsc-media-type {
    display: none;
}


.apsc-theme-5 .apsc-each-profile a:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
}


/************************************************responsive*************************************************************/


@media screen and (max-width:479px){

.apsc-theme-4 .apsc-each-profile a,.apsc-theme-3 .apsc-each-profile a {
    display: inline-block;
}


.apsc-theme-4 .apsc-each-profile ,.apsc-theme-3 .apsc-each-profile{
    float: none;
}

}
/*******Updated CSS******/
.apsc-icons-wrapper.apsc-font-awesome-four .fa{
    font-family: FontAwesome;
    font-weight: 400;
}
.apsc-icons-wrapper.apsc-font-awesome-five .fab{
    font-family: 'Font Awesome 5 Brands';
}
.apsc-icons-wrapper.apsc-font-awesome-five .fas{
    font-family:'Font Awesome 5 Free';
}