/*
Theme Name: Esri CIS One
Version: 1.0
Description: Esri CIS Theme for WordPress
Author: Alexey Kuzmin
Author URI: https://git.esri-cis.ru
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

img, fieldset{
  border: none;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, div{ 
  display: block;
}

input::-ms-clear{
  display: none;
}
input[type="search"]::-webkit-search-cancel-button{
  display: none;
}

/*
::-moz-placeholder         {color: darkgray; opacity: 1;}
::-webkit-input-placeholder{color: darkgray; opacity: 1;}
:-ms-input-placeholder     {color: darkgray; opacity: 1;}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
*/

/************************************************************************************
FONTS
*************************************************************************************/

@font-face{
  font-family: "AvenirNextCyr-Bold";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Bold.woff') format('woff');
}

@font-face{
  font-family: "AvenirNextCyr-Demi";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Demi.woff') format('woff');
}

@font-face{
  font-family: "AvenirNextCyr-Light";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Light.woff') format('woff');
}

@font-face{
  font-family: "AvenirNextCyr-Medium";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Medium.woff') format('woff');
}

@font-face{
  font-family: "AvenirNextCyr-Regular";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Regular.woff') format('woff');
}

@font-face{
  font-family: "AvenirNextCyr-Thin";
  src: url('fnt/AvenirNextCyr/AvenirNextCyr-Thin.woff') format('woff');
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html{
  -webkit-font-smoothing: antialiased;
}

body{
  background-color: white;
  font-family: "AvenirNextCyr-Regular", Arial, Helvetica, sans-serif;
  /*letter-spacing: 1px;*/
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
#ec-pagewrap {

/*background-color: grey;*/
  min-width: 340px;
  max-width: 900px;
  padding: 5px;
  margin: 0 auto;
}


/************************************************************************************
HEADER
*************************************************************************************/
#ec-main-header{
  position: relative;
  line-height: 80px;
  margin-bottom: 5px;
  background-color: white;
}


#ec-logo-img{
  position: relative;
  top: 26.333px;
  left: 10px;
  float: left;
  width: 35px;
  height: 35px;
}

/* site logo */
#ec-org-title{  
  cursor: default;
}

#ec-org1-title{
  font-size: 250%;
  font-family: "AvenirNextCyr-Demi", Arial, Helvetica, sans-serif;
  letter-spacing: -0.8px;
  /*font-weight: bold;*/
  margin-left: 13px;
}

.ec-org-title-href{
  text-decoration: none;
  color: black;
}

#ec-org2-title{
  font-family: "AvenirNextCyr-Medium", Arial, Helvetica, sans-serif;
  font-size: 170%;
  letter-spacing: 0.3px;
  margin-left: 8px;
}

#ec-logo-title{
  font-family: "AvenirNextCyr-Light", Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
  font-size: 160%;
  padding-left: 10px;
  color: white;
  /*background-color: #d89139;*/
  -webkit-transition: background-color 2s;
  -moz-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s;
  background-color: #740b7b;
  cursor: default;
  
  
  background-image: url('img/bg.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 80px;
}

#ec-logo-title:hover, #ec-logo-title:focus{
  background-color: #9dd839;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.ec-noselect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
.ec-main-nav {
  float: right;
}

.ec-main-nav li{
  line-height: 1;
  float: left;
  list-style: none;
  margin-left: 15px;
  margin-top: 36px;
}

.menu-item a{
  text-decoration: none;
  color: black;
  font-family: "AvenirNextCyr-Demi", Arial, Helvetica, sans-serif;
}

.menu-item.current-menu-item a{
  color: #767676;
}

.menu-item a:hover, .menu-item.current-menu-item  a:hover{
  color: #740b7b;
}

/************************************************************************************
LOGOUT
*************************************************************************************/
.ec-logout{
  line-height: 12px;
  font-size: 75%;
  position: absolute;
  right:0;
  top:0;
}

.ec-logout-ico{
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

/************************************************************************************
MAIN
*************************************************************************************/

#ec-main{
  margin-bottom: 5px;
}

.ec-section{
  padding-top: 20px;
}

.ec-center{
  padding: 40px 0;
  text-align: center;
}

/************************************************************************************
FOOTER
*************************************************************************************/

#ec-main-footer{
  padding-top: 5px;
  font-size: 75%;
  text-align: center;
  border-top: 1px solid #DEE6E7;
}

.ec-logo-footer{
  float: left;
  position: absolute;
}

#ec-main-footer ul{
  list-style: none;
  margin-top: 3px;
}

#ec-main-footer ul li{
  display: inline;
}

.ec-social-link{
  display: inline-block;
  margin: 2px;
  padding: 6px;
  background-color: #adadad;
  transition: background-color .15s;
}

.ec-social-link img{
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.ec-social-link.-telegram:hover, .ec-social-link.-telegram:focus{
  background-color: #239ad6;
}

.ec-social-link.-facebook:hover, .ec-social-link.-facebook:focus{
  background-color: #3d5a96;
}

.ec-social-link.-youtube:hover, .ec-social-link.-youtube:focus{
  background-color: #cf2529;
}

.ec-social-link.-instagram:hover, .ec-social-link.-instagram:focus{
  background-color: #da3075;
}

.ec-social-link.-vk:hover, .ec-social-link.-vk:focus{
  background-color: #4a76a8;
}

.ec-social-link.-linkedin:hover, .ec-social-link.-linkedin:focus{
  background-color: #127cb3;
}

/************************************************************************************
ARTICLE
*************************************************************************************/
.ec-article{
  margin-top: 20px;
}

.ec-article-content, .ec-article-content p, .ec-article-footer{
  margin-top: 10px;
}

.ec-article-content ul li{
  margin-left: 20px;
}

.ec-article-content img{
  max-width: 100%;
}

.ec-article-title a{
  text-decoration: none;
  color: black;
}

.ec-article-info{
  color: #767676;
  font-size: 80%;
  padding-top: 3px;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.ec-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/************************************************************************************
TAGS
*************************************************************************************/

.ec-tag{
  float: left;
  background-color: #f4f7fa;
  border: solid 1px #ccc;
  padding: 0 10px;
  margin: 8px 8px 0px 0px;
  height: 2em;
  /*line-height: 2em;*/
  /*font-family: "AvenirNextCyr-Demi", Arial, Helvetica, sans-serif;*/
  display: table;
}

.ec-tag a{
  color: black;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
}
.ec-tag a:hover{
  text-decoration: underline;
}

.ec-tag form{
  display: table-cell;
  vertical-align: middle;
}

.ec-tag input[type=text]{
  padding: 3px 5px;
  font-family: "AvenirNextCyr-Regular", Arial, Helvetica, sans-serif;
  border: solid 1px #ccc;
}

.ec-submit{
  background: none;
  border: none;
}


#icon-magnifying-glass{
  height: 1.4em;
  vertical-align: middle;
}

/************************************************************************************
LOGIN CONTENT
*************************************************************************************/

.ec-login{
  width: 260px;
  padding: 20px 35px;
  margin: 0 auto;
  background-color: #f4f7fa;
  border: solid 1px #ccc;
  display: inline-block;
}

.input{
  width: 100%;
  padding: 5px 5px;
  border: solid 1px #ccc;
}

.button-primary{
  font-weight: bold;
  padding: 8px 22px;
  margin-top: 15px;
}

.login-submit{
  text-align: right;
}

.login-remember, .login-password, .login-username{
  text-align: left;
}

/************************************************************************************
STAFF CONTENT
*************************************************************************************/

.ec-staff-list, .ec-staff-list-header, .ec-staff-list-image{
  margin: 4px 0 0 0 !important;
  border: solid 1px #ccc;
  padding: 2px 5px;
  height: auto;
  overflow: hidden;
  cursor: default;
  line-height: 1.6;
}

.ec-staff-list img{
  width: 18px !important;
  height: 18px !important;
  margin: 0 5px;
  vertical-align: middle !important;
}

.ec-staff-list-time{
  float: right;
  width: 74px;
}

.ec-staff-list-param{
  float: right;
}

.ec-staff-list-num{
  width: 25px;
}

.ec-staff-list-name{
  float: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ec-staff-list:hover {
  background-color: #f4f7fa;
}

.ec-staff-list-header{ 
  background-color: #eee;
}

.ec-staff-list-label, .ec-staff-list-num{
  float: left;
}

.ec-staff-list-label, .ec-staff-list-num{
  color: #767676;
}

.ec-staff-list-label{
  width: 120px;
  text-align:right;
  padding-right: 8px;
}

.ec-staff-list-image{
  text-align: center;
  padding: 15px;
}

.ec-staff-list-image img{
  height: 220px;
}

/************************************************************************************
FROM WP
*************************************************************************************/

.alignleft{
  float: left;
  margin: 7px;
}

/*posts pagination*/

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.pagination{
  padding-top: 10px;
  text-align: center;
  font-family: "AvenirNextCyr-Demi", Arial, Helvetica, sans-serif;
}

.pagination span{
  color: #767676;
}

.pagination a{
  text-decoration: none;
  color: black;
}

.pagination a:hover{
  color: black;
}

#icon-arrow-left, #icon-arrow-right{
  width: 1em;
  height: 0.8em; /*IE*/
}

.page-numbers{
  background-color: #f4f7fa;
  border: solid 1px #ccc;
  display: inline-block;
  padding: 3px 8px;
}



/************************************************************************************
TABLE
*************************************************************************************/
.content-row-like,
.content-row-like-header{
  display: flex;
  font-size: smaller;
}

.content-row-like-header{
  background-color: #eee;
  border-top: 1px solid rgb(211, 211, 211);
}

.content-row-like span,
.content-row-like-header span{
  border-bottom: 1px solid rgb(211, 211, 211);
  border-left: 1px solid rgb(211, 211, 211);
}

.content-row-like-header span:last-child,
.content-row-like span:last-child{
	border-right: 1px solid rgb(211, 211, 211);
}

.content-row-like img{
  width: 18px !important;
  height: 18px !important;
  margin: 0 5px;
  vertical-align: middle !important;
}

.grey-hover:hover{
  background-color: #f4f7fa;
}

.small-padding span{
  padding: 4px;
}