/*!
Theme Name: Jayanthi Sridharan's
Theme URI: http://www.jayanthisridharan.com/
Author: Jayanthisridharan.com
Author URI: http://www.jayanthisridharan.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jayanthisridharan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Jayanthi Sridharan's is based on Jayanthi Sridharan's http://www.jayanthisridharan.com/, (C) 2012-2020 Automattic, Inc.
Jayanthi Sridharan's is distributed under the terms of the GNU GPL v2 or later.
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
*, *::after, *::before
{
	box-sizing: border-box;
}
:after, :before
{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
::selection
{
	background:#076bdd; color:#fff; 
}
::-moz-selection
{
	background:#076bdd; color:#fff;
}
.scrollup
{
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    float: right;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    color: #000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    border: solid 1px #EBEBEB;
    border-radius: 3px;
    font-size: 26px;
    text-align: center;
    line-height: 34px;
}
.scrollup:hover
{
	
}
body
{
	width:auto;
	margin:0;
	border:0;
	font-family: 'IBM Plex Serif', serif;
	background:#000;
}
img
{
	max-width:100%;
	vertical-align: middle;
	border: 0;
}
.clearfix:after
{
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both !important;
	content:".";
	line-height:0;
	height:0;
}
.clearfix
{
	display:inline-block;
}
html[xmlns] .clearfix
{
	display:block;
}
*html .clearfix
{
	height:1%;
}
:focus
{
	outline:0;
}
.clear
{
	clear:both !important;
}
.clear:after
{
    display: block;
    content: "";
    clear: both;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
p
{
    color: #fff;
    line-height: 26px;
    font-size: 17px;
    font-weight: 400;
    margin: 15px 0;
}
p strong
{
    color: #fff;
    font-weight: 700;
}
a
{
	color:#ff3000;
	text-decoration:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
a:hover
{
	color:#000; 
}
h1, h2, h3
{ 
	margin:15px 0;
}
ul.list, ul.listno
{
	padding:0;
	margin:15px 0;
	list-style:none;
} 
ul.list li, ul.listno li
{
    color: #000;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
	padding-left: 16px;
    position: relative;
    margin-bottom: 5px;
}
ul.list li, ul.listno li
{
	counter-increment: mega-step;
}
ul.list li:before
{
    content: " ";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #400d45;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul.listno li:before
{
    content: counter(mega-step, upper-roman);
    position: absolute;
    top: 0px;
    left: 0;
    width: 6px;
    height: 6px;
    color: #ff3c00;
	text-align:center;
}
ul.list li strong, ul.listno li strong
{
	color:#000;
}
ul.list li span, ul.listno li span
{
	color:#2d3091;
}
.site
{
    overflow: hidden;
}
.nav-shrink
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.nav-shrink.main-navigation
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999999999;
}
.site-header
{
	padding:0px 50px;
}
.site-branding
{
	margin:24px 0;
}
.site-branding a img
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.contact-header
{
    padding: 25px 0;
}
.contact-header a
{
    background: url(images/mobile.svg) left center no-repeat;
    background-size: 15px;
    display: block;
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    margin-left: 20px;
    padding: 8px 0 8px 32px;
}
.contact-header a:nth-of-type(2)
{
    background: url(images/envelope.svg) left center no-repeat;
    background-size: 25px;
}
.social-header
{
	padding: 28px 0;
}
.social-header .menu-social-media-container ul li a
{
	color:#fff;
}
.main-navigation
{
	position:relative;
	background:#000;
	border-top:dashed 1px #272727;
	border-bottom:dashed 1px #272727;
}
/*.main-navigation:before
{
	content:" ";
	position:absolute;
	top:5px;
	left:0;
	right:0;
	border-top:dashed 1px #272727;
}
.main-navigation:after
{
	content:" ";
	position:absolute;
	bottom:5px;
	left:0;
	right:0;
	border-top:dashed 1px #272727;
}*/
.main-navigation ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.main-navigation ul li
{
	display:inline-block;
	position:relative;
}
.main-navigation ul li a
{
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 16px 3px;
    position: relative;
}
.main-navigation ul li a:after
{
    content:" ";
	position:absolute;
	bottom: -3px;
	left:0;
	right:0;
	height:3px;
	background:#ef4923;
	opacity:0;
}
.main-navigation ul li.subarrow
{
	
}
.main-navigation ul li.subarrow a
{
    position: relative;
	padding-right:30px;
}
.main-navigation ul li.subarrow a:before
{
    content: " ";
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 10px;
    font-size: 24px;
    font-weight: 100;
    width: 15px;
    height: 13px;
    line-height: 13px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.main-navigation ul li.subarrow:hover a:before
{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.main-navigation ul li a:hover
{
	color:#ef4923;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a
{
	color:#ef4923;
}
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-ancestor > a:after
{
	opacity:1;
}
.main-navigation ul li .sub-menu
{
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999999;
    padding: 0px 30px;
    box-shadow: 0px 22px 36px rgb(0 0 0 / 10%);
    left: -20px;
    width: 350px;
    text-align: left;
	border-radius:0 0 30px 30px;
}
.main-navigation ul.sub-menu li
{
    display: block;
	float:none;
}
.main-navigation ul.sub-menu li a
{
    font-size: 15px;
    color: #000;
    font-weight: 400;
    width: auto;
    position: relative;
	text-transform:none;
    padding: 12px 0px 12px 0px;
	display:block;
	border-top:dashed 1px #E2E2E2;
	letter-spacing:0;
}
.main-navigation ul.sub-menu li:first-of-type a
{
	border-top:none;
}
.main-navigation ul.sub-menu li a:hover
{
	color:#f6a917;
	background:none;
}
.main-navigation ul.sub-menu li:hover a
{
	
}
.main-navigation ul.sub-menu li a:before
{
    display:none;
}
/*.nav ul li ul li .subnav
{
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 20px 0;
	top:0px;
	left: 100%;
	box-shadow: 0px 10px 16px rgba(104, 104, 104, 0.1);
	border-top:none;
	visibility:hidden;
}
.nav ul > li:hover ul, .nav ul li ul li:hover .subnav
{
	display:block;
	visibility:visible;
}*/
.main-navigation ul > li:hover .sub-menu
{
	display:block;
}

/* Small menu. */
.menu-toggle
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	padding: 13px 20px;
	cursor: pointer;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.bar1, .bar2, .bar3
{
    width: 35px;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1
{
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 8px;
}
.change .bar2
{
	opacity: 0;
}
.change .bar3
{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: -8px;
}
@media screen and (min-width: 960px)
{
	.menu-toggle
	{
		display: none;
	}
}
@media only screen and (max-width:1200px)
{
	.main-navigation
	{
		height:60px;
	}
	.main-navigation.toggled ul
	{
		position: absolute;
		top:60px;
		right: 0;
		left:0;
		display:block;
		-webkit-transition: 0.6s ease-in-out;
		-moz-transition: 0.6s ease-in-out;
		-o-transition: 0.6s ease-in-out;
		transition: 0.6s ease-in-out;
		z-index:9999999;
	}
	.main-navigation ul
	{
		display:none;
	}
	.main-navigation ul li
	{
		float:none;
    	margin-right: 0px;
		display:block;
	}
	.main-navigation ul li a
	{
		padding: 12px 0px;
		background:#000;
	}
	.nav-shrink .main-navigation ul li a
	{
		padding: 12px 0px;
	}
	.main-navigation ul li.subarrow a
	{
		position: relative;
		padding: 12px 10px 12px 10px;
	}
	.main-navigation ul li.subarrow a:before
	{
		top: 16px;
		font-size: 28px;
	}
	.main-navigation ul li .sub-menu
	{
		position: static;
		width: auto;
		text-align: center;
		border-radius:0;
		background:#EFEFEF;
	}
}
.container, .entry-content
{
	padding:85px 100px;
}
.equalheight
{
	display:flex;
}
.alignmiddle
{
    display: flex;
    align-items: center;
}
.padding-top-none
{
	padding-top:0;
}
.padding-bottom-none
{
	padding-bottom:0;
}
.content
{
	width:65%;
}
.sidebar
{
	width:30%;
}
.sidebar img
{
	margin:15px 0;
}
.container h2, .entry-content h2
{
    line-height: 52px;
    font-size: 46px;
    color: #fff;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 20%);
    position: relative;
    font-style: italic;
}
.container h3, .entry-content h3
{
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}
a.linkbox, a.cfs-hyperlink, a.wp-block-button__link
{
    margin: 15px 0;
    display: inline-block;
    border: solid 2px #ef4923;
    color: #000;
    font-size: 17px;
    padding: 16px 30px;
    font-weight: 500;
}
a.wp-block-button__link
{
	background:none;
	color:#000;
	border-radius:0;
}
a.linkbox:hover, a.cfs-hyperlink:hover, a.wp-block-button__link:hover
{
	color:#fff;
	background:#ef4923;
}
.banner
{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}
.banner article
{
    display: flex;
    align-items: center;
}
.banner h2
{
    color: #fff;
	font-size:36px;
	text-align:center;
	margin:0 0 0px 0;
}
.banner h3
{
	margin-top:0;
}
.tag
{
    color: #fff;
	font-size:36px;
	text-align:center;
}
.banner figure
{
	width:40%;
	text-align:left;
}
.banner figure img
{
	max-height:400px;
    border: ridge 8px #333;
}
.banner aside
{
	width:60%;
	text-align:center;
}
.banner aside img
{
	width:150px;
	margin:0 0 15px 0;
}
.banner aside video
{
	width:180px;
}
.slider .owl-carousel .owl-item img
{
    border: ridge 8px #333;
}
.intro
{
	position:relative;
	padding-top:180px;
}
.intro:before
{
	content:" ";
	background:#000 url(images/bg.jpg) top -150px center no-repeat;
	background-size:contain;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	bottom:0;
	z-index:-8;
}
.intro img
{
    border: ridge 8px #333;
}
.section-contact
{
    position: relative;
    background: url(images/get-in-touch.jpg) center center no-repeat fixed;
	background-size:cover;
    padding: 35px 100px;
	text-align:center;
}
.section-contact  h1
{
    font-size: 56px;
    color: #fff;
    font-weight: 500;
}
.section-contact a
{
	color:#fff;
}
.site-footer
{
    background: #000;
    padding: 85px 100px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.site-footer:before
{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px #450306;
    margin: 20px;
    z-index: -8;
}
.site-footer:after
{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: dashed 1px #ef4923;
    margin: 28px;
    z-index: -8;
}
.site-footer h3
{
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}
.site-footer p
{
    color:#fff;
}
.menu-social-media-container
{
	
}
.menu-social-media-container ul
{
    padding: 0;
    margin: 0;
}
.menu-social-media-container ul li
{
    display: inline-block;
}
.menu-social-media-container ul li a
{
    color: #ef4923;
    display: block;
    font-weight: 100;
    font-size: 26px;
    margin: 0 3px;
}
.site-footer .menu-primary-menu-container
{
    border-top: dashed 1px #1d1e1f;
    border-bottom: dashed 1px #1d1e1f;
    margin-top: 30px;
    padding: 5px;
}
.site-footer .menu-primary-menu-container ul
{
    padding: 0;
    margin: 0;
}
.site-footer .menu-primary-menu-container ul li
{
    display: inline-block;
    margin: 10px 4px;
}
.site-footer .menu-primary-menu-container ul li a
{
    color: #a4a4a4;
	display:block;
}
.site-footer .menu-primary-menu-container ul li a:hover
{
    color: #fff;
}
.entry-header
{
	margin:30px 50px;
	text-align:center;
    border-bottom: solid 1px #272727;
	padding-bottom:20px;
}
.entry-header h1
{
    color: #fff;
    font-weight: 600;
    font-size: 36px;
}
.image-and-video
{
    
}
.image-and-video article
{
    
}
.image-and-video article div
{
    display: flex;
    align-items: center;
}
.image-and-video figure
{
    width:30%;
}
.image-and-video aside
{
    width:60%;
	margin-left:auto;
}
.image-and-video h3
{
    text-align:center;
	font-weight:400;
	margin-top:30px;
}
.image-and-video aside .video-wrapper, .wp-block-embed__wrapper
{
	position: relative;
	padding-bottom: 66.25%; /* 16:9 */
	height: 0;
}
.image-and-video aside .video-wrapper iframe, .wp-block-embed__wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.divyaprabandam
{
	
}
.divyaprabandam-img
{
	width:25%;
}
.divyaprabandam aside
{
	width:70%;
}
.video-link
{
	
}
.video-link ul
{
	padding:0;
	margin:-15px;
    display: flex;
    flex-wrap: wrap;
	counter-reset: item;
}
.video-link ul li
{
	float:left;
	width:33.333333%;
    display: flex;
}
.video-link ul li a
{
    background: #101010;
    margin: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 12px;
	position:relative;
}
.video-link ul li a:before
{
    counter-increment: item;
    content: counter(item, decimal-leading-zero) "";
    font-size: 30px;
    font-weight: 800;
    margin-right: 12px;
    opacity: 0.2;
}
.video-link ul li a:hover
{
    background: #151515;
}
.video-link ul li a h3
{
    font-size: 20px;
    font-weight: 400;
}
.photos
{
	
}
.photos ul
{
    padding: 0;
    margin: 0 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.photos ul li
 {
    float: left;
    list-style: none;
    width: 33.333333%;
    overflow: hidden;
	padding:15px;
	text-align:center;
}
.photos ul li img
{
    max-width: 100%;
    max-height: 100%;
}
.photos ul li h3, .news ul li a h3
{
    font-size: 20px;
    font-weight: 400;
}
.news
{
	
}
.news ul
{
	padding:0;
	margin:30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.news ul li
{
	float:left;
	width:33.333333%;
    display: flex;
}
.news ul li a
{
    background: #101010;
    margin: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 12px;
}
.news ul li a:hover
{
    background: #151515;
}
.news ul li a figure
{
    width: 20%;
}
.news ul li a figure img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.news ul li a h3
{
    width: 80%;
    padding-left: 15px;
}
.video
{
	
}
.video ul
{
	padding:0;
	margin:0;
}
.video ul li
{
	float:left;
	width:50%;
	padding:15px;
}
.video-wrapper
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.photo-gallery
{
	
}
.photo-gallery ul
{
    padding: 0;
    margin: 0 -10px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.photo-gallery ul li
 {
    float: left;
    list-style: none;
    width: 25%;
    overflow: hidden;
}
.photo-gallery ul li h4
{
    text-align:center;
}
.photo-gallery ul li a
{
    display: block;
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.photo-gallery ul li a img
{
    width: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.photo-gallery ul li a:hover img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.photo-gallery ul li a:before
{
    content: " ";
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-tranistion: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 9;
    opacity: 0;
}
.photo-gallery ul li a:hover:before
{
	opacity:.5
}
.photo-gallery ul li a:after
{
    content: "\f00e";
    color: #000;
    background: #fff;
    font-family: 'FontAwesome';
    font-size: 26px;
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 99;
    border-radius: 50%;
    text-align: center;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
    padding: 11px 0;
	opacity:0;
}
.photo-gallery ul li a:hover:after
{
	opacity:1;
}
.photo-gallery ul li h3
{
	text-align:center;
	font-size:18px;
}
.contact
{
	text-align:center;
}
.contact i
{
	font-size:26px;
	color:#fff;
}
.entry-footer
{
	display:none;
}
@media only screen and (max-width:1200px)
{
	
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.site-header
	{
		padding: 0px 20px;
	}
	.container, .site-footer
	{
		padding: 25px 20px;
	}
	.photo-gallery ul li
	{
		width:33.333333%;
	}
}
@media only screen and (max-width:768px)
{
	.contact-header, .social-header
	{
		display:none;
	}
	.banner figure, .banner aside, .tirumala-devasthanam figure, .tirumala-devasthanam aside, .divyaprabandam-img, .divyaprabandam aside, .image-and-video figure, .image-and-video aside
	{
		width:auto;
		float:none;
	}
	.banner figure
	{
		text-align:center;
	}
	.banner figure img
	{
		max-height: 350px;
	}
	.banner, .image-and-video article div
	{
		display:block;
	}
	.section-contact h1
	{
		font-size: 40px;
		color: #fff;
		font-weight: 500;
	}
	.photos ul li, .news ul li, .photo-gallery ul li, .video-link ul li
	{
		width:50%;
	}
	.video ul li
	{
		width:100%;
	}
}
@media only screen and (max-width:480px)
{
	.photos ul li, .news ul li, .photo-gallery ul li, .video-link ul li
	{
		width:100%;
	}
}
@media only screen and (max-width:320px)
{
	
}