/*===========================
Theme Name: Bangladesh Telegraph
Theme URI: http://www.asian-it.com/banglatelegraph
Version: 2.0.0
Author: Abdullah Mamun
Author URI: http://www.asian-it.com
Text Domain: banglatelegraph
Description: Banglatelegraph is an awesome online bangla newspaper theme.
Tags: newspaper, online newspaper, magazine, blog, business theme
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
=============================*/


/*=======================================
  Custom Font Include
========================================*/
@font-face {
  font-family: 'SolaimanLipi';
  src: url('fonts/SolaimanLipi.eot');
  src: url('fonts/SolaimanLipi.eot?#iefix') format('embedded-opentype'),
    url('fonts/SolaimanLipi.woff2') format('woff2'),
    url('fonts/SolaimanLipi.woff') format('woff'),
    url('fonts/SolaimanLipi.ttf') format('truetype'),
    url('fonts/SolaimanLipi.svg#SolaimanLipiNormal') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*=======================================
  Basic Css
========================================*/
.container{
  max-width:1280px!important
}
body{
  font-size: 17px;
  background-color: var(--background)!important;
  font-family: 'SolaimanLipi', sans-serif;
  color: var(--text);
}
.primary-color{
  color:var(--primary)
}
.secondary-color{
  color:var(--secondary)
}

a{
  text-decoration: none;
  transition: 0.3s;
}

h1{font-size:20px!important}
h2{font-size:18px!important}
h3{font-size:17px!important}
h4{font-size:16px!important}
h5{font-size:15px!important}
h6{font-size:15px!important}

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


/*=======================================
  WordPress Default Editor Styles
========================================*/
.alignnone {
  margin: 5px 10px 10px 0;
}
.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
  width: 100% !important
}
.alignright {
  float:right;
  margin: 5px 0 10px 10px;
}
.alignleft {
  float: left;
  margin: 5px 10px 10px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 10px 10px;
}
a img.alignnone {
  margin: 5px 10px 10px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 10px 10px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  text-align:center;
  max-width:100%
}
.wp-caption.alignnone {
  margin: 5px 10px 10px 0;
}
.wp-caption.alignleft {
  margin: 5px 10px 10px 0;
}
.wp-caption.alignright {
  margin: 5px 0 10px 10px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width:100%
}
.wp-caption .wp-caption-text {
  font-size: 15px;
  margin: 0;
  padding: 3px 5px;
  background: #F4F4F4;
  text-align: center;
}
blockquote {
  position: relative;
  margin: 0;
  padding: 20px 50px;
  font-size: 30px;
  color:#808080;
  line-height:1.3;
  font-weight: bold;
}

blockquote::before {
  content: "“";
  position: absolute;
  top: -8px;
  font-size: 60px;
  color: #ff0000;
  line-height: 1;
  font-family: SolaimanLipi;
}

.highlight-box {
  border-left: 5px solid;
  border-color:var(--primary);
  background-color: #f5f5f5;
  padding: 15px 20px;
  font-size: 20px;
  color: #222;
  border-radius: 6px;
  margin-bottom:15px;
  font-weight: bold;
  color: #808080
}