/* HMTL tags */
body {
  font-size: 16px;
  background-color: #10182D;
}

nav {
  font-size: 0.7em;
}

img {
  max-width: 100%;
}

textarea {
  resize: none;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  text-decoration: underline;
}

а:focus {
  color: #fff;
}

а:visited {
  color: #fff !important;
}

a:active {
  color: #fff;
}


/* Common */
.roundCorners {
  border-radius: 20px;
}

.circleForm {
  border-radius: 90px;
}

.faq {
  background-image: url(../../images/common/background.jpg);
}

.upper-case-text {
  text-transform: uppercase;
}

.center-align {
  text-align: center;
}

.div-space-top {
  margin-top: 3%;
}

.main-view {
  padding: 100px 0 70px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* ### Theme changes ### */
.footer {
  color: #fff;
}

.title-box {
  text-transform: none;
}

.team-box:hover {
  box-shadow: none;
}

.team-detail {
  text-align: justify;
  color: #ffffff;
  background-color: #31436a;
}

.practice-title {
  font-size: 1.125em;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}


/* NAVIGATION */
.navbar-fixed-top {
  border-bottom: 1px solid #10182D;
}

.navbar-brand-kklaw {
  width: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
}


/* AREAS */
.practice-category a {
  text-decoration: none;
  color: #ffffff;
}

.practice-touch-caption {
  text-align: center;
  font-size: 0.8em;
}

.pratice-dropdown {
  display: none;
  background-color: #31436a;
  color: #fff;
  padding: 2%;
  text-align: center;
  font-size: 1.3em;
  font-family: 'Lora';
}


/* SERVICES */
.panel-title {
  color: #fff;
  text-transform: uppercase;
}

.panel-body {
  color: #fff !important;
  background-color: #31436a !important;
  text-align: justify;
}


/* CONTACTS */
.contact {
  color: #000;
}

.contact ul,
.contact p {
  font-family: 'Lora';
}


/* ARTICLES/NEWS */
.article-thumbnail {
  border-radius: 10px;
}

.articles-list-title {
  color: #ffffff;
  font-size: 1.2em;
  font-style: italic;
  margin: 0px;
}

.articles-list-title:hover {
  color: #ffffff;
}

.text-fit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.pagination {
  display: inline-block
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none
}

.pagination a.active {
  background-color: #31436b;
  color: white;
  border-radius: 5px
}

.pagination a:hover:not(.active) {
  background-color: #5B6B8D;
  border-radius: 5px
}

.article-title {
  text-align: center;
  margin-bottom: 5%;
}

.article-image {
  width: 65%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
  border: 1px solid #000;
  border-radius: 10px
}

#author-div {
  margin-top: 5%;
  margin-left: 20%;
  max-width: 100%
}

#author-box {
  display: flex;
  padding: 0px
}

#author-image {
  flex: 0 0 65%;
  margin-right: 20px;
  width: 164px;
  height: 164px
}

#author-description {
  flex: 1;
}


/* CONSULTATION */
form#consult-form {
  margin-top: 3%;
}

.contacts-photo {
  height: 267px;
}



/* RESPONSIVE CHANGES */

@media (max-width: 1200px) {
  nav > div.container {
      width: 100%;
  }
  .navbar-nav > li > a {
      font-size: 0.97em;
  }
  #author-divs {
      margin-left: 0px;
      margin: 5%;
      max-width: 100%
  }
  #author-box {
      display: block;
      padding: 0px;
      text-align: center
  }
  #author-image {
      width: 164px;
      height: 164px
  }
  #author-description p {
      text-align: justify
  }
}

@media (max-width: 990px) {
  body {
    font-size: 1.5em;
  }
  .navbar-nav > li > a {
    font-size: 0.8em;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-fixed-top .navbar-collapse {
    max-height: none;
  }
  .navbar-brand-kklaw {
    width: 40px;
  }
}

@media (max-width: 767px) {
  .navbar-brand-kklaw {
    margin-left: 10px;
    margin-rigth: 10px;
  }
  .practice-image {
    display: none;
  }
  .practice-touch-caption {
    display: none;
  }
  .pratice-dropdown {
    display: block;
  }
  .article-summary {
    font-size: 0.9em;
  }
  .article-thumbnail {
    float: none;
    height: auto;
    width: 100%;
    padding-bottom: 3%;
  }
  #author-div {
    margin-left: 0%;
  }
  
  .contacts-photo {
      margin-bottom: 20px;
      height: auto;
  }
}



/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
.a-white {
  color: #fff;
  text-decoration: underline;
}

.a-white:hover {
  color: #fff;
}

.ul-dash-items {
  margin: 0;
  text-align: left;
}
.ul-dash-items {
  list-style-type: none;
}
.ul-dash-items > li {
  text-indent: -5px;
  text-align: left;
}
.ul-dash-items > li:before {
  content: "- ";
  text-indent: -5px;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/

.white-theme {
  background-color: #f7f9f9;
  color: #31436a;
  border: 1px solid #31436a;
}