/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */

.penci-homepage-title.style-15.penci-border-arrow:before {
    background: #D31FB1 !important;
}

.penci-homepage-title.style-15.pciconp-left.penci-border-arrow:after{
	color : white !important;
}
.penciel-bheading h3{
	color : #1e73be !important;
}

.penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a, .widget ul.side-newsfeed li .side-item .side-item-text h4 a{
	text-transform: uppercase !important;
}

.penci-smalllist-wrapper .cat>a.penci-cat-name:last-child {
	background : #D31FB1 !important;
	color : white;
    padding : 2px 4px 2px 4px;
}

.penci-simplelist li a {
    font-family: 'Roboto' !important;
}

.penci-builder-element.penci-data-time-format {
    text-transform: uppercase !important;
    font-family: 'Roboto' !important;
    background: #d31fb1 !important;
    color: white !important;
	font-weight: 600;
    padding: 5px !important;
}

.pcbg-title {
    text-transform: uppercase !important;
}

._livextv{
	width: 200px !important;
    text-align: center !important;
}


.penci_nav_col ._livextv {
	background: linear-gradient(270deg, #dd3333, #ff4d4d, #dd3333);
    background-size: 400% 400%;
    position: relative;
    padding-left: 40px;
	animation: liveGradient 4s ease infinite;
}

.penci_nav_col ._livextv::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid white;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
	animation: heartbeat 1.3s infinite ease-in-out;
}

@keyframes heartbeat {
    0%   { transform: translateY(-50%) scale(1); }
    25%  { transform: translateY(-50%) scale(1.2); }
    50%  { transform: translateY(-50%) scale(1); }
    75%  { transform: translateY(-50%) scale(1.2); }
    100% { transform: translateY(-50%) scale(1); }
}

@keyframes liveGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}