/*
Theme Name: City
Theme URI: https://mykolaivmr.gov.ua
Author: Holger Koenemann
Author URI: https://mykolaivmr.gov.ua
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.9.4
Requires PHP: 5.2
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: city
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/
@font-face{

font-family: 'CityFont';

src: url('fonts/PTSerif-Regular.ttf');


/* font-family: 'Lobster';

src: url('fonts/Lobster-Regular.ttf'); */

font-weight: normal;

font-style: normal;
font-display: swap;

}
@font-face{

font-family: 'CityFont';

src: url('fonts/PTSerif-Italic.ttf');

font-weight: normal;

font-style: italic;
font-display: swap;

}

@font-face{

font-family: 'CityFont';

src: url('fonts/PTSerif-Bold.ttf');

font-weight: bold;

font-style: normal;
font-display: swap;

}
@font-face{

font-family: 'CityFont';

src: url('fonts/PTSerif-BoldItalic.ttf');

font-weight: bold;

font-style: italic;
font-display: swap;

}
body{
	font-family: 'CityFont';
}



.bg-primary {
  background-color: #ececec !important; }

h1.entry-title {
	font-family: 'CityFont';
	font-size: 20px;
}


.row.item-li {
    padding: 10px 0px;
}
.row.item-li.important-news {
    border: 1px solid;
    margin-left: 0px;
}
.row.item-li.important-news {
    border: 2px solid #58abe0;
    margin-left: -15px;
}
.row.item-li.important-news .entry-title {
	font-weight: bold;
}

.term-ogoloshennya article.news-ogoloshennya div.row.item-li {
	border: 1px solid #dcdee0;
	padding: 15px 0;
}
.term-ogoloshennya article.news-ogoloshennya div.row.item-li.important-news *{
	font-weight: bold;
}

.term-ogoloshennya main > article.news-ogoloshennya:nth-of-type(2n+1)  div.row.item-li{
	background: #f8f8f8;
}


#news-arhiv {


background: url(img/bg.png) no-repeat 100% 46%;
}

.news-arhiv-crumbs{
	margin: 0 auto;
	padding: 0 15px;
}
    
a, a:hover {
    color: #071f32;
    text-decoration: none;
    background-color: transparent;
}
#archive-wrapper h1.page-title {
	margin-bottom: 25px;
}

/*бокове меню новин*/

ul#menu-news-cat {
    list-style: none;
    font-size: 1.2rem;
}
ul#menu-news-cat li {
    margin-bottom: 0;
    max-width: unset;
}
ul#menu-news-cat ul.sub-menu {
    list-style: none;
    padding-left: 10px;
}
ul#menu-news-cat ul.sub-menu li{
    margin-bottom: 0;
}
.widget.widget_nav_menu {
    position: sticky !important;
    top:  10px;
}

/*бокове меню доків*/

ul#menu-docs-cat {
    list-style: none;
    font-size: 1.2rem;
}
ul#menu-docs-cat li {
    margin-bottom: 0;
    max-width: unset;
}
ul#menu-docs-cat ul.sub-menu {
    list-style: none;
    padding-left: 10px;
}
ul#menu-docs-cat ul.sub-menu li{
    margin-bottom: 0;
}

/*бокове меню доків підрозділів*/

ul#menu-doc-upr {
    list-style: none;
    font-size: 1.2rem;
}
ul#menu-doc-upr li {
    margin-bottom: 0;
    max-width: unset;
}
ul#menu-doc-upr ul.sub-menu {
    list-style: none;
    padding-left: 10px;
}
ul#menu-doc-upr ul.sub-menu li{
    margin-bottom: 0;
}

/*бокове меню мерія*/

ul#menu-mmr-cat {
    list-style: none;
    font-size: 1.2rem;
}
ul#menu-mmr-cat li {
    margin-bottom: 0;
    max-width: unset;
}
ul#menu-mmr-cat ul.sub-menu {
    list-style: none;
    padding-left: 10px;
}
ul#menu-mmr-cat ul.sub-menu li{
    margin-bottom: 0;
}



.single-item article h1.entry-title {
	font-size: 2rem;
	font-weight: bold;
}

.single-item article .entry-meta {
    margin-bottom: 10px;
}

.single-item article .entry-content > p:first-of-type {
    font-weight: 800;
    color: #071f32;
    line-height: 1.6;
}

.single-item article .entry-content {
    margin-top: 10px;
    color: #333;
    font-size: 1.12rem;
}

article .gallery-columns-3 .gallery-item {
    display: inline-block;
    
}



div.row.doc-li {
    border: 1px solid #dcdee0;
    padding: 15px 0;
}

.doc-li-icon {
    margin: 0;
}

.doc-li-icon .bi.bi-file-earmark-text {
    font-size: 2rem;
}

.single-doc-table{
    border: 1px solid #dcdee0;
}

article.doc header {
	margin-bottom: 10px;
}

.doc-title-single, .doc-load {
    padding: 10px 15px;
}

#home-slider {
    background: url(img/bg.png) no-repeat 100% 46%;
    padding: 0;
    /* min-height: 313px; */
}



.div-carousel-item-img {
    float: right;
}

.carousel-item-title {
    bottom: 50px;
    left: 0;
    width: 58%;
    z-index: 2;
    position: absolute;
    text-shadow: 5px 1px 5px black;
    color: white;
}
@media (max-width: 576px){
	.carousel-item-title {
		font-size: 1.5rem;
		text-align: center;
		width: 100%;
	}
}

img.div-carousel-item-img {
    clip-path: polygon(0% 0,100% 0%,100% 218%,0 0%);
    position: absolute;
    max-width: 600px;
    top: 0px;
    height: auto;
    right: 0px;
}

.carousel-item{
    min-height: 330px
}



.news-home {
    margin-bottom: 10px;
}


.hnews-t {
    font-weight: bold;
}
.important-news-home .hnews-t {
    color: red;
}

.hogt::before {
    content: '-';
    font-weight: bold;
}

.row.og-home {
    margin: 5px -5px;
}

.important-og-home.hogt a, .important-og-home.hogt {
    color: #900022;
    font-weight: bold;
}

.hogd {
    color: #900022;
}
/*профіль*/

.single-profile-foto {
    clip-path: circle(50% at 50% 50%);
}
.single-profile-bc {
    padding-top: 15px;
}


.profile-bcd {
    padding-top: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
    padding-left: 0;
}
.profile-bcd span {
    display: inline-block;
    font-weight: bold;
}
.profile-bcd span::after {
    border-top: 3px solid #00529e !important;
    width: 40px;
    content: '';
    display: block;
}


.home-foto-profile {
    padding: 2px;
	text-align:center;
}

.home-title-profile {
    padding: 0 0 0 5px;
	text-align:center;
}


.pryim-home {
    padding: 0;
    margin-top: 10px;
	text-align:center;
}

.pryim-home .dashicons-phone {
    font-size: 15px;
    vertical-align: middle;
}

.pryim-home .pryim {
    font-weight: bold;
}

.vsi-novyny {
    margin: 0 auto;
    max-width: 100px;
    border: 1px solid #00529e;
    text-align: center;
}

.vsi-novyny a{
    color:#00529e;
}
.home-fotovideo, .home-2colum{
    margin-top: 20px;
    margin-bottom: 20px;
}

iframe {
    width: 100%;
    max-width: 700px;
    margin: 0;
    padding: 2px;
    /* height: 400px; */
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #071f32;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #071f32;
}
.navbar-dark .navbar-nav .nav-link {
    color: #071f32;
}

.single-doc-container {
    margin: 20px 5px;
}


.rishennya-dt, .rozporydzhennya-dt, .vykonkom-proekty-dt, .proekty_rady-dt {
    float: left;
    margin-right: 10px;
    min-width: 40px;
    font-weight: bold;
    text-decoration: underline;
}

.rishennya, .rozporydzhennya, .proekty_rady, .vykonkom-proekty {
    padding: 5px 15px;
}

#home-fvtab {
    border: 0;
    font-size: 1.2rem;
}

#home-ritab, #home-zrtab{
    font-size: 1.1rem;
    font-weight: bold;
}

.bio-title {
    padding-top: 10px;
    text-transform: uppercase;
}
.bio-title span {
    display: inline-block;
    font-weight: bold;
}

.bio-title span::after {
    border-top: 3px solid #00529e !important;
    width: 40px;
    content: '';
    display: block;
}


.profile-kont-table {
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin: 0px 15px;
}
.bio-text {
    margin-top: 10px;
}

.pdt-col {
    padding-top: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: bold;
}
.profile-doc-row {
    border: 1px solid #dcdee0;
    margin: 0;
}
.profile-doc-col {
    padding: 8px 15px;
    border-bottom: 1px solid #dfe0e1;
}
a.profnzk {
    color: #0052a7;
    font-weight: bold;
}
span.declcodano {
    background: #1e87f0;
    padding: 0 10px;
    color: #fff;
    margin-right: 10px;
}
.profile-bio {
    padding-left: 35px;
    padding-top: 15px;
}
#primary {
    padding-top: 15px;
}

.home-title-profile-second a {
    color: #27529e;
    font-weight: bold;
}
.pryim-home-tel {
    color: red;
}
.pryim-home-tel {
    color: #00529e;
    text-align: center;
}

.bt-home {
    padding: 5px;
}

a.bt-home-a {
    background: #1c81e6;
    border-color: #1c81e6;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
}


.pgf {
    margin-top: 20px;
}

.pgf .page-link {
    color: #0a0a0b;
}

.pgf .page-item.active .page-link {
    background-color: #58abe0;
    border-color: #58abe0;
}

.f-site-addr, .f-site-copy {
    font-size: 0.75rem;
}
.single-profile-poshta {
    overflow: hidden;
    display: block;
    font-size: 0.9rem;
    letter-spacing: -1px;
}
h3.arh-entry-title {
    font-size: 1rem;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fst-italic {
    font-style: italic !important;
}
.fst-normal {
    font-style: normal !important;
}

.applic-middletext {
    padding-top: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.applic-lasttext {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.applic-bottomtext {
    margin-bottom: 15px;
}
.mk-success {
    background: #dff9e8;
    color: #13602e;
}

.mmr-mer {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 35px;
}
.mmr-row h2 {
    font-size: 1.6rem;
}
.mmr-row h3 {
    font-size: 1.2rem;
}
.zatext a h3 {
    color: #0f529e;
    font-weight: bold;
}
.zastupnyky-row, .vykonkom-row, .secretar-row, .kerivnyk_aparatu_rady-row, .keruyuchyj_spravamy_vykonkomu-row {
    border: 1px solid #e1dfdf;
    padding: 15px 5px;
}
.mmr-mer img {
    max-width: 210px;
}
.zastupnyky-col, .vykonkom-col, .secretar-col, .kerivnyk_aparatu_rady-col, .keruyuchyj_spravamy_vykonkomu-row {
    margin-bottom: 15px;
}


.sp-col-h2 a h2, .sp-col-h2 h2  {
    color: #0f529e;
    font-weight: bold;
    font-size: 1.2rem;
}
.sp-col {
    border: 1px solid #ece7e7;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.col-aut {
    border: 1px solid #dfd7d7;
    padding: 10px;
    margin-bottom: 15px;
}
.col-aut a h2{
    color: #0f529e;
}
.so-str  {
    font-weight: bold;
}
.so-nap{
    padding:0px;
    margin:0px;
}

.so-nap a {
    color: #58abe0;
    font-weight: bold;
    display: inline-block;
    padding:10px 0px;
}

.so-nap span::after {
    content: ',';
}

.so-nap span:last-child::after {

  content: none;

}
.so-nach a {
    color: #0f529e;
}
.local h1 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #1e4259;
}

.local h2 {
    font-size: 1.1rem;
    font-weight: bold;
}

.local .entry-header a {
    color: #2e739f;
    font-weight: bold;
}

.dist h1, .unit h1 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.5rem;
}

img.bh1 {
    max-width: 44px;
    display: block;
    float: left;
    opacity: 0.4;
    margin-right: 23px;
}

.dist .so-nap a {
    color: #58abe0;
    font-weight: bold;
    display: inline-block;
    padding:0px;
}
.dist-starosta, .dist-nachal {
    border: 1px solid #c8c3c3;
    padding: 10px 15px;
    border-radius: 5px;
}
article a {
    color: #4083ae;
}
.archive article a {
    color: #2c3671;
}
.archive .entry-meta {
    margin-bottom: 5px;
}
.dist-row {
    margin-top: 15px;
}
.sp-nach{
    display: block;
}
.sp-nach::after {
    border-top: 3px solid #00529e !important;
    width: 40px;
    content: '';
    display: block;
}
.nach-osh {
    margin: 10px 0px;
}
.mmr-mer-title {
    font-size: 1.5rem;
    color: #0f529e;
}
#mmr-page h1 {
    font-size: 1.5rem;
    text-align: center;
}
.center {
    text-align: center;
}

.dist-nach-dok h2 {
    font-size: 1.3rem;
    margin-left: 10px;
}

.dnd-li {
    border: 1px solid #d0cccc;
    margin-bottom: -1px;
    padding: 5px 10px;
}
.dnd-all h3 {
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid #c6c6c6;
    padding: 5px;
    display: inline-block;
    margin-top: 10px;
}
.dist-nach-dok {
    margin-top: 10px;
}
.strong {
    font-weight: bold;
}
#sp-page h1 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 20px;
}
.pkchln a {
    color: #386886;
}

.spys-row {
    margin-bottom: 15px;
    padding: 5px 0px;
}
.spys-li-dep {
    border: 1px solid #d2d2d2;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.spys-li-dep a {
    color: #1c346c;
    font-weight: bold;
    font-size: 1.1rem;
    padding-left: 3px;
}
.spys-li-pos, .spys-li-par {
    padding-left: 20px;
}
.spys-li-pos {
    font-style: italic;
}

.spys-li-par {
    padding-left: 20px;
    font-weight: bold;
}
.fb-page.fb_iframe_widget iframe {
    min-height: 110px;
}

.home-facebook {
    margin-bottom: 10px;
}
.important-news-home {
    padding: 10px 0;
    border: 2px solid #900022;
    color: #900022;
}

table {
    border: 1px solid #dee2e6;
    font-size: 0.8rem;
}

table td, table th {
    border: 1px solid #dee2e6;
}

a.bt-unit {
    margin-top: 20px;
    text-transform: uppercase;
    background: #1c81e6;
}
.navbar-toggler {
    background-color: #58abe0!important;
}
.nav-link {
    display: block;
    padding: .1rem;
}
a.school_site {
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}
a.school_fb {
    color: #fff;
    font-weight: bold;
}
.nav-tabs .nav-link {
	padding: 5px 10px;
}



.dist h2 {
    font-size: 1.4em;
    padding-left: 10px;
}



@media (min-width: 766px){
    #main-menu {
/*     position: absolute;
    right: 15%; */
		margin: 0 auto;
}
}
.gallery-columns-3 .gallery-item {
  max-width: 32.33%!important;
}