/* @override 
	https://www.sriaurobindoashram.org/styles/global.css
	https://sriaurobindoashram.org/styles/global.css */
* {
	margin:0;
	padding:0;
}

/*
*,::after,::before {
	box-sizing:content-box;
}
*/

body {
}

main {
	position:relative;
	margin:0 auto;
	width:780px;
}

main.full-width {
	width:980px;
}

main p {
	font-size:15pt;
	line-height:26pt;
}

aside {
	float:left;
	width:162px;
}

h1 {
	font-weight:lighter;
	font-size:24px;
	line-height:28px;
}

h2 {
	font-variant:normal;
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:15pt;
	line-height:26pt;
	text-transform:uppercase;
	vertical-align:baseline;
}

h3 {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:12pt;
	line-height:18pt;
	text-transform:uppercase;
	vertical-align:baseline;
}

h4 {
	color:#036880;
	font-variant:normal;
	font-size:10px;
	line-height:18px;
	text-transform:uppercase;
	vertical-align:baseline;
}

.sans,.sans p {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
}

#ribbon, #ribbon p {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	text-align: center;
}

#ribbon p {
	font-size: 16px;
	line-height: 20px;
}

#notice {
	margin: 0 100px;
}

#notice, #notice p, #notice li {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size: 16px;
	line-height: 20px;
}

#notice h2, #notice h3 {
	text-align: center;
}

.footnote {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

/* .footnote:before {
	content: "";
	background: black;
	position: absolute;
	top: -5px;
	left: 0;
	width: 25%;
	height: 1px;
} */

#hero {
	position:relative;
	height:400px;
	font-size:14px;
}

#hero .title {
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	width: 960px;
	height: 18px;
	color: #fff;
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	background: rgba(0, 0, 0, 0.7);
}

#hero #date {
	float: right;
}

#hero img {
	width: 100%;
	height: 400px;
}

#quick-links {
	margin-top:1px;
}

#quick-links .title {
	padding:5px 10px;
	height:14px;
	margin-bottom:1px;
	background:#eee;
}

#quick-links a {
	display:block;
	float:left;
	margin-right:1px;
	width:244px;
	height:138px;
}

#quick-links img {
	width:244px;
	height:138px;
}

#quick-links a:last-child {
	margin-right:none;
}

#quick-links-footer {
	clear:both;
	margin-top:1px;
	padding:5px 10px;
	height:18px;
	color:#fff;
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	text-align:center;
	background:#79b;
}

ol, ul {
	color:#000;
	font-variant: normal;
	font-size:12pt;
	line-height:18pt;
/* 	list-style-position:outside; */
}

ol {
	list-style-type: decimal;
}

ol li,ul li {
	margin-bottom:10px;
}

p {
	margin-bottom:20px;
	color:#000;
	font-size:16px;
	line-height:32px;
	font-family:Palatino,Georgia,"Times New Roman",serif;
	vertical-align:baseline;
}

p.first_para {
	text-indent:0;
	color:#777;
}

p.reference {
	font-style:italic;
	text-indent:0;
}

a:active {
	color:#09a7ff;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

a:link, a:visited {
	color:#09a7ff;
	text-decoration:none;
}

.clearer {
	clear:both;
}

.required:after {
	content:" *";
	color:#e32;
	position:absolute;
	margin:0 0 0 5px;
	font-size:x-large;
	padding:0 5px 0 0;
}

main#movies {
	width:980px;
	height:100%;
}

.movie-wrapper {
	position:relative;
	margin:0;
	padding:40px 0;
	border-bottom:1px solid #ccc;
	clear:both;
}

.movie-wrapper:last-child {
	border:none;
}

.movie-wrapper video {
	border:1px solid #ccc;
	object-fit:inherit;
}

.movie-details {
	position:absolute;
	left:300px;
	top:30px;
}

.movie-details h2,.movie-details p {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:16px!important;
}

#video_player {
	display:table;
	height:548px;
	line-height:0;
	font-size:0;
/* 	background: #000; */
}

#video_player video,#video_player figcaption {
	display:table-cell;
	height:inherit;
	vertical-align:top;
}

#video_player figcaption {
	width:25%;
	height:100%;
	overflow:scroll;
}

#video_player figcaption a {
	display:block;
	margin-bottom:2px;
	opacity:.5;
	transition:1s opacity;
}

#video_player figcaption a img,figure video {
	width:100%;
	height:auto;
}

#video_player figcaption a:hover {
	opacity:1;
}

#video-details {
	margin-top:20px;
	width:75%;
}

#video-details h2,#video-details p {
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size:16px!important;
}

#video-details p {
	line-height:24px;
}

.scrollable {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:scroll;
}

@media (max-width: 700px) {
	#video_player video,#video_player figcaption {
		display:table-row;
	}
	
	#video_player figcaption a {
		display:inline-block;
		width:33.33%;
	}
}

#accordion {
	margin:0 auto;
	width:800px;
	font-family: HelveticaNeue, Helvetica, Arial, "Trebuchet MS", sans-serif;
}

#accordion a {
	color:#333!important;
	opacity:1;
}

.section_header_title {
	padding:40px 15px 0;
}

.section_header_title h3,.section_header_title .h3 {
	margin-bottom:0;
	font-size:24px;
	font-weight:400;
	color:#000;
}

.panel {
	margin-bottom:20px;
	background-color:#fff;
	border: none;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow: none;
}

.panel-default {
	border-bottom: 1px solid #ddd !important;
}

.panel-heading {
	padding:10px 15px;
	border-bottom:1px solid #000;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.panel-group .panel-heading {
	border-bottom:none;
}

.panel-heading {
	color:#333;
	background:none;
	border-color:#eee;
}

h4.panel-title {
	margin-top:0;
	margin-bottom:0;
	font-size:20px;
	color:inherit;
	text-transform:none;
}

.faq-accord .panel.panel-default {
	border:none;
	background:none;
	padding:24px 0;
	margin:0 auto;
	display:inline-block;
	width:100%;
}

.panel-title > a::before {
	float:right!important;
	font-family:FontAwesome;
	content:"\f068";
	padding-right:0;
	font-size:17px;
	font-weight:300!important;
}

.panel-title > a.collapsed:before {
	float:right!important;
	content:"\f067";
}

.faq-accord .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top:none;
	font-family:'Saira',sans-serif;
	font-size:18px;
	line-height:24px;
	color:#8d8d8d;
	padding:10px 50px 10px 15px;
}

.panel-body p {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	color: inherit;
	line-height: inherit;
}

.panel-body a {
	text-decoration:underline;
}

.table-footer td, .note {
	color: #666;
	font-size: 12px !important;
	line-height: 18px !important;
	background-color: #f4f9ff;
}

.table-footer .note-title {
	display: inline-block;
	white-space: 110px;
	float: left;
}

.table-footer .note-content {
	display: inline-block;
	position: relative;
	margin-left: 120px;
	top: -18px;
}