/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Aqsa Arshad
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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 with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


@charset "utf-8";
/* CSS Document */
	.navbar-brand {
		font-size: 0.9rem;
		}
.h6, h6 {
    font-size: 0.9rem!important;
}
.h5, h5 {
    font-size: 1.2rem;
}
.backgrounddarkgrey{
	background-color:#E2DDD7;
	}
.backgroundlightgrey{
	background-color:#F3F1F1;
	}
	.backgroundlightgrey ul li code{ 
 background-color:#F3F1F1;

		}
		.backgroundlightgrey p code{ 
 background-color:#F3F1F1;

		}
		.text-uppercase{
		text-transform: initial !important;}
/*.backgroundlightgrey p{
		font-size:smaller;}*/
.color{
	color:#574E3B;

	}
.coloryellow{
	color:#D7B73E;

	}
body{
		color:#574E3B;
		font-family:Open Sans;
		font-size: 0.9rem;
		}
		.coloryellow:hover {
   color: green;
		}
.coloryellow:hover{	
color:#574E3B!important;
}
.topsearch{
	padding:3px 5px;
	border:1px solid #ABABAB;
	font-size:small;
	width: 80%;
	}
.search-submit{border:0px; padding:0px;}
.topsearch1{
	padding:3px 5px;
	border:1px solid #574E3B;
	background-color:#574E3B;
	color:#fff;
	}
.topbar{
	background-color:#E2DDD7; line-height: 2;}
.Editorialfulldiv{
	background-color:#fff;
	border:1px solid #ABABAB;}
	.EditorChoicediv{
		border: 5PX solid white;}
.hrtag{
	
	border-top:1px solid #000;}
.articletitle{
		color:#97928C;}
.articlesecdiv3{
			color:#D7B73E;}
.Multimedia{
				border:1px solid #ABABAB;}
.newsnevent{
				border:1px solid #ABABAB;
				}
.openaccessbtn{
	background-color:#998675;
	color: #D7B73E;
	font-size:small;
}				
.openaccessbtn:hover{
	background-color:#998675;
	}
				
	menu-sidebar-container ul li{
		list-style:none;}			
		
		#menu-sidebar		{
			list-style:none;
			color:#D7B73E;}
				
		#menu-sidebar a{
	color:#574E3B;}		
				
		.my_extra_menu_class{ color:#C39;
		}			
.my_extra_menu_class ul{ 

list-style: none;
color:#000;
padding-left:11px;
margin-bottom:0px;
		}			
.my_extra_menu_class ul li{ 
	padding:5px 8px;
		}							
.my_extra_menu_class ul li a{ 
color:#000;
height: 30px;
	line-height: 30px;
	padding: 0 2px;
		}	
.my_extra_menu_class a:hover {
	color: #000;
	background: #ccc;
}				
	.navbar-toggler-right {
    position: relative;
right: -1rem;
}			
		.my_extra_menu_class ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}
.my_extra_menu_class ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
.my_extra_menu_class ul ul li a { /* target all sub menu item links */
	padding: 5px 10px; /* give our sub menu links a nice button feel */
}		
.my_extra_menu_class ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}
.my_extra_menu_class ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}				
				
				
				
				
				
-----------------------------------






@media (min-width:240px) {


.quicklinks {
    margin-top: 2px;

}



.my_extra_menu_class ul{ display: block;

		}










 }
 
@media (min-width:576px) {


.quicklinks {
    margin-top: 23px;
}


.my_extra_menu_class ul{ display: block;

		}







 }
 
@media (min-width:768px) {


.quicklinks {
    margin-top: 43px;
}
.my_extra_menu_class ul{ 
 display:inline-flex;

		}












 }
 
@media (min-width:992px) { 

.container {
   width: 1366px;
}

.quicklinks {
    margin-top: 114px;
}













}