

/* ========== GLOBAL TYPOGRAPHY ========== */

/* ==========================
   CKEDITOR CSS RESET
========================== */

.ck-content *{
    font-size:18px !important;
    line-height:1.7 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color:#222 !important;
}

/* Strong fix */
.ck-content strong,
.ck-content b{
    font-size:18px !important;
    font-weight:700 !important;
}

/* Headings force */
.ck-content h1{ font-size:18px !important; }
.ck-content h2{ font-size:18px !important; }
.ck-content h3{ font-size:18px !important; }
.ck-content h4{ font-size:18px !important; }
.ck-content h5{ font-size:18px !important; }
.ck-content h6{ font-size:18px !important; }

/* Table fix */
.ck-content table,
.ck-content tr,
.ck-content td,
.ck-content th{
    font-size:18px !important;
    border:2px solid #333;
}

/* UL LI fix */
.ck-content ul,
.ck-content li{
    font-size:18px !important;
}


h1{
    font-size:25px;
}


/* sab headings same size look */
h2,h3,h4,h5,h6{
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
}

/* paragraphs */
p{
    font-size:18px;
    margin-bottom:8px;
 
}

/* lists */
ul li{
    font-size:18px !important;
    margin-bottom:6px;
}


/* links */
a{
    font-size:18px;
}

/* sidebar category links */
.widget_categories ul li a{
    font-size:18px !important;
    font-weight:600;
}


/* ========== TABLE DESIGN ========== */

.table-box{
    width:100%;
    border:2px solid #333;
    border-collapse:collapse;
    font-size:18px;
}

.table-box table{
    width:100%;
    border-collapse:collapse;
}

.table-box table td,
.table-box table th{
    border:2px solid #333;
    padding:8px 10px;
    font-size:18px;
}

/* table headings strip */
.table-header,
.sub-header,
.row-head,
.green-head,
.white-head,
.red-head,
.orange-head{
    text-align:center;
    font-size:18px;
    font-weight:700;
    padding:10px;
    color:#fff;
}

/* table heading colors */
.table-header,
.sub-header{ background:#1e57a6; }

.row-head{ background:#5a0036; }

.green-head{ background:#0e6b1f; }

.white-head{ background:blue; }

.red-head{ background:orange; }

.orange-head{ background:#e64a19; }

.col-50{
    padding:12px;
    vertical-align:top;
    font-size:18px;
}


/* ========== IMAGE FIX (RESPONSIVE & CLEAN) ========== */

.article-image img{
    width:100%;
    max-width:100%;
    height:auto;
    border:2px solid #333;
    display:block;
}

/* post content ke andar images */
.blog-details-desc img{
    max-width:100%;
    height:auto;
}

/* ========== BUTTONS ========== */
button,
a.button{
    font-size:18px;
    padding:8px 16px;
    font-weight:600;
}


/* ========== MOBILE RESPONSIVE ========== */
@media(max-width:767px){

  /* ==========================
   MOBILE FIX
========================== */

.ck-content *{
    font-size:14px !important;
    line-height:1.6 !important;
}

.ck-content strong,
.ck-content b{
    font-size:14px !important;
}

.ck-content h1,
.ck-content h2,
.ck-content h3,
.ck-content h4,
.ck-content h5,
.ck-content h6{
    font-size:14px !important;
}
    .table-header,
    .sub-header{
        font-size:14px;
    }
   h2,h3,h4,h5,h6{
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}
h1{
    font-size:20px;
}
/* paragraphs */
p{
    font-size:14px;
    margin-bottom:8px;
}

/* lists */
ul li{
    font-size:14px !important;
    margin-bottom:6px;
}

/* links */
a{
    font-size:14px;
}


/* sidebar category links */
.widget_categories ul li a{
    font-size:14px !important;
    font-weight:600;
}


/* ========== TABLE DESIGN ========== */

.table-box{
    width:100%;
    border:2px solid #333;
    border-collapse:collapse;
    font-size:14px;
}

.table-box table{
    width:100%;
    border-collapse:collapse;
}

.table-box table td,
.table-box table th{
    border:2px solid #333;
    padding:8px 10px;
    font-size:14px;
}

/* table headings strip */
.table-header,
.sub-header,
.row-head,
.green-head,
.white-head,
.red-head,
.orange-head{
    text-align:center;
    font-size:14px;
    font-weight:700;
    padding:10px;
    color:#fff;
}

/* table heading colors */
.table-header,
.sub-header{ background:#1e57a6; }

.row-head{ background:#5a0036; }

.green-head{ background:#0e6b1f; }

.white-head{ background:blue; }

.red-head{ background:orange; }

.orange-head{ background:#e64a19; }

.col-50{
    padding:12px;
    vertical-align:top;
    font-size:14px;
}


/* ========== IMAGE FIX (RESPONSIVE & CLEAN) ========== */

.article-image img{
    width:100%;
    max-width:100%;
    height:auto;
    border:2px solid #333;
    display:block;
}

/* post content ke andar images */
.blog-details-desc img{
    max-width:100%;
    height:auto;
}

/* ========== BUTTONS ========== */
button,
a.button{
    font-size:14px;
    padding:8px 16px;
    font-weight:600;
}
}






