/*
Theme Name: Blog Mark-01
Theme URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: Vikas Arya
Author URI: http://wordpress.org/
Description: This themes design by Vikas Arya For TheGK
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: themes design
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html { box-sizing: border-box; font-size: 62.5%; font-family: sans-serif; margin-top: 0px !important; }
*, *:before, *:after {box-sizing: inherit; }
*, ::after, ::before {box-sizing: inherit;}
body{background: #ffff;font-family: 'Roboto', sans-serif;font-size: 1.6rem;
    font-weight: 300;line-height: 1.625;padding: 0;margin: 0px !important;color:#222;font-weight: inherit;color: rgb(34 34 34);letter-spacing:0.5px;}
::selection { background-color: #222; color: #fff; }
body a{text-decoration:none;color:#222;font-weight: inherit;}
.cantainer{max-width:110rem;margin:0 auto;}
.cantainer a{color:#0010ff;}
.cantainer a:hover{color:#551a8b;}
.site-header{background:#00BFFF;}
.site-title a{color:#fff;font-size: 4rem;}
.logo{max-height:100%; }
.site-description{margin:0px;padding:0px;font-size:1.8rem;}
.nav__btn{display:none;}
.nav__btn span{width:30px;padding:0.2rem;background:#fff;margin:0.5rem;display:block;}
.nav{border-bottom:2px solid #000;line-height:3.6rem;border-top:1.8px solid #000;}
.search{padding-right:1rem;line-height: 3.6rem;right:none;}
.share{display: flex;justify-content: center;gap: 3px;}
.share_link_w,.share_link_t,.share_link_f,.share_link_te{display: block;height:38px;}
.share_link_w{background:#25D366;}
.share_link_t{background:#34B7F1;}
.share_link_f{background:#4267B2;}
.share_link_te{background:#0088cc;}
.share_link_w a,.share_link_t a,.share_link_f a,.share_link_te a{padding: 0.2rem 5rem;}
.share_link_w a:hover,.share_link_te a:hover,.share_link_t a:hover,.share_link_f a:hover{margin-right:3px;}
.nav input{margin: -20px;padding: 0.6rem 1rem;outline:none;border:1px solid #000;}
.nav ul li{display:inline-block;}
.nav ul li a{padding:0.8rem 1rem;color:#fff;}
.nav ul li a:hover{background:#fff;}
.nav ul li:hover{background:#fff;border-bottom:3px solid red;color:#000;border-left:1px solid #000;}
.nav li > a:after { content: ' +'; }
.nav li > a:only-child:after { content: ''; }
#sub-menu{position:absolute;background:#4169E1;display:none;transition-delay: 2s;}
.nav ul li:hover > #sub-menu{display:block;margin:4px -6px 0px 0px;background:#4169E1;}
.nav ul li:hover > #sub-menu li{display:block;background:#4169E1;}
.last_date{color:#e3065e;font-size: 14px;font-weight: 500;}
.box_1,.box_2,.nav,.cant_post,.cant_,.section-content{display:flex;flex-flow: row wrap;justify-content: space-around;}
b, strong {
    font-weight: 500;
}
embed, iframe, img, object, video, .wp-caption {
    max-width: 100%;
}
.comments-area{text-align:center;}
p label{vertical-align:top;margin-right:2px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.wp-post-image{max-width:17rem;}
.entry-content ul,.entry-content table ul{list-style:inside;}
h1,.entry-title{font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;}
h2{font-size: 30px;
    font-size: 3rem;}
.toggle,.toggle-1,h3{font-size: 24px;
    font-size: 2.6rem;}
h4{font-size: 22px;
    font-size: 2.2rem;}
h5{font-size: 20px;
    font-size: 2rem;}
h6{font-size: 18px;
    font-size: 1.9rem;}
h1,h2,h3,h4,h5,h6{color: rgb(34 34 34);
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    line-height: 1.2;}
.entry-meta{
border: 1px solid #0010ff;
padding: 0.5rem 1rem;
border-radius: 2rem;text-transform: capitalize;
background: #f2f2f2;color:#000;}
.entry-content a{color: #3740ff;}
.content li{margin-bottom:.8rem;}
strong {
    font-weight: 700;
}
.s{position:fixed;bottom:0;background:#e2e2e2;color:#000;text-align: center;padding:0.4rem 0rem;font-weight:bold;width:1100px;}
.buttom_s{display:inline-flex;justify-content: center;gap:2px;width:100%;background: #050202;}
.buttom_s a:nth-child(even){background:#e3065e;color:#fff;padding:0.2rem 0.5rem;}
.buttom_s a:nth-child(odd){background:#0665e3;color:#fff;padding:0.2rem 0.5rem;}
.pagination{text-align:center;padding:.6em;}
.prev,.next,.page-numbers{padding: .2em .8em;line-height:2em;
border: 1px solid #c8c2c2;}
table li{text-align:left;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    width: 100%;
	overflow-x: scroll;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
th:nth-child(even){background: #4169E1;
color: #fff;
padding: 0.3rem 0.6rem;}
th:nth-child(odd){background: #4169E1;
color: #fff;
padding: 0.3rem 0.6rem;}
tr:nth-child(even){background:#eeeeee4d;}
tr:nth-child(odd){background:#fff;}
td {
    padding: 8px !important;
	border-top: 1px solid #ddd;
}
th, td {
    text-align: center;border:1px solid #cbcbcb;
	width:auto;
}
tbody{border:1px solid #cbcbcb;}
.submit{border:1px solid #000;padding:0.8rem 1.2rem;}
.btn1{background:green;}
.btn2{background:#000;}
.btn3{background:#A52A2A;}
.submit,.btn4{background:blue;}
.btn5{background:blueviolet;}
.btn6{background:#009900;}
.dis{color:red;padding:8px;}
.btn7{background:maroon;}
.submit,.btn6,.btn4,.btn5,.btn2,.btn3,.btn7,.btn1{color:#fff;border-radius:1rem;padding:0.3rem 0.8rem;font-weight:600;}
time{color:red;}
.box_item{flex:1;flex-basis:25%;background:#00BFFF;text-align:center;margin:0.5rem 0.6rem;font-size:1.5rem;font-weight:700;border-radius:1rem;border:2px solid #000;padding:0.5rem 1rem;color:#000;}
.box_item a{color:#fff;}
.box_item a:hover{color:#fff;}
.box_item:hover{background:#000;color:#000;}
.box_item:first-child{background:#e3065e;}
.box_item:first-child a{color:#fff;}
.box_item:first-child a:hover{color:#fff;}
.box_item:first-child:hover{background:#000;}
.box_item:last-child{background:#0665e3;}
.box_item:last-child a{color:#fff;}
.box_item:last-child a:hover{color:#fff;}
.box_item:last-child:hover{background:#000;}
.cant_,.cant_postt{padding: 1rem;
border: 1px solid #ddd;
border-radius: 2rem;}
.mymenu,.cant_postt{flex: 1; flex-basis: 70%;overflow:hidden;}
.brand{text-align: center; font-size: 2rem; font-weight: 900; color: #fff;padding-top:1rem;}
.sidebar{display:block;clear:both;width:28%;border:1.2px solid #d2d2d2;border-radius:1rem;}
.section{flex: 1; flex-basis: 32.5%; margin: 0.2rem; margin-bottom: 2rem; border-radius: 0rem 0rem 2rem 2rem; border: 1px solid #000; border-top: none;font-weight:600;}
.section h2,aside h2{background: #00BFFF; color: #fff; border-bottom: 2px solid #000; font-size: 1.8rem; margin: 0px; text-align: center;font-weight:550;padding:0.5rem 1rem;}
ul{list-style-position: outside;letter-spacing: inherit;list-style-type: none;margin: 0px;padding: 0px;}
.li_link,.section li{border-bottom: 1px dashed; padding: 0.5rem 1rem;}
.li_link{border-bottom:1.2px solid #d2d2d2;}
#button-submit{border: 1px solid #000; padding: 0.6rem 1rem; background:#4169E1 ; margin: 0px; font-weight: 400; color: #fff;}
.more_post{background: #4169E1;margin: 1rem;padding: 0.5rem 1rem;font-weight: 600;border:1px solid #000;right:0px;float:right;}
.more_post a{color:#fff;}
.more_post a:hover{color:#000;}
footer{background:#4169E1;text-align:center;color:#fff;}
.site-footer a{color:#e3065e;background:#fff;}
@media only screen and (max-width:700px){
	.mymenu{flex-basis: 0%;margin: 0.2rem;position: relative;}
	marquee,.nav ul{display:none;}
	.nav__btn,.nav ul li a:hover{background:none;border:none;}
	.nav ul li{display:block;width:100%;border-bottom: 1px solid #000;}
	table,.nav__btn{display:block;}.s{width:100%;}
	.box_item{flex-basis:40%;font-size: 1.2rem;}
	.search{position: absolute;
		right: 0;}
	.share_link_w a,.share_link_t a,.share_link_f a,.share_link_te a{padding: 0.2rem 0.5rem;}
}
@media only screen and (max-width:480px){
	.cantainer,.cant_post,.sidebar{width:100%;display:block;}
}