/* ==============================================
	WEBSITE SELECTION COLORS
============================================== */

::selection {
    color: white;
    background-color: #363636;
}


/* ==============================================
	TEXT COLORS
============================================== */

.white {
    color: white;
}

.purple {
    background-image: linear-gradient(to right, #f5efe2 0%, #f5efe0 0%, #f5eedf 21%, #f4eddf 52%, #faf4e5 78%, #f5eede 100%);
    empty-cells: 32em 6789px;
}

.f-color {
    background-image: linear-gradient(to right, #548354 0%, #447544 0%, #488048 21%, #477447 52%, #436e43 78%, #367736 100%);
}

.b-color {
    background-image: radial-gradient( circle 671.5px at 10% 20%, #D8E3AA 59.1%, #D8E3AA 82.4%);
}

.bg-c {
    background-color: #fbf9f2;
}

.c-color {
    background-image: radial-gradient( circle 935px at 3.1% 5.8%, rgb(183, 209, 147) 0%, rgb(159, 197, 215) 100.2%);
}

.t-color {
    background-image: radial-gradient( circle 935px at 3.1% 5.8%, #f5f0d1 0%, #f4f4d9 70.2%);
}

.box-c {
    background-color: #fcfafa;
}

.ret {
    background-color: #eeeeed;
}
 .table-bg{background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);}

/* Colored */

.colored,
.colored-hover:hover,
.colored-active.active,
.plyr--full-ui input[type=range],
.modern-nav.link-hover-01 .nav-container .nav-menu .nav-links li:not(.extra-links):hover>a.nav-link,
.modern-nav.link-hover-01 .nav-container li.extra-links>a.nav-link:hover,
.modern-nav.link-hover-01 .nav-container li.active>a.nav-link,
.modern-nav.link-hover-01 .nav-container li>a.nav-link.active {
    color: #EB4242 !important;
}


/* Colored1 */

.colored1,
.colored1-hover:hover,
.colored1-active.active {
    color: #FF5454 !important;
}


/* Colored2 */

.colored2,
.colored2-hover:hover,
.colored2-active.active {
    color: #7E4B4B !important;
}


/* ==============================================
	BACKGROUND COLORS
============================================== */


/* bg-colored */

.bg-colored,
.bg-colored-hover:hover,
.bg-colored-active.active,
.bg-colored-hover-trigger:hover .bg-colored-hover-target,
.modern-nav .nav-links .nav-link:before,
.irs-from,
.irs-to,
.irs-single,
.irs-line-left,
.irs-line-mid,
.irs-line-right,
.dots-colored-active:not(.dots-circle) .slick-dots li.slick-active:before,
.plyr__control--overlaid,
.plyr__volume .plyr__control:hover,
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.twentytwenty-handle:active,
.underline-slide.underline-colored:before,
.underline-slide.underline-colored:after {
    background-color: #447544 !important;
}


/* bg-colored1 */

.bg-colored1,
.bg-colored1-hover:hover,
.bg-colored1-active.active,
.bg-colored1-hover-trigger:hover .bg-colored1-hover-target {
    background-color: #FF5454 !important;
}


/* bg-colored2 */

.bg-colored2,
.bg-colored2-hover:hover,
.bg-colored2-active.active,
.bg-colored1-hover-trigger:hover .bg-colored1-hover-target {
    background-color: #7E4B4B !important;
}


/* Soft backgrounds - colored Tones */

.bg-soft-colored:before,
.bg-soft-colored-hover:hover:before,
.bg-soft-colored-active.active:before,
.bg-soft-colored9:before,
.bg-soft-colored9-hover:hover:before,
.bg-soft-colored9-active.active:before {
    background-color: #6343a0;
}

.bg-soft-colored1:before,
.bg-soft-colored1-hover:hover:before,
.bg-soft-colored1-active.active:before {
    background-color: rgba(235, 66, 66, 0.1);
}

.bg-soft-colored2:before,
.bg-soft-colored2-hover:hover:before,
.bg-soft-colored2-active.active:before {
    background-color: rgba(235, 66, 66, 0.2);
}

.bg-soft-colored3:before,
.bg-soft-colored3-hover:hover:before,
.bg-soft-colored3-active.active:before {
    background-color: rgba(235, 66, 66, 0.3);
}

.bg-soft-colored4:before,
.bg-soft-colored4-hover:hover:before,
.bg-soft-colored4-active.active:before {
    background-color: rgba(235, 66, 66, 0.4);
}

.bg-soft-colored5:before,
.bg-soft-colored5-hover:hover:before,
.bg-soft-colored5-active.active:before {
    background-color: rgba(235, 66, 66, 0.5);
}

.bg-soft-colored6:before,
.bg-soft-colored6-hover:hover:before,
.bg-soft-colored6-active.active:before {
    background-color: rgba(235, 66, 66, 0.6);
}

.bg-soft-colored7:before,
.bg-soft-colored7-hover:hover:before,
.bg-soft-colored7-active.active:before {
    background-color: rgba(235, 66, 66, 0.7);
}

.bg-soft-colored8:before,
.bg-soft-colored8-hover:hover:before,
.bg-soft-colored8-active.active:before {
    background-color: rgba(235, 66, 66, 0.8);
}

.bg-soft-colored10:before,
.bg-soft-colored10-hover:hover:before,
.bg-soft-colored10-active.active:before {
    background-color: rgba(235, 66, 66, 1);
}


/* ==============================================
	BORDER COLORS
============================================== */


/* b-colored */

.b-colored,
.b-colored-hover:hover,
.b-colored-active.active,
.strip-timeline .dates div:hover:after,
.strip-timeline .dates div.active:after,
.interactive-packages .selector {
    border-color: #EB4242 !important;
}


/* b-colored1 */

.b-colored1,
.b-colored1-hover:hover,
.b-colored1-active.active {
    border-color: #FF5454 !important;
}


/* b-colored2 */

.b-colored2,
.b-colored2-hover:hover,
.b-colored2-active.active {
    border-color: #7E4B4B !important;
}


/* ==============================================
	SVG COLORS
============================================== */


/* Fills */


/* fill-colored */

.fill-colored,
.fill-colored-hover:hover,
.fill-colored-active.active {
    fill: #EB4242 !important;
}


/* fill-colored1 */

.fill-colored1,
.fill-colored1-hover:hover,
.fill-colored1-active.active {
    fill: #FF5454 !important;
}


/* fill-colored2 */

.fill-colored2,
.fill-colored2-hover:hover,
.fill-colored2-active.active {
    fill: #7E4B4B !important;
}


/* Strokes */


/* stroke-colored */

.stroke-colored,
.stroke-colored-hover:hover,
.stroke-colored-active.active {
    stroke: #EB4242 !important;
}


/* stroke-colored1 */

.stroke-colored1,
.stroke-colored1-hover:hover,
.stroke-colored1-active.active {
    stroke: #FF5454 !important;
}


/* stroke-colored2 */

.stroke-colored2,
.stroke-colored2-hover:hover,
.stroke-colored2-active.active {
    stroke: #7E4B4B !important;
}


/* ==============================================
	GRADIENT BACKGROUNDS
============================================== */


/* bg-gradient, hover, active, bg-soft-gradient */

.bg-soft-gradient:before,
.bg-gradient,
.bg-gradient-hover:hover,
.bg-gradient-active.active {
    background-image: #EC7876 !important;
    background-image: linear-gradient(-90deg, #EC7876 0%, #F4A088 100%) !important;
}


/* bg-gradient1, hover, active, bg-soft-gradient1 */

.bg-soft-gradient1:before,
.bg-gradient1,
.bg-gradient1-hover:hover,
.bg-gradient1-active.active {
    background-image: #FFC86C !important;
    background-image: linear-gradient(-90deg, #FFC86C 0%, #FFA726 100%) !important;
}


/* bg-gradient2, hover, active, bg-soft-gradient2 */

.bg-soft-gradient2:before,
.bg-gradient2,
.bg-gradient2-hover:hover,
.bg-gradient2-active.active {
    background-image: #6C56DA !important;
    background-image: linear-gradient(-90deg, #6C56DA 0%, #8C7AE6 100%) !important;
}


/* bg-gradient3, hover, active, bg-soft-gradient3 */

.bg-soft-gradient3:before {
    opacity: 0.92;
}

.bg-soft-gradient3:before,
.bg-gradient3,
.bg-gradient3-hover:hover,
.bg-gradient3-active.active {
    background-image: #7CD8AC !important;
    background-image: linear-gradient(-90deg, #7CD8AC 0%, #57AF82 100%) !important;
}


/* bg-gradient4, hover, active, bg-soft-gradient4 */

.bg-soft-gradient4:before,
.bg-gradient4,
.bg-gradient4-hover:hover,
.bg-gradient4-active.active {
    background-image: #131313 !important;
    background-image: linear-gradient(45deg, #131313 0%, #282828 100%) !important;
}