/*
 Theme Name:   Techdic - twentytwentyfive Child
 Template:     twentytwentyfive
*/

/* For Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Markazi+Text&display=swap');

/*
@font-face{
	font-family: 'Markazi Text';
	src: url(fonts/MarkaziText-Medium.ttf);
}
*/

body{
	font-family:'Markazi Text',serif;
}

a{
	color: #2394a6;
	text-decoration: none;
}

.wp-block-navigation__responsive-container-open {
	padding: 1em;
}

.wp-block-navigation .wp-block-navigation-item {
    padding: 0 0 0 5px;
}

.wp-block-navigation .wp-block-navigation-item a{
	padding: 1em 5px;
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item:hover {
	background-color: #082d33;
	text-decoration: none;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    border: 3px solid #082d33;
}

header .techdic-menubar{
	background-color: #05444e;
	color: #fff;
	padding: 0 10px;
	border-top: 3px solid #082d33;
}

header .techdic-menubar .has-contrast-color{
	background-color: #05444e !important;;
	color: #fff !important;
}

.my-widget-title{
	border-bottom: 2px solid #05444e;
}

.my-widget-title span{
	padding: 6px 12px;
	background-color: #05444e;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	color: #fff;
}

.my-button{
	margin-bottom: 20px;
	text-align: center;
}

.my-button a{
	background: #05444e;
	display: block;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

.my-button a:hover{
        background-color: #082d33;
}

#techdic-footer, #techdic-footer a:not(.Charbutton){
	color: #fff;
}

footer ul{
	list-style: none;
	padding: 0;
}

footer a{
	text-decoration: none;
}

.taxonomy-category a{
	background: #05444e;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	border-radius: 3px;
}

/* resize inline scratch image buttons used in post's text */
.inline-img-btn{
	width: 30px;
}

.alpabeticalcat{
	justify-content: center;
	direction: ltr;
	text-align: center;
}

.Charbutton{
	display:inline-block;
	border: 2px solid rgb(6, 54, 62);
	width:38px;
	height:38px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
	margin: 4px 2px;
	font-size: 22px;
  	font-weight: 200;
	line-height: normal;
}

.Charbutton, a.Charbutton{
	color:white;
}

a.Charbutton{
	background-color: #05444e;
}

a.Charbutton:hover{
	background-color: #fff;
  	box-shadow:0px 2px 3px rgba(0,0,0,0.5) ;
	transition:box-shadow .5s, background-color .5s, ease;
	color: #082d33;
}

#relatedposts, #relatedarticles{
	margin: 15px 0;
	padding: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

#relatedposts ul, #relatedarticles ul{
	padding: 0 6px;
}

#relatedposts h3, #relatedarticles h3{
	background-color: #2394a6;
	color: #fff;
	border-radius: 4px;
	padding: 6px;
	margin: 0 0 5px 0;
}

#relatedposts li, #relatedarticles li{
	padding: 5px 0;
	list-style: none;
}

#relatedposts li:not(#related_last_entry), #relatedarticles li:not(#related_last_article){
	border-bottom: 1px solid #bfbbbb;
}

#rand-section, #recent-section{
	margin:30px 0;
}

.rand_header{
	display: inline-block;
	width: 100%;
}

.rand_image_link, .recent_image_link{
	float: right;
	width: 100%;
	height: auto;
	max-width: 130px;
	margin-left: 10px;
}

.rand_image_link img, .recent_image_link img{
	float: right;
	width: 130px;
	height: auto;
	border: 2px solid #2394a6;
	border-radius: 5px;
	margin: 0;
}

.rand_title_wrapper, .recent_title_wrapper{
	padding-top: 10px;
	height: 100%;
}

.rand-en-title, .recent-en-title{
	padding-top: 3px;
	direction: ltr;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rand-excerpt{
	text-align: justify;
	border-right: 3px solid #2394a6;
	padding-right: 20px;
	margin-top: 15px;
}

.td-icon{
	width: 1em;
	height: 1em;
}

.td-icon--calendar{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.1 6.6v1.6c0 .6-.4 1-1 1H3.9c-.6 0-1-.4-1-1V6.6c0-1.5 1.3-2.8 2.8-2.8h1.7V3c0-.6.4-1 1-1s1 .4 1 1v.8h5.2V3c0-.6.4-1 1-1s1 .4 1 1v.8h1.7c1.5 0 2.8 1.3 2.8 2.8zm-1 4.6H3.9c-.6 0-1 .4-1 1v7c0 1.5 1.3 2.8 2.8 2.8h12.6c1.5 0 2.8-1.3 2.8-2.8v-7c0-.6-.4-1-1-1z'%3E%3C/path%3E%3C/svg%3E");
}

.td-icon--user{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7c0-2.8 2.2-5 5-5s5 2.2 5 5-2.2 5-5 5-5-2.2-5-5zm9 7H8c-2.8 0-5 2.2-5 5v2c0 .6.4 1 1 1h16c.6 0 1-.4 1-1v-2c0-2.8-2.2-5-5-5z'%3E%3C/path%3E%3C/svg%3E");
}


.simple-text-aga{
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #05444e;
	margin-top: 0;
	padding: 5px;
}

	
.banner-aga{
	text-align: center;
}

.banner-aga img{
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    border-radius: 0px 5px 0px 5px;
}

.text-aga {
	background-color:#2394a6;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    border-radius: 0px 5px 0px 5px;
	margin-bottom: 20px;
}

.text-aga:hover {
    background-color: #0e7180;
}

.text-aga a{
	width:100%;
}

.aga-title{
	text-align: right;
	padding: 5px;
	color: #fff;
	display: block;
}

.aga-link{
	text-align: left;
	padding: 0 5px;
	color: #fff;
	display: block;
}

.simple-text-aga ul, .text-aga-container ul{
	list-style: none;
	padding: 0;
}

/* to prevent appeearing ajaxsearchlite shortcode search box in mobile menu */
.asl_w_container{
	position: relative;
	z-index: 1;
}

figure{
	max-width: 100% !important;
}

/* to make images stayed center aligned when wordpress wrap it in p element */
p img.aligncenter {
  display: block;
  margin: 0 auto;
}

#my-sidebar{
	padding-left: var(--wp--style--root--padding-left);
}

#my-sidebar ol{
	padding: 0;
	line-height: 1.4;
}

#my-sidebar li, #techdic-footer li{
	border-bottom: 1px dotted #05444e;
}

@media (max-width: 782px) {
	#my-sidebar{
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}
}