/*!
 * Clean Blog v1.0.0 (http://startbootstrap.com)
 * Copyright 2014 Start Bootstrap
 * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
 */


body{
  font-family:Lora,'Times New Roman',serif;
  font-size:20px;color:#404040
}
table {
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
p{
  line-height:1.5;
  margin:30px 0
}
p a{
  text-decoration:underline
}
h1,h2,h3,h4,h5,h6{
  font-family:Georgia,serif;
  font-weight:800
}
.svg{
  margin-top: -122px;
  margin-left: -22px;
}
.navbar-custom .navbar-brand path{
  fill:#404040
} 
a{
  color:#404040
}
a:hover,a:focus{
  color:#737170
}
a img:hover,a img:focus{
  cursor:pointer;
}
blockquote{
  color:gray;font-style:italic
}
hr.small{
  max-width:100px;
  margin:15px auto;
  border-width:4px;
  border-color:#fff
}
.navbar-custom{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:3;
  font-family:Georgia,serif
}
.navbar-custom .navbar-brand {
  font-weight:800
}
.navbar-custom .nav li a{
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  letter-spacing:1px
}

@media only screen and (min-width:768px){
  .navbar-custom{
    background:0 0;
    border-bottom:1px solid transparent
   }
  .svg{
    margin-top: -118px;
    margin-left: -20px;
   }
  .navbar-custom .navbar-brand path{
    color:#fff;
    padding:20px;
    fill:#ffffff; 
   }
  .navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus {
    color:rgba(255,255,255,.8);
   }
  .navbar-custom .nav li a{
    color:#fff;
    padding:20px;
    transition: transform .2s;
  }
  .navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus{
    color:rgba(255,255,255,.8);
    -webkit-transform: scale(1.05);
    transform: scale(1.12);
  }
}

@media only screen and (min-width:1170px){
  .navbar-custom{
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
  }
  .svg{
    margin-top: -118px;
    margin-left: -20px;
  }
  .navbar-custom.is-fixed{
    position:fixed;
    top:-61px;
    background-color:rgba(255,255,255,.9);
    border-bottom:1px solid #f2f2f2;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
  }
  .navbar-custom.is-fixed .navbar-brand path{
    color:#ffffff;
    fill:#404040; 
  }
  .navbar-custom.is-fixed .navbar-brand:hover,.navbar-custom.is-fixed .navbar-brand:focus{
    color:#737170
  }
  .navbar-custom.is-fixed .nav li a{
    color:#404040
  }
  .navbar-custom.is-fixed .nav li a:hover,.navbar-custom.is-fixed .nav li a:focus{
    color:#737170
  }
  .navbar-custom.is-visible{
    -webkit-transform:translate3d(0,100%,0);
    -moz-transform:translate3d(0,100%,0);
    -ms-transform:translate3d(0,100%,0);
    -o-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
  }
}
.intro-header{
  background-color:gray;
  background:no-repeat center center;
  background-attachment:scroll;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
  margin-bottom:50px
}
.intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{
  padding:100px 0 50px;
  color:#fff
}
@media only screen and (min-width:768px){
  .intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{
    padding:150px 0
  }
}
.intro-header .site-heading,.intro-header .page-heading{
  text-align:center
}
.intro-header .site-heading h1,.intro-header .page-heading h1{
  margin-top:0;font-size:50px
}
.intro-header .site-heading .subheading,.intro-header .page-heading .subheading{
  font-size:24px;
  line-height:1.1;
  display:block;
  font-family:Georgia,serif;
  font-weight:300;
  margin:10px 0 0
}

@media only screen and (min-width:768px){
  .intro-header .site-heading h1,.intro-header .page-heading h1{
    font-size:80px
  }
}
.intro-header .post-heading h1{
  font-size:35px
}
.intro-header .post-heading .subheading,.intro-header .post-heading .meta{
  line-height:1.1;
  display:block
}
.intro-header .post-heading .subheading{
  font-family:Georgia,serif;
  font-size:24px;
  margin:10px 0 30px;
  font-weight:600
}
.intro-header .post-heading .meta{
  font-family:Lora,'Times New Roman',serif;
  font-style:italic;
  font-weight:300;
  font-size:20px
}
.intro-header .post-heading .meta a{
  color:#fff
}
@media only screen and (min-width:768px){
  .intro-header .post-heading h1{
    font-size:55px
  }
  .intro-header .post-heading .subheading{
    font-size:30px
  }
}
.post-preview>a{
  color:#404040
}
.post-preview>a:hover,.post-preview>a:focus{
  text-decoration:none;
  color:#737170
}
.post-preview>a>.post-title{
  font-size:30px;
  margin-top:30px;
  margin-bottom:10px;
  transition: transform .2s;
}
.post-title:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.post-preview>a>.post-subtitle{
  margin:0;
  font-weight:300;
  margin-bottom:10px
}
.post-preview>.post-meta{
  color:gray;
  font-size:18px;
  font-style:italic;
  margin-top:0
}
.post-preview>.post-meta>a{
  text-decoration:none;
  color:#404040
}
.post-preview>.post-meta>a:hover,.post-preview>.post-meta>a:focus{
  color:#737170;
  text-decoration:underline
}
@media only screen and (min-width:768px){
  .post-preview>a>.post-title{
    font-size:36px;
    transition: transform .2s;
  }
  .post-title:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.blog-heading{
  font-size: 25px; 
  margin-top: 60px; 
  font-weight: 700;
}
.citation {
  font-size: 15px;
}
.section-heading{
  font-size:36px;
  margin-top:60px;
  font-weight:700
}
.caption{
  text-align:center;
  font-size:14px;
  padding:10px;
  font-style:italic;
  margin:0;
  display:block;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px
}
footer{
  padding:50px 0 65px
}
footer .list-inline{
  margin:0;
  padding:0
}
footer .copyright{
  font-size:14px;
  text-align:center;
  margin-bottom:0
}
.floating-label-form-group{
  font-size:14px;
  position:relative;
  margin-bottom:0;
  padding-bottom:.5em;
  border-bottom:1px solid #eee
}
.floating-label-form-group input,.floating-label-form-group textarea{
  z-index:1;
  position:relative;
  padding-right:0;
  padding-left:0;
  border:none;
  border-radius:0;
  font-size:1.5em;
  background:0 0;
  box-shadow:none!important;
  resize:none
}
.floating-label-form-group label{
  display:block;
  z-index:0;
  position:relative;
  top:2em;
  margin:0;
  font-size:.85em;
  line-height:1.764705882em;
  vertical-align:middle;
  vertical-align:baseline;
  opacity:0;
  -webkit-transition:top .3s ease,opacity .3s ease;
  -moz-transition:top .3s ease,opacity .3s ease;
  -ms-transition:top .3s ease,opacity .3s ease;
  transition:top .3s ease,opacity .3s ease
}
.floating-label-form-group::not(:first-child){
  padding-left:14px;
  border-left:1px solid #eee
}
.floating-label-form-group-with-value label{
  top:0;
  opacity:1
}
.floating-label-form-group-with-focus label{
  color:#737170
}
form .row:first-child .floating-label-form-group{
  border-top:1px solid #eee
}
.btn{
  font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-size:14px;
  font-weight:800;
  letter-spacing:1px;
  border-radius:0;
  padding:15px 25px
}
.btn-lg{
  font-size:16px;
  padding:25px 35px
}
.btn-default:hover,.btn-default:focus{
  background-color:#737170;
  border:1px solid #737170;
  color:#fff
}
.pager{
  margin:20px 0 0
}
.pager li>a,.pager li>span{
  font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-size:14px;
  font-weight:800;
  letter-spacing:1px;
  padding:15px 25px;
  background-color:#fff;
  border-radius:0
}
.pager li>a:hover,.pager li>a:focus{
  color:#fff;
  background-color:#737170;
  border:1px solid #737170
}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{
  color:gray;
  background-color:#404040;
  cursor:not-allowed
}
::-moz-selection{
  color:#fff;
  text-shadow:none;
  background:#737170
}
::selection{
  color:#fff;
  text-shadow:none;
  background:#737170
}
img::selection{
  color:#fff;
  background:0 0
}
img::-moz-selection{
  color:#fff;
  background:0 0
}
body{
  webkit-tap-highlight-color:#737170
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: #ffffff;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

tr td li {
  text-align: justify;
}
