/*
	Theme Name:		SSD Raya
	Theme URI:		https://www.cyberpassion.com/
	Description:	A Twenty Seventeen Child Theme. This theme only overrides parent style.
	Author:			Cyberpassion
	Author URI:		https://www.cyberpassion.com
	Template:		twentyseventeen
	Version:		1.0.0
*/

@import url("../twentyseventeen/style.css");

/*
	Tag Styling
*/
body {
	background: url('cyp_res/imgs/leaves.png');
	font-family: 'Poppins',Calibri,Cambria,Arial;
	font-size: 13px;
}
a {
	outline: none!important;
}
p,
ol {
	line-height: 1.75em;
}
.ov-h {
	overflow: hidden;
}
.show {
	display: block;
}
.ta-r {
	text-align: right;
}
.fw {
	width: 100%;
}
.hw {
	width: 50%;
}
.fh {
	height: 100%;
}
.fhw {
	height: 100%;
	width: 100%;
}
.fl-lt {
	float: left;
}
.fl-rt {
	float: right;
}
.w40 {
	width: 40%;
}
.ta-c {
	text-align: center;
}
.blue_button {
	background: #1e67c4 !important;
	color: white !important;
	font-weight: normal!important;
	text-transform: uppercase;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.08)!important;
}
.green_button {
	background: #72c891 !important;
	color: white !important;
	font-weight: normal!important;
	text-transform: uppercase;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.08)!important;
}
.pos-abs {
	position: absolute;
	top: 0;
	right: 0;
}
input,
textarea,
select,
checkbox,
textarea,
button {
	border: 1px solid rgb(232, 238, 244)!important;
	border-bottom: 1px solid rgb(218, 226, 234)!important;
	outline: none;
	font-family: inherit;
	padding: 0.25em 0.4em!important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
tr {
	border: none!important;
}
th {
	width: 175px;
}
td {
	padding: 0.25em!important;
}
input[type='text'],
textarea,
select {
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .25s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .25s;
}
input[type='text']:hover,
textarea:hover,
input[type='text']:focus,
textarea:focus,
select:focus {
	border-color: #66afe9 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
button,
input[type="button"],
input[type="submit"] {
	background: none;
	border: none!important;
	cursor: pointer!important;
	padding: 0.5em 1.25em!important;
	font-size: 1em!important;
}
#secondary {
	display: none!important;
}
.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
	top: 0;
	right: 0;
}
.wrap {
    width: 94%;
    max-width: 1360px!important;
}

/* Changing color of header */
.custom-header {
	padding: 0!important;
	text-align: center;
}
.site-header {
	background: linear-gradient(60deg, #ffffffc4 20%, #fbfcfdd4 100%);
	background: url('https://sksglobalschool.com/wp-content/uploads/2023/06/tricolor-indian-flag-theme-republic-day-watercolor-texture-background-free-vector-1-copy-min-2.png');
	z-index: 111111111111111;
	padding: 0.5em 0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.site-title {
	font-family: 'Poppins';
	font-size: 2.5em;
	position: relative;
}
.site-title a,
.site-description {
	letter-spacing: 0.5px;
	color: #ff0000 !important;
	font-weight: 600;
	display: block;
}
.site-title a {
	padding: 0.4em 0 0;
}
.site-description {
	color: #333!important;
	font-size: 1em;
	padding-bottom: 0.5em;
}
.home .site-description {
	margin-top: -0.5em;
}
#flat-top .wrap {
	padding: 0!important;
}
/* Site Branding */
.site-branding {
	padding: 0!important;
}
.custom-logo-link {
	padding-right: 1em!important;
}
.custom-logo-link img {
	max-height: 60px;
}
.site-content-contain {
    background: #f5f6f7;
}
/* Align headings to center */
.page-header,
.entry-title,
.entry-meta {
	text-align: center;
	text-transform: uppercase;
}
.entry-meta {
	display: none!important;
}
/* Pattern in top header */
.custom-header-media:before {
	background: linear-gradient(-120deg, rgba(245,33,33,0) 87%, rgba(255,255,255,0.08) 15%),linear-gradient(-110deg, rgba(27,0,255,0) 85%, rgba(255,255,255,0.08) 15%),linear-gradient(-103deg, rgba(255,33,33,0) 84%, rgba(255,255,255,0.08) 15%),radial-gradient(circle, rgba(0,135,201,0) 0%, rgba(0,135,201,0) 100%);
}
/* Top Menu */
.navigation-top {
	background: #fbfcfde8;
	background: none;
	border-top: 1px solid #d4cfc126!important;
	border-bottom: 1px solid #d4cfc126!important;
}
.navigation-top a {
	font-weight: 400!important;
	text-transform: uppercase!important;
	padding: 0.75em 1em;
	font-size: 0.8em;
}
.main-navigation li li:hover, .main-navigation li li.focus {
	background: white!important;
}
.site-header .navigation-top .menu-scroll-down {
	display: none;
}
h2.widget-title {
	color: white;
}
.site-footer {
	background: url(cyp_res/imgs/leaves.png),linear-gradient(90deg, #2d3c69 60%, #162c5d 100%);
	border: 0;
	color: #e0e0e0;
	box-shadow: 0 -0.15em 0.75em rgba(0,0,0,.15);
}
.site-footer a {
	box-shadow: none!important;
	text-decoration: none;
	color: #e0e0e0;
}
.site-footer a:hover {
	color: white!important;
}
.widget ul li, .widget ol li {
	border: none!important;
	padding: 0.15em 0;
}
.site-info a {
	color: white!important;
	box-shadow: none!important;
}
/* Blog List */
div.td-paragraph-padding-1 {
	text-align: center;
}
/* Full Width for single.php page */
.has-sidebar:not(.error404) #primary {
	float: none!important;
	max-width: 100%!important;
	width: 100%!important;
}
/* Single Page - Heading on header image */
.single-featured-image-header {
	background: none;
	border: none;
	position: relative;
}
.single-post .single-featured-image-header img {
	width: 100%;
}
.single-post .entry-info-wrapper {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
}
.single-post .entry-info-wrapper .entry-title {
	background: rgba(39, 56, 102, 0.5);
	font-weight: bold;
	font-size: 2em;
	padding: 0.5em;
}
.single-post .entry-info-wrapper .entry-title,
.single-post .entry-info-wrapper .entry-meta a {
	color: white;
}
.single .site-content {
	padding: 0!important;
}
/* Front Page */
body.home .site-content {
	padding: 0!important;
}
body.home .block-title {
	padding: 2.25em 0 0!important;
}
body.home .block-title h2 {
	font-weight: bold;
	font-size: 1.8em;
	margin-bottom: 0;
}
body.home .block-title h2 .slim {
	font-weight: normal;
}
body.home .block-title p {
	font-weight: bold;
}
body.home div.one {
	background: #489bdd;
	background: -webkit-linear-gradient(0,#7edeff 0%,#0041b1 100%);
	background: linear-gradient(0,#7edeff 0%,#0041b1 100%);
	height: 600px!important;
}
body.home div.one .block-title {
	padding: 10em 0;
}
body.home .one .block-title h2,
body.home .one .block-title p {
	color: white;
}
body.home div.two {
	background: white;
	margin: 1.5% auto;
	z-index: 111111111;
	padding-bottom: 1.5%;
	margin-top: -5em;
	border-radius: 3px;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
body.home .two  h2 {
	color: #ff00af;
}
body.home .three,
body.home .eight {
    background: white;
}
body.home .three {
    border-top: 1px solid #ebeef1;
    border-bottom: 1px solid #ebeef1;
}
body.home .seven {
	background: url(cyp_res/imgs/leaves.png),linear-gradient(105deg, #860076 60%, #bb5151 100%);
    background-blend-mode: multiply;
    padding-bottom: 1.5em;
}
body.home .five {
	background: url(cyp_res/imgs/leaves.png),linear-gradient(105deg, #0a982f 20%, #00965f 100%);
}
body.home .seven .block-title h2,
body.home .seven .block-title p,
body.home .seven p,
body.home .five .block-title h2,
body.home .five .block-title p,
body.home .five p {
	color: white;
}
.three-column-info-blocks {
    background: white;
    border: 1px solid #f1f1f1;
	margin: 0;
	float: left;
	margin: 0 1.5% 1.5% 0;
    width: 31.5%;
	box-shadow: 1px 2px 5px rgba(27, 27, 27, 0.025);
	overflow: hidden;
}
.three-column-info-blocks .imgpart {
	height: 250px;
	width: 100%;
}
.three-column-info-blocks H2 {
	font-size: 1.25em;
	font-weight: normal;
	padding: 0.75em 1.25em;
	margin: 0;
}
.three-column-info-blocks p {
	padding: 0 1.5em;
	font-size: 1em;
}
body.home .four .pg_content_block-inner,
body.home .eight .pg_content_block-inner {
	position: initial;
}
body.home .four h2 {
	color: darkorange;
}
body.home .eight h2 {
	color: #ff4000;
}
/* Remove front page styling */
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header,
.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
	height: initial!important;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
	position: relative!important;
}
/* Site Footer */
.site-footer {
    background-blend-mode: multiply;
	font-size: 0.825rem;
	margin: 0!important;
}
@media screen and (min-width: 48em) {
	.navigation-top .wrap {
		padding: 0 2em;
	}
	.site-content {
		padding: 3.5em;
	}
	.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
		color: #333!important;
	}
	.main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after {
		display: none;
	}
	.main-navigation > div > ul {
		text-align: center;
	}
	.main-navigation > div > ul li {
		text-align: left;
	}
	.main-navigation ul ul {
		border: none;
		text-align: center;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.08);
		border-radius: 3px;
	}
	.site-navigation-fixed.navigation-top {
		background: white!important;
		width: 100%!important;
		z-index: 111111;
	}
	.site-navigation-fixed.navigation-top a {
		border-radius: 0!important;
	}
}

/* Flat Top */
#flat-top {
	background: url(cyp_res/imgs/leaves.png), linear-gradient(90deg, #2d6944 60%, #4c5d16 100%);
	color: white;
	padding: 0.25em 0;
	position: relative;
	z-index: 1111111111;
}
#flat-top span {
	font-size: 0.85em;
	top: 0.15em;
}
/* For Screen Below 60em */
@media screen and (max-width: 60em) {
	body.home div.two {
		margin-top: 0!important;
	}
}
/* For Screen Below 48em */
@media screen and (max-width: 48em) {
	.site-title,
	.site-title a {
		font-size: 1.2em!important;
	}
	.site-branding,
	.block-title,
	.core-content,
	.site-info,
	#flat-top span {
		text-align: center;
		margin: 0!important;
		float: none!important;
		position: relative!important;
		width: 100%!important;
	}
	#flat-top {
		font-size: 0.9em;
	}
	#flat-top span {
		display: block;
	}
	div.slider_content p {
		display: none;
	}
	body.home div.one .pg_content_block-inner #top-label {
		padding: 7.5em 0!important;
	}
	body.home div.two {
		padding-right: 2em!important;
	}
	body.home div.two img {
		display: none;
	}
	body.home .pg_content_block {
		margin: 0!important;
	}
	.three-column-info-blocks {
		float: none!important;
		margin: 0!important;
		width: 100%!important;
		text-align: center;
	}
	div.pg_content_block H2 {
		text-align: center!important;
	}
	div.three .block-content img {
		float: none!important;
		margin: 0!important;
		width: 100%!important;
	}
	div.four .block-content {
		padding: 5% 2.5%;
		border-radius: 0!important;
		width: 100%!important;
	}
	.pg_content_block-inner p {
		text-align: center!important;
	}
	.single-post .entry-info-wrapper .entry-title {
		font-size: 1.5em;
	}
}

/* Slideshow */
div#slideshowdiv div.slider_content {
	color: white;
	top: 30%;
	z-index: 11111;
}
div#slideshowdiv div.slider_content h1 {
	color: greenyellow;
	font-size: 3.5em;
	text-shadow: 3px 2px 3px rgba(0,0,0,0.5);
	font-weight: bold;
	margin-bottom: 0;
}
div#slideshowdiv div.slider_content p {
	color: rgba(255,255,255,0.9);
	font-size: 1.45em;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
div#slideshowdiv .slider_transparent_div {
	/*background: url('cyp_res/imgs/slider-arrows.png') no-repeat left;*/
	background-size: contain;
}
input.slider_buttons {
	background: #4D85C5;
	border: none;
	display: none;
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	font-size: 0.65em;
	padding: 0.25% 2.5%;
	-moz-box-shadow: 1px 1px 1px rgba(50,50,50,0.15);
	-webkit-box-shadow: 1px 1px 1px rgba(50,50,50,0.15);
	box-shadow: 1px 1px 1px rgba(50,50,50,0.15);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
input.slider_buttons:hover {
	background: #588FCF;
	color: rgba(255,255,255,0.95);
}
.category-3 .entry-title a {
	color: red!important;
}