/*
 Theme Name:   IRIO Theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Тема для сайта Института развития информационного общества
 Author:       Капустин Дмитрий
 Author URI:   none
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  irio-theme
*/ 

body{
	background-color: #f7f8fa;
}

/* Верхняя панель */
.jumbotron {
  height: 300px;
  padding-top: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  background-color: white;
  background-image: url('http://iis.ru/wp-content/uploads/2018/03/about.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
	
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.jumbotron.scrolled .container{
	opacity: 0;
}

.jumbotron .container {

}

/* Основной контент */ 
.site-content{
	background-color: white;
}

p {
	color: #000000;
}

/* Переход при сколле вверх */
.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar-brand{
	opacity: 0;
}

.navbar.scrolled{
    background: rgba(255, 255, 255, 0.9);
}

.navbar.scrolled .navbar-brand{
	opacity: 1;
}

.dropdown-menu a{
	color: black;
}


h2.separator {
   width: 100%; 
   text-align: center; 
	border-bottom: 1px solid #babfc4; 
	line-height: 0.1em;
	margin: 10px 0 20px;
	font-size: 0.9em;
	margin-top: 3em;
	margin-bottom: 3em;
} 

h2.separator span { 
    background:#fff; 
    padding:0 10px; 
	text-transform: uppercase;
	color: #babfc4;
}

.img-height {
	width: 100%;
	height: auto;
  	overflow: hidden;
}

.news-height {
	max-height:50vh;
	min-height:40vh;
	overflow:hidden;
}

h5 a{
	color: black;
}

a:hover {
	text-decoration: none;
}

.site-footer{
	color: white;
	background-color: #9b8e81;
	background-image: url("http://iis.ru/wp-content/uploads/2018/03/about.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.site-footer p{
	color: white;
}

.site-footer a{
	color: white;
}

.btn-link:hover{
	background-color: #007bff;
	color: white;
	text-decoration: none;
}

.btn .site-content a:hover{
	color: #ffffff;
}

h5 .site-content a:hover{
	color: #007bff;
}

a.nav-link {
	color: white;
	text-transform: uppercase;
	font-size: 0.75em;
}

.scrolled a.nav-link{
    color: black;
}

a.nav-link:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #007bff;
	border-radius: 10px;
}

.dropdown-menu{
	background-color: rgba(255,255,255,.9);
}
.navbar-toggler{
	color: #fff;
}

.site-footer a:hover {
	text-decoration: underline;
}

.extra-small{
	font-size: 0.7em;
}

.menu-item:hover{
	/*background-color: #007bff;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 10px;*/
}

h4{
	padding-top: 1em;
}

.fill{
	height: 40vh;
	width: 100%;
	overflow:hidden;
	object-fit: cover;
}