/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* morphic start */
.accordion.shadow-out .accordion-title {
    color: #8a9ebf;
    padding-left: 3%;
}
.accordion.shadow-out .accordion-header {
    border: 1px solid #d1d9e6;
    margin: 0;
}
.badge.bg-danger a:not(:hover){
	color: #F5AF01
}
.bcess {
    background-color: #89a4b0;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px;
}
.bookdark {
    margin: 0 auto 30px;
}
.bookdark tbody td {
    border-bottom: 1px solid #ebebec;
}
.bookdark tbody th {
    color: #f0f0f0;
    border-bottom: 1px solid #ebebec;
    border-right: 1px solid #ebebec;
    text-align: right;
    padding-right: 5px;
}
.flip-card-back .bookdark {
    font-size: 14px;
}
table.bookdark {
    border: 1px solid #ebebec;
}

.card.inset {
    box-shadow: inset 3px 3px 7px rgba(136, 165, 191, 0.48), inset -3px -3px 7px #fff;
}
.card.inset-dark {
    border-radius: 15px;
    background: #121212;
    box-shadow: inset -8px 8px 16px #0a0a0a, inset 8px -8px 16px #0c0d12;
    border: none;
}
.card-w .card.inset-dark {
    border: 1px solid rgba(25, 25, 25, 0.3);
}
.card-w .card {
    padding: 20px;
    border-radius: 20px;
    position: relative;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.cols2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.cols3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.cols4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.d3text1 {
    color: #f0fbfa !important;
    text-shadow: 0px 0px 0 rgb(220, 230, 228), 0px 1px 0 rgb(203, 213, 211), 0px 2px 0 rgb(185, 195, 193), 0px 3px 0 rgb(168, 178, 176), 0px 4px 0 rgb(151, 161, 159), 0px 5px 4px rgba(97, 142, 145, 0.7), 0px 5px 1px rgba(97, 142, 145, 0.5),
        0px 0px 4px rgba(97, 142, 145, 0.2);
}
.morphic h1 {
    font-size: 55px;
}
.morphic h1,
.morphic h2,
.morphic h3,
.morphic h4,
.morphic h5,
.morphic h6 {
    color: #a3bac1;
}
.morphic .side-tabs li a {
    border-bottom: thin #85A4AD solid;
	color: white;
    transition: all 0.7s ease-in-out;
    display: block;
    padding: 6px 10px;
}
.morphic table {
    border-color: #A6C5C7;
}.sec table td {
    color: #5B7D7F;
}
.groovy {
    border-radius: 15px;
}
.groovy,
.grooves {
    border-style: groove;
    border: 2px solid rgba(136, 175, 185, 0.25);
}
.liner {
    border: thin solid #e1c973;
}
.linen {
    border: thin solid #bcc2c5;
    padding: 10px;
}
.linex {
    border: thin solid #bcc2c5;
    margin: 10px;
    padding: 10px;
}
.morphic {
    background: #e0e5ec;
}
/* morphic ends */
.morph-dark {
    color: #ccc;
    background-color: #131313;
}
.textarea p{
	font-family: 'DM Sans', sans-serif;
	
    text-align: center;
}
p:last-child {
  margin-bottom: 5px;
}
.picred {
    text-align: left;
    font-size: 70%;
    margin: 0;
}
.shadow-out {
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
    border: 1px solid #d1d9e6;
}
.side-tabs .tab-nav li {
		background: #a3bac1;
		color: aliceblue;
		border-right: 0;
		border-top: 0;
		height: auto;
		text-align: left;
	}
.smtext {
    font-size: 88%;
    line-height: 120%;
}
ol.point {
    padding-left: 1em;
}

tbody tr td button {
    background-color: red;
    border: none;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    padding: 1px 5px;
}

.textarea {
    background-color: transparent;
    height: 42px;
    margin-top: 5px;
    resize: none;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 18px;
    box-shadow: inset 2px 3px 7px rgba(136, 165, 191, 0.48), inset 4px -3px 7px #fff;
}
.tone {
	display: flex
}
.tone li {
    display:table ; /* keep the background color wrapped tight */
	padding: 2px 6px 2px 10px;
	background-color:rgba(0, 5, 20, 0.7);
    border-radius: 3px;
	margin: 10px 0;
	font-weight: bold
}
.shad {
	display:table ;/* keep the background color wrapped tight */
    margin:9px auto;
	padding: 5px 15px;
	background-color:rgba(0, 5, 20, 0.8);
    border-radius: 50px;
}
.vidplaycon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.8em;
    height: 1.8em;
    transform: translate3d(-50%, -50%, 0);
    webkit-transform: translate3d(-50%, -50%, 0);
}
.vidplaybutt {
    background-image: url("../images/icons/video-play.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.web {
    background-color: #000061;
}
.emphasis-title.yel:hover h2 {
	color: #FF9600;
}
.youtube-embed iframe {
    width: 100%;
    position: absolute;
    height: 25vh;
    overflow: hidden;
}