/*
Theme Name: Kankana
Theme URI: http://kankana.dev/wp/themes/dazzling
Author: Ebrahim Nayakkan
Author URI: https://ae.linkedin.com/in/ebrahimnp
Description: Dazzling is a clean, modern, minimal and fully responsive flat design WordPress WooCommerce theme well suited for blogs, static and ecommerce websites. Theme can be used for travel, corporate, portfolio, photography, green thinking, nature, health, personal and any other creative and minimalistic style website. Dazzling theme is highly customizable with unlimited color options, slider, call for action button, several widget areas and much more that can be adjusted via Theme Options. The theme is built using Bootstrap 3, which makes it responsive and mobile friendly. It features infinite scroll, SEO friendly structure, logo upload, full-screen slider, call for action section, social media icons, popular post widget and translation ready setup. This theme supports WooCommerce and Jigoshop ecommerce plugins. Dazzling is also available in Mexican Spanish, Brazilian Portuguese, Finnish, Swedish, Dutch, Hungarian, German, Persian, Lithuanian, Portuguese, Italian and Polish. It is Multilingual ready and compatible with WPML plugin. It is probably the best free WordPress theme built for eStores and business websites.
Version: 2.0.1
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@import url(../fonts/samarkannormal/stylesheet.css);
body {
  font-family: 'Open Sans Condensed', sans-serif;
  min-width: 360px; }

.container, .container-fluid {
  padding: 0px; }

.container-fluid {
  margin: 0px;
  padding: 0px; }

.row, [class*='col-'] {
  margin: 0px;
  padding: 0px; }

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
  margin-right: 0px;
  margin-left: 0px; }

.auto-centre {
  margin-left: auto;
  margin-right: auto; }

.padding-large {
  padding: 20px; }

.theme-special-text, #banner h1, .page-layout .content-area h2, #achievements-content #achievements-list-area #right-column .caption {
  font-family: 'samarkannormal'; }

a {
  text-decoration: none;
  color: #8C0C1C; }

.theme-btn {
  color: #B18413;
  background: none;
  border-color: #B18413;
  border-radius: 0px; }

.green {
  background-color: #B18413;
  color: #fff; }

.green:hover {
  color: #fff; }

#banner {
  position: relative;
  overflow: hidden; }
  #banner img {
    width: 100%; }
  #banner h1 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: #fff;
    font-size: 8em; }

#nav-row, #home-nav-row {
  max-width: 150px; }
  #nav-row #logo-holder, #home-nav-row #logo-holder {
    background-color: #B18413;
    color: #fff; }
  #nav-row .navbar, #home-nav-row .navbar {
    border: none;
    border-radius: 0px;
    margin-bottom: 5px; }
  #nav-row .navbar-nav > li, #home-nav-row .navbar-nav > li {
    float: none; }
  #nav-row .nav > li > a, #home-nav-row .nav > li > a {
    padding: 3px 3px; }
  #nav-row .navbar-default .navbar-nav > .active > a, #home-nav-row .navbar-default .navbar-nav > .active > a, #nav-row .navbar-default .navbar-nav > .active > a:focus, #home-nav-row .navbar-default .navbar-nav > .active > a:focus, #nav-row .navbar-default .navbar-nav > .active > a:hover, #home-nav-row .navbar-default .navbar-nav > .active > a:hover {
    color: #8C0C1C;
    background: none; }

#home-nav-row {
  position: absolute;
  top: 0px;
  z-index: 10;
  left: 15%; }

.menu-footer {
  background-color: #8C0C1C;
  padding: 5px; }
  .menu-footer a {
    text-decoration: none;
    color: #fff; }

.page-layout {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 0;
  font-size: 0.8em; }
  .page-layout #wrap {
    max-width: 1000px; }
  .page-layout .content-area {
    padding: 70px; }
    .page-layout .content-area h2 {
      color: #B18413;
      font-size: 4em; }
    .page-layout .content-area p {
      text-align: justify; }
  .page-layout .critiques h2 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #8C0C1C;
    font-size: 1.5em; }
  .page-layout footer {
    background-color: #B18413;
    color: #fff;
    padding-top: 7px;
    bottom: 0;
    width: 100%; }
  .page-layout .home-footer {
    position: absolute; }

#home-content h2 {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 99999;
  font-size: 8em;
  color: #fff; }

#home-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden; }
  #home-banner img {
    width: 100%; }

#about-content h5 {
  color: #8C0C1C; }

#her-music-content #music-area img {
  width: 100%; }
#her-music-content #music-area #music-list {
  padding: 0px 20px;
  margin: 10px 0px; }
  #her-music-content #music-area #music-list #header {
    font-size: 1.3em;
    color: #d1d1d1;
    font-weight: bold; }
    #her-music-content #music-area #music-list #header .active {
      color: #8C0C1C; }
    #her-music-content #music-area #music-list #header div:first-of-type {
      border: 1px solid #d1d1d1;
      border-left: none;
      padding: 5px; }
    #her-music-content #music-area #music-list #header div:last-of-type {
      border: 1px solid #d1d1d1;
      border-right: none;
      padding: 5px; }
  #her-music-content #music-area #music-list #list-items {
    font-size: 1.2em; }
    #her-music-content #music-area #music-list #list-items li {
      padding: 5px 0px;
      border-bottom: dashed 1px #B18413; }
      #her-music-content #music-area #music-list #list-items li .music-name {
        color: #B18413; }
      #her-music-content #music-area #music-list #list-items li .active {
        color: #8C0C1C;
        font-weight: bold; }
      #her-music-content #music-area #music-list #list-items li a {
        text-decoration: none;
        color: #B18413; }

#achievements-content #achievements-list-area {
  margin-top: 20px; }
  #achievements-content #achievements-list-area h4 {
    color: #B18413; }
  #achievements-content #achievements-list-area ol {
    padding: 10px; }
    #achievements-content #achievements-list-area ol li {
      color: #8C0C1C;
      font-size: 1.2em; }
  #achievements-content #achievements-list-area #left-column {
    border-right: 2px dotted #B18413; }
  #achievements-content #achievements-list-area #right-column {
    padding-left: 20px; }
    #achievements-content #achievements-list-area #right-column h2 {
      margin: 0px; }
    #achievements-content #achievements-list-area #right-column .award-item {
      max-width: 300px;
      border: 1px solid #B18413;
      padding: 10px;
      margin: 5px 0px;
      color: #B18413; }
      #achievements-content #achievements-list-area #right-column .award-item small {
        color: #B18413;
        font-size: 0.6em; }
    #achievements-content #achievements-list-area #right-column .caption {
      color: #B18413;
      font-size: 2.1em;
      max-width: 300px; }

.article {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #8C0C1C; }
  .article h1 {
    font-size: 1.4em;
    font-weight: bold; }
  .article h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px 0px; }
  .article p {
    color: #282828;
    font-size: 0.9em;
    line-height: 1.5; }

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857;
  color: #B18413;
  text-decoration: none;
  background-color: #FFF;
  border: 1px solid #B18413; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  color: #FFF;
  cursor: default;
  background-color: #B18413;
  border-color: #B18413; }

.pagination > li > a:hover {
  background: none;
  border: 1px solid #B18413;
  color: #8C0C1C; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #B18413;
  cursor: not-allowed;
  background-color: #FFF;
  border-color: #B18413; }

#contact-content label {
  color: #B18413; }
#contact-content input, #contact-content textarea {
  border-radius: 0px;
  border-color: #B18413; }

#taleem-content h4 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #8C0C1C; }
#taleem-content .video-frame {
  width: 600px;
  height: 315px; }

@media (max-width: 767px) {
  #nav-row, #home-nav-row {
    max-width: 100%; }

  #home-banner {
    margin-top: 200px; }

  .page-layout .content-area {
    padding: 20px; }

  #taleem-content .video-frame {
    width: 100%;
    height: 250px; } }

/*# sourceMappingURL=style.css.map */
