/* Theme Name: BLOGS.Netgazeti fluid
Theme URI: https://getbootstrap.com/
Author: Konstantin Stalinsky, @StalinskyK, Design: Muge Ozkaptan
Author URI: https://itech.com.ge/
Description: Simple Bootstrap theme, adapted design, simple layout. Simple and highly customizable HTML, CSS, and Javascript toolkit..
Version: 3.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:  Bootstrap v4.5.0 (https://getbootstrap.com/), Copyright 2011-2020 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
Text Domain: Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.*/

@import url("//cdn.web-fonts.ge/fonts/bpg-rioni-arial/css/bpg-rioni-arial.min.css");
html, body {scroll-behavior: smooth; font-family: "BPG Rioni Arial", sans-serif;}
a {-webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease;}
a, a:hover {color: #28a745; }
hr {box-shadow: 1px 1px #ddd;}
h1, h2, h3, h4, h5, h6 {font-weight:bolder;}
article > p	{font-size:1.1rem;}
article * {max-width:100% !important; }
blockquote {padding:1rem; margin 1rem; background: #fafafa; border-left: 3px solid #ddd;}
img article, article > img, article + img { max-width:100% !important;
image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; image-rendering: crisp-edges; }

iframe {max-width:100% !important; }
img.ins {max-width:100%; height:auto;}

article > ul {list-style: none; color:#111;}
article > ul li::before {content: "\2022"; color: #28a745; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}

.container {width: 100%; max-width:1280px;}
.article {font-size:120%;}
.list-group-item {padding: .75rem .15rem;}
.bg-success  a, .text-white a {color:#fff;}
.card-text {font-family: "BPG Rioni Arial", sans-serif;}
.card img {-webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease;}
.card img:hover {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}

/************ NAVBAR ****************/
.navbar {padding: .5rem 0;}
.nav-link {font-weight: bold; padding: 1rem 0;}
li > .nav .nav-item, li > .nav-item {margin-right:1rem; }
.navbar-light .navbar-nav .nav-link  {color:#111;}
.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}
.nav-scroller .nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.nav-scroller .nav-link {padding-top: .75rem;padding-bottom: .75rem;font-size: .875rem;}

/*************Search button ****************/
.openBtn {background: #fff;border: none;padding: 1px; margin: 1rem; font-size: 1rem; cursor: pointer;}
.openBtn:hover {background: #f1f1f1;}
.overlay {height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9);}
/* The content */
.overlay-content {position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto;   }
/* Close button */
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 300%; cursor: pointer; color: white;}
.overlay .closebtn:hover {color: #ccc;}
/* Style the search field */
.overlay input[type=text] {padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white;}
.overlay input[type=text]:hover {background: #f1f1f1;}
/* Style the submit button */
.overlay button {float: left; width: 20%; padding: 16px; background: #ddd; font-size: 17px; border: none; cursor: pointer;}
.overlay button:hover {background: #bbb;}

/**** Image gradient and text overlay *********************************/
.img-gradient{position:relative; display:inline-block;}
.img-gradient:after {  content:'';  position:absolute;  left:0; top:0;  width:100%; height:100%;  display:inline-block; background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0, 0, 0, 0.9) 100%); }
.img-gradient img{ display:block;-moz-border-radius: 0; border-radius: 0;}
.d-inline-block {text-transform: uppercase; font-size:.75rem;letter-spacing: 1px; color: #28a745;}
a > .d-inline-block, a.d-inline-block, a:visited .d-inline-block, a.text-success {color: #28a745; }
p.card-text, span.card-text {text-decoration:none; margin:1em 0 1em 0; font-size:.7rem;letter-spacing: 1px;}
.bd-placeholder-img {font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}  

/* stylelint-disable selector-list-comma-newline-after */
.blog-header {line-height: 1;border: 0;}
.display-4 {font-size: 2.5rem;}
.card-img-right {height: 100%;border-radius: 0 3px 3px 0;}
.flex-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;}
.h-250 { height: 250px; }
.text-success {color: #1fa663 !important;}

/* Pagination */
.blog-pagination {margin-bottom: 4rem;}.blog-pagination > .btn {border-radius: 2rem;}
.page-numbers {margin:0; padding:.5rem; font-size:1.1rem; border:1px solid #ccc; border-radius: 5px;}
/** Blog posts*/
.blog-post {margin-bottom: 4rem;}.blog-post-title {margin-bottom: .25rem;font-size: 2.5rem;}.blog-post-meta {margin-bottom: 1.25rem;color: #999;}

/** Footer ******************/
footer a {color: #fff; }
footer a:hover{text-decoration:none; color: #28a745;}
footer li {margin:0 0 .5rem 0;}
footer .card-title {margin-top:2rem; border-top: border-top: 2px solid rgba(255, 255, 255, 0.5); }
.blog-footer {padding: 2.5rem 0;color: #999;text-align: center;background-color: #f9f9f9;border-top: .05rem solid #e5e5e5;}.blog-footer p:last-child {margin-bottom: 0;}
.social-inner {display: flex; flex-direction: column; align-items: center; width: 70%;
padding: 1rem;  color: rgba(255, 255, 255, 0.5);}
.social-container .col {border-top: 1px solid rgba(255, 255, 255, 0.1);}

@media (min-width: 960px) {
.h-md-250 { height: 250px; }
.display-4 {font-size: 3rem;}
.card-img-overlay a {color:#fff;text-shadow: 2px 2px 3px #111; }
.navbar-expand-md .navbar-nav .nav-link {padding-right: 3rem; padding-left: 0;}
}
@media (max-width: 768px) {
h1, h2, h3, h4, h5, h6 {font-weight:bolder; font-size:120%;}
.card-img-overlay, .carousel-caption {position: relative;  justify-content: none; color:#111; text-shadow:none !important; background:none;}
.card-img-overlay h3 {color:#111; }
.shadow{text-shadow:none; }
}