:root {

    --yn-text-color:#000;
    --yn-theme-color:#D652BD;
    --yn-category-color:#FFF;
    --yn-font-size: 13px;
	
}

/* Yes No Tarot*/
	.divine__yn__widget{
		width: 100% !important;
		border-radius: 20px !important;
		border: 1px solid #EDEDED !important;
		margin: 2rem 0px !important;	
	}
	
	.divine__yn__widget h2:before{
		display: none !important;
	}

	.divine__yn__widget a:focus{
	    outline: none !important;
	    outline-style: none !important;
	    text-decoration: none !important;	
	}

	.divine__yn__heading{
		margin-top: 0.5rem  !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		text-align: center  !important;
	}

	.divine__yn__subheading{
		font-size: 18px !important;
		text-align: center  !important;
		text-transform: uppercase !important;
		letter-spacing: 3px !important;
	}

	.divine__yn__deck {
		height: 800px;
		overflow: hidden !important;
		position: relative
	}

	.divine__yn__deck .divine__yn__innnerdeck {
		margin: 30px auto 0 !important;
		width: 1530px !important;
		position: relative
	}

	.divine__yn__deck .divine__yn__innnerdeck .divine__yn__card {
		background: url('../images/card.jpg') no-repeat top left !important;
		border: none !important;
		width: 398px;
		height: 489px;
		display: block !important;
		position: absolute !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-webkit-transition: none !important;
		transition: none !important;
		box-shadow: none !important;
	}

	.divine__yn__deck .divine__yn__innnerdeck .divine__yn__card:hover {
	    background-position: 0 -425px !important;
	}

	@media only screen and (min-width:0px) and (max-width:4000px) {
		.divine__yn__deck {
		    height: 360px;
		}
		.divine__yn__deck .divine__yn__innnerdeck {
			width: calc(100% - 300px) !important;
			margin: 0 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .divine__yn__card {
			-ms-transform: rotate(0deg) !important;
			-webkit-transform: rotate(0deg) !important;
			transform: rotate(0deg) !important;
			top: 0 !important;
			width: 300px;
			height: 360px;
			background-size: cover !important;
		}

		.divine__yn__deck .divine__yn__innnerdeck .card-1 {
			left: 0% !important;
			z-index: 12 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-2 {
			left: 10% !important;
			z-index: 11 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-3 {
			left: 19% !important;
			z-index: 10 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-4 {
			left: 28% !important;
			z-index: 9 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-5 {
			left: 37% !important;
			z-index: 8 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-6 {
			left: 46% !important;
			z-index: 7 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-7 {
			left: 55% !important;
			z-index: 6 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-8 {
			left: 64% !important;
			z-index: 5 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-9 {
			left: 73% !important;
			z-index: 4 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-10 {
			left: 82% !important;
			z-index: 3 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-11 {
			left: 91% !important;
			z-index: 2 !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .card-12 {
			left: 100% !important;
			z-index: 1 !important;
		}
		.tarot-content.suits {
		    text-align: center !important;
		}
	}

	@media only screen and (max-width: 500px) {
		.divine__yn__deck{
			height: 300px;
		}
		.divine__yn__card{
			height: 300px  !important;
			width: 250px  !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck{
		    width: calc(100% - 250px) !important;
		}
		.divine__yn__deck .divine__yn__innnerdeck .divine__yn__card:hover {
		    background-position: 0 -355px !important;
		}  
		ul.widgetDT_tab li a{
		    font-size: 10px !important;
		}
		.widgetDT_tab img{
		    width: 16px !important;
		}
		.widgetDT_tabcontent p{
		    font-size: 14px !important;
		}                    
	}

	.divine__yn__cardname{
		margin-top: 0 !important;
		margin-bottom: 10px !important;
		font-size: 30px !important;
		letter-spacing: 2px !important;
		font-weight: 500 !important;	
		color: var(--yn-theme-color) !important;	
	}

	.divine__yn__cardresult{
		margin: 0 !important;
	}
    
    .divine__yn__imagebox{
    	align-self: center !important;
    	text-align: center !important;
    }

    .divine__yn__result{
	    margin-top: 1em  !important;
        margin-bottom: 1em  !important;
		color: var(--yn-text-color)  !important;
		font-size: var(--yn-font-size)  !important;
    }

	.divine__yn__changecard__btn{
		color: var(--yn-category-color) !important;
		background-color: var(--yn-theme-color) !important;
		border-color: var(--yn-theme-color) !important;
		padding: .375rem .75rem !important;
		font-size: 16px !important;
		line-height: 1.5 !important;
		border-radius: .25rem !important;
	}  
	button.divine__yn__changecard__btn:hover {
		background-color: var(--yn-theme-color) !important;
		color: var(--yn-category-color) !important;
		filter: brightness(110%) !important;
	} 	
 
    /* Small Screen */
    .divine__yn__widget__sm .divine-row .divine__yn__imagebox,
    .divine__yn__widget__sm .divine-row .divine__yn__contentbox{
    	padding: 10px 20px !important;
    	width: 100% !important;
    }  
	#yes-no-tarot .divine__yn__heading {
		color: var(--yn-text-color) !important;
	}
	#yes-no-tarot .divine__yn__cardresult {
		color: var(--yn-text-color) !important;
	}
	
	#yes-no-tarot .divine__yn__subheading {
		color: var(--yn-text-color) !important;
	}
    /* Small Screen */

/* End Yes No Tarot*/