/*
Theme Name: GridSketcher
Text Domain: grids
Version: 1.0
*/

.page-not-found-content
{
    padding: 50px;
}
.clearspace
{
    margin-top: 200px;
}
.entry-title
{
    margin: 0 auto;
    padding-top: 300px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 10px;
    text-align: center;
}
.intro-text
{
    text-align: center;
}
.search--form
{
    text-align: center;
    margin-top: 75px;
}
.category-heading a 
{
    color: black;
}
.blog-image
{
    max-width: 100%;
    height:auto;
}
.blog--details
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.blog--author
{
    padding: 0;
    color: #3D3D3D;
}
.blog-image-style
{
    margin-bottom: 36px;
}
.blog-tag a
{
    display: inline-block;
    padding: 5px 14px 6px 14px;
    border-radius: 100px;
    background: #B0B0B0;
    color: #1D2A5D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
} 
.blog-tag a:hover
{    
    background: #000000;
    color: white;
}

.content--area a:hover
{
    color:#000000 !important;
}

#header-area .container .content--area nav ul li a:hover, #header-area .container .content--area nav ul li a.active 
{
    color: #000000;
}
#rowg
{
    display: flex;
    justify-content: space-around;
}
#colmtw
{
	display: flex;
	justify-content: space-evenly;
}
.blog-blocks
{
    display: grid;	
	gap: 30px;
	justify-content: space-between;
}
.blog-page
{
	padding-top: 0px;
	padding-bottom: 83px;
}
.blog--page{
    padding-top: 0px;
    padding-bottom: 83px;
}
.blog-item
{
	margin-bottom: 30px;
}
.thmbcls
{
	max-width:100%;
    height:auto;
}
.blog-text
{
	padding: 21px 34px 44px 34px;
	width: auto;
	background: #F6F6F6;
}
.blog-title
{
	color: #1D2A5D;  /*blog post title*/
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 123%;
	text-align: center;
	margin-bottom: 18px;
}
.catdat-author
{
	display: flex;
	justify-content: space-between;
}
.category-date
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 19px;
	margin-bottom: 18px;
}
.blog-category 
{
	display: inline-block;       /*blog post category*/
    padding: 5px 14px 6px 14px;
    border-radius: 100px;
    background: #B0B0B0;
    color: #1D2A5D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}
.blog-category:hover
{
    background: #4F4F4F;
}
.blog-category a
{
	color: #1D2A5D;
}
.blog-category a:hover
{
	color: #fff;
}
.blog-date
{
	display: flex;        /*blog post date*/
    align-items: center;
    gap: 4px;
    color: #263238;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.icon-time
{
	font-family: 'icomoon' !important;  /*blog post icon time*/
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #3D3D3D;
    font-size: 16px;
}
.content
{
	overflow: hidden;  /*blog post content*/
	color: #263238;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 155%;
	margin-bottom: 18px;
}
.blog-author 
{
	color: #263238;      /*blog post author 'By:' section*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blog-author span
{
	color: #3D3D3D;    /*blog post author name*/
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blg-catryt h5
{
	margin-bottom: 10px;
}
.post-categories a
{
	margin-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    color: #585858;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 118.75%;
    width: 100%;
    border-bottom: #c9d7e7 dashed 1px;
    margin-right: 100px;
}
.post-categories a:hover
{
    color: #141722;
}
.post-categories a:hover .icon-arrow-right
{
    transform: translateX(10px);  /*sidebar category arrow animation*/
}
.blg-artryt h6
{
	color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 123%;
    padding-top: 55px;
}
.related-articles-head{
    margin-bottom: 20px;
}
.art
{
	display: flex;
    padding-top: 10px;
    border-bottom: #c9d7e7 dashed 1px;
}


.blg-art
{
	display: block;
    padding: 0px 10px 18px 30px;
    color: #708195;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    
   
}
.blg-art:hover
{
    color: #263238;
    text-decoration-line: underline;
}
.blg-tagryt
{
	padding-top: 30px;
    padding-right: 27px;
    padding-bottom: 30px;
    padding-left: 27px;
    margin-top: 50px ;
    margin-right: 0px;
    border-radius: 9px;
    background: #F6F6F6;
}
.blg-tagryt h5
{
	margin-bottom: 15px;
}
.post-tags a
{
	display: inline-block;
    padding: 5px 14px 6px 14px;
    border-radius: 100px;
    background: #B0B0B0;
    color: #1D2A5D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 8px;
}
.post-tags a:hover
{
	background: #4F4F4F;
    color: #fff;
}

.blog-newsletter
{
	margin-top: 50px  !important;
    padding: 30px 38px !important;
    border-radius: 16px !important;
    border: 1px solid #000000 !important;
    background: #F6F6F6 !important;
}
.blog-newsletter h6
{
	margin: 0 0 13px 0;
}
.blog-newsletter p
{
	margin: 0 0 20px 0 !important;
    color: #4F4F4F !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.blog-newsletter form .form-field
{
	position: relative;
    margin: 0 0 16px 0;
}
.form-field
{
	width: 100%;
}
.blog-newsletter form .form-field .mail-icon
{
	width: 20px;
    height: 17px;
    top: 50%;
    left: 23px;   
    transform: translateY(-50%);
    position: absolute;
}
.blog-newsletter form .form-field input
{
	border: none;
    padding: 0 15px 0 55px;
}
.tnp-email
{
	width: 100% !important;
    height: 59px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 59px !important;
    margin: 0 0 0 0 !important;
    outline: none !important;
    border-radius: 5px !important;
    color: #4285f4 !important;
    background: #fff !important;
}
.blog-newsletter form .tnp-submit
{
	width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.tnp-submit
{
	border-radius: 100px !important;
    background: #6D6D6D !important;
    display: inline-block !important;
    padding: 0 71px !important;
    margin: 0 !important;
    height: 67px !important;
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #fff !important;
    line-height: 67px !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    border: none !important;
    text-align: center !important;
    transition: all .3s ease-in-out !important;
}
.tnp-submit:hover
{
    background: #3d3d3d !important;
}
#footer--area 
{
	background-color: white;
    border-top: 2px solid rgb(0 0 0 / 64%);
}
.footer--links a:hover
{
	color:#d1e7dd !important;
}
.social-media a:hover
{
	color:#d1e7dd !important;
}

.wp-paginate .current
{
    background: #5D5D5D !important;
    border: 1px solid #5D5D5D !important;
}