@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
>>> TABLE OF CONTENTS:
-----------------------------------------------------------

1.0		Standard
	 	1.1 Footer Copyright 
2.0		Advanced ADS 
3.0     MarketingSection
3.5     Advanced ADS Home Banners		
---------------------------------------------------------- */

/* ------------------------------------------------------------
		2.0		Advanced ADS
----------------------------------------------------------- */
	
	#adv_ads_wrapper {		
		display: grid;
		grid-template-areas: 
			"advads_image advads_header"
			"advads_image advads_header"
			"advads_body advads_body"
			"advads_btn advads_btn";
		grid-template-columns: 0.2fr 2fr;
		grid-column-gap: 0.1em;
		grid-row-gap: 0.5em;
	}
	
	
	.et_pb_widget_area_left {
    	border-right: none !important;
	}

	.et_pb_widget.kpoke-widget>div:nth-child(n+1):nth-child(-n+3){
		border-bottom: 0.01em solid var(--divider-color) !important;
		padding-bottom: 0.9em !important;
		margin-bottom:1em !important;
	}

	.et_pb_widget .kpoke-widget {
		border-right: none !important;
	}
	
	.adv_ads-image {
		grid-area: advads_image;
	}
	
	.adv_ads-image img { 
		max-width: 5vw;
		max-height: 3vw;
		object-fit:cover;
	}
	
	.adv_ads_header {
		grid-area: advads_header;
	}

	.adv_ads_header h4 {
		color: var(--primary-text-color) !important;
		font-size: 18px !important;
		font-weight:bold;
		text-transform: uppercase;
	}
	
	.adv_ads_body { 
		grid-area: advads_body;
	}
	
	.adv_ads_body p {
		color: var(--secondary-text-color) !important;
	}
	
	.adv_ads_btn {
		grid-area: advads_btn;	
		justify-self: left;	
		margin: 1.5vw 0;	
		
	}
	
	/* Disable the title */
	#kpoke-27801165 .kpoke-adlabel { 
		display: none !important;
	}
	
/*	------------------------------------------------------------
	2.1		Advanced ADS Button
	----------------------------------------------------------- */

	.kpoker_btn {
		color: var(--default-white-color) !important;
		font-size: 18px;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		background-color: var(--dark-primary-color) !important;
    }

    .kpoker_btn:hover {
    	padding: .3em 2em .3em .7em;
    	border: 2px solid transparent;
		background-color: var(--default-primary-color) !important;
	}	
	


/*	------------------------------------------------------------
	99.0	Media Query
	----------------------------------------------------------- */


	/* Large screens (1405px upwards) */
	@media only screen and ( min-width: 1405px ) { 
		
		
	} /* END: @media only screen and ( min-width: 1405px ) */
	
	/* Laptops and desktops (1100-1405px) */
	@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 

/*	------------------------------------------------------------
	2.0		Advanced ADS
----------------------------------------------------------- */
			
		#adv_ads_wrapper_ {		
		display: grid;
		grid-template-areas: 
			"advads_image advads_header"
			"advads_body advads_body"
			"advads_btn advads_btn";
		grid-template-columns: 0.6fr 2fr;
		grid-column-gap: 1em;
		grid-row-gap: 1em;
	}
		

	} /* END: @media only screen and ( min-width: 1100px ) and ( max-width: 1405px) */
	
	/* Tablets in landscape mode (981-1100px) */
	@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	
		/*	------------------------------------------------------------
			2.0		Advanced ADS
		----------------------------------------------------------- */
	
		#adv_ads_wrapper__ {		
			display: grid;
			grid-template-areas: 
				"advads_image"
				"advads_header"
				"advads_body"
				"advads_btn";
			grid-template-columns: 2fr;
			grid-column-gap: 0.6em;
			grid-row-gap: 1em;
		}
		
		/* Reset image from Thumbnail */
		.adv_ads-image>img {
			width: 100% !important;
			height: 120px !important;
		}	
		
		
		
	} /* END: @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) */
		
	/* Tablets in portrait mode (768-980px) */
	@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
			
		/*	------------------------------------------------------------
			2.0		Advanced ADS
		----------------------------------------------------------- */
			#adv_ads_wrapper {		
				display: grid;
				grid-template-areas: 
					"advads_image advads_header ."
					"advads_body advads_body ."
					"advads_btn advads_btn . ";
				grid-template-columns: 0.1fr 3fr 1fr;
				grid-column-gap: 0.2em;
				grid-row-gap: 0.1em;
			}
	
	
			.et_pb_column .et_pb_widget.kpoke-widget {
				width:100% !important;
			}
			
	
			/* Reset image from Thumbnail */
			.adv_ads-image img {
				max-width: 50vw !important;
				max-height: 50vw !important;
			}	

		
	} /* END: @media only screen and ( min-width: 768px ) and ( max-width: 980px ) */
	
	/* Smartphones in landscape mode (480-768px) */
	@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	
	/*------------------------------------------------------------
			2.0		Advanced ADS
	----------------------------------------------------------- */
		#adv_ads_wrapper {		
			display: grid;
			grid-template-areas: 
				"advads_image advads_header ."
				"advads_body advads_body ."
				"advads_btn advads_btn";
			grid-template-columns: 0.1fr 2fr 1fr;
			grid-column-gap: 0.2em;
			grid-row-gap: 0.1em;
		}
		
		.adv_ads_btn {
			grid-area: advads_btn;	
			justify-self: left !important;				
		}
		
		/* Reset image from Thumbnail */
		.adv_ads-image img {
			max-width: 10vw !important;
			max-height: 10vw !important;
		}	
		
	} /* END: @media only screen and ( min-width: 480px ) and ( max-width: 767px ) */
	
	/* Smartphones in portrait mode (0-479px) */
	@media only screen and ( max-width: 479px ) {
		
	/*------------------------------------------------------------
			2.0		Advanced ADS
	----------------------------------------------------------- */
		#adv_ads_wrapper {		
			display: grid;
			grid-template-areas: 
				"advads_image advads_header"
				"advads_body advads_body"
				"advads_btn advads_btn";
			grid-template-columns: 0.1fr 2fr;
			grid-column-gap: 0.2em;
			grid-row-gap: 0.1em;
		}
		
		.adv_ads_btn {
			grid-area: advads_btn;	
			justify-self: left !important;				
		}
		
		/* Reset image from Thumbnail */
		.adv_ads-image img {
			max-width: 20vw !important;
			max-height: 15vw !important;
		}

		
	} /* END: @media only screen and ( max-width: 479px ) */