/*
Theme Name: TelecomByte
Theme URI: https://telecombyte.com
Author: Dipak
Author URI: https://telecombyte.com
Description: A high-performance, SEO-optimized, and E-E-A-T compliant news theme for the telecom industry.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: telecombyte
Tags: news, magazine, responsive, accessibility-ready, dark-mode
*/

/*
|--------------------------------------------------------------------------
| TelecomByte
|--------------------------------------------------------------------------
|
| Global styles are loaded from:
| assets/css/base.css
| assets/css/components.css
|
| Single post styles are loaded only on single posts:
| assets/css/single.css
|
*/

/*====================================================
= Root
====================================================*/

html{
    scroll-behavior:smooth;
    text-rendering:optimizeLegibility;
}

body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/*====================================================
= Accessibility
====================================================*/

.screen-reader-text{
    border:0;
    clip:rect(1px,1px,1px,1px);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    width:1px;
    word-wrap:normal!important;
}

.screen-reader-text:focus{
    background:#f1f1f1;
    clip:auto!important;
    clip-path:none;
    color:#21759b;
    display:block;
    font-size:14px;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000;
}

/*====================================================
= WordPress Alignment Classes
====================================================*/

.alignleft{
    float:left;
    margin:0 1.5rem 1rem 0;
}

.alignright{
    float:right;
    margin:0 0 1rem 1.5rem;
}

.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.alignwide{
    width:100%;
}

.alignfull{
    width:100%;
}

/*====================================================
= WordPress Images
====================================================*/

.wp-caption{
    max-width:100%;
}

.wp-caption img{
    max-width:100%;
    height:auto;
}

.wp-caption-text{
    font-size:.875rem;
    text-align:center;
    color:#666;
    margin-top:8px;
}

.gallery-caption{
    font-size:.875rem;
}

/*====================================================
= Embedded Media
====================================================*/

iframe,
embed,
object,
video{
    max-width:100%;
}

/*====================================================
= Tables
====================================================*/

table{
    max-width:100%;
}

/*====================================================
= Mobile Navigation
====================================================*/

@media(max-width:768px){

.mobile-menu-toggle{
display:block;
}

.main-navigation{
display:none;
width:100%;
}

.main-navigation.is-active{
display:block;
}

.nav-menu{
display:flex;
flex-direction:column;
}

}

@media(min-width:769px){

.mobile-menu-toggle{
display:none;
}

}