/*
Theme Name:  Sinatra Child
Template: 	 sinatra
Theme URI:	 https://wordpress.org/themes/sinatra/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: sinatrachild
*/
.hide{display:none !important}

.elementor-section ul, .elementor-section ol{margin-left:20px !important;}


.si-logo-container .sinatra-logo{margin:0 !important; flex:0 0 20% !important}

.colophon.bottom {
position: fixed;
width: 100%;
bottom: 0;
}
.red{color:#cf0000}
/*** Full Menu Start ***/

ul.menu > li{position:relative; padding:2px 10px; border-radius:3px; margin:0 3px;}
ul.menu > li > a{color:#fbd206; font-size:14px !important; font-weight:600; text-transform:uppercase;white-space:nowrap; letter-spacing:0.3px}
ul.menu{display: flex; margin:0; list-style:none;padding:20px 0}
ul.menu > li:hover, .sinatra-nav li:hover{background-color:#000f26} 
li.current-menu-item, li.current-menu-parent, li.current-menu-ancestor{padding:2px 13px !important; border-radius: 0 !important; border-bottom: 2px solid #fff}
ul.menu li.menu-item-has-children:hover{border-radius:3px 3px 0 0}
ul.menu li:hover > a, .sinatra-nav li:hover > a, li.current-menu-item > a, li.current-menu-parent >a, li.current-menu-ancestor >a{text-decoration:none; color:#fff !important}
.full_menu_class{padding:0 50px 0 20px; }
.right_menu_class{padding:0 20px 0 50px; }
.full_menu_class, .right_menu_class{
/*	background-color:#4979b1; 
	background-color:#0e427e; 
	background-color:#003674;*/
	background-color:#00207D;
	position:absolute;  
	z-index:2;
	justify-content:center;
	display:flex;
	width:45%;
/*	-webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.25); 
	box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.25); */
	}
/*
.menu > li:nth-child(1){background-color:#a0d9d4;}
.menu > li:nth-child(2){background-color:#ffe699;}
.menu > li:nth-child(3){background-color:#fa9189;}
.menu > li:nth-child(4){background-color:#d1bdff;}
.menu > li:nth-child(5){background-color:#fbd206;}
.menu > li:nth-child(6){background-color:#55cbcd;}
.menu > li:nth-child(7){background-color:#fa8750;}
.menu > li:nth-child(8){background-color:#d6e286;}
*/

.full_menu_class{left:0}
.right_menu_class{right:0}
.full_menu_class .menu-item-has-children>a>.si-icon, .full_menu_class .page_item_has_children>a>.si-icon {
    height: 0.7em;
    margin-left: 0.4375rem;
    margin-right: 0;
}
/*** Full Menu End ***/

.sub-menu{
background: #000f26 !important;
    color: #fff !important;
	font-size:14px;
	font-weight:500;
	letter-spacing:0.3px;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
	right: 9999rem;
    top: calc(100%);
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(-1rem);
    width: fit-content !important;
    z-index: 999;
	list-style:none;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	min-width:150px;
	 border-top:0 !important;
	}
	
	
.full_menu_class li.menu-item-has-children:hover > ul.sub-menu,
.full_menu_class li.menu-item-has-children:focus > ul.sub-menu,
.full_menu_class li.menu-item-has-children.focus > ul.sub-menu{
	left:-20px;
	right:auto;
    opacity: 1;
    transform: translateY(0);
	border-radius: 0 1rem 1rem 1rem;
transition: opacity 0.15s linear, transform 0.15s linear;}

.right_menu_class li.menu-item-has-children:hover > ul.sub-menu,
.right_menu_class li.menu-item-has-children:focus > ul.sub-menu,
.right_menu_class li.menu-item-has-children.focus > ul.sub-menu{
	right:0;
	left:auto;
    opacity: 1;
    transform: translateY(0);
    border-radius: 1rem 0 1rem 1rem;
transition: opacity 0.15s linear, transform 0.15s linear;}

.right_menu_class li:first-child.menu-item-has-children:hover > ul.sub-menu,
.right_menu_class li:first-child.menu-item-has-children:focus > ul.sub-menu,
.right_menu_class li:first-child.menu-item-has-children.focus > ul.sub-menu{
	left:-20px;
	right:auto;
    opacity: 1;
    transform: translateY(0);
	border-radius: 0 1rem 1rem 1rem;
transition: opacity 0.15s linear, transform 0.15s linear;}

.right_menu_class .sub-menu .sub-menu{border-radius: 0 1rem 1rem !important}

.sub-menu a{text-transform:capitalize !important; padding:.571em 0 !important;}
ul.menu .sub-menu li:hover > a{background-color:unset !important; color:#000 !important}
.sub-menu li:hover > a, .sub-menu li.current-menu-item>a{background-color:unset !important;}

.sub-menu li{
	display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
/*  flex: 1 33%; */
width:100%;
 border-top: 1px solid #725824;
padding: 0 12px;
}

.sub-menu li:hover, .sub-menu li.current-menu-parent{
	background-color:#fff5d0 !important;
	
}
.sub-menu li.current-menu-item a{color:#fff !important;}



/** Navigation **/
#sinatra-topbar-nav>li{margin:0 !important; padding:6px 10px !important;}
#sinatra-topbar>.si-container>.si-flex-row{min-height:auto !important}
.nowrap{white-space: nowrap;}
#sinatra-topbar-nav a{ font-size:14px; text-transform:uppercase; font-weight:600; letter-spacing:0.3px}
#sinatra-topbar-nav li a{ color:#000; }
#sinatra-topbar-nav .sub-menu a{ color:#fff !important; font-weight:500 }
#sinatra-topbar-nav .sub-menu a:hover{color:#000 !important}
.sinatra-nav, .sinatra-nav ul{width:100%}
.sinatra-nav ul{justify-content:space-around}
.sinatra-nav li{margin: 0 !important; padding:0 12px !important}
.sinatra-primary-nav li.menu-item-has-children:hover > ul.sub-menu,
.sinatra-primary-nav li.menu-item-has-children:focus > ul.sub-menu,
.sinatra-primary-nav li.menu-item-has-children.focus > ul.sub-menu{left:auto; right:0; opacity: 1; transform: translateY(0);transition: opacity 0.15s linear, transform 0.15s linear;}
ul.sub-menu li ul.sub-menu{background:#00152d !important; z-index:9999; left:90% !important; top:0 !important}

.sinatra-header-layout-3 .si-logo-container>.si-container{align-items:flex-start !important}

.si-topbar-widget{width:100%}

.blinking {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.leadership-wrap{
	border:1px solid #eeeeee;
	border-radius:9px !important;
}
.leadership-wrap:hover{
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21)
}
/*** Tables Start ***/
table.all-border,table.all-border th, table.all-border td {
  border: 1px solid #000;
	color:#000;
}
table p{margin:0 !important}
table.w100{
	width:100% !important;
}
table.table50 {
  border: 1px solid #1C6EA4;
  width: 50% !important;
  text-align: left;
  border-collapse: collapse;
	margin-left: auto;
margin-right: auto;
}
table.table50 td, table.table50 th {
  border: 1px solid #AAAAAA;
  padding: 3px 3px;
}
table.table50 tbody td {
  font-size: 13px;
}
table.table50 tr:nth-child(even) {
  background: #D0E4F5;
}
table.table50 tfoot td {
  font-size: 14px;
}
table.table50 tfoot .links {
  text-align: right;
}
table.table50 tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
table.table-simple, table.table-simple tr, table.table-simple td{
	border:none !important;
background-color:#fff !important;
	vertical-align:top;
}


.t-foot{background:#e9f0d2;color:#e10000;font-weight:600}
.ticker-table{
	border:none;
	text-align:left;
	margin-bottom:0;
}
table.table75 {
  border: 1px solid #1C6EA4;
  width: 100% !important;
  text-align: left;
  border-collapse: collapse;
	margin-left: auto;
margin-right: auto;
}
table.table75 td, table.table75 th {
  border: 1px solid #AAAAAA;
  padding: 3px 3px;
}
table.table75 th{background:#003986;color:#fff; font-size:12px}
table.table75 tbody td {
  font-size: 13px;
}
table.table75 tr:nth-child(even) {
  background: #D0E4F5;
}
table.table75 tfoot td {
  font-size: 14px;
}
table.table75 tfoot .links {
  text-align: right;
}
table.table75 tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

table.fancy, table.fancy2{
	border-collapse: collapse;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	background: linear-gradient(45deg, #fffac3, #f6ed8e);
	border-radius:6px !important;
}

table.fancy:not(.variations):not(.shop_table) tbody tr:nth-child(odd){
	background-color: #ffffff8f;
}
table.fancy:not(.variations):not(.shop_table) tbody tr:nth-child(even){
	color: #000;
}
table.fancy td + td, table.fancy th + th { border:1px solid #0000005c; }
table.colbold td:first-child{
	font-weight:600 !important;
}
table.fancy th{font-weight:bold !important}
.tablescroll{
  width: 100%;               /* Or you can set a fixed width like 600px */
  overflow-x: auto;          /* Enables horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on mobile devices */
  margin: 0 auto;  
}
table.fancy2 tbody tr:nth-child(odd){
	background-color: #ffffff00 !important;
}
table.fancy2 td:last-child{
	background-color: #ffffff8f;
}
table.allborder td{border:0.5px solid #000}


/*** Tables End ***/

/** Latest Notice Accordian **/

.latest-notice{position:fixed !important; right:0px; bottom:0; display: grid; justify-content: right;transition:inherit !important;
  transition-duration: 0.5s !important;
  transition-timing-function: ease-out !important;}


.accordion {
    cursor: pointer;
	border-radius:15px 15px 0 0;
	animation-name: backgroundColorPalette;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; 
	/* linear is enabled default, it’s not necessary to add it make it work but it can make your code more expressive */
}

@keyframes backgroundColorPalette {
	0% {
		background: #CF0000;
	}
	25% {
		background: #CF0000;
	}
	100% {
		background: #FFA300;
	}
}

.accordion:after {
  content: '';
position: absolute;
    right: 15px;
    top: 10px;
    border-bottom: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	border-top:0;
    width: 12px;
	color:#000;
}

.active:after {
  content: '';
position: absolute;
    right: 20px;
    top: 10px;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	border-bottom:0;
    width: 12px;
	color:#fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 30px;
  overflow: hidden;
  transition:inherit !important;
  transition-duration: 0.5s !important;
  transition-timing-function: ease-out !important;
}
.main-tabs .e-n-tabs-heading{background-color:#f0f0f0; padding:10px;}


/** Notice Board  **/

.eael-entry-meta{/**background-color: var(--e-global-color-primary);**/ background-color:#d9e6ff; border-radius: 6px 6px 0 0; padding: 3px 0 0 12px;}




/** Single Post Page **/
.sinatra-article .entry-header{margin:80px 0 0 !important; border:1px solid #f0f0f0; padding: 10px; border-radius:9px 9px 0 0;background-color: var(--e-global-color-c430feb);}
.sinatra-article .entry-header .entry-title{font-size:24px}
.sinatra-article .entry-meta{margin-top:0 !important; border:1px solid #f0f0f0; background-color:#f0f0f0; border-radius: 0 0 9px 9px;padding-left:10px; font-weight:600}
.post-nav {padding:10px; border:1px solid #f0f0f0;border-radius:9px}



/** Media CSS **/

@media only screen and (min-width: 1025px){
.site-main{margin-top:-50px; min-height:800px}
}

@media only screen and (max-width: 1024px){
	.site-header{position: sticky; z-index:10;top:0;}
	.si-container{padding: 0 5px !important;}
	#responsive-menu-pro-button{border:none;}
	button.rmp_menu_trigger{border-width:0 !important;}
	.sinatra-logo .logo-inner{height:60px;}
	.si-header-container {background-color: var( --e-global-color-primary )}
	
.logo-inner img { opacity: 0; }
.logo-inner a {width:300px; background-image: url(https://ladybrabourne.ac.in/wp-content/uploads/2023/04/LBC-logo-mobile.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

.rmp-menu-subarrow .rmp-font-icon{font-size:24px !important}

table.table50, table.table75 {width:100% !important}
table th.full{white-space: nowrap;}
table th.25{width:100% !important}	
}