/* 
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.entry-image {
	display: initial;
	position: relative;
	margin: 0 6% 4%;
	overflow: hidden;
}

.contact-form select {
	margin-bottom: 13px !important;
	width: 48%;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: .9em;
	color: #111;
	background: #fafafa;
	border-radius: 0;
}

p.justify {
	text-align: justify;
}

h4.applies-to-wp-com {
	background: #000042;
	color: white;
	padding: 10px 5px;
	font-weight: 500;
	font-size: 1.3rem;
	margin: auto;
}

p.applies-to-wp-com {
	background: #e9eff3;
	padding: 10px;
	text-align: justify;
	margin: auto;
}

p.drop-shadow {
	box-shadow: 2px 2px 50px 10px #d8d8d8;
	padding: 15px;
	margin: 40px;
	background: #00aadc;
	color: #fff;
}

.shadow-with-mouse-over-effect {
	background: #efefef !important;
	box-shadow: 0 0 17px 0 rgba(0,0,0,0.06) !important;
	margin-bottom: 30px !important;
	padding: 20px !important;
	transition: .3s !important;
}

.shadow-with-mouse-over-effect:hover {
	box-shadow: 0 20px 25px rgba(0,0,0,0.15) !important;
	transform: translateY(-4px) !important;
}

p {
	margin-bottom: 1.5em;
	text-align: justify;
}

p.applies {
	background: #00aeef;
	color: white;
	padding: 15px;
	border-radius: 3px;
}

h4.notice {
	background: #001664;
	padding: 10px;
	color: white;
	margin: 0;
}

p.notice {
	background: #2196f3;
	padding: 10px;
	color: white;
	margin: 0;
}

p.notice a {
	color: #00011e;
	font-weight: 500;
	text-decoration: underline;
}

@media (max-width: 768px) {
	.show-on-pc-only {
		display: none;
	}
}

.wp-block-image img {
	max-width: 100%;
	box-shadow: 0 4px 20px 0 rgba(103,151,255,0.3), 0 5px 40px 0 rgba(103,151,255,0.2);
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 8px;
}

.entry-header, .entry-content, .author-meta, .entry-footer-meta {
	padding-right: 5%;
	padding-left: 5%;
}

.wp-block-image figcaption {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: .75em;
	text-align: center;
}

p a {
	color: #fff;
	padding: 1px 10px;
	box-shadow: 1px 1px 2px #003157;
	border-radius: 3px;
	line-height: 20px;
	background: linear-gradient(to right,#01a100 50%,#00114e 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
	font-size: initial;
	font-variant: petite-caps;
}

p a:hover {
	background-position: left bottom;
	color: #fff;
}

a.wp-block-button__link {
	background: #34b6ff;
	box-shadow: 0 0 17px 0 rgba(0,0,0,0.06);
	margin-bottom: 30px;
	padding: 20px;
	transition: .3s;
	font-size: 1.2rem;
}

a.wp-block-button__link:hover {
	box-shadow: 0 20px 25px rgba(0,0,0,0.15);
	transform: translateY(-4px);
}

span.tag-meta-list a {
	background: #43adff;
	padding: 2px 5px;
	line-height: 30px;
	border-radius: 4px;
	color: white;
	box-shadow: 2px 2px 10px #cecece;
}

span.tag-meta-list a:hover {
	box-shadow: 1px 1px 1px #cecece;
}

.footer-widgets {
	background-color: #1f1f1f;
}

#colophon {
	background-color: #111111;
}

p.important {
	background: #03A9F4;
	color: white;
	padding: 20px;
	box-shadow: 0 5px 6px 0 #c5c5c5;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

h1.important,
h2.important,
h3.important,
h4.important {
	background: #004260;
	color: white;
	padding: 15px;
	margin: 0;
}

h2.numbering,
h3.numbering,
h4.numbering {
	text-align: center;
	background: #03A9F4;
	color: white;
	border-radius: 50%;
	padding: 0;
	margin: 0 41%;
	font-size: 4em;
	box-shadow: 1px 1px 5px #747474;
	border-width: 10px;
	border-style: solid;
	border-color: #002b4d;
}

/*code for articles starts here*/
/*button styles starts here*/
.primary-button,
        .success-button,
		.info-button,
        .error-button,
        .warning-button,
        .secondary-button {
	color: white;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
	box-shadow: 0 0 17px 0 rgba(0,0,0,0.06);
	transition: .3s;
}

.primary-button:hover,
        .success-button:hover,
		.info-button:hover,
        .error-button:hover,
        .warning-button:hover,
        .secondary-button:hover {
	box-shadow: 0 20px 25px rgba(0,0,0,0.15);
	transform: translateY(-4px);
}

.primary-button {
	background-color: #007bff;
}

.success-button {
	background-color: #28a745;
}

.info-button {
	background-color: #17a2b8;
}

.error-button {
	background-color: #dc3545;
}

.warning-button {
	background-color: #ffc107;
}

.secondary-button {
	background-color: #6c757d;
}

/*button styles ends here*/
/*Custom gutenberg blocks starts here*/
h4.shadow-block, 
h4.leaf-shape, 
h4.simple-block, 
h4.top-boder-block, 
h4.left-border-block, 
h4.right-boder-block, 
h4.bottom-boder-block,
h4.round-block,
h4.gradient-block, {
	background: #607D8B;
	padding: 20px;
	color: #fff;
}

h4.warning-message {
	background-color: #ffb03d;
	color: #c50d00;
	padding: 10px 20px;
	margin-bottom: 0;
}

p.warning-message {
	background-color: #ffdd77;
	color: #810000;
	border: 3px solid #FF9800;
	padding: 2em;
}

p.round-block {
	margin: 18%;
	padding: 135px;
	background-color: #02adea;
	border-radius: 50%;
	color: #fff;
	font-size: 2em;
}

h4.round-corners {
	background: #2c822c;
	color: white;
	padding: 15px 10px;
	border-radius: 20px 20px 0 0;
	margin-bottom: 0;
}

p.round-corners {
	background: #51d151;
	color: white;
	padding: 25px;
	border-radius: 0 0 20px 20px;
}

p.shadow-block {
	background: #ff5f54;
	padding: 25px;
	box-shadow: 0 6px 27px #b8b8b8;
	border-radius: 5px;
	color: white;
	margin: 30px 10px;
}

p.leaf-shape {
	background: #aee470;
	color: #3b3b3b;
	padding: 60px 85px;
	border-radius: 220px 0;
	border-width: 10px;
	border-style: solid;
	border-color: #4CAF50 #1c6e1f #1c6e1f #4CAF50;
}

p.simple-block {
	border-width: 5px;
	background: #f2f2f2ab;
	padding: 38px;
	border-style: double;
	border-color: #434343;
}

p.left-border-block {
	background: #f3f3f3;
	padding: 30px;
	border-left: 10px solid #009688;
}

p.top-boder-block {
	background: #f3f3f3;
	padding: 30px;
	border-top: 10px solid #2196F3;
}

p.right-boder-block {
	background: #f3f3f3;
	padding: 30px;
	border-right: 10px solid #FF5722;
}

p.bottom-boder-block {
	background: #f3f3f3;
	padding: 30px;
	border-bottom: 10px solid #607D8B;
}

p.gradient-block {
	margin-bottom: 1.5em;
	text-align: justify;
	background: radial-gradient(circle at top left,#ff0071 0%,#9000ab 100%);
	border-radius: 8px;
	padding: 32px;
	margin-top: 24px;
	color: #fff;
}

/*eVENT bLOCKS sTARTS hERE*/
.EVENT-BLOCK {
	COLOR: WHITE;
	PADDING: 20PX;
	background: radial-gradient(circle at top left,#4a42ec 0%,#521d91 100%);
	background-color: #521d91;
	font-size: 5.5vw;
	font-family: montserrat, sans-serif;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	position: relative;
	margin-top: .3em;
	margin-bottom: .3em;
	BOX-SHADOW: 1PX 1PX 20PX #0e74b2;
}

/*eVENT bLOCKS eNDS HERE*/
/*Custom gutenberg blocks ends here*/
/*Animated 3d Buttons for WordPress Gutenberg - Style Ends*/
.blue-button {
	position: relative;
	padding: 20px 40px;
	margin: 10px 20px;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 7px;
	transition: .2s all;
	background-color: #26ADE4;
	box-shadow: 0 12px 1px #0082b5;
}

.blue-button:hover {
	transform: translateY(4px);
	box-shadow: 0 5px 1px #0082b5;
}

/*Animated 3d Buttons for WordPress Gutenberg - Style Ends*/
/* Animated Buttons For WordPress Gutenberg */
/*code for articles ends here*/
/* Device Specific styling starts here */
@media (max-width: 768px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	h2.numbering,
													h3.numbering,
													h4.numbering {
		text-align: center;
		background: #03A9F4;
		color: #fff;
		border-radius: 50%;
		padding: 0;
		margin: 0%;
		font-size: 1.5em;
		box-shadow: 1px 1px 5px #747474;
		border-width: 5px;
		border-style: solid;
		border-color: #002b4d;
	}
	
	p.round-block {
		margin: 10%;
		padding: 93px;
		background-color: #02adea;
		border-radius: 50%;
		color: #fff;
		font-size: 1em;
	}
	
	.entry-title {
		font-size: 1.25em;
		margin: 0;
		font-weight: 900;
	}
	
	.site-title {
		font-family: 'Roboto';
		font-size: 1.25rem;
		line-height: 1;
		font-weight: 500;
		text-transform: uppercase;
		margin: 0;
	}
	
	h2, h3, h4 {
		font-size: 1.5em;
	}
}

/* Device Specific styling ends here */
/* Amazon button */
.wp-block-button.amazon a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	box-shadow: 1px 1px 2px #888888;
	background: #FFA41C;
	border-color: #FF8F00;
}

[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
    --dropdown-background-color: #720eeC;
}