/*!
Theme Name: krm
Theme URI: http://fotobashnya.com.ua/
Author: Студія Фотобашня
Author URI: http://fotobashnya.com.ua/
Description: Тему розробелно для Краматорської міської ради
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: krm
Tags: Краматорська міська рада

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.

krm is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
body {
    background: #9dd1ff!important;
    color: #063462!important;    
    line-height: 1.4em;
}
p, div, span, a, intut, li, a:hover, a:visited, a:link, a:active, select, h1, h1 a, h1 a:link, h2, h2 a, h3, h4  {
    color: #063462!important;
}
.header {
    background: #9dd1ff!important;
    padding: 10px 30px 0 30px;
	border-bottom:2px solid #063462;
}
img {
  display: block;
  height: auto;
  max-width: 100%;
}

i.fa, footer .govement a:before {
	color: #063462!important;
	opacity: 1;
}
.bvi-panel i.fa {
    color:#000!important;
} 

.carousel-caption date {
    color:#063462!important;
}

.breadcrumbs nav ul li, .breadcrumbs nav ul li a {
    color:#063462!important;
}

.breadcrumbs {
        border-bottom: 1px solid #063462;
}

.tags a, .tribe-block__events-link .tribe-block__btn--link a {
     background: #9dd1ff!important;    
	 border:1px solid #063462;
}

.tags a:hover, .tribe-block__events-link .tribe-block__btn--link a:hover {
     background: #063462!important;    
	 color: #9dd1ff!important;    
}

button .fa {
	color: #9dd1ff!important;
	opacity: 1;
}
button:hover .fa {
	color: #063462!important;
	opacity: 1;
}

.cd-primary-nav > .has-children > a {
    color:  #063462!important;
}

input[type="email"] {
     background: transparent!important;    
	 border:2px solid #063462;
}

#pagecontent form input[type="search"]  {
     background: transparent!important;    
	 border:2px solid #063462;
    color: #063462!important;
}

.slick-prev, .slick-next{
    display: none;
}
.popnews ul {
    margin-left: -40px;
}

.nav-tabs .nav-link {
    opacity: 0.5;
}

.nav-tabs .nav-link.active {   
    border-bottom: 3px solid #063462!important;
}
.searchbtn i.fa {
	color:#9dd1ff!important;
}

.searchbtn:hover i.fa {
	color: #063462!important;
}
.site-title img {
	display: inline;
}
.sr-only {
	color:#063462;
}
.carousel-caption { 
	background: #9dd1ff!important;
	padding: 30px;
}
.nav-tabs .nav-link {
    border-bottom: 3px solid #063462;
    opacity: 1!important;
}

.btn, .btn-primary, .tribe-events-widget-link a, .btn-secondary, .searchbtn, .enterbtn, input#searchsubmit, input[type="submit"], #blocksearch button[type="submit"] {  
 	background: #063462!important;	
	border:2px solid #063462!important;
	color: #9dd1ff!important;    
}
input[type="submit"]:hover {
    background: #9dd1ff!important;	
	border:2px solid #063462!important;
	color: #063462!important;
}
.graiblock, .blocksearch, #blocksearch input[type="text"]{  
 	background: #9dd1ff!important;	
	border:2px solid #063462!important;
	color: #063462!important;    
} 

.btn:hover, .btn-primary:hover, .tribe-events-widget-link a:hover, .btn-secondary:hover, .searchbtn:hover, .enterbtn:hover, input#searchsubmit:hover {  
 	background: #9dd1ff!important;	
	border:2px solid #063462!important;
	color: #063462!important;    
}
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons   {
	background: #9dd1ff!important;	
	border:2px solid #063462!important;
	color: #063462!important; 
	left:23px;
}
.cd-primary-nav .cd-secondary-nav > li > a {	
	color: #063462!important;  
}
.cd-primary-nav > li > a.selected {
	background: #9dd1ff!important;	
	border:2px solid #063462!important;
	color: #063462!important;   
}

.modal-content, .modal-header .close  {
	background: #9dd1ff!important;	
	color: #063462!important;  
}

.slick-slide, .slick-slide a {
	background: transparent!important;	
	border:1px solid #063462!important;
	color: #063462!important;   
}

.slick-slide:hover, .slick-slide a:hover {
	background: #063462!important;	
	border:1px solid #063462!important;
	color: #9dd1ff!important;   
}

.cd-primary-nav .cd-secondary-nav a, .city a:before {
	color: #063462!important;  
}

.carousel-control-prev, .carousel-control-next, .carousel-control-prev span, .carousel-control-next span {
	background: #9dd1ff!important;		
	color: #063462!important;  
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #9dd1ff!important;    
}
.footer ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
}
.footer ul > li {
  display: block;
  margin-left: 15px;
  padding: 3px 0;
  border-bottom: 1px solid #063462;
}

.footer hr  {
  background-color: #063462!important;  
}

.slick-dots li.slick-active button:before {
   color: #063462!important;  
}

.slick-dots li button:before {
   color: #063462!important;  
}

/*font-style 3*/

body.style3, .style3 p, .style3 div, .style3 span, .style3 a, .style3 intut, .style3 ul, .style3 li, .style3 select, .style3 taxtarea, .style3 .slick-slide, .style3 .slick-slide a, .style3 .nav-tabs .nav-link.active, .style3 .nav-tabs .nav-item.show .nav-link, .style3 .btn  {
    font-size:103%!important;   
	
}
body.style2, .style2 p, .style2 div, .style2 span, .style2 a, .style2 intut, .style2 ul, .style2 li, .style2 select, .style2 taxtarea, .style2 .slick-slide, .slick-slide a, .style2 .nav-tabs .nav-link.active, .style2 .nav-tabs .nav-item.show .nav-link, .style2 .btn  {
    font-size:102%!important;    
}

.style2 h1, .style2 h1 a {
    font-size:42px!important;
}

.style2 h2, .style2 h2 a {
    font-size: 36px!important;
}

.style2 h3, .style2 h3 a, .style2 h4, .style2 h4 a {
    font-size: 30px!important;
}
.style2 h3.slidetitle, .style2 h3.slidetitle a  {
   font-size: 2.2rem!important;
}

/*font style 2*/
/*body .style2, .style2 p, .style2 div, .style2 span, a, .style2 intut, .style2 ul, .style2 li,  .style2 select, .style2 taxtarea  {
    font-size:18px!important;    
}*/

.style3 h1, .style3 h1 a {
    font-size:48px!important;
}

.style3 h2, .style3 h2 a {
    font-size: 42px!important;
}

.style3 h3, .style3 h3 a, .style3 h4, .style3 h4 a {
    font-size: 36px!important;
}

.style3 h3.slidetitle, .style3 h3.slidetitle a   {
  font-size: 2.3rem!important;
}
/*image off*/
/*зображення вимкнути*/

.style5 .logo img {
    display:block!important;
}

.style5 header .ktmrt img {
    display: inline-block!important;  
    visibility: visible!important;  
}
.style5 iframe {
    display: none;
}

.style5 header.logo img {
    display:block!important;
}

.style5 .headertitle.pagetitle.name a img {
    display:block!important;
     visibility:visible!important;
}

.style5 img {
     visibility: hidden!important;
}
.style5 .container img, .style5 #cartoon .entry-thumbnail img, .style5 #cartoon .my-new-sidebar h3 .gerb_article {
    display:none!important;
}
.style5 .linkdoc a {
    background: none!important;
}
.style5 .bx-wrapper .bx-viewport, .style5 #cartoon #mega-menu-wrap-primary #mega-menu-primary img {
    display:none!important;
}

.style5 .my-new-sidebar h3{ 
    margin-top:0;
}
/* / зображення вимкнути*/
#picts {border:5px solid red;}
/*зображення чб*/
.style6 img, .style6 iframe {
  -webkit-filter: grayscale(100%)!important;
  -moz-filter: grayscale(100%)!important;
  -ms-filter: grayscale(100%)!important;
  -o-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  filter: gray!important;/* IE 6-9 */
}
.style6 #main-slider .carousel .item.active {
    -webkit-filter: grayscale(100%)!important;
  -moz-filter: grayscale(100%)!important;
  -ms-filter: grayscale(100%)!important;
  -o-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  filter: gray!important;/* IE 6-9 */
}
/*зображення чб*/

/*додатково*/

.style8 * {
    letter-spacing: 2px!important;
}
.style9 * {
    letter-spacing: 5px!important;
}
.style9 .statblock .text {
    padding: 0;
    margin-top:30px;
}

.style11 p, .style11 div, .style11 span, .style11 a, .style11 intut, .style11 ul, .style11 li,  .style11 select, .style11 taxtarea, .style11 h1, .style11 h1 a, .style11 h2, .style11 h2 a, .style11 .name, .style11 .name a, .style11 h3, .style11 h3 a, .style11 h4, .style11 h4 a, .style11 small, .style11 small a, .style11 .descript p, .style11 .statblock .numer, .style11 .statblock .text p, .style11 .subcat_inner a, .style11 .zbirblock ul li a, .style11 footer
{
    line-height: 1.5!important;
}

.style3 .carousel-content h1 {
    margin-top: -100px!important;
}

.style3 .statblock {
    height: 280px;
    margin-top: -280px;
    position: relative;
    z-index: 999;
    text-align: center;
}

.style11 .carousel-content h1 {
    margin-top: -100px!important;
}

.style11 .statblock {
    height: 280px;
    margin-top: -280px;
    position: relative;
    z-index: 999;
    text-align: center;
}
.style12 .carousel-content h1 {
    margin-top: -250px!important;
}
.style12 .statblock {
    height: 350px;
    margin-top: -350px;
    position: relative;
    z-index: 999;
    text-align: center;
}
.style12 .statblock .text, .style11 .statblock .text  {
    padding: 0;
    margin-top: -30px!important;
}
.style11 .bvi-glyphicon {
    font-size:16px!important;
    letter-spacing: normal!important;
    line-height: 1!important;
}
.style11 .bvi-btn-group a {
    font-size:16px!important;
     letter-spacing: normal!important;
    line-height: 1!important;
}
.style12 * {
    line-height: 2!important;
}
.style12 .bvi-glyphicon {
    font-size:16px!important;
    letter-spacing: normal!important;
    line-height: 1!important;
}
.style12 .bvi-btn-group a {
    font-size:16px!important;
     letter-spacing: normal!important;
    line-height: 1!important;
}
.style14 * {
    font-family: 'Times New Roman', serif!important;
}
.style14 .bvi-glyphicon, .style14 .ktmrt {
    font-size:16px!important;
    letter-spacing: normal!important;    
}
.style14 date {
	font-weight: bold;
}
.style14 .bvi-btn-group a, .style14 .ktmrt {
    font-size:16px!important;
     letter-spacing: normal!important;    
}
.style14 h1, .style14 h2, .style14 h3, .style14 h4 {
	font-weight: bold;
}
.style14 i.fa {
	font-family: "FontAwesome"!important;
}
.style14 .nav-tabs .nav-link.active, .style14 .nav-tabs .nav-item.show .nav-link {
	font-weight: bold;
}
/*додатково*/
.xa-style1 .panel-default>.panel-heading  {
    background: #063462!important;
    color:#9dd1ff!important;
}