/* Theme Name: Netgazeti მორგებული სმარტფონებზე
Theme URI: https://getbootstrap.com/
Author: Muge Ozkaptan <muge.ozkaptan@yahoo.co.uk>, Konstantin Stalinsky, @StalinskyK
Author URI: https://itech.com.ge/
Description: მარტივი და მოხერხებული  HTML, CSS და  Javascript ხელსაწყოები.
Version: 2.3
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.
*/
html, body {scroll-behavior: smooth; font-family: 'Noto Sans Georgian', sans-serif; }
a {text-decoration:none; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; transition: 0.5s;}
a, a:hover {color: #28a745; }
hr {box-shadow: 1px 1px #ddd;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; line-height:140%;}

blockquote {padding:1rem; margin-left: 1rem; background: #fafafa; border-left: 3px solid #279f42;}
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 ***********/
article > p	{font-size:1.05rem; line-height:170%; color:#111;}
article > h3 {margin: 1em 0 .5em 0;}
article *, article > img {max-width:100% !important; }
article > ul {list-style: none; }
article > ul li::before {content: "\2022"; color: #28a745; font-weight: bold; display: inline-block;  width: .95em; margin-left: -1.2em;}
article li {font-size:1.05rem; line-height:175%;}

img.single-content, img.wp-caption, .wp-caption, div.wp-caption, p.wp-caption-text, img.size-full, img.wp-image
{width: 100% !important; max-width: 100%; height: auto !important; }

.container {width: 100%; max-width:1280px;}
.article {font-size:120%;}
.list-group-item {padding: .75rem .15rem;}

/************ 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); /* Black with a little bit see-through */ }
/* 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 {font-family: 'Noto Sans Georgian', sans-serif;  color:#777; text-decoration:none; margin:1em 0; font-size:.95em;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; font-size:.8rem;}

/* 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; font-size: 90%; color:#fdfdfd;
 font-family: 'BPG WEB 002 Caps';
}
.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; padding: 1rem;  color: rgba(255, 255, 255, 0.5);}
.social-container .col {max-width:30%; border-top: 1px solid rgba(255, 255, 255, 0.1);}

/** toggle ******************/
.toggle-trigger {margin: 0px !important; font-size: 18px; padding: 10px; padding-left: 30px; background-color: #F5F5F5;
background-image: url('./images/toggle-plus.png');
background-position: 10px center; background-repeat: no-repeat;}
.toggle-trigger a {color: #333;text-decoration: none;display: block;}
.toggle-trigger a:hover {color: #0489B7; text-decoration: underline;}
.toggle-trigger.active{
background-image: url('./images/toggle-minus.png') !important;
background-position: 10px center;
background-repeat: no-repeat;}
.toggle_container {overflow: hidden;padding: 20px 10px;}

@media (min-width: 960px) {
.h-md-250 { height: 250px; }
.display-4 {font-size: 3rem;}
.card-img-overlay a {color:#fff;text-shadow: 0 0 3px #000, 0 0 5px #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:bold; font-size:120%;}
article > p {font-size:.95rem;}
article li {font-size:95%; line-height:175%;}
img.single-content, img.wp-caption, .wp-caption, div.wp-caption, p.wp-caption-text, img.size-full, img.wp-image
{width: 100% !important; max-width: 100%; height: auto !important; }
/*
*/
.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; }
}