/*!
Theme Name: duhovnoe_blagolepie
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>duhovnoe_blagolepie</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
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: duhovnoe_blagolepie
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.

duhovnoe_blagolepie is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
a,a:hover,a:visited
{
	display: block;
	height: 100%;
	font-family:sans-serif;
	text-decoration: none;
	color:white;
	text-shadow: 2px 2px 2px black;
}
li,ul
{
	list-style-type: none;
	font-family:sans-serif;
	text-decoration: none;
	color:white;
}
html,body
{
	height: 100%;
	color:white;
}
#con
{
	min-height: 100%;
	position: relative;
}
p
{
	margin:0;	
}



header
{
	letter-spacing: 1px;
	background-color: #283655;
	position: relative;
	color:white; 
}
#adress
{
	display: flex;
	/*align-items: flex-end;*/
	text-align: right;
	text-shadow: 2px 2px 2px black; 
}
#teg
{
	font-size: 25px;
}
header h6{
	text-shadow: 2px 2px 2px black;
	text-align: center;
}
header .col-6
{
	border-bottom: 1px solid rgba(0,0,0,0.3)
}
#logo
{
	border-bottom: 1px solid #283655;
	background-color: #4d648d;
}
header .row
{
	padding:25px;
}



nav .row>*
{
	padding-right: 0px;
}

nav #active
{
	background-color:#4d648d;
}
nav ul
{
	width: 100%;
	position: relative;
	display: table;
	margin: 0;
	padding: 0;
}
nav li
{
	font-size: 17px;
	display: table-cell;
	text-align: center;
	font-family:sans-serif;
	text-decoration: none;
	color:white;
	text-shadow: 2px 2px 2px black;
	border-left: 2px solid rgba(0,0,0,0.1);
}
nav a 
{
	padding: 5px;
}
nav li:hover
{
	background-color:#4d648d;
}
nav li:first-child{
	border-left: 0px; 
} 
nav
{
	background-color:rgba(83,110,157,0.8);
}
nav .current-menu-item, nav .current_page_parent
{
	background-color: #4d648d;
}
nav ul ul 
{
	background-color:rgb(89,116,161);
	max-width:250px;
	border-left: 2px solid rgba(0,0,0,0.1);
	display: none;
	position: absolute;
	top: 100%;
}

/* отображаем выпадающий список при наведении */
nav ul li:hover > ul {
	display:inherit;
}
/* первый уровень выпадающего списка */
nav ul ul li:first-child {
	border-top: 2px solid rgba(0,0,0,0.3);
}
nav ul ul li {
	font-size: 15px;
	border-top: 2px solid rgba(0,0,0,0.1);
	border-left: 0;
	text-align: left;
	display:list-item;
	position: relative;
}
.nav
{
	display:block;
}
.nav-pills .nav-link
{
	border-radius:0;
}


main
{
	padding-bottom: 150px;
}
main img 
{
	border-radius: 10px;
	max-width:850px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4),
		3px 3px 2px rgba(0,0,0,0.4),
		4px 4px 2px rgba(0,0,0,0.4);
}
#personal_block
{
	
}
#personal_block .row
{
	color:#4c4c4c;
	padding-top: 0px;
}
#personal_block #text_title
{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-bottom:20px;
}

#personal_item
{
	padding:0;
	padding-bottom:20px;
	margin: auto;
	margin-bottom:20px;
	width: 85%;
	background-color:rgba(208,225,249,0);
	border-bottom: 3px solid rgba(0,0,0,0.08);
	border-right: 3px solid rgba(0,0,0,0.04);
}
#personal_item img
{
	border-radius: 5px;
	height: 200px;
	width: 100%;
	max-height: 250px;
	max-width: 250px;
}
#personal_item #personal_information img
{
	margin: 2px;
	box-shadow: 0 0 0 0;
	border-radius: 2px;
	max-height: 550px;
	max-width: 550px;
	height: auto;
	width: 100%;
}
#personal_item .row
{
	background-color:rgba(208,225,249,0);
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
}
#personal_name
{
	font-size: 25px;
	font-weight: 700;
}
#personal_information
{
	text-align: justify;
	margin-top:20px;
}


#contacts_block .row
{
	color:#4c4c4c;
	padding-top: 0px;
}
#contacts_block #text_title
{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-bottom:20px;
}
#contact_name
{
	font-size: 25px;
	font-weight: 700;
}
#contact_information
{
	text-align: justify;
	margin-top:20px;
}
#contact_item
{
	padding:0;
	padding-bottom:20px;
	margin: auto;
	margin-bottom:20px;
	width: 85%;
	background-color:rgba(208,225,249,0);
	border-bottom: 3px solid rgba(0,0,0,0.08);
	border-right: 3px solid rgba(0,0,0,0.04);
}
#contact_item img
{
	border-radius: 5px;
	height: 100%;
	width: 100%;
	max-height: 250px;
	max-width: 250px;
}
#contact_item .row
{
	background-color:rgba(208,225,249,0);
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
}
#text_title
{
	text-shadow: 2px 2px 2px  black;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 20px; 
}
#greeting #text_title
{
	font-size: 25px;
}
#text_title span
{
	border-bottom: 2px solid rgba(0,0,0,0.1);
	padding: 5px;
	padding-right: 40px;
	padding-left: 36px;
}
#aboutus
{
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 75%;
}
#aboutus_lagre
{
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#fon
{
	position: relative;
	font-size: 20px;
	text-shadow: 2px 2px 2px  black;
	width: 100%;
	height: 100%;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.5);
	border:3px solid rgba(77,100,141,0.1);
	border-radius: 10px;
	background-color:rgba(77,100,141,0.5);
}
#text_text
{
	display: flex;
	align-items: center;
	letter-spacing: 1px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.5);;
	border-radius: 10px;
	background-color:rgba(40,54,85,0.2);
	text-align:center;
	margin:10px;
	margin-top:50px;
	padding: 15px;
}
main .row{
	padding-top: 20px;
	background-color:rgba(208,225,249,0.4);
}
#line
{
	border-bottom: 2px solid rgba(0,0,0,0.1);
	width: 90%;
	margin: auto;
	margin-top: 40px;
}
#news_block .row
{
	color:#4c4c4c;
	padding-top: 0px;
}
#news_block #text_title
{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	margin-bottom:20px;
}
#news
{
	padding:0;
	padding-bottom:20px;
	margin: auto;
	margin-bottom:20px;
	width: 85%;
	background-color:rgba(208,225,249,0);
	border-bottom: 3px solid rgba(0,0,0,0.08);
	border-right: 3px solid rgba(0,0,0,0.04);
}
#news img
{
	border-radius: 5px;
	height: auto;
	width: 100%;
	max-height: 250px;
	max-width: 250px;
}
#news #news_text img
{
	margin: 2px;
	box-shadow: 0 0 0 0;
	border-radius: 2px;
	max-height: 550px;
	max-width: 550px;
	height: auto;
	width: 100%;
}
#news .row
{
	background-color:rgba(208,225,249,0);
	border-radius: 10px;
	padding-top:15px;
	padding-bottom:15px;
}
#news .col-md-3
{
	border-right:2px solid rgba(0,0,0,0.1);
}
#news_title
{
	border-bottom: 2px solid rgba(0,0,0,0.5);
	font-size: 25px;
	font-weight: 700;
}
#news_text
{
	text-align: justify;
	margin-top:20px;
}
#news_text a
{
	font-weight: 700;
    display: initial;
    color: #4c4c4c;
    padding: 5px;
    text-shadow: 0 0 0 black;
}
#news a 
{
	color:#4c4c4c;
	height: auto;
	text-shadow: 0 0 0 black;
}
#picture
{
	text-align: center;
	margin:0;
	padding: 0;
}
#date
{
	border-radius: 10px;
	border-left:2px solid rgba(0,0,0,0.2);
	border-right:2px solid rgba(0,0,0,0.2);
	margin:15px;
	margin-bottom:0px;
}
#main_papper
{
	box-shadow: 0px 20px 1px 0px rgba(208,225,249,0.7);
}
#about
{
	font-size: 18px;
	color:#4c4c4c;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
}
#about img
{
	margin: 2px;
	box-shadow: 0 0 0 0;
	border-radius: 2px;
	max-width: 800px;
	height: auto;
	width: 100%;
}
#about a
{
	display: inline-block;
	padding-left: 10px; 
	color:#4c4c4c;
	height: auto;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#about a:hover
{
	background-color:rgba(208,225,249,0.5);
}
#about li
{
	list-style-type: decimal;
	margin-bottom: 15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	color:#4c4c4c;
}
#about .current-menu-item
{
	background-color:rgba(208,225,249,1);
}
#about  #about_text
{
	border-right: 2px solid rgba(0,0,0,0.1);
	text-align: justify;
	padding:30px;
	margin-bottom: 20px;
}
#about  #about_text #title
{
	font-weight: 700;
	text-align: center;
	font-size: 30px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
}
#about  #about_nav
{
	padding:30px;
	padding-left: 15px;
	margin-bottom: 20px;
}

#bottom_nav span
{
	font-family: sans-serif;
}
#bottom_nav .current
{
	border-bottom: 1px solid black

}
#bottom_nav nav
{
	background: rgba(0,0,0,0);
}
#bottom_nav a
{
	display:inline-block;
	color:#4c4c4c;
	text-shadow: 0 0 0 ;
}
#bottom_nav .nav-links
{
	margin:auto;
}
#bottom_nav .nav-links >*
{
	margin:5px;
}

footer
{
	border-top:2px solid black; 
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #283655;
}
footer .container
{
	margin-top:10px;
	margin-bottom:10px;
}
#mid_text
{
	text-align: center;
}
#right_text
{
	text-align: right;
}
tbody, td, tfoot, th, thead, tr
{
	color:#4c4c4c;
	border-width:medium;
}


@media (max-width: 1400px) 
{
	#fon
	{
		font-size:18px;
	}
	#text_text
	{
		margin:0;
		margin-top:50px;
	}
}
@media (max-width: 1199.98px) 
{
	main
	{
		padding-bottom: 180px;
	}
}
@media (max-width: 991.98px) 
{
	#about  #about_text
	{
		border-right:0;
		border-bottom: 2px solid rgba(0,0,0,0.1);
	}
}
@media (max-width: 768px) 
{
	main
	{
		padding-bottom: 250px;
	}
	#right_text
	{
		text-align: center;
	}
	#text_text
	{
		margin-top:50px;
	}
	tbody, td, tfoot, th, thead, tr
	{
		font-size: 15px;
	}
}
@media (max-width: 575.98px) 
{
	tbody, td, tfoot, th, thead, tr
	{
		font-size: 12px;
	}
}
@media (max-width: 392px) 
{
	tbody, td, tfoot, th, thead, tr
	{
		font-size: 10px;
	}
	#personal_name
	{
		font-size: 22px;
	}
	#about_nav
	{
		font-size: 20px;
	}
	#about_text
	{
		font-size:12px;
	}
	#about  #about_text #title
	{
		font-size: 20px;
	}
	#text_title
	{
		font-size: 22px;
	}
	#greeting #text_title
	{
		font-size: 22px;
	}
	#text_text
	{
		font-size:15px;
		text-align:justify;
		margin:10px;
		margin-top:40px;
		padding: 20px;
	}
	h6
	{
		font-size: 15px;
	}
	#teg
	{
		font-size: 22px;
	}
	#adress
	{
		font-size: 10px;
	}
	main
	{
		font-size:12px;
		padding-bottom: 250px;
	}
	nav a
	{
		font-size: 10px;
	}
	#news_title
	{
		font-size: 15px;
	}
	footer
	{
		font-size: 13px
	}
}
@media (max-width: 300px) 
{
	#text_text
	{
		font-size:14px;
		text-align:justify;
		margin:10px;
		margin-top:60px;
		padding: 20px;
	}
	tbody, td, tfoot, th, thead, tr
	{
		font-size: 9px;
	}
}