/* ===================================
    Typography color
====================================== */
/* text color */
.text-white {color:#FFF}
.text-black {color:#000}
.text-extra-dark-gray {color:#232323}
.text-dark-gray {color:#626262}
.text-extra-medium-gray {color:#757575}
.text-medium-gray {color:#939393}
.text-extra-light-gray {color:#b7b7b7}
.text-light-gray {color:#d6d5d5}
.text-very-light-gray {color:#ededed}
.text-deep-pink {color:#ff214f}
.text-yellow {color:#f7d23d;}
.text-color1 {color: #1c96d5;}



/* text link hover color */
a.text-link-white, a.text-link-white i {color:#ffffff}
a.text-link-white:hover, a.text-link-white:hover i, a.text-link-white:focus, a.text-link-white:focus i {color:#ff214f}
a.text-link-black, a.text-link-black i {color:#000000}
a.text-link-dark-gray {color:#939393}
a.text-link-dark-gray:hover, .text-link-dark-gray:focus {color:#232323}
a.text-link-extra-dark-gray {color:#232323}
a.text-link-extra-dark-gray:hover, a.text-link-extra-dark-gray:focus {color:#000000}
a.text-link-deep-pink:hover, a.text-link-deep-pink:hover i, a.text-link-deep-pink:focus, a.text-link-deep-pink:focus i {color:#fff}

/* hover color */
a.text-white-hover:hover, a.text-white-hover:focus {color:#fff !important;}
a.text-black-hover:hover, a.text-black-hover:focus {color:#000 !important;}
a.text-extra-dark-gray-hover:hover {color:#232323 !important;}
a.text-dark-gray-hover:hover {color:#626262 !important;}
a.text-extra-medium-gray-hover:hover {color:#757575 !important;}
a.text-medium-gray-hover:hover {color:#939393 !important;}
a.text-extra-light-gray-hover:hover {color:#b7b7b7 !important;}
a.text-light-gray-hover:hover {color:#d6d5d5 !important;}
a.text-very-light-gray-hover:hover {color:#ededed !important;}


/* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0}
.bg-medium-light-gray {background-color:#ededed}
.bg-light-gray {background-color:#f7f7f7}
.bg-very-light-gray {background-color:#fafafa}
.bg-deep-pink {background-color:#ff214f;}
.bg-yellow {background-color:#f7d23d;}
.bg-color1 {background-color: #1c96d5;}


.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.bg-charcoal-gray{background-color: #0e0f10;}


/* ===================================
    border color
====================================== */
.border-color-white {border-color:#fff}
.border-color-black {border-color:#000}
.border-color-extra-dark-gray {border-color:#232323}
.border-color-medium-dark-gray {border-color:#363636}
.border-color-dark-gray {border-color:#939393}
.border-color-extra-medium-gray {border-color:#dbdbdb}
.border-color-medium-gray {border-color:#e4e4e4}
.border-color-extra-light-gray {border-color:#ededed}
.border-color-light-gray {border-color:#f5f5f5}
.border-color-light-pink {border-color:#862237}
.border-color-deep-pink {border-color:#ff214f}
.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45);}
.border-color-transparent-white {border-color: rgba(255,255,255,.2);}

/* border color for overline icon box */
.overline-icon-box.overline-white{border-top-color: #fff;}
.overline-icon-box.overline-black{border-top-color: #000;}
.overline-icon-box.overline-extra-dark-gray{border-top-color: #232323;}
.overline-icon-box.overline-medium-dark-gray{border-top-color: #363636;}
.overline-icon-box.overline-dark-gray{border-top-color: #939393;}
.overline-icon-box.overline-extra-light-gray{border-top-color: #dbdbdb;}
.overline-icon-box.overline-medium-gray{border-top-color: #e4e4e4;}
.overline-icon-box.overline-light-gray{border-top-color: #f5f5f5;}
.overline-icon-box.overline-light-pink{border-top-color: #862237;}
.overline-icon-box.overline-deep-pink{border-top-color: #ff214f;}
.overline-icon-box.overline-transparent-pink{border-top-color: rgba(255, 33, 79, 0.45);}